:root{--paper:#f3f0e8;--ink:#121814;--card:#fffdf7;--green:#133d2e;--lime:#f2ff69;--line:#c9c6ba;--muted:#626963;--red:#a83b34}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.landing-shell,.game-shell{min-height:100svh;background:radial-gradient(circle at 12% 90%,rgba(19,61,46,.07),transparent 25%),var(--paper)}[hidden]{display:none!important}.topbar,.game-header{height:84px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em;font-size:1.25rem}.brand sup{color:var(--green);font-size:.7em}.brand-mark{display:grid;place-items:center;width:41px;height:41px;background:var(--green);color:var(--lime);border-radius:50%;font-family:Georgia,serif;letter-spacing:-.08em}.level-pill,.room-badge{border:1px solid var(--line);background:transparent;padding:9px 13px;font-size:.76rem;font-weight:800;letter-spacing:.08em}.room-badge{color:inherit}.login-grid{min-height:calc(100svh - 84px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.7fr);align-items:center;gap:clamp(40px,8vw,120px);max-width:1260px;margin:0 auto;padding:clamp(52px,8vw,110px) clamp(20px,5vw,72px)}.eyebrow,.kicker{display:flex;align-items:center;gap:9px;color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.16em}.people-icon{letter-spacing:-.2em}.intro h1{font:400 clamp(3.7rem,8vw,7.5rem)/.86 Georgia,"Times New Roman",serif;letter-spacing:-.065em;margin:28px 0 30px}.intro h1 em{color:var(--green)}.intro>p{font-size:clamp(1.1rem,2vw,1.4rem);color:#555d57;max-width:490px;line-height:1.5}.category-line{margin-top:58px;display:flex;flex-wrap:wrap;gap:12px 20px;font-size:.69rem;font-weight:900;letter-spacing:.11em;color:#6e756f}.category-line span:not(:last-child)::after{content:"·";margin-left:20px;color:var(--green)}.login-card{position:relative;background:var(--card);border:1px solid #aaa79d;box-shadow:14px 14px 0 var(--green);padding:clamp(28px,5vw,48px)}.card-number{position:absolute;right:22px;top:19px;font-size:.72rem;font-weight:900;color:#92978f}.login-card h2{margin:0 0 34px;font:400 clamp(2rem,4vw,2.7rem)/1 Georgia,serif}.login-card label{display:block;margin-bottom:9px;font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.login-card input{width:100%;min-height:54px;border:1px solid #9c9d96;background:#fff;padding:0 16px;font-size:1rem;outline:none;border-radius:0}.login-card input:focus{border:2px solid var(--green)}.primary,.secondary,.copy-button{min-height:54px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:900}.primary{width:100%;margin-top:14px;background:var(--green);color:#fff}.primary:hover{background:#09281d}.divider{display:flex;align-items:center;gap:10px;margin:26px 0 13px;color:#777d78;font-size:.68rem;font-weight:900;letter-spacing:.11em}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.join-row{display:grid;grid-template-columns:1fr auto}.code-input{font-weight:900;letter-spacing:.2em;text-transform:uppercase}.secondary{background:var(--lime);color:var(--ink);padding:0 18px;border:1px solid #9c9d96;border-left:0;white-space:nowrap}.fineprint{margin:22px 0 0;color:#777d78;font-size:.76rem;line-height:1.45}.error{color:var(--red);font-size:.86rem;font-weight:700}.game-shell{display:flex;flex-direction:column}.game-header{flex:0 0 76px;height:76px}.scoreboard{width:min(calc(100% - 40px),860px);margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:rgba(255,253,247,.7)}.player-score{position:relative;min-height:75px;display:flex;align-items:center;gap:13px;padding:10px 18px}.player-score+.player-score{border-left:1px solid var(--line)}.player-score.is-me{background:var(--card)}.avatar{flex:0 0 44px;height:44px;display:grid;place-items:center;background:var(--green);color:var(--lime);border-radius:50%;font:700 1.2rem Georgia,serif}.ghost .avatar{background:#e6e1d5;color:#888}.player-score>div:nth-child(2){display:flex;flex-direction:column}.player-score span{font-size:.7rem;font-weight:900;letter-spacing:.08em;color:#6b716c}.player-score strong{font:400 1.7rem Georgia,serif}.answered-mark{position:absolute;right:14px;color:var(--green)!important}.waiting-panel,.result-panel{width:min(calc(100% - 40px),680px);margin:auto;text-align:center;padding:64px 20px}.waiting-panel .kicker,.result-panel .kicker{justify-content:center;margin-top:26px}.waiting-panel h1,.result-panel h1{margin:16px 0;font:400 clamp(2.4rem,6vw,4.7rem)/.98 Georgia,serif;letter-spacing:-.045em}.waiting-panel>p:not(.kicker),.result-panel>p:not(.kicker){color:#5f6661;font-size:1.08rem;line-height:1.55}.pulse-rings,.result-icon{width:98px;height:98px;display:grid;place-items:center;margin:0 auto;border:1px solid var(--green);border-radius:50%;color:var(--green);font-size:2rem;box-shadow:0 0 0 12px var(--paper),0 0 0 13px rgba(19,61,46,.25)}.copy-button{margin-top:18px;padding:0 24px;background:var(--lime);color:var(--ink);border:1px solid var(--ink)}.question-wrap{flex:1;width:min(calc(100% - 40px),860px);margin:38px auto 44px}.question-meta{display:flex;justify-content:space-between;font-size:.72rem;font-weight:900;letter-spacing:.12em;color:var(--green);text-transform:uppercase}.progress-track{height:4px;margin-top:12px;background:#d7d3c8}.progress-track span{display:block;height:100%;background:var(--green);transition:width .3s ease}.question-wrap h1{max-width:800px;margin:clamp(28px,5vw,52px) 0;font:400 clamp(2rem,5vw,4rem)/1.08 Georgia,serif;letter-spacing:-.035em}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answers button{min-height:76px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;text-align:left;border:1px solid #a6a69f;padding:10px 18px 10px 10px;background:var(--card);color:var(--ink);font-size:1rem;font-weight:700;transition:transform .12s,border-color .12s,background .12s}.answers button:not(:disabled):hover{transform:translateY(-2px);border-color:var(--green)}.answers button>span{width:42px;height:42px;display:grid;place-items:center;background:#e9e5da;font:700 1rem Georgia,serif}.answers button b{font-weight:700}.answers button i{font-style:normal;font-size:1.35rem}.answers button.selected{border:2px solid var(--green);background:#edf2e9}.answers button.correct{border:2px solid #26734e;background:#e4f3e6}.answers button.wrong{border:2px solid #b5443d;background:#f9e5e1}.status-note{min-height:58px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;color:#5e655f;font-size:.9rem}.explanation{margin-top:18px;min-height:92px;display:grid;grid-template-columns:1fr 62px;align-items:center;background:var(--green);color:#fff;padding:18px 22px;text-align:left}.explanation span{color:var(--lime);font-size:.68rem;font-weight:900;letter-spacing:.13em}.explanation p{margin:5px 0 0;line-height:1.45}.explanation strong{font:400 2rem Georgia,serif;text-align:center}.result-icon{background:var(--lime);box-shadow:none}.result-button{width:auto;padding:0 32px;margin-top:20px}.connection-error{position:fixed;left:50%;bottom:42px;transform:translateX(-50%);max-width:calc(100% - 30px);background:var(--red);color:#fff;padding:10px 15px;font-size:.82rem;z-index:10}footer{flex:0 0 auto;padding:14px 20px;text-align:center;border-top:1px solid var(--line);color:#717771;font-size:.64rem;font-weight:900;letter-spacing:.11em}@media(max-width:760px){.topbar,.game-header{padding:0 18px;height:70px}.level-pill{display:none}.login-grid{min-height:auto;grid-template-columns:1fr;padding:45px 20px 70px;gap:38px}.intro h1{font-size:clamp(3.35rem,17vw,5.6rem);margin:24px 0}.intro>p{font-size:1rem}.category-line{display:none}.login-card{box-shadow:8px 8px 0 var(--green);padding:28px 22px}.join-row{grid-template-columns:1fr;gap:9px}.secondary{border-left:1px solid #9c9d96}.scoreboard{width:calc(100% - 28px);margin-top:14px}.player-score{padding:8px 10px;min-width:0}.avatar{flex-basis:36px;height:36px}.answered-mark{display:none!important}.question-wrap{width:calc(100% - 28px);margin:28px auto 30px}.question-wrap h1{font-size:clamp(1.85rem,8.5vw,2.55rem);margin:28px 0}.answers{grid-template-columns:1fr;gap:9px}.answers button{min-height:64px}.explanation{grid-template-columns:1fr 42px;padding:15px}footer{line-height:1.5}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}