.wp{max-width:1160px;margin:0 auto;padding:24px 16px 48px;color:#12304b;font-family:Arial,sans-serif}.wp *{box-sizing:border-box}.wp .intro{text-align:center;padding:20px 12px}.wp .intro>p:first-child{font-weight:800;letter-spacing:3px;color:#087a75}.wp h1{font-size:clamp(28px,4vw,44px);margin:8px 0;color:#07549a}.wp h2{font-size:22px;margin:12px}.wp p{line-height:1.6}.wp .panel{background:#fff;border:2px solid #d9e8ef;border-radius:24px;padding:24px;box-shadow:0 12px 35px #07549a12}.wp .controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.wp button,.wp select{font:inherit;border-radius:10px;border:2px solid #b7cedc;padding:10px;background:white;color:#12304b;min-height:44px}.wp button{cursor:pointer;font-weight:bold}.wp button:hover{background:#eaf8ff}.wp button:disabled{opacity:.5;cursor:default}.wp button:focus-visible,.wp select:focus-visible{outline:3px solid #db7900;outline-offset:3px}.wp label{display:flex;align-items:center;gap:6px;font-weight:bold}.wp input{width:20px;height:20px}.wp #new{background:#07549a;color:white;border-color:#07549a}.wp .meter{display:flex;justify-content:space-between;margin:24px 0 16px;font-size:20px;color:#07549a}.wp .play{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:28px;align-items:start}.wp #grid{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:4px;touch-action:none;user-select:none;padding:10px;background:#edf5fa;border-radius:16px}.wp #grid button{padding:0;min-width:0;min-height:0;aspect-ratio:1;border:1px solid #d4e2eb;border-radius:7px;font-size:clamp(16px,2.6vw,26px);box-shadow:0 2px 0 #c5d8e4}.wp #grid button.found{background:#cff3dc;border-color:#42a76a;color:#12482c}.wp #grid button.selected{background:#ffdc73;color:#3c3000;border-color:#bf8c00}.wp #grid button.anchor{outline:3px solid #c16c00;outline-offset:-3px}.wp aside>p{margin-top:0;font-size:14px}.wp #clues{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wp .clue{display:flex;align-items:center;flex-direction:column;gap:6px;padding:8px;font-size:14px;overflow-wrap:anywhere}.wp .clue img{object-fit:contain;width:72px;height:72px;border-radius:8px}.wp .clue.complete{background:#e0f8e9;border-color:#47a870}.wp .clue.complete span:before{content:'✓ '}.wp #status{min-height:30px;text-align:center;font-size:20px;font-weight:bold;color:#08735e}.wp~footer{margin-top:24px}@media(max-width:720px){.wp{padding:12px 8px}.wp .panel{padding:14px 10px}.wp .play{grid-template-columns:1fr;gap:18px}.wp #grid{padding:7px;gap:3px;max-width:560px;width:100%;margin:auto}.wp #grid button{font-size:clamp(17px,4.5vw,25px)}.wp #clues{grid-template-columns:repeat(4,minmax(0,1fr))}.wp .clue{font-size:11px;padding:5px}.wp .clue img{width:52px;height:52px}.wp .controls{gap:9px}.wp .controls label{font-size:14px}.wp .intro{padding:12px 6px}}@media(prefers-reduced-motion:reduce){.wp *{scroll-behavior:auto}}