:root{color-scheme:light;--ink:#121212;--paper:#fbf8ef;--panel:#ffffff;--muted:#67635b;--line:#d9d1c4;--green:#08764f;--green-soft:#dff7e8;--vibe:#7a3ff2;--vibe-soft:#eadfff;--red:#cb3f44;--red-soft:#ffe0df;--amber:#a86600;--amber-soft:#fff0c7;--blue:#1e64c8;--blue-soft:#ddeaff;--code:#111111;--code-fg:#f5f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;color:var(--ink);background:linear-gradient(rgba(18,18,18,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,18,18,.045) 1px,transparent 1px),var(--paper);background-size:44px 44px,44px 44px}button,input,select{font:inherit}button{cursor:pointer}.workspace{grid-template-columns:minmax(0,1fr) 320px;grid-gap:22px;gap:22px;padding:18px}.stage,.workspace{display:grid;min-height:100vh}.stage{place-items:center;min-width:0}.phone{display:grid;grid-template-rows:auto 1fr auto;width:min(430px,100%);min-height:min(860px,calc(100vh - 36px));overflow:hidden;border:3px solid var(--ink);border-radius:28px;background:var(--panel);box-shadow:12px 12px 0 var(--ink),0 26px 70px rgba(18,18,18,.2)}.top{justify-content:space-between;gap:10px;border-bottom:2px solid var(--ink);padding:14px}.brand,.top{display:flex;align-items:center}.brand{gap:9px;min-width:0;text-decoration:none;color:var(--ink)}.brand,.mark{font-weight:950}.mark{display:grid;width:34px;height:34px;place-items:center;border:2px solid var(--ink);border-radius:9px;box-shadow:3px 3px 0 var(--ink);background:var(--panel)}.pill{display:inline-flex;min-height:28px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;white-space:nowrap}.pill,.screen{background:var(--paper)}.screen{display:grid;min-height:0;overflow-y:auto}.panel-screen{display:grid;align-content:center;grid-gap:16px;gap:16px;min-height:100%;padding:20px}.eyebrow{color:var(--muted);font-size:12px;text-transform:uppercase}.eyebrow,.hero-title{margin:0;font-weight:950}.hero-title{font-size:clamp(38px,10vw,58px);line-height:.94;letter-spacing:0}.title{margin:0;font-size:28px;font-weight:950;line-height:1}.copy{margin:0;color:var(--muted);font-size:15px;line-height:1.42}.grid{display:grid;grid-gap:10px;gap:10px}.category-grid,.two{grid-template-columns:1fr 1fr}.category-grid{display:grid;grid-gap:10px;gap:10px}.category-card,.flow-card,.input-card,.join-card,.leader-row,.og-card{border:2px solid var(--ink);border-radius:14px;background:var(--panel);box-shadow:5px 5px 0 var(--ink)}.category-card{display:grid;min-height:106px;align-content:space-between;padding:12px;text-align:left}.category-card strong{display:block;font-size:17px}.category-card span{color:var(--muted);font-size:12px;font-weight:800}.category-icon{display:grid;width:34px;height:34px;place-items:center;border:2px solid var(--ink);border-radius:9px;background:var(--blue-soft);font-size:11px;font-weight:950}.choice,.primary,.secondary{display:inline-flex;min-height:60px;align-items:center;justify-content:center;gap:8px;border:3px solid var(--ink);border-radius:14px;color:var(--ink);padding:13px 16px;font-size:17px;font-weight:950;text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease;background:var(--panel);cursor:pointer}.choice:active,.choice:hover,.primary:active,.primary:hover,.secondary:active,.secondary:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.primary{background:var(--ink);color:var(--paper)}.secondary{background:var(--amber-soft)}.choice.human{background:var(--green-soft)}.choice.vibe{background:var(--vibe-soft)}.round{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100%}.round.is-reveal{grid-template-rows:auto minmax(0,1fr)}.round-head{display:grid;border-bottom:1px solid var(--line);padding:10px 14px;font-size:13px;text-transform:uppercase;letter-spacing:0}.artifact{display:grid;min-height:0;padding:14px}.result-stage{padding:16px}.artifact-card{display:grid;min-height:0;overflow:hidden;border:3px solid var(--ink);border-radius:16px;background:var(--panel);box-shadow:7px 7px 0 var(--ink)}.news-card{align-content:center;gap:14px;padding:18px}.news-card h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:29px;line-height:1.03}.news-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.42}.code-card{background:var(--code);color:var(--code-fg)}.code-card pre{margin:0;overflow:auto;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre}.image-card{min-height:360px;background:radial-gradient(circle at 67% 28%,#ffd879 0 9%,transparent 10%),linear-gradient(120deg,transparent 0 58%,rgba(255,255,255,.58) 58% 64%,transparent 64%),linear-gradient(150deg,transparent 0 58%,#496c63 59% 100%),linear-gradient(25deg,#234c73 0 40%,#b6d1e1 41% 100%)}.trivia-card{align-content:center;gap:14px;padding:18px;background:var(--blue-soft)}.trivia-card h2{margin:0;font-size:30px;line-height:1}.writing-card{align-content:center;gap:14px;padding:20px;background:linear-gradient(90deg,rgba(18,18,18,.07) 1px,transparent 1px),linear-gradient(var(--panel),var(--panel));background-size:18px 100%,auto}.writing-card h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px;line-height:1.04}.writing-card p:last-child{margin:0;color:var(--muted);font-size:16px;line-height:1.45}.actions{display:grid;grid-gap:10px;gap:10px;padding:14px}.reveal{display:grid;min-height:100%;align-content:center;grid-gap:18px;gap:18px;background:var(--panel);padding:24px}.reveal.win{background:var(--green-soft)}.reveal.miss{background:var(--red-soft)}.reveal h2{margin:0;font-size:29px;font-weight:950;line-height:.96}.reveal h2 span{display:block}.result-word{font-size:clamp(58px,18vw,86px);line-height:.85;text-transform:uppercase}.split-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:950}.track{height:16px;overflow:hidden;border:2px solid var(--ink);border-radius:999px;background:var(--panel)}.track span{display:block;height:100%;background:var(--vibe)}.results-screen{align-content:center}.podium{display:grid;grid-template-columns:.9fr 1.1fr .9fr;align-items:end;grid-gap:8px;gap:8px}.podium-place{display:grid;justify-items:center;grid-gap:6px;gap:6px;border:2px solid var(--ink);border-radius:14px 14px 8px 8px;background:var(--panel);padding:12px 8px;box-shadow:5px 5px 0 var(--ink);text-align:center}.podium-place.first{min-height:170px;background:var(--amber-soft)}.podium-place.second{min-height:132px;background:var(--blue-soft)}.podium-place.third{min-height:112px;background:var(--green-soft)}.podium-place strong{font-size:14px}.podium-place span:last-child{color:var(--muted);font-size:12px;font-weight:950}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.breakdown-card,.roadmap-card,.stat-grid div{border:2px solid var(--ink);border-radius:12px;background:var(--panel);box-shadow:4px 4px 0 var(--ink)}.stat-grid div{display:grid;grid-gap:4px;gap:4px;min-height:76px;align-content:center;padding:10px}.stat-grid span{font-size:22px;font-weight:950;line-height:1}.stat-grid strong{color:var(--muted);font-size:11px;line-height:1.1;text-transform:uppercase}.breakdown-card{display:grid;grid-gap:6px;gap:6px;padding:14px}.breakdown-card strong{font-size:17px;line-height:1.15}.input-card{display:grid;grid-gap:10px;gap:10px;padding:14px}.input-row{display:grid;grid-gap:6px;gap:6px}.input-row label{color:var(--muted);font-size:12px;font-weight:900}.input-row input,.input-row select{min-height:46px;border:2px solid var(--ink);border-radius:10px;background:var(--paper);padding:9px 10px;font-weight:850}.join-card{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:14px}.room-code{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.room-code span{display:grid;height:58px;place-items:center;border:2px solid var(--ink);border-radius:10px;background:var(--panel);box-shadow:4px 4px 0 var(--ink);font-size:24px;font-weight:950}.avatar-row{display:flex;flex-wrap:wrap;gap:8px}.avatar{display:grid;width:42px;height:42px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--vibe-soft);font-size:12px;font-weight:950}.og-card{display:grid;grid-gap:12px;gap:12px;background:var(--ink);color:var(--paper);padding:18px}.og-top{display:flex;justify-content:space-between;color:var(--amber-soft);font-size:12px;font-weight:950;text-transform:uppercase}.og-score{margin:0;font-size:72px;font-weight:950;line-height:.9}.og-card p{margin:0;color:rgba(251,248,239,.84);font-size:18px;line-height:1.28}.leader-list{display:grid;grid-gap:10px;gap:10px}.leader-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:10px}.leader-row strong{font-size:13px}.rank{color:var(--muted);font-size:12px;font-weight:950}.roadmap-list{display:grid;grid-gap:10px;gap:10px}.roadmap-card{display:grid;grid-gap:6px;gap:6px;padding:14px}.roadmap-card strong{font-size:17px}.proto-nav{display:grid;align-content:start;grid-gap:10px;gap:10px}.nav-head{border:2px solid var(--ink);border-radius:16px;background:rgba(255,255,255,.82);padding:14px;box-shadow:7px 7px 0 var(--ink)}.nav-head h2{margin:0;font-size:24px;line-height:1}.nav-head p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.nav-grid{display:grid;grid-gap:8px;gap:8px}.nav-button{display:grid;grid-template-columns:auto 1fr;grid-gap:9px;gap:9px;align-items:center;border:2px solid var(--ink);border-radius:12px;background:var(--panel);padding:9px;text-align:left;box-shadow:3px 3px 0 var(--ink)}.nav-button.active{background:var(--ink);color:var(--paper)}.nav-number{display:grid;width:28px;height:28px;place-items:center;border:1px solid;border-radius:50%;font-size:11px;font-weight:950}.nav-button strong{font-size:13px}.bottom-tabs{display:none;gap:6px;overflow-x:auto;border-top:2px solid var(--ink);background:var(--panel);padding:9px}.bottom-tabs button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:7px 10px;font-size:12px;font-weight:900}.bottom-tabs button.active{background:var(--ink);color:var(--paper)}.screen-flex{display:flex;flex-direction:column;min-height:0;overflow:hidden}.screen-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 12px}.screen-main{display:flex;flex-direction:column;gap:12px;min-height:100%}.thumb-dock{flex:0 0 auto;border-top:2px solid var(--ink);background:var(--panel);padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px));grid-gap:10px}.choices,.thumb-dock{display:grid;gap:10px}.choices{grid-template-columns:1fr 1fr;grid-gap:10px}.choice,.primary,.secondary{width:100%}.icon-inline{display:inline-flex;vertical-align:middle}.mark svg{display:block}.pill-soft{background:var(--vibe-soft);border-color:var(--ink)}.hub-kicker{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--vibe);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.hub-lede{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.dock-stack{display:grid;grid-gap:10px;gap:10px}.challenge-row{display:flex;gap:8px;align-items:stretch}.challenge-row input{flex:1 1;min-height:52px;margin:0;border:2px solid var(--ink);border-radius:12px;padding:0 12px;background:var(--paper)}.btn-compact{min-height:52px!important;min-width:72px;padding:0 14px!important;font-size:15px!important}.onboard-steps{display:grid;grid-gap:12px;gap:12px;margin:16px 0}.onboard-step{display:grid;grid-template-columns:40px 1fr;grid-gap:12px;gap:12px;align-items:start;border:2px solid var(--ink);border-radius:14px;padding:12px;background:var(--panel);box-shadow:4px 4px 0 var(--ink)}.onboard-step .step-icon{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--ink);border-radius:10px;background:var(--vibe-soft)}.onboard-step strong{display:block;font-size:15px;font-weight:950}.onboard-step span{display:block;margin-top:2px;color:var(--muted);font-size:13px;line-height:1.35}@media (max-width:900px){body{background:var(--paper)}.stage{place-items:stretch}.phone,.stage{min-height:100dvh}.phone{width:100%;max-height:100dvh;border:0;border-radius:0;box-shadow:none}.top-bar{padding-top:max(10px,env(safe-area-inset-top))}.choice,.primary,.secondary{min-height:58px;font-size:16px}.hero-title{font-size:clamp(34px,11vw,48px)}.bottom-tabs{display:none}}.reveal-stamp{flex:1 1;display:grid;place-content:center;place-items:center;grid-gap:6px;gap:6px;min-height:100%;padding:24px 16px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:stamp-in .22s ease-out}.reveal-stamp.win{background:var(--green-soft)}.reveal-stamp.miss{background:var(--red-soft)}.stamp-hit{font-size:14px;letter-spacing:.14em;color:var(--muted)}.stamp-hit,.stamp-word{margin:0;font-weight:950;text-transform:uppercase}.stamp-word{font-size:clamp(72px,22vw,110px);line-height:.9;letter-spacing:-.04em;color:var(--ink)}.stamp-pts{margin:10px 0 0;font-size:22px;font-weight:950;color:var(--ink)}@keyframes stamp-in{0%{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}.timer-container{display:flex;align-items:center;gap:12px;margin-top:8px;width:100%}.timer-bar-bg{flex:1 1;height:8px;background:var(--paper);border:2px solid var(--ink);border-radius:4px;overflow:hidden;position:relative}.timer-bar-fill{height:100%;transition:width .1s linear;transform-origin:left}.timer-bar-fill.phase-max{background:var(--green)}.timer-bar-fill.phase-decay{background:var(--amber)}.timer-bar-fill.phase-overtime{background:var(--red)}.timer-seconds{font-size:14px;font-weight:950;min-width:24px;text-align:right;font-feature-settings:"tnum"}.timer-seconds.phase-max{color:var(--green)}.timer-seconds.phase-decay{color:var(--amber)}.timer-seconds.phase-overtime{color:var(--red)}.choice-pulse{animation:choice-pulse-anim .8s ease-in-out infinite alternate}@keyframes choice-pulse-anim{0%{transform:scale(1);box-shadow:5px 5px 0 var(--ink)}to{transform:scale(1.02) translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}}.brand-short{display:none;font-weight:950;letter-spacing:.02em}@media (max-width:380px){.brand-long{display:none}.brand-short{display:inline}}@media (min-width:381px){.brand-short{display:none}.brand-long{display:inline}}.live-toasts{display:flex;flex-direction:column;gap:6px;pointer-events:none}.live-toast{align-self:flex-start;font-size:12px;font-weight:800;padding:8px 12px;border-radius:999px;background:var(--paper);border:1.5px solid var(--ink);color:var(--ink);opacity:.9}