:root{--bg: #0f1d16;--surface: #17291f;--surface2: #1f362a;--text: #eef6f1;--muted: #9bb3a6;--line: #2b4637;--accent: #52d39a;--accent-ink: #062014;--accent2: #f5c451;--danger: #ff6b6b;--p1: #52d39a;--p2: #f5c451;--t-glacial: #4aa3ff;--t-very_cold: #5fb7ff;--t-cold: #7fc8d8;--t-lukewarm: #d9c36a;--t-warm: #f3a950;--t-very_hot: #ff7a45;--t-burning: #ff3d3d;--t-found: #52d39a;--radius: 16px;--tap: 48px;color-scheme:dark}:root[data-theme=science]{--bg: #0e1226;--surface: #171d3d;--surface2: #202853;--line: #313a73;--muted: #a3acd6;--accent: #8fa8ff;--accent-ink: #0b1030;--accent2: #c58cff;--p1: #8fa8ff;--p2: #c58cff}:root[data-theme=coquin]{--bg: #1d0910;--surface: #2d1019;--surface2: #3d1723;--line: #5a2535;--muted: #d0a3ae;--accent: #e5546e;--accent-ink: #2a0610;--accent2: #f0b9a9;--p1: #e5546e;--p2: #f0b9a9}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background .3s}body{min-height:100dvh}h1{font-size:1.5rem;margin:0;line-height:1.2}h2{font-size:1rem;margin:1.1rem 0 .5rem;letter-spacing:.02em}p{margin:.25rem 0}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.row{display:flex;gap:.6rem;align-items:center}.row>*{flex:1}.between{justify-content:space-between}.between>*{flex:0 1 auto}.screen{width:100%;max-width:520px;margin:0 auto;padding:1rem 1rem calc(1.2rem + env(safe-area-inset-bottom))}.game{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.primary,.secondary{min-height:var(--tap);padding:.6rem 1.1rem;border-radius:14px;font-weight:700}.primary{background:var(--accent);color:var(--accent-ink)}.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.big{width:100%;min-height:56px;font-size:1.1rem;margin-top:.6rem}.link{background:none;color:var(--muted);min-height:var(--tap);text-decoration:underline;width:100%}.icon{background:var(--surface2);color:var(--text);width:44px;height:44px;border-radius:12px;font-size:1.1rem}.brand{display:flex;gap:.8rem;align-items:center;margin:.4rem 0 1rem}.field{border:0;padding:0;margin:.9rem 0 0;display:block}.field legend,.legend{display:block;color:var(--muted);font-size:.85rem;margin-bottom:.35rem;padding:0}.seg{display:flex;background:var(--surface);border-radius:14px;padding:4px;gap:4px}.seg button{flex:1;min-height:44px;border-radius:10px;background:transparent;color:var(--muted);font-weight:600}.seg button.on{background:var(--accent);color:var(--accent-ink)}.mode-cards,.theme-cards{display:grid;gap:.6rem;margin-top:.9rem}.mode-cards{grid-template-columns:1fr 1fr}.theme-cards{grid-template-columns:1fr;margin-top:0}.card-btn{text-align:left;background:var(--surface);border:2px solid transparent;border-radius:var(--radius);padding:.8rem .9rem;color:var(--text);display:flex;flex-direction:column;gap:.15rem;min-height:var(--tap)}.card-btn span:not(.emoji){color:var(--muted);font-size:.85rem}.card-btn.on{border-color:var(--accent);background:var(--surface2)}.theme-card{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;row-gap:.1rem;align-items:center}.theme-card .emoji{grid-row:1 / 3;font-size:1.8rem}.theme-card strong{align-self:end}.theme-card span:last-child{align-self:start;overflow-wrap:anywhere}.theme-card[data-theme=nature].on{border-color:#52d39a}.theme-card[data-theme=science].on{border-color:#8fa8ff}.theme-card[data-theme=coquin].on{border-color:#e5546e}input{width:100%;min-height:var(--tap);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.5rem .8rem;font-size:1rem}.join{margin-top:1.4rem;border-top:1px solid var(--line);padding-top:.4rem}.join form{display:flex;gap:.6rem}.join input{flex:1;letter-spacing:.25em;text-transform:uppercase;text-align:center;font-weight:700}.join .secondary{flex:0 0 auto}.waiting{text-align:center;display:flex;flex-direction:column;gap:.8rem;align-items:stretch;padding-top:12vh}.pulse{font-size:3rem;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12);opacity:.7}}.code-box{background:var(--surface);border:2px dashed var(--accent);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.2rem}.code{font-size:2.6rem;font-weight:800;letter-spacing:.3em;padding-left:.3em;color:var(--accent);font-variant-numeric:tabular-nums}.topbar{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.topbar .icon{margin-left:auto}.theme-badge{background:var(--accent);color:var(--accent-ink);font-weight:800;padding:.25rem .7rem;border-radius:999px;font-size:.85rem}.code-chip{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:.85rem}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--muted)}.dot.ok{background:#46d17a}.dot.ko{background:var(--danger)}.players{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.player{flex:1 1 0;min-width:120px;background:var(--surface);border:2px solid transparent;border-radius:12px;padding:.4rem .7rem;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player.p1.active{border-color:var(--p1)}.player.p2.active{border-color:var(--p2)}.turn{text-align:center;padding:.5rem;border-radius:12px;background:var(--surface);color:var(--muted);font-weight:700;margin-bottom:.6rem}.turn.mine{background:var(--accent);color:var(--accent-ink);animation:nudge .5s ease-out}@keyframes nudge{0%{transform:translateY(-4px)}to{transform:none}}.card{background:var(--surface);border-radius:var(--radius);padding:.9rem;margin-bottom:.6rem}.context{font-size:1.05rem;margin:0 0 .6rem}.meta{display:flex;gap:.4rem;margin-bottom:.7rem;flex-wrap:wrap}.tiles{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tile{width:30px;height:38px;border-bottom:3px solid var(--accent);background:var(--surface2);border-radius:6px 6px 2px 2px;display:grid;place-items:center;font-weight:800;font-size:1.2rem}.tile.filled{color:var(--accent)}.gap{width:14px}.dash{align-self:center;color:var(--muted)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.6rem}.stat{background:var(--surface);border-radius:var(--radius);padding:.6rem .9rem;display:flex;justify-content:space-between;align-items:baseline}.stat strong{font-size:1.5rem}.stat small{color:var(--muted);font-size:.85rem;font-weight:400}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .6rem;border-radius:999px;font-weight:700;font-size:.85rem;background:var(--surface2);white-space:nowrap}.chip.plain{color:var(--muted);font-weight:600}.t-glacial{background:var(--t-glacial)!important;color:#04162b}.t-very_cold{background:var(--t-very_cold)!important;color:#04162b}.t-cold{background:var(--t-cold)!important;color:#06222b}.t-lukewarm{background:var(--t-lukewarm)!important;color:#2a2306}.t-warm{background:var(--t-warm)!important;color:#2b1604}.t-very_hot{background:var(--t-very_hot)!important;color:#2e0e02}.t-burning{background:var(--t-burning)!important;color:#fff}.t-found{background:var(--t-found)!important;color:#04200f}.meter{height:12px;background:var(--surface2);border-radius:99px;overflow:hidden;margin:.5rem 0}.meter i{display:block;height:100%;border-radius:99px;transition:width .35s}.hints ol{margin:0;padding-left:1.3rem}.hints li{margin-bottom:.3rem}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.guess{display:grid;grid-template-columns:auto 1fr auto auto;gap:.5rem;align-items:center;background:var(--surface);border-radius:12px;padding:.55rem .7rem;min-height:48px;border:2px solid transparent}.guess.fresh{animation:pop .35s ease-out}.guess.is-best{border-color:var(--accent)}@keyframes pop{0%{transform:scale(.96);opacity:.4}to{transform:none;opacity:1}}.order{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.gword{font-weight:700;overflow-wrap:anywhere}.who{color:var(--muted);font-weight:400;font-size:.8rem;font-style:normal}.score{min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}.qa{display:flex;justify-content:space-between;gap:.6rem;align-items:center;background:var(--surface);border-radius:12px;padding:.55rem .7rem}.a-yes{background:#2f8f5b}.a-rather_yes{background:#4d9a62}.a-maybe{background:#8a7a2e}.a-rather_no{background:#a15a3a}.a-no{background:#b04242}.a-unknown{background:#4a5568}.action-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;gap:.6rem;max-width:520px;margin:0 auto;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 28%)}.action-bar>*{flex:1;min-height:52px}.action-bar small{opacity:.8}.sheet-backdrop{position:fixed;inset:0;z-index:30;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:520px;background:var(--surface);border-radius:22px 22px 0 0;padding:.8rem 1rem calc(1rem + env(safe-area-inset-bottom));animation:slide .2s ease-out}@keyframes slide{0%{transform:translateY(30%);opacity:.6}to{transform:none;opacity:1}}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.sheet-input{display:flex;gap:.6rem}.sheet-input input{flex:1}.modal{position:fixed;inset:0;z-index:40;background:#000000b3;display:grid;place-items:center;padding:1rem}.modal-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.3rem;width:100%;max-width:420px;text-align:center;animation:pop .3s ease-out}.modal-card h2{margin-top:0;font-size:1.4rem}.modal-card .row{margin-top:1rem}.secret{font-size:2rem;font-weight:800;color:var(--accent);margin:.2rem 0 .8rem;overflow-wrap:anywhere}.result-row{display:flex;justify-content:space-around;margin:.4rem 0}.stars{font-size:1.8rem;color:var(--accent2);letter-spacing:.1em}.big-score{display:block;font-size:1.8rem}.banner{position:sticky;top:0;z-index:50;background:var(--danger);color:#1c0000;text-align:center;font-weight:700;padding:.4rem}.toast-zone{position:fixed;left:0;right:0;bottom:calc(5.6rem + env(safe-area-inset-bottom));z-index:60;display:flex;justify-content:center;pointer-events:none;padding:0 1rem}.toast{pointer-events:auto;background:var(--surface2);border:1px solid var(--line);padding:.6rem 1rem;border-radius:14px;box-shadow:0 6px 24px #0006;animation:pop .25s ease-out;max-width:440px;text-align:center}.toast.error{background:#5a1f27;border-color:var(--danger)}.toast.good{background:#1d4a35;border-color:var(--accent)}.home .toast-zone,.waiting+.toast-zone{bottom:1.2rem}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:480px){.theme-cards{grid-template-columns:repeat(3,1fr)}.theme-card{grid-template-columns:1fr;row-gap:.15rem}.theme-card .emoji{grid-row:auto}.tile{width:34px;height:42px}}.join input::placeholder{letter-spacing:0;font-weight:400;font-size:.9rem;text-transform:none}.home{position:relative}.lang-switch{position:absolute;top:1rem;right:1rem;z-index:5;display:flex;background:var(--surface);border-radius:12px;padding:3px;gap:2px}.lang-switch button{min-width:44px;min-height:44px;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;font-size:.85rem}.lang-switch button.on{background:var(--accent);color:var(--accent-ink)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:4.5rem;min-height:90dvh}.title{font-size:2.6rem;font-weight:900;letter-spacing:-.02em;margin:.2rem 0}.title span{color:var(--accent)}.tagline{margin-bottom:1.8rem}.menu{width:100%;display:flex;flex-direction:column;gap:.8rem;margin-top:auto;padding-bottom:1.5rem}.menu .big{margin-top:0}.logo3d{position:relative;width:160px;height:150px;perspective:700px;display:grid;place-items:center}.logo3d .q{position:relative;width:100px;height:120px;transform-style:preserve-3d;animation:spin3d 7s linear infinite}.logo3d .q span{position:absolute;inset:0;display:grid;place-items:center;font-size:112px;font-weight:900;line-height:1;color:var(--accent)}.logo3d .orbit{position:absolute;inset:0;animation:orbit 3.5s linear infinite}.logo3d .orbit b{position:absolute;top:4px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 12px var(--accent2)}@keyframes spin3d{to{transform:rotateY(360deg)}}@keyframes orbit{to{transform:rotate(360deg)}}.page{padding-top:4.2rem}.page h1{margin-bottom:.4rem}.back{background:none;color:var(--muted);min-height:44px;padding:0;position:absolute;top:1rem;left:1rem;font-weight:600}.center{text-align:center}.lobby{text-align:center;display:flex;flex-direction:column;gap:.8rem;padding-top:2.5rem}.slots{list-style:none;margin:.4rem 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.slot{background:var(--surface);border-radius:14px;padding:.8rem 1rem;display:flex;align-items:center;gap:.6rem;min-height:56px;border:2px solid transparent}.slot.filled{border-color:var(--accent)}.slot.empty{border:2px dashed var(--line);justify-content:center}.pulse-text{animation:pulseText 1.8s ease-in-out infinite}@keyframes pulseText{50%{opacity:.5}}.join .code-input,.code-input{letter-spacing:.3em;text-align:center;font-weight:800;text-transform:uppercase}
