.app{position:relative;z-index:1;display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding-top:env(safe-area-inset-top)}.app[data-screen=home]{height:auto;min-height:100dvh;overflow:visible}.shell{width:100%;max-width:560px;margin:0 auto;padding-inline:clamp(14px,4.5vw,22px)}.app>main{flex:1;display:flex;flex-direction:column;min-height:0}.topbar{flex:0 0 auto;border-bottom:1px solid var(--border-soft)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;padding-block:clamp(9px,1.6dvh,14px)}.topbar__nav{display:flex;gap:2px}.iconbtn{width:40px;height:40px;border-radius:10px;color:var(--fg-3);display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.iconbtn:hover{background:var(--bg-elev-2);color:var(--fg)}.iconbtn:focus-visible,.chip:focus-visible,.clue__slot:focus-visible,.btn:focus-visible,.throughbar__call:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game{flex:1;display:flex;flex-direction:column;min-height:0;gap:clamp(8px,1.4dvh,14px);padding-block:clamp(10px,1.8dvh,18px)}.board{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(8px,1.4dvh,14px)}.board>*{flex-shrink:0}.tray{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding-bottom:env(safe-area-inset-bottom)}.game[data-end=true] .board{overflow-y:auto}.meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.meta__label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.meta__title{font-family:var(--serif);font-style:italic;font-size:clamp(17px,4.6vw,21px);font-weight:600;color:var(--fg);line-height:1.15;margin-top:2px}.meta__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.meta__diff{font-size:12px;font-weight:600}.clues{display:flex;flex-direction:column;gap:clamp(6px,1dvh,9px)}.clue{display:flex;align-items:center;gap:10px;padding:9px 11px;min-height:58px;background:var(--bg-elev);border:1.5px solid var(--border);border-radius:12px;box-shadow:var(--shadow-soft);transition:background .16s,border-color .12s,transform .12s}.clue__num{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--bg-elev-2);color:var(--fg-3);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:14px;font-weight:600}.clue__text{flex:1 1 auto;min-width:0;font-family:var(--serif);font-size:clamp(14px,3.9vw,16px);line-height:1.28;color:var(--fg)}.clue__slot{flex:0 0 clamp(88px,26vw,108px);height:40px;border-radius:9px;border:1.5px dashed var(--border);background:transparent;color:var(--fg-4);display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:clamp(10px,2.9vw,12px);font-weight:700;letter-spacing:.05em;overflow:hidden;transition:background .14s,border-color .12s,color .14s}.clue[data-filled=true] .clue__slot{border-style:solid;border-color:var(--fg);background:var(--fg);color:var(--bg)}.clue[data-locked=true]{background:var(--success-soft);border-color:var(--success)}.clue[data-locked=true] .clue__num{background:var(--success);color:#fff}.clue[data-locked=true] .clue__text{color:var(--success-2)}.clue[data-locked=true] .clue__slot{border-color:var(--success);background:var(--success);color:#fff}.clue[data-target=true]{border-color:var(--accent);cursor:pointer}.clue[data-target=true] .clue__slot{border-color:var(--accent);color:var(--accent)}.clue[data-over=true]{background:var(--accent-soft);transform:scale(1.008)}.clue--shake{animation:shakeX .4s}.clue--lock{animation:lockIn .35s ease-out}.throughbar{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:46px;border:1.5px dashed var(--border);border-radius:12px;transition:background .2s,border-color .2s}.throughbar[data-revealed=true]{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.throughbar__label{flex:0 0 auto;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.throughbar[data-revealed=true] .throughbar__label{color:var(--accent)}.throughbar__value{flex:1 1 auto;min-width:0;font-family:var(--serif);font-style:italic;font-size:clamp(14px,3.9vw,17px);font-weight:600;color:var(--fg);animation:fadeIn .26s}.throughbar__redacted{flex:1 1 auto;height:10px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--border) 0 22px,transparent 22px 28px);opacity:.85}.throughbar__call{flex:0 0 auto;padding:6px 12px;border-radius:999px;border:1.5px solid var(--accent);color:var(--accent);font-size:12px;font-weight:700;transition:background .14s}.throughbar__call:hover{background:var(--accent-soft)}.pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.6vw,8px)}.chip{min-height:44px;padding:6px 4px;border-radius:10px;background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-soft);color:var(--fg);font-family:var(--sans);font-size:clamp(10.5px,2.9vw,13px);font-weight:700;letter-spacing:.05em;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;overflow:hidden;text-overflow:ellipsis;transition:background .12s,transform .1s,opacity .14s,border-color .12s}.chip:hover:not(:disabled){border-color:var(--fg-3)}.chip[data-state=selected]{background:var(--fg);color:var(--bg);border-color:var(--fg);transform:translateY(-1px)}.chip[data-state=placed]{background:transparent;border-style:dashed;color:var(--fg-4);box-shadow:none}.chip[data-state=locked]{background:transparent;border-color:transparent;color:var(--fg-4);opacity:.35;text-decoration:line-through;box-shadow:none;cursor:default}.chip[data-state=dragging]{opacity:.3}.chip:disabled{cursor:default}.feedback{min-height:19px;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(12.5px,3.4vw,14px);color:var(--fg-3);animation:fadeIn .2s}.feedback[data-tone=miss]{color:var(--error-2)}.feedback[data-tone=good]{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding-inline:20px;border-radius:999px;font-family:var(--sans);font-size:15px;font-weight:600;transition:opacity .14s,background .14s,transform .1s}.btn--primary{background:var(--fg);color:var(--bg);box-shadow:var(--shadow-lift)}.btn--ghost{border:1.5px solid var(--border);color:var(--fg)}.btn--ghost:hover{background:var(--bg-elev-2)}.btn--block{width:100%}.btn:disabled{opacity:.3;cursor:default;box-shadow:none}.btn:not(:disabled):active{transform:scale(.985)}.tray__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--fg-4)}.linkbtn{color:var(--fg-3);font-size:12px;text-decoration:underline;text-underline-offset:3px}.linkbtn:hover{color:var(--fg)}.strikes{display:flex;align-items:center;gap:5px}.strikes__dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--fg-4);transition:background .2s,border-color .2s}.strikes__dot[data-spent=true]{background:var(--error);border-color:var(--error)}.drag-ghost{position:fixed;z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.06em;background:var(--fg);color:var(--bg);border-radius:10px;box-shadow:0 18px 40px #00000047;transform:scale(1.06) rotate(-1.5deg)}@media (min-width: 900px){.app,.app[data-screen=home]{height:auto;min-height:100dvh;overflow:visible}.shell{max-width:1080px;padding-inline:32px}.game{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;align-content:center;gap:40px;padding-block:28px;min-height:calc(100dvh - 150px)}.game[data-end=true]{grid-template-columns:minmax(0,620px);justify-content:center}.board{overflow:visible;gap:16px}.tray{position:sticky;top:28px;gap:12px}.pool{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chip{min-height:46px;font-size:13px}.clue{min-height:72px;padding:14px 16px;gap:16px}.clue__num{width:30px;height:30px;font-size:15px}.clue__text{font-size:17px}.clue__slot{flex-basis:132px;height:44px;font-size:12.5px}.throughbar{min-height:52px;padding:10px 14px}.clues{gap:10px}.modal-overlay{align-items:center!important;padding:24px!important}.modal-card{border-radius:20px!important;border-bottom:1px solid var(--border)!important}}@media (min-width: 768px) and (max-width: 899px){.shell{max-width:640px}.clue{min-height:64px}}@media (max-height: 720px) and (max-width: 899px){.clue{min-height:50px;padding:7px 10px}.clue__text{font-size:14px;line-height:1.24}.clue__num{width:24px;height:24px;font-size:13px}.clue__slot{height:36px}.throughbar{min-height:40px;padding:7px 10px}.chip{min-height:40px}.btn{min-height:44px}.feedback{min-height:17px}}.kbd-hint{display:none}@media (min-width: 900px) and (pointer: fine){.kbd-hint{display:block;font-family:var(--serif);font-style:italic;font-size:12px;color:var(--fg-4);text-align:center}}.kbd{font-family:var(--mono);font-size:10.5px;font-style:normal;padding:1px 5px;border-radius:4px;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg-3)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}