:root{color-scheme:light;--bg:#f6f4ee;--text:#17211f;--mint:#1b9c85;--teal:#0b5d56;--lilac:#c9b8ff;--lemon:#f2d84b;--error:#c94c4c;--surface:rgba(255,255,255,.76);--border:rgba(11,93,86,.16);--board:#276b9a;--shadow:0 24px 70px rgba(11,93,86,.13)}:root.dark{color-scheme:dark;--bg:#101113;--text:#f2f3f3;--mint:#45c8ae;--teal:#8fe4d4;--surface:rgba(34,35,38,.86);--border:rgba(255,255,255,.14);--board:#164564;--shadow:0 24px 70px #0007}*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:var(--text);background:radial-gradient(circle at 10% 8%,#c9b8ffad,transparent 30%),radial-gradient(circle at 86% 11%,#f2d84b94,transparent 25%),linear-gradient(180deg,#fffdf6,var(--bg) 52%,#dff3eb);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.dark body{background:radial-gradient(circle at 12% 8%,#8e80d829,transparent 30%),linear-gradient(180deg,#1a1b1f,var(--bg),#050506)}button{font:inherit;cursor:pointer}.app-shell{width:min(1100px,calc(100vw - 32px));min-height:100dvh;margin:auto;display:grid;grid-template-rows:88px auto 1fr 45px;gap:12px}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar-actions{display:flex;gap:10px}.icon-button{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--teal);font-weight:900;box-shadow:0 10px 24px #0b5d5614}.home-icon{display:block;width:19px;height:19px;margin:auto;background:currentColor;clip-path:polygon(50% 0,100% 42%,88% 42%,88% 100%,60% 100%,60% 66%,40% 66%,40% 100%,12% 100%,12% 42%,0 42%)}.hero{text-align:center;margin-top:-70px;pointer-events:none}.hero h1{margin:0;color:var(--teal);font-size:clamp(46px,7vw,72px);font-weight:900;line-height:.95}.hero p{margin:8px;color:#63706c;font-weight:800}.game-stage{align-self:start;border:1px solid var(--border);border-radius:26px;background:var(--surface);box-shadow:var(--shadow);padding:28px;position:relative}.board{position:relative;background:var(--board);border-radius:22px;padding:40px 32px 25px;box-shadow:inset 0 0 0 4px #fff2,0 16px 35px #16456447}.timer{position:absolute;right:26px;top:-24px;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:var(--lemon);color:#233743;font-size:36px;font-weight:950;border:5px solid #fff;box-shadow:0 8px 20px #0003}.timer.urgent{background:var(--error);color:white}.slots{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.tile,.slot{aspect-ratio:1;border-radius:8px;display:grid;place-items:center;font-size:clamp(25px,4vw,48px);font-weight:950;text-transform:uppercase}.slot{background:#174e75;border:2px solid #ffffff40}.tile{background:#f8f1dc;color:#183347;border:2px solid white;box-shadow:0 5px 0 #c9bfa4;user-select:none}.tile.new{animation:land .45s cubic-bezier(.2,.8,.2,1)}@keyframes land{from{transform:translateY(90px) rotateY(90deg);opacity:0}}.prompt{text-align:center;color:white;margin:20px 0 0;font-weight:750}.draw-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:-4px auto 16px;position:relative}.stack{width:150px;min-height:75px;margin-top:22px;border:0;border-radius:10px;background:#f8f1dc;color:#174e75;font-weight:950;box-shadow:0 6px 0 #c9bfa4,0 12px 0 #eee4ca,0 18px 0 #d8cdb4}.stack small{display:block;font-weight:700}.surprise,.actions button{border:1px solid var(--border);border-radius:999px;padding:12px 22px;background:white;color:var(--teal);font-weight:850}.surprise{background:var(--lemon);color:#233743;border:0}.answer-area{max-width:800px;margin:auto}.answer-head{display:flex;justify-content:space-between;font-weight:800;color:var(--teal);margin:10px}.answer-tray{min-height:82px;border:2px dashed var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px}.answer-tray:focus{outline:4px solid #1b9c8533}.answer-tray .tile{width:58px;height:58px;aspect-ratio:auto;font-size:30px}.typing{position:absolute;opacity:0;pointer-events:none}.actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.actions .primary{background:var(--teal);color:white}.actions button:disabled{opacity:.4;cursor:not-allowed}.result{max-width:800px;margin:18px auto 0;padding:20px;border-radius:18px;background:#fff;border-left:6px solid var(--mint)}.dark .result{background:#27282c}.result h2{margin:0 0 8px;color:var(--teal)}.result p{margin:6px 0}.best{padding-top:10px;border-top:1px solid var(--border)}.hidden{display:none}footer{display:flex;justify-content:space-between;align-items:center;color:#63706c;font-size:13px}dialog{max-width:600px;border:1px solid var(--border);border-radius:24px;background:var(--surface);color:var(--text);padding:28px;box-shadow:var(--shadow)}dialog::backdrop{background:#102d2b77;backdrop-filter:blur(5px)}dialog .close{float:right;border:0;background:transparent;font-size:26px;color:var(--teal)}@media(max-width:700px){.app-shell{width:min(100% - 18px,1100px);grid-template-rows:76px auto 1fr 38px}.game-stage{padding:16px}.board{padding:42px 10px 20px}.slots{gap:4px}.tile,.slot{border-radius:5px;font-size:clamp(19px,8vw,34px)}.draw-controls{gap:8px}.stack{width:32%;font-size:13px}.surprise{padding:10px}.timer{width:65px;height:65px;font-size:28px}.answer-tray .tile{width:44px;height:48px;font-size:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}