:root{--bg:#f4f4eb;--panel:#fffef9;--ink:#183e32;--muted:#6b7b70;--line:#dce5d8;--green:#236347;--arena:#eaf0e4}body{background:radial-gradient(ellipse at 80% 0,#e4ebda,transparent 60%),var(--bg)}main{max-width:860px;padding:24px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:35px}.brand{font-size:12px;letter-spacing:.15em}.brand span{display:block;background:0 0;padding:0;margin:5px 0 0;color:var(--muted);font-size:8px;letter-spacing:.2em}.controls{display:flex;gap:7px}.controls button{font-size:11px;border-radius:20px;padding:8px 12px;background:0 0}.controls button[aria-pressed=false]{color:var(--muted)}header{display:flex;justify-content:space-between;align-items:center;padding:0 8px;margin:0 0 28px}.eyebrow{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.18em}header h1{font-size:clamp(36px,6vw,58px);font-weight:740;line-height:1;letter-spacing:-.055em;margin:16px 0}h1 em{font-family:Georgia,serif;font-weight:500}header p:not(.eyebrow){font-size:14px;line-height:1.7}.lab-art{width:150px;color:var(--green);position:relative;transform:rotate(8deg)}.lab-art svg{width:100%;display:block}.lab-art span{position:absolute;right:-5px;top:48%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-weight:700;font-size:14px;box-shadow:0 6px 20px #254b3010;transform:rotate(-8deg)}.hud{border-radius:18px;padding:18px;background:var(--panel);box-shadow:0 6px 28px #254b3005;font-size:9px}.hud>div+div{border-left:1px solid var(--line)}.hud strong{font-size:29px;font-weight:750}#end,#intro{border:1px solid var(--line);padding:30px;border-radius:22px;box-shadow:0 12px 40px #254b3005}#intro h2{font-size:28px;letter-spacing:-.03em;margin:8px 0 15px}#intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:560px}#intro ol{list-style:none;counter-reset:stage;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}#intro li{margin:0;padding:14px;background:var(--arena);border-radius:10px;font-size:12px;line-height:1.6}#intro li:before{counter-increment:stage;content:'0' counter(stage);display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.primary{border-radius:12px;box-shadow:0 5px 0 #143f2c;font-size:14px}.primary:hover{filter:brightness(1.08)}#start{display:flex;align-items:center;justify-content:space-between;width:100%;margin:24px 0 8px}#start span{font-size:23px;line-height:1}details{font-size:11px;border:0}summary{color:var(--muted)}.round{padding:8px 3px;color:var(--muted);font-size:11px}#pause{border:0;background:0 0;font-size:12px}.prompt{padding:20px 10px 16px;min-height:132px}.prompt>span:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.prompt h2{margin:10px auto;max-width:650px;font-weight:750;letter-spacing:-.02em}.prompt #worth{font-size:11px}#time-points{display:block;margin:12px auto 0;width:110px;height:5px;accent-color:#c89b44;border:0;border-radius:8px;overflow:hidden}#time-points::-webkit-progress-bar{background:#dfe5d9}#time-points::-webkit-progress-value{background:#c89b44}#arena{border-radius:22px;background-image:radial-gradient(#93ac831f 1px,transparent 1px);background-size:18px 18px}.formula{border:1px solid #d0dccb;border-bottom:4px solid #c6d6bd;border-radius:18px;box-shadow:0 8px 20px #2e593512;font-family:system-ui,sans-serif;font-weight:650;background:var(--panel);min-height:74px}.formula:hover{background:#fffdf3;border-color:#bca465}.floor{border-top-color:#c89b44;color:#8f793f;background:#f2e9cc66;font-size:8px;letter-spacing:.16em;height:25px}#hit{position:absolute;top:25%;left:0;right:0;text-align:center;color:var(--green);font-size:38px;font-weight:850;pointer-events:none;opacity:0}.hit-pop{animation:hit-pop .85s ease-out}#record-toast{background:#eee3be;color:#69521a;border:1px solid #d8bd78;border-radius:12px;padding:13px 18px;font-size:13px;line-height:1.5}#end h2{font-size:32px;letter-spacing:-.03em}.profile-record{border:1px solid var(--line);border-radius:16px;padding:25px;background:var(--arena);margin:15px 0}.profile-record strong{display:block;font-size:48px;color:var(--green);line-height:1.4}.profile-record span{font-size:12px;color:var(--muted)}#overlay section{box-shadow:0 25px 100px #0003}#storage{font-size:10px;margin:22px 3px;max-width:600px}@keyframes hit-pop{0%{opacity:1;transform:translateY(10px) scale(.9)}60%{opacity:1}100%{opacity:0;transform:translateY(-25px) scale(1.05)}}.theme-dark{--bg:#10261c;--panel:#1d3628;--ink:#edf4e8;--muted:#b1c6b6;--line:#395e46;--green:#6fc396;--arena:#163021}.theme-dark body{background:radial-gradient(ellipse at 80% 0,#24432d,transparent 60%),var(--bg)}.theme-dark .primary{background:#286440;color:#fff}.theme-dark .formula{border-color:#456b4c;border-bottom-color:#416046}.theme-dark .formula:hover{background:#294731}.theme-dark .floor{background:#71613433;color:#d7bf81}.theme-dark #record-toast{background:#443d22;color:#f4df9b;border-color:#706234}@media(max-width:520px){main{padding:17px 14px}.topbar{margin-bottom:25px}.controls button{padding:7px 9px;font-size:10px}header{padding:0 2px;margin-bottom:22px}.lab-art{width:85px;min-width:85px;margin-left:8px}.lab-art span{font-size:10px;padding:6px;right:0}header h1{font-size:36px}header p:not(.eyebrow){font-size:11px}.eyebrow{font-size:8px}#end,#intro{padding:22px 18px}#intro h2{font-size:25px}#intro ol{grid-template-columns:1fr}#intro li{padding:11px 13px}#intro li:before{display:inline;margin-right:9px}#intro>p:not(.eyebrow){font-size:13px}.hud{padding:14px 8px}.hud strong{font-size:25px}.formula{border-radius:13px;font-size:17px;min-height:65px}.prompt{min-height:126px}#arena{min-height:235px}body.playing header{display:none}body.playing .topbar{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.hit-pop{animation:none;opacity:1}}#arena{background-image:url("lab-pattern.svg"),radial-gradient(#93ac8318 1px,transparent 1px);background-size:540px 390px,18px 18px;background-position:center,center}#arena #intro{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:0 0;border:0;box-shadow:none;padding:20px}#arena #intro h2{margin:7px 0;font-size:clamp(22px,4vw,29px)}#arena #intro p{margin:8px 0;line-height:1.6}#arena #intro #start{width:auto;min-width:220px;gap:24px;margin:15px 0 18px}body:not(.playing) #play .prompt,body:not(.playing) #play .round{display:none}body:not(.playing) #cards:empty{display:none}body:not(.playing) #arena{min-height:330px}body:not(.playing) #arena:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,var(--arena) 15%,transparent 80%);pointer-events:none}#cards{z-index:3}#hit{z-index:4}.floor{z-index:1}@media(max-width:520px){body:not(.playing) #arena{min-height:315px}#arena{background-size:440px 318px,18px 18px}}.game-covered #play{visibility:hidden}.game-covered #overlay{background:var(--bg)}#game-surface{position:relative}.round{padding-top:2px;padding-bottom:0}#pause{padding-top:6px;padding-bottom:6px}.pause-covered #arena,.pause-covered #game-surface>.prompt{visibility:hidden}.pause-covered #overlay{position:absolute;inset:0;background:var(--arena);border:1px solid var(--line);border-radius:22px;padding:16px}.pause-covered #overlay section{background:0 0;box-shadow:none;padding:12px;max-height:100%}.prompt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 16px;min-height:0;padding:10px 4px 14px;text-align:left}.prompt #category{display:none}.prompt h2{grid-column:1;grid-row:1/3;margin:0;max-width:none;font-size:clamp(17px,2.7vw,24px);line-height:1.25}.prompt #worth{grid-column:2;grid-row:1;font-size:10px;text-align:right}.prompt #time-points{grid-column:2;grid-row:2;width:100%;max-width:130px;justify-self:end;margin:0;height:4px}@media(max-width:520px){.prompt{min-height:0;padding:9px 2px 12px;gap:5px 10px}.prompt h2{font-size:18px}.prompt #worth{font-size:9px;max-width:115px}.prompt #time-points{max-width:105px}}.hud{padding:8px 14px;margin-bottom:8px}.hud strong{font-size:24px;line-height:1.2;margin-top:2px}#arena #intro #start{justify-content:center;text-align:center;font-family:system-ui,sans-serif;font-size:17px;font-weight:700;letter-spacing:.015em;line-height:1.25;padding:13px 26px;margin:12px 0}@media(min-width:521px){main{padding-top:14px;padding-bottom:14px}.topbar{margin-bottom:12px}header{margin-bottom:12px}header h1{font-size:44px;margin:8px 0}header p:not(.eyebrow){font-size:12px;line-height:1.5}.lab-art{width:95px}#arena{height:clamp(210px,37vh,310px);min-height:210px}body:not(.playing) #arena{min-height:260px}#play>.note{margin:8px 0 0}.prompt{padding-top:5px;padding-bottom:8px}}.formula{min-width:0;overflow:hidden}.formula-text{display:inline-block;white-space:nowrap;line-height:1.4}.formula-text sub{font-size:.72em}@media(max-width:520px),(hover:none) and (pointer:coarse){.keyboard-help{display:none}}@media(max-width:520px){.hud{font-size:11px}.round{font-size:12px}#play>.note{font-size:14px}.prompt h2{font-size:21px}.prompt #worth{font-size:11px}.formula{font-size:20px}.floor{font-size:10px}#pause,#sound{font-size:12px!important}.pause-covered #overlay{padding:10px}.pause-covered #overlay section{padding:8px}#message-title{font-size:20px;margin:0 0 8px}#message{font-size:15px;line-height:1.4;margin:10px 0}#message .answer{font-size:28px}.pause-covered #continue{padding:10px 20px}}.topbar{position:relative;z-index:30}.game-controls{display:flex;align-items:center;gap:6px}#pause,#sound{font-size:11px;padding:6px 9px;background:0 0;border:1px solid var(--line);border-radius:16px}body:not(.playing) #play .round{display:flex;justify-content:flex-end}body:not(.playing) #pause,body:not(.playing) #round{display:none}.guia-menu-panel{z-index:40}.guia-menu-panel button{box-shadow:none}.topbar .brand{color:var(--ink);text-decoration:none}.theme-dark .guia-menu-panel{background:var(--panel);color:var(--ink)}.theme-dark .guia-menu-panel a,.theme-dark .guia-menu-panel button{color:var(--ink)}.game-lobby{display:flex;flex-direction:column}.game-lobby #play{order:1}.game-lobby .vol-ranking-initial{order:2;margin:14px 0 0}body:not(.playing) .prompt{display:none}@media(min-width:900px){body:not(.playing) main{max-width:1080px}.game-lobby{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.game-lobby #play{grid-column:1;grid-row:1}.game-lobby .vol-ranking-initial{grid-column:2;grid-row:1;margin:0;padding:14px}.game-lobby .vol-ranking h2{font-size:17px}.game-lobby .vol-ranking li{font-size:13px}.game-lobby .vol-ranking p{font-size:12px;line-height:1.5}body.playing .game-lobby,body:has(#end:not([hidden])) .game-lobby{display:block}}.topbar .guia-logo{width:155px;max-height:40px;display:block}html:not(.theme-dark) #overlay section{background:#edf2e5}html:not(.theme-dark) .pause-covered #overlay section{background:0 0}