:root{--tap-min:64px;--gap-min:16px;--bg:#16233f;--bg-soft:#1f3157;--card:#fff;--card-ink:#2b2b3a;--ink:#f4f7ff;--ink-dim:#b9c6e0;--accent:#f4c233;--accent-ink:#4a3a00;--good:#4ca65b;--gentle:#3c7dd9;--warm:#e4572e;--radius:20px;--radius-lg:28px;--shadow:0 6px 0 rgba(0,0,0,.22);--shadow-soft:0 8px 24px rgba(0,0,0,.28);--fs-body:20px;--fs-lg:26px;--fs-xl:36px;--fs-huge:clamp(64px, 22vmin, 190px);--dur:.22s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--fs-body);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-text-size-adjust:100%;line-height:1.35;overflow:hidden}button,.tile,.no-select{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.screen{gap:var(--gap-min);flex-direction:column;flex:1;min-height:0;padding:16px;display:flex;overflow:auto}.center{text-align:center;align-items:center}.center>:first-child{margin-top:auto}.center>:last-child{margin-bottom:auto}.row{gap:var(--gap-min);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.spacer{flex:1;min-height:0}.btn{min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--radius);background:var(--card);color:var(--card-ink);font-size:var(--fs-lg);cursor:pointer;box-shadow:var(--shadow);transition:transform var(--dur), filter var(--dur);border:2px solid rgba(43,43,58,.18);padding:14px 24px;font-family:inherit;font-weight:700}.btn:active{transform:translateY(3px);box-shadow:0 3px rgba(0,0,0,.22)}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--big{font-size:var(--fs-xl);border-radius:var(--radius-lg);padding:22px 44px}.btn--ghost{color:var(--ink-dim);box-shadow:none;font-size:var(--fs-body);background:0 0;font-weight:600}.btn--icon{padding:12px;font-size:34px;line-height:1}.btn[disabled]{opacity:.45;cursor:default}.tile{min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--radius);background:var(--card);width:max(72px,min(19vmin,160px));height:max(72px,min(19vmin,160px));color:var(--card-ink);cursor:pointer;box-shadow:var(--shadow);transition:transform var(--dur), background var(--dur);border:none;place-items:center;font-family:inherit;font-size:max(40px,min(11vmin,92px));font-weight:800;display:grid}.tile:active{transform:translateY(3px)}.word{font-size:var(--fs-huge);letter-spacing:.04em;color:var(--ink);font-weight:800}.word-btn{color:inherit;cursor:pointer;min-width:var(--tap-min);min-height:var(--tap-min);background:0 0;border:none;padding:4px 14px;font-family:inherit;line-height:1}.word__g{transition:color var(--dur), transform var(--dur);display:inline-block}.word__g--on{color:var(--accent);transform:translateY(-6px)}.card{background:var(--card);color:var(--card-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:20px}.pic{border-radius:var(--radius);background:var(--card);width:max(96px,min(26vmin,232px));height:max(96px,min(26vmin,232px));box-shadow:var(--shadow);cursor:pointer;padding:8px;display:block}.pic:active{transform:translateY(3px)}.title{font-size:var(--fs-xl);margin:0;font-weight:800}.sub{color:var(--ink-dim);font-size:var(--fs-body);margin:0}.taskbar{grid-template-columns:var(--tap-min) 1fr var(--tap-min);z-index:5;pointer-events:none;align-items:center;gap:12px;padding-top:4px;display:grid;position:sticky;bottom:8px}.taskbar__buddy,.taskbar__slot{pointer-events:auto}.taskbar__buddy{width:var(--tap-min);height:var(--tap-min);cursor:pointer}.taskbar__slot{justify-content:center;display:flex}@keyframes buddy-hop{0%{transform:translateY(0)}35%{transform:translateY(-10px)}60%{transform:translateY(0)}75%{transform:translateY(-4px)}to{transform:translateY(0)}}.buddy-hop{animation:.4s ease-out buddy-hop}.board-screen{text-align:center;align-items:center;overflow:hidden}.board-screen__ask{align-items:center;gap:var(--gap-min);flex-direction:column;flex:none;width:100%;display:flex}.board{justify-content:center;gap:var(--gap-min);flex-wrap:wrap;flex:auto;align-items:center;width:100%;min-height:0;display:flex;overflow-y:auto}.board .tile{width:var(--tap-min);min-width:var(--tap-min);height:var(--tap-min);min-height:var(--tap-min);padding:0}.board{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;padding-left:8px;padding-right:8px}.tile--vowel{background:#fff2c9}.board{-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(#000 calc(100% - 22px),transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.submit-bar{flex:none;justify-content:center;width:100%;padding-top:4px;display:flex}@media (orientation:landscape) and (max-height:480px){.board-screen{column-gap:var(--gap-min);grid-template-rows:1fr auto;grid-template-columns:minmax(190px,40%) 1fr;align-items:center;display:grid}.board-screen__ask{grid-area:1/1}.board{grid-area:1/2/span 2;align-self:stretch}.submit-bar{grid-area:2/1}.board-screen [data-testid=meaning]{grid-column:1/-1}.board-screen .sub{display:none}}.board-screen__word .word{gap:10px;font-size:max(48px,min(14vmin,96px));display:flex}.board-screen__word .word__g{border-bottom:5px solid rgba(255,255,255,.4);min-width:56px;line-height:1.05}.board-screen__word{flex-wrap:nowrap}.word__g--set{cursor:pointer}.grid{gap:var(--gap-min);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;padding-bottom:8px;display:grid}.hdr{flex-wrap:nowrap;align-items:center;gap:8px;width:100%;display:flex}.hdr .dots{flex:1;min-width:0}.dots{flex-wrap:nowrap;justify-content:center;gap:8px;display:flex}.dot{background:rgba(255,255,255,.22);border-radius:50%;width:14px;height:14px}.dot--done{background:var(--accent)}.dot--now{background:var(--ink);transform:scale(1.25)}@media (orientation:landscape) and (max-height:480px){:root{--fs-huge:clamp(48px, 16vmin, 90px);--fs-xl:28px;--fs-lg:22px}.screen{gap:var(--gap-min);padding:8px 16px}}.tile--right{background:var(--good);color:#fff}.tile--hint{outline:5px solid var(--accent);outline-offset:3px}.tile--dim{opacity:.35}