:root{--ink:#151515;--paper:#f4f0e6;--cream:#fffdf6;--line:#151515;--blue:#2854ed;--yellow:#f7d34b;--coral:#ff735d;--muted:#69645c;--display:Impact,'Arial Black',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:2px solid var(--line);padding:28px 22px;display:flex;flex-direction:column;background:var(--cream);position:sticky;top:0;height:100vh}.brand{color:var(--ink);font:bold 19px var(--display);text-decoration:none;letter-spacing:.02em}.brand span{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--blue);color:#fff;font:15px Georgia;margin-right:8px;transform:rotate(-5deg)}.eyebrow{font:11px/1.1 'Courier New',monospace;font-weight:bold;letter-spacing:.16em}.side-label{margin-top:76px;color:var(--blue)}nav{display:grid;gap:3px;margin-top:16px}nav a{color:var(--ink);text-decoration:none;padding:11px 12px;border-left:3px solid transparent;font-weight:bold}nav a:hover,nav a.active{background:var(--yellow);border-color:var(--ink)}.side-note{margin-top:auto;border-top:2px solid var(--ink);padding-top:15px;display:grid;gap:7px;font-size:12px}.side-note span{color:var(--muted);font-style:italic}.signal{display:flex;gap:4px;margin-top:9px}.signal i{height:8px;width:22px;background:var(--coral);display:block}.signal i:nth-child(2){background:var(--yellow)}.signal i:nth-child(3){background:var(--blue)}.signal i:nth-child(4){background:#b8b3a7}main{min-width:0}.topbar{height:64px;border-bottom:2px solid var(--line);padding:0 clamp(22px,3vw,48px);display:flex;align-items:center;justify-content:space-between;font:11px 'Courier New',monospace;font-weight:bold;letter-spacing:.08em}.mobile-menu-bar{display:none}.menu-toggle{display:none;border:0;background:transparent;padding:7px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:4px 0}.menu-backdrop{display:none}.live{color:#287b53}.live i{display:inline-block;width:8px;height:8px;background:#2bb672;border-radius:50%;margin-right:8px}.top-hint b{padding:4px 6px;border:1px solid var(--line);margin-left:4px}.hero,.prompt-bar,.game-layout,.stats,.how,footer{width:100%;max-width:1500px;margin-inline:auto;padding-inline:clamp(22px,3vw,48px)}.hero{padding-top:72px;padding-bottom:56px;display:flex;justify-content:space-between;gap:35px}.hero h1{font:clamp(47px,7vw,92px)/.86 var(--display);letter-spacing:-.035em;margin:14px 0 23px;text-transform:uppercase}.hero h1 em{color:var(--blue);font-style:normal}.lede{font-size:18px;line-height:1.45;max-width:510px;margin:0}.stamp{align-self:center;border:3px solid var(--ink);padding:17px 14px 14px;font:13px/1.2 'Courier New',monospace;text-align:center;transform:rotate(4deg);min-width:135px}.stamp strong{font-size:21px}.prompt-bar{border-top:2px solid var(--line);border-bottom:2px solid var(--line);padding-top:22px;padding-bottom:20px}.prompt-bar label{font:11px 'Courier New',monospace;font-weight:bold;letter-spacing:.1em}.prompt-row{display:flex;gap:10px;margin-top:10px}.prompt-row input{min-width:0;flex:1;background:var(--cream);border:2px solid var(--line);padding:13px 14px;font:16px Georgia}.button{border:2px solid var(--line);background:var(--ink);color:#fff;padding:12px 18px;cursor:pointer;font-weight:bold;white-space:nowrap;box-shadow:3px 3px 0 var(--line)}.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}.button:disabled{opacity:.65;cursor:default}.button.yellow{background:var(--yellow);color:var(--ink)}.button.coral{background:var(--coral);color:var(--ink)}.chips{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.chips button{background:transparent;border:1px solid #9d988d;border-radius:20px;padding:8px 13px;color:var(--muted);cursor:pointer;font:12px Georgia}.scene-picker button.active,.scene-picker button:hover{background:var(--yellow);border-color:var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink);transform:translate(-1px,-1px)}.chips button:hover{border-color:var(--ink);color:var(--ink)}.access-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #aaa;font:11px 'Courier New',monospace;color:var(--muted)}.option-label{font-weight:bold;letter-spacing:.1em;color:var(--ink)}.access-row label{cursor:pointer}.game-modes{border-top:1px solid #555;margin-top:14px;padding-top:12px;display:flex;gap:8px;align-items:center}.game-modes .mode{background:transparent;color:#aaa;border:1px solid #666;padding:6px 9px;font:10px 'Courier New',monospace;cursor:pointer}.game-modes .mode.active,.game-modes .mode:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.game-modes small{margin-left:auto;color:#aaa}.hazard.coin{border-radius:50%;background:var(--yellow);color:var(--ink);box-shadow:0 0 15px var(--yellow)}.hazard.danger{background:var(--coral);color:var(--ink);border-radius:4px;box-shadow:0 0 15px var(--coral)}#accountLink{color:var(--blue);margin-left:16px;text-decoration:underline}.reduced-motion *{transition:none!important;animation:none!important}.high-contrast{--paper:#fff;--cream:#fff;--muted:#222;--blue:#001fc9}.high-contrast .screen-sky{background:#000!important}.high-contrast .screen{border:3px solid #fff}.game-layout{display:grid;grid-template-columns:minmax(360px,30%) minmax(0,68%);justify-content:space-between;gap:2%;align-items:stretch;padding-top:34px;padding-bottom:45px}.game-layout>*{min-width:0}.cabinet{order:1;background:var(--ink);color:#fff;padding:18px;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--blue);width:100%;max-width:none}.result-card{order:1}.cab-head{display:flex;justify-content:space-between;gap:15px;align-items:start;padding:2px 2px 15px}.cab-head h2{font:27px var(--display);margin:8px 0 2px;letter-spacing:.02em}.cab-head p{margin:0;color:#bdbab0;font-size:14px}.round-status{font:11px 'Courier New',monospace;border:1px solid #555;padding:7px 9px;white-space:nowrap}.round-status span{color:var(--coral)}.screen-wrap{background:#111;padding:9px;border:2px solid #696969}.screen{height:500px;width:100%;aspect-ratio:auto;max-width:100%;margin:auto;overflow:hidden;position:relative;background:#1c2741;outline:none}.screen-sky{position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 18px),linear-gradient(#253d72 0%,#111a2e 75%)}.screen[data-theme=spark]{background:#351c42}.screen[data-theme=spark] .screen-sky{background:radial-gradient(circle at 50% 40%,#823d89,#261431 65%)}.screen[data-theme=pop]{background:#24103d}.screen[data-theme=pop] .screen-sky{background:radial-gradient(circle at 50% 30%,#cf4b9b,#4c1d68 40%,#120d2c 80%)}.screen[data-theme=pop] .lane-lines{opacity:.25;background:radial-gradient(ellipse at 50% 90%,transparent 0 17%,#ffcc63 17.5% 18%,transparent 18.5% 32%,#63e6db 32.5% 33%,transparent 33.5%)}.hazard.pop{border-radius:50%;background:#ffcc63;color:#7b2461;box-shadow:0 0 18px #ffcc63}.hazard.pop::after{content:'·';font-size:30px;color:#ff6db5;position:absolute;top:-5px;right:4px}.screen[data-theme=meteor]{background:#15131f}.screen[data-theme=meteor] .screen-sky{background:radial-gradient(circle at 72% 18%,#ad4b32,#321b35 38%,#090b16 78%)}.hazard.meteor{background:#ff9b4a;color:#351426;box-shadow:0 0 18px #ff633d}.hazard.meteor::after{content:'';position:absolute;width:28px;height:7px;background:linear-gradient(90deg,transparent,#ff633d);right:18px;top:25px;transform:rotate(-28deg);opacity:.8}.hud{position:absolute;z-index:4;top:11px;left:13px;right:13px;display:flex;justify-content:space-between;color:#fff;font:10px 'Courier New',monospace}.hud b{font-size:14px;color:var(--yellow)}.lane-lines{position:absolute;inset:0;opacity:.17;background:linear-gradient(90deg,transparent 32%,#fff 32.4%,transparent 33%,transparent 66%,#fff 66.4%,transparent 67%)}.player{position:absolute;z-index:3;bottom:9%;left:50%;transform:translateX(-50%);width:38px;height:38px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;border:3px solid #fff;font-size:21px;transition:left .04s linear;box-shadow:0 0 20px #f7d34b}.hazard{position:absolute;z-index:2;top:-12%;width:34px;height:34px;transform:translateX(-50%) rotate(8deg);display:grid;place-items:center;border:2px solid #fff;color:var(--ink);font-size:21px;font-weight:bold;background:var(--coral);box-shadow:3px 3px 0 #000}.hazard.spark{background:var(--yellow);color:#6b2476}.hazard.pop{background:#67d5ac}.center-message{position:absolute;z-index:5;inset:0;display:grid;place-content:center;text-align:center;background:rgba(8,12,25,.36);gap:8px;padding:16px;overflow:hidden}.center-message strong{display:block;max-width:100%;font:clamp(36px,6vw,76px)/1 var(--display);color:#fff;white-space:nowrap}.center-message span{font:12px 'Courier New',monospace;color:var(--yellow);max-width:100%;overflow-wrap:anywhere}.center-message.hidden{display:none}.cab-foot{display:flex;align-items:center;gap:14px;padding:16px 2px 0;font:10px 'Courier New',monospace;color:#bbb;flex-wrap:wrap}.cab-foot b{border:1px solid #aaa;padding:4px 6px;color:#fff}.cab-foot .button{margin-left:auto;font:12px Georgia}.result-card{order:2;border:2px solid var(--ink);background:var(--cream);padding:28px;display:flex;flex-direction:column;min-width:600px;min-height:560px;box-shadow:4px 4px 0 #d8d1c4}.chat-feed{display:grid;align-content:start;gap:16px;margin:16px;overflow:auto;flex:1;max-height:520px;padding-right:8px}.chat-empty{color:var(--muted);font-style:italic;font-size:14px;padding:18px 0}.chat-bubble{padding:15px 17px;font-size:15px;line-height:1.5;max-width:84%;white-space:pre-wrap}.user-bubble{background:var(--yellow);border:2px solid var(--ink);border-radius:18px 18px 4px 18px;justify-self:end}.agent-bubble{background:#e8e3d8;border-left:4px solid var(--blue);border-radius:4px 18px 18px 18px}.agent-bubble b{display:block;font:18px var(--display);text-transform:uppercase;margin-bottom:5px}.agent-bubble span{color:var(--muted)}.agent-bubble.is-ready{border-left-color:#2bb672}.agent-bubble.is-streaming{border-left-color:var(--coral)}.result-top{display:flex;justify-content:space-between;align-items:center}.pill{font:10px 'Courier New',monospace;padding:5px 7px;border:1px solid var(--ink)}.pill.thinking{background:var(--yellow)}.pill.ready{background:#55d58e}.result-card h2{font:34px/1 var(--display);text-transform:uppercase;margin:62px 0 15px;letter-spacing:-.02em}.result-card p{font-size:16px;line-height:1.45;color:var(--muted);margin:0}.result-lines{border-top:2px solid var(--line);margin-top:auto;padding-top:15px;display:grid;gap:13px}.result-lines div{display:flex;justify-content:space-between;font:11px 'Courier New',monospace}.result-lines span{color:var(--muted)}.chat-composer{display:flex;gap:8px;border-top:1px solid #aaa;padding-top:16px;margin-top:18px;margin-bottom:28px}.chat-composer input{flex:1;min-width:0;border:2px solid var(--line);border-radius:22px;background:#fff;padding:12px 16px;font:15px Georgia}.chat-composer .button{border-radius:22px;padding:10px 16px}.chat-actions{display:flex;gap:18px;margin-top:8px}.chat-actions .continue-action{flex:1}.result-action{margin-top:21px;border:0;border-top:1px solid var(--line);padding:15px 0 0;background:transparent;text-align:left;cursor:pointer;font:bold 13px Georgia}.result-action span{float:right;font-size:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--line);border-bottom:2px solid var(--line);padding-top:20px;padding-bottom:20px}.stats div{padding:0 20px;border-right:1px solid #aaa}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats span{font:10px 'Courier New',monospace;font-weight:bold}.stats strong{display:block;font:42px var(--display);color:var(--blue);margin:6px 0}.stats small{color:var(--muted);font-style:italic}.how{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding-top:70px;padding-bottom:70px}.how h2{font:42px/.9 var(--display);text-transform:uppercase;margin-top:14px}.how ol{list-style:none;margin:0;padding:0}.how li{display:grid;grid-template-columns:45px 1fr;gap:10px;padding:16px 0;border-top:1px solid #aaa;font-size:16px;line-height:1.4}.how li b{font:12px 'Courier New',monospace;color:var(--blue)}kbd{border:1px solid var(--ink);padding:2px 5px;font:11px 'Courier New',monospace}.integration{max-width:1180px;margin:auto;padding:58px clamp(22px,5vw,72px);border-top:2px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:45px}.integration h2{font:42px/.92 var(--display);text-transform:uppercase;margin:14px 0}.integration p{font-size:17px;line-height:1.45;color:var(--muted);max-width:480px}.integration pre{margin:0;background:var(--ink);color:#fff;padding:22px;overflow:auto;border-left:7px solid var(--yellow);font:13px/1.65 'Courier New',monospace}.integration code{font:inherit}footer{border-top:2px solid var(--line);padding-top:18px;padding-bottom:30px;font:bold 12px 'Courier New',monospace;display:flex;justify-content:space-between}footer span{color:var(--muted);font-weight:normal}.footer-credit{color:var(--muted)}.footer-follow{color:var(--ink);font-weight:bold;text-decoration:underline;text-underline-offset:3px}.footer-follow:hover{color:var(--blue)}.footer-follow:focus-visible{outline:3px solid var(--blue);outline-offset:4px;color:var(--ink)}@media(max-width:980px){.integration{grid-template-columns:1fr;gap:20px}.result-card{min-width:0}.game-layout{grid-template-columns:minmax(260px,30%) minmax(0,68%);justify-content:space-between;gap:2%}.cabinet{max-width:280px}.screen{height:430px}.shell{display:block}.sidebar{height:auto;position:static;border-right:0;border-bottom:2px solid var(--line);padding:16px 22px}.side-label,.side-note{display:none}nav{display:flex;margin:14px 0 0;gap:4px}nav a{padding:7px 9px}.hero{padding-top:46px}.result-card{min-height:330px}.result-card h2{margin-top:42px}}@media(max-width:850px){.mobile-menu-bar{display:block;height:48px;padding:8px 22px;border-bottom:2px solid var(--line)}.menu-toggle{display:block}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:260px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:8px 0 0 var(--blue)}.menu-open .sidebar{transform:none}.menu-backdrop{display:block;position:fixed;z-index:19;inset:0;background:rgba(21,21,21,.5);opacity:0;pointer-events:none;transition:opacity .22s ease}.menu-open .menu-backdrop{opacity:1;pointer-events:auto}.menu-open{overflow:hidden}}@media(max-width:560px){.game-layout{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,68%);justify-content:space-between;gap:2%;padding-left:12px;padding-right:12px}.cabinet{order:1;max-width:none;padding:10px}.result-card{order:2;min-width:0;min-height:430px;padding:14px}.cab-head{display:block}.cab-head h2{font-size:20px}.round-status{display:inline-block;margin-top:8px}.screen{height:auto;width:100%;aspect-ratio:9/16}.cab-foot{display:block}.cab-foot>span{display:inline-block;margin:4px 3px 8px 0}.cab-foot .button{width:100%;margin:3px 0 0;padding:9px 8px;font-size:11px}.game-modes{display:block}.game-modes .mode{font-size:9px;padding:5px 6px}.game-modes small{display:block;margin:8px 0 0;font-size:10px}.top-hint{display:none}.hero{padding-top:35px;padding-bottom:35px}.hero h1{font-size:48px}.stamp{display:none}.prompt-row{display:grid}.prompt-row .button{width:100%}.stats{grid-template-columns:1fr;gap:18px}.stats div{border-right:0;border-bottom:1px solid #aaa;padding:0 0 14px}.stats div:last-child{border:0}.how{grid-template-columns:1fr;gap:10px;padding-top:45px}.screen{height:270px}.cab-foot{gap:9px}.cab-foot .button{margin-left:0;width:100%}footer{display:block}footer span{display:block;margin-top:8px}}