/* notbot's prediction chamber. Motion follows game state; data stays server-owned. */
:root{--paper:#090e19;--ink:#eef4f6;--muted:#9caabe;--line:#29364a;--lime:#c1ff5e;--purple:#fd8ac3;--green:#c1ff5e;--white:#111b2b;--cyan:#75f7ed}
body{background:radial-gradient(ellipse at 80% 15%,#113c4140,transparent 45%),radial-gradient(ellipse at 8% 50%,#5b1c5630,transparent 45%),#090e19;color:var(--ink)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#8da8c62c .7px,transparent .7px);background-size:24px 24px}
::selection{background:var(--lime);color:#101c13}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.6}.site-shell{max-width:1180px;padding:0 40px}.header{height:84px;border-color:#263448}.wordmark{font-size:31px;color:#f5f7f8}.logo-dot{color:var(--lime)}.logo-mark{background:var(--lime);color:#101b14;border-color:var(--lime);border-radius:5px;box-shadow:3px 3px 0 #415838}.header nav{gap:24px}.nav-button{color:#a6b3c5;font-size:12px}.nav-button.active{color:var(--lime)}.green-dot,.nav-dot{background:var(--lime);box-shadow:0 0 9px #bfff5770}.icon-button{border-radius:7px;background:#142032;border-color:#304158;color:#bdcbdc}.icon-button:hover{background:#23344c}.question-mark{border-color:#617087;color:#bdcbdc}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:40px 0 30px;min-height:426px}.intro-copy{position:relative;z-index:1}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:1.3px;color:var(--cyan)}.intro h1{font-size:clamp(43px,4.9vw,64px);letter-spacing:-3.5px;line-height:1.05;margin:25px 0 22px;font-weight:700;width:auto}.intro h1>span{color:var(--lime);text-shadow:0 0 35px #c1ff5e18}.intro h1>span:after{display:none}.intro p{color:#a7b5c8;font-size:15px;line-height:1.6}.demo-trigger{margin-top:23px;background:none;border:0;padding:0;color:#dbe5ef;text-align:left;display:flex;gap:9px;align-items:center;font-size:12px}.demo-trigger>span{color:var(--lime);background:#c1ff5e15;border:1px solid #c1ff5e50;width:27px;height:27px;display:grid;place-items:center;font-size:12px;border-radius:50%}.demo-trigger small{font:12px monospace;color:#77899f;letter-spacing:.5px}.demo-trigger:hover{color:var(--lime)}
.intro-art{width:100%;height:350px;position:relative;transform:none!important;align-self:center;isolation:isolate;border:1px solid #304a5d;background:radial-gradient(ellipse at 50% 40%,#143e4d 0,#101e30 46%,#0b1423 75%);border-radius:8px;box-shadow:inset 0 0 50px #0005,0 16px 55px #0003;overflow:hidden}.intro-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000012 3px 4px);z-index:8}.chamber-label{position:absolute;top:16px;left:17px;font:12px monospace;letter-spacing:1.3px;color:#8bb6c3;z-index:5}.chamber-label .green-dot{width:4px;height:4px;margin-right:5px}.chamber-grid{position:absolute;bottom:-80px;left:-40%;width:180%;height:250px;transform:perspective(200px) rotateX(53deg);background-image:linear-gradient(#5edbd921 1px,transparent 1px),linear-gradient(90deg,#5edbd921 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(transparent,#000);animation:floor-drift 8s linear infinite}.chamber-orbit{position:absolute;width:260px;height:260px;left:50%;top:51%;border:1px solid #67eee522;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one:after,.orbit-two:after{content:'';position:absolute;inset:14px;border:1px dashed #78fff230;border-radius:50%}.orbit-two{width:310px;height:310px;border-style:dashed;animation:orbit-drift 45s linear infinite}.coordinate{position:absolute;top:53%;font:12px/1.8 monospace;color:#69879e;letter-spacing:1.2px}.coordinate-left{left:18px}.coordinate-right{right:18px;text-align:right}.chamber-bot{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:310px;height:310px;z-index:3;overflow:visible;filter:drop-shadow(0 6px 10px #0005)}.bot-rig{transform-origin:180px 180px;animation:bot-hover 4s ease-in-out infinite}.bot-head{transform-origin:180px 168px;animation:bot-look 9s ease-in-out infinite}.bot-face{transform:translate(var(--gaze-x,0px),var(--gaze-y,0px));transition:transform .2s ease-out}.bot-eye{transform-box:fill-box;transform-origin:center;animation:visor-blink 6s infinite}.bot-brow{opacity:.8}.bot-gasp,.bot-error{opacity:0}.bot-beacon{animation:beacon 2.4s ease-in-out infinite}.bot-heart{filter:drop-shadow(0 0 6px #c1ff5e90);animation:beacon 3s ease-in-out infinite}.bot-arm{transform-origin:119px 203px;animation:arm-idle 4s ease-in-out infinite}.arm-right{transform-origin:241px 203px;animation-delay:-2s}.bot-shadow{transform-origin:center;animation:shadow-breathe 4s ease-in-out infinite}.chamber-platform{position:absolute;width:190px;height:30px;left:50%;bottom:23px;transform:translateX(-50%);border:1px solid #8fffda88;border-radius:50%;box-shadow:0 0 14px #75ffdc22,inset 0 0 14px #75ffdc22}.chamber-telemetry{position:absolute;bottom:12px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;font:12px monospace;letter-spacing:.6px;color:#7892a9;z-index:4}.telemetry-bars{display:flex;gap:3px;height:12px;align-items:center}.telemetry-bars i{height:10px;width:3px;background:#75f7ed77;animation:scan-wave .9s infinite alternate}.telemetry-bars i:nth-child(2n){animation-delay:-.3s;height:6px}.telemetry-bars i:nth-child(3n){animation-delay:-.6s}.speech-bubble{top:41px;right:13px;padding:9px 12px;font:12px/1.4 monospace;border-radius:4px;border:1px solid #87aebe55;background:#132737;color:#b3fff0;transform:rotate(3deg);z-index:6;max-width:210px;box-shadow:3px 4px 0 #0003}.speech-bubble:after{background:#132737;border-color:#87aebe55;width:9px;height:9px;bottom:-5px;left:20px}.chamber-corner{position:absolute;width:16px;height:16px;border:2px solid var(--cyan);z-index:9}.corner-a{left:0;top:0;border-right:0;border-bottom:0}.corner-b{right:0;bottom:0;border-left:0;border-top:0}.arena-divider{display:flex;justify-content:space-between;gap:10px;color:#6c829e;font:12px monospace;letter-spacing:1.6px;padding:4px 0 15px}.arena-divider>span:first-child{color:var(--lime)}
.game-layout{grid-template-columns:minmax(0,1fr) 286px;gap:20px}.game-card{background:#101b2b;border:1px solid #3a4e63;border-radius:10px;box-shadow:0 6px 0 #060b13,0 18px 50px #0003;overflow:hidden;position:relative}.game-card:before{content:'';position:absolute;inset:0 20px auto;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.6}.card-top{background:#142235;border-color:#2d3c50;padding:17px 24px}.edition{color:#a9bfd2;font:12px monospace;letter-spacing:1.5px}.small-spark{color:var(--cyan)}#edition-number{background:#75f7ed12;color:var(--cyan);border-color:#75f7ed30}#game-date{color:#7e93ad;font:12px monospace}#play-view{padding:27px 25px 0}.category{color:var(--cyan);font:12px monospace;letter-spacing:1.5px}.category:before{background:var(--cyan)}.prompt-block h2{color:#f0f5f8;font-size:30px;line-height:1.25;font-weight:600;letter-spacing:-1px;max-width:600px;margin-top:12px}.prompt-note{color:#899cb6;font-size:12px}.attempt-header{font:12px monospace;letter-spacing:1px;margin-top:30px;color:#7e93ac}.attempt-header>span:last-child{color:#9cafc3;font:12px 'DM Sans',sans-serif;letter-spacing:0}.attempts{gap:9px;margin-bottom:20px}.attempt{background:#0a1322;border:1px solid #2e4158;border-radius:5px;color:#5e7593;font-family:monospace;height:43px;box-shadow:inset 0 2px 0 #0002}.attempt.current{background:#c1ff5e0a;border:1px solid #c1ff5e99;color:var(--lime);box-shadow:0 0 15px #c1ff5e0a}.attempt.current:after{background:var(--lime)}.attempt.won{background:#c1ff5e;color:#182411;border-color:#c1ff5e;box-shadow:0 3px 0 #587a27}.attempt.lost{background:#3b2447;color:#ff9bce;border-color:#704265}.answer-field{background:#090f1c;border:1px solid #435771;border-radius:6px;padding:6px;display:flex;flex-wrap:nowrap;transition:border-color .2s,box-shadow .2s}.answer-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #75f7ed13}#answer{color:#edf8fd;background:transparent;font-size:13px;padding:14px 9px;min-width:0}#answer::placeholder{color:#7388a4}#submit-answer{position:relative;isolation:isolate;overflow:hidden;flex-shrink:0;background:var(--lime);color:#17240c;border:1px solid #d5ff96;border-radius:3px;padding:15px 19px;font-size:12px;font-weight:750;box-shadow:0 3px 0 #6b9636;width:auto;transition:box-shadow .2s,background .2s}#submit-answer:not(:disabled):hover{background:#d6ff91;box-shadow:0 3px 0 #6b9636,0 0 25px #c1ff5e44}#submit-answer:active{box-shadow:0 0 0 #6b9636;transform:translateY(3px)}#submit-answer:before{content:'';position:absolute;inset:-30px;z-index:-1;background:linear-gradient(110deg,transparent 35%,#fff7 45%,transparent 55%);transform:translateX(-150%);animation:button-sheen 7s infinite}.input-help{color:#7790ad;font-size:12px}.input-help>span{color:#637d9d}.game-bottom{border-color:#28384c;color:#8298b1;font:12px monospace;letter-spacing:.1px;padding:17px 0}.game-bottom svg{color:var(--cyan)}
.sidebar{gap:16px}.opponent-card,.score-card{border:1px solid #303d58;border-radius:8px;box-shadow:0 4px 0 #060b13}.opponent-card{background:linear-gradient(140deg,#241c35,#151c2d);padding:22px}.section-label{color:#9d9fc0;font:12px monospace;letter-spacing:1.1px}.section-label>span{color:#fd8ac3}.opponent-heading h3{color:#f0ebf7;font-size:23px}.opponent-heading p{color:#9586ac;font-size:12px}.opponent-heading .green-dot{background:#fe8ec6;box-shadow:0 0 8px #fe8ec660}.mini-robot{background:#28243a;border-color:#807297;box-shadow:inset -3px -3px #151224;border-radius:7px}.mini-robot span{color:#fd8ac3;background:#0e1120;border-radius:3px}.ai-badge{background:#412b50;color:#fa9ccc;border-color:#72456d}blockquote{color:#c6b7d9;font-family:'Space Grotesk',sans-serif;font-size:13px;font-style:normal;line-height:1.55}.lock-tile{border:1px solid #473451;background:#130f20;border-radius:3px;color:#9b739c;height:24px}.prediction-caption{color:#907e9e;font:12px monospace;letter-spacing:0}.score-card{background:#142433;padding:21px 22px 0}.score-card .section-label{color:#82abbc}.score-versus{margin:19px 0 18px}.score-versus div>span{color:#8ba5b7;font:12px monospace;letter-spacing:.7px}.score-versus strong{color:var(--lime);font-size:47px;font-weight:600;text-shadow:0 0 30px #c1ff5e15}.score-versus div:last-child strong{color:#fd8ac3}.score-versus i{color:#55748c;font:12px monospace}.score-footer{border-color:#2c4355;color:#92a4b7;font-size:12px;gap:8px}.score-footer b{color:var(--lime);white-space:nowrap}
.rules-strip{border-color:#293548;padding:28px 0;gap:20px}.step-number{color:var(--cyan);background:#132535;border:1px solid #2c5360;border-radius:4px;font-family:monospace}.rules-strip strong{color:#dce6ed;font-size:13px}.rules-strip p span{color:#7c90a9;font-size:12px}.step-arrow{color:#445b76}.human-note{color:#8395ac;font-family:monospace;font-size:12px;margin:28px 0}.human-note>span{color:var(--lime)}footer{border-color:#27364a;color:#7086a1}.footer-brand{color:#cad8e3}footer button{color:#95a8bd}
.feedback:not(:empty){background:#152d2b;border:1px solid #3c6956;color:#d2ead7;padding:16px;border-radius:6px}.feedback.error:not(:empty){background:#382622;border-color:#805346;color:#ffd3bc}.feedback.predicted:not(:empty){background:#30203d;border-color:#694775;color:#e1c4ef}.answer-moment{margin-bottom:11px;gap:9px}.answer-moment strong{color:var(--lime);font-size:24px;letter-spacing:-1px}.answer-moment>b{background:var(--lime);color:#1b2b11;border-radius:4px;font-size:20px}.moment-symbol{color:var(--lime)}.answer-moment.caught strong,.answer-moment.caught .moment-symbol{color:#ffa2d5}.answer-moment.caught>b{background:#63426e;color:#ffe1f2}.rarity-highlight{color:#e4faec;font-size:14px}.rarity-sample,.answer-detail .answer-rarity{color:#91aeaf}.thought-scan{background:#112c39;border:1px solid #2d6472;color:var(--cyan);border-radius:5px}.scan-bars i{background:var(--cyan)}.thinking #submit-answer{background:#75f7ed;color:#0d2931;box-shadow:0 3px 0 #267c82}.thinking .chamber-bot .bot-head{animation:bot-compute .8s ease-in-out infinite}.thinking .bot-face{transform:translate(0);}.thinking .bot-eye{animation:bot-search .7s ease-in-out infinite}.thinking .bot-brow{opacity:0}.thinking .bot-heart{fill:#75f7ed}.thinking .chamber-orbit{border-color:#75f7ed77}.thinking .chamber-telemetry{color:var(--cyan)}
.human-surprise .bot-head,.legendary-moment .bot-head{animation:bot-break .6s steps(2,end) 2}.human-surprise .bot-rig,.legendary-moment .bot-rig{animation:bot-jump .8s cubic-bezier(.2,.7,.3,1) both}.human-surprise .arm-left,.legendary-moment .arm-left{animation:arm-panic-left .8s both}.human-surprise .arm-right,.legendary-moment .arm-right{animation:arm-panic-right .8s both}.human-surprise .bot-eye,.human-surprise .bot-brow,.human-surprise .bot-smile,.legendary-moment .bot-eye,.legendary-moment .bot-brow,.legendary-moment .bot-smile{opacity:0}.human-surprise .bot-error,.human-surprise .bot-gasp,.legendary-moment .bot-error,.legendary-moment .bot-gasp{opacity:1}.human-surprise .intro-art,.legendary-moment .intro-art{animation:chamber-impact .8s both}.human-surprise .game-card{animation:arcade-win .8s both}.machine-predicted .bot-head{animation:smug-nod .8s ease-in-out}.machine-predicted .bot-brow{transform:translateY(3px)}.machine-predicted .intro-art{border-color:#fd8ac3}.scene-paused *,.scene-paused *:before,.scene-paused *:after{animation-play-state:paused!important}
/* Outcomes and shareable portrait use the same visual language as the game. */
dialog{background:#111c2c;border:1px solid #415870;border-radius:12px;color:#e6eef5;box-shadow:0 30px 120px #000a}dialog::backdrop{background:#030713c9;backdrop-filter:blur(8px)}dialog p{color:#9aadc4}dialog h2{font-weight:600}.close-dialog{color:#93a7c1}.close-dialog:hover{color:#fff}.primary-button{background:var(--lime);color:#192810;border-color:#d0ff88;border-radius:5px;font-weight:700}.primary-button:hover{background:#d3ff8b}.secondary-button{border-color:#465972;background:#19283d;color:#dae8f7;border-radius:5px}.text-button{color:var(--cyan)}.prototype-note{color:#91a4bb!important;border-color:#34445c}.how-list li::marker{color:var(--cyan)}.legendary-guide{background:linear-gradient(135deg,#2b2843,#152b34);border-color:#5e536c;border-radius:7px}.legendary-guide .eyebrow{color:#fda8db}.legendary-title>span{color:var(--lime)}.legendary-title b{color:#1d2a12;background:var(--lime);border-radius:3px}.legendary-guide .text-button{color:var(--cyan)}.result-heading .eyebrow{color:var(--cyan)}.result-heading h2{color:#f2f7f8}.result-heading p{color:#a5b6cb}.result-score{background:#1e362c;border:1px solid #436947;border-radius:6px}.result-score>strong{color:var(--lime)}.result-score strong span{color:#7ca264}.result-score>div{color:#afc6b4}.result-score b{color:var(--lime)}.result-score>span{color:var(--lime)}.answer-row{border-color:#29384b;color:#d3e2eb}.answer-row .answer-symbol{color:var(--lime)}.answer-row.lost .answer-symbol{color:#fd8ac3}.answer-row small{color:#9baec6}.answer-row.legendary{background:linear-gradient(90deg,#293831,#372c47)}.answer-row.legendary small,.answer-row.legendary b{color:var(--lime)}.rarity-note,.seal-proof,.reset-line{color:#8fa5bc;border-color:#2a3f55}.seal-proof{background:#192c3b}#prediction-reveal span{background:#28314a;color:#d4e3f4}.stat{background:#1c2e44;color:var(--lime)}.stat span,.history-row span{color:#9ab0c9}.history-button{color:var(--cyan)}.history-row{border-color:#30435d}.share-card{background:radial-gradient(circle at 50% 10%,#21443a,#0a1424 70%);border:1px solid #4b7967;border-radius:7px;color:#edf8f0}.share-card.has-legendary{background:radial-gradient(ellipse at top,#49355e,#10231e);border-color:#b1d77e}.share-card h2>span{background:var(--lime);color:#15250c;border-radius:2px}.share-card small{color:#a2bda8;font-family:monospace;font-style:normal}.share-card .wordmark{color:var(--lime)}
.celebration{background:#060a14a6;backdrop-filter:blur(5px)}.celebration-badge{background:radial-gradient(ellipse at top,#394e2b,#182531 55%,#30233f);border:1px solid #b9eb6a;border-radius:10px;box-shadow:0 0 0 8px #c1ff5e0b,0 0 100px #c1ff5e20;color:#efffdf}.celebration-badge .eyebrow{color:var(--lime)}.celebration-badge h2{font-weight:700}.celebration-badge p{color:#bbd1b1;font-family:monospace;font-size:15px}.celebration-caption{color:#92a9b6;font:12px monospace}.legendary-emblem{color:#132509;background:var(--lime);border-color:#d1ff8e;border-radius:13px;box-shadow:0 0 0 10px #c1ff5e12,0 0 50px #c1ff5e30}.celebration-badge>button{color:#c1d9b5}
.reel-dialog{background:#080f1c;border-color:#567285;border-radius:12px}.reel-dialog::backdrop{background:#060a13e8}.reel-dialog>.close-dialog{color:#b9e7ec}.reel-stage{background:radial-gradient(ellipse at 50% 25%,#244559,#0b1526 70%);color:#eff7ff;border-radius:7px;min-height:500px}.reel-stage:before{content:'';inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);transform:none;z-index:2;pointer-events:none}.reel-stage:after{content:'';width:300px;height:300px;left:50%;right:auto;top:100px;bottom:auto;border:1px dashed #75f7ed44;border-radius:50%;transform:translateX(-50%);animation:orbit-drift 30s linear infinite}.reel-brand{font-size:38px;letter-spacing:-2px}.reel-brand span{color:var(--lime)}.reel-edition{color:#86bcc8;font-family:monospace}.reel-machine{color:var(--cyan);background:#0d2435;border:7px solid #99b6c2;box-shadow:3px 4px 0 #3a566e,0 0 35px #75f7ed22;border-radius:10px;width:110px;height:85px;transform:rotate(-5deg);z-index:3}.reel-machine:before{content:'';position:absolute;width:4px;height:18px;left:50%;top:-24px;background:#95b5c2;border-top:6px solid var(--lime)}.reel-copy h2{font-weight:600}.reel-copy h2 strong{color:var(--lime);font-size:104px;letter-spacing:-6px;text-shadow:0 0 30px #c1ff5e20}.reel-stage.revealed{background:radial-gradient(ellipse at 50% 40%,#27472d,#0a1723 75%);color:#e9ffe9}.revealed .reel-machine{background:#272339;border-color:#aeb8cf;box-shadow:4px 4px 0 #536581,0 0 35px #ff80ba20;color:#ff97d0;animation:bot-break .7s steps(2,end)}.reel-grid .won{background:var(--lime);color:#203410;border-radius:4px;box-shadow:0 3px 0 #578529}.reel-grid .lost{background:#52375d;color:#ff9fd7;border-radius:4px;box-shadow:0 3px 0 #2e2035}.reel-footer>span{color:#b1c5d3;font-family:monospace;font-size:12px;font-style:normal}.reel-footer b{color:#b2c8da}.reel-copy p{color:#c4d9ce}.reel-hint{color:#8ea4bd!important}
.impact-particle{position:fixed;width:6px;height:6px;background:var(--particle-color);left:var(--px);top:var(--py);z-index:120;pointer-events:none;animation:pixel-burst 850ms cubic-bezier(.15,.7,.3,1) forwards}.impact-word{position:fixed;left:50%;top:18%;transform:translateX(-50%);z-index:90;pointer-events:none;font:800 clamp(24px,6vw,55px)/1 'Space Grotesk',sans-serif;letter-spacing:-2px;color:var(--lime);white-space:nowrap;text-shadow:4px 4px #09131e,0 0 40px #c1ff5e55;animation:impact-word 1.5s both}.impact-word.caught{color:#fd8ac3}.demo-active .intro-art{border-color:#a0d890}.demo-active .demo-trigger{color:var(--lime)}
@keyframes floor-drift{to{background-position:0 35px}}@keyframes orbit-drift{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes bot-hover{50%{transform:translateY(-7px)}}@keyframes bot-look{0%,40%,100%{transform:rotate(-4deg)}55%,78%{transform:rotate(5deg)}}@keyframes visor-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes beacon{50%{opacity:.55}}@keyframes shadow-breathe{50%{transform:scaleX(.85);opacity:.1}}@keyframes arm-idle{50%{transform:rotate(4deg)}}@keyframes button-sheen{0%,75%{transform:translateX(-150%)}95%,100%{transform:translateX(150%)}}@keyframes bot-compute{50%{transform:rotate(5deg) translateY(2px)}}@keyframes bot-search{50%{transform:translateX(6px) scaleY(.65)}}@keyframes bot-break{20%{transform:translateX(-7px) rotate(-12deg)}45%{transform:translateX(7px) rotate(8deg)}70%{transform:translateX(-3px) rotate(-6deg)}}@keyframes bot-jump{35%{transform:translateY(-23px) rotate(-3deg)}65%{transform:translateY(-12px) rotate(3deg)}}@keyframes arm-panic-left{35%,70%{transform:rotate(115deg)}}@keyframes arm-panic-right{35%,70%{transform:rotate(-115deg)}}@keyframes chamber-impact{20%{box-shadow:inset 0 0 80px #fd8ac344;border-color:#fd8ac3}60%{box-shadow:inset 0 0 60px #75f7ed33;border-color:#75f7ed}}@keyframes arcade-win{40%{box-shadow:0 0 0 3px #c1ff5e66,0 0 40px #c1ff5e22}}@keyframes smug-nod{35%{transform:rotate(9deg) translateY(7px)}70%{transform:rotate(-6deg)}}@keyframes pixel-burst{to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin));opacity:0}}@keyframes impact-word{0%{opacity:0;transform:translate(-50%,15px) scale(.7) rotate(-4deg)}15%,65%{opacity:1;transform:translate(-50%,0) scale(1) rotate(-3deg)}100%{opacity:0;transform:translate(-50%,-20px) scale(1.03) rotate(-3deg)}}
@media(min-width:1400px){.site-shell{max-width:1230px}.intro{padding:46px 0 36px}.intro h1{font-size:70px}.intro-art{height:370px}.chamber-bot{width:330px;height:330px}.game-layout{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1000px){.intro{gap:20px}.intro h1{font-size:51px;letter-spacing:-2.8px}.intro .eyebrow{font-size:12px}.demo-trigger small{display:none}.game-layout{grid-template-columns:minmax(0,1fr) 250px}.prompt-block h2{font-size:27px}.answer-field{flex-wrap:wrap}#submit-answer{width:100%}.chamber-bot{width:290px;height:290px}.coordinate{display:none}.intro-art{height:330px}.speech-bubble{font-size:12px}}
@media(max-width:700px){.site-shell{padding:0 20px}.header{height:72px}.header nav{gap:15px}.wordmark{font-size:28px}.header .nav-button.active,.question-mark{display:none}.intro{grid-template-columns:1fr;gap:24px;padding:28px 0 24px;min-height:0}.intro-copy{text-align:center}.intro .eyebrow{justify-content:center;font-size:12px;letter-spacing:1px}.intro h1{font-size:clamp(39px,8.9vw,60px);letter-spacing:-2.5px;margin:17px 0 13px}.intro p{font-size:13px;line-height:1.5}.intro p br{display:none}.intro p br:after{content:' '}.demo-trigger{margin:14px auto 0;font-size:12px}.demo-trigger small{display:block;font-size:12px}.intro-art{position:relative;top:auto;right:auto;width:100%;height:280px;transform:none!important}.chamber-bot{width:260px;height:260px;bottom:7px}.speech-bubble{display:block!important;top:41px;right:12px;font-size:12px;max-width:185px}.chamber-orbit{width:220px;height:220px}.orbit-two{width:260px;height:260px}.chamber-platform{bottom:18px;width:160px}.chamber-label{font-size:12px;top:13px}.chamber-telemetry{font-size:12px;bottom:10px}.coordinate{display:block;top:55%;font-size:12px}.arena-divider{font-size:12px;letter-spacing:1px;padding:0 0 13px}.arena-divider>span:last-child{font-size:12px;letter-spacing:.6px}.game-layout{grid-template-columns:1fr;gap:18px}.card-top{padding:15px 18px}.edition{font-size:12px;letter-spacing:.8px}#game-date{font-size:12px}#play-view{padding:24px 18px 0}.category{font-size:12px}.prompt-block h2{font-size:27px;line-height:1.23;margin-top:12px}.prompt-note{font-size:12px}.attempt-header{font-size:12px;margin-top:25px;letter-spacing:.7px}.attempt-header>span:last-child{font-size:12px}.attempts{gap:7px}.attempt{height:41px}.answer-field{flex-wrap:wrap;gap:7px;padding:7px}#answer{flex-basis:100%;padding:13px 8px;font-size:14px}#submit-answer{width:100%;padding:15px;font-size:13px}.input-help{font-size:12px;margin:12px 0 17px}.input-help>span{display:none}.game-bottom{font-size:12px;gap:10px;line-height:1.5}.game-bottom>span:last-child{display:block;white-space:nowrap}.sidebar{grid-template-columns:1fr 1fr;gap:12px}.opponent-card{padding:15px}.score-card{padding:15px 13px 0}.section-label{font-size:12px;letter-spacing:.5px}.opponent-heading h3{font-size:18px}.opponent-heading p{font-size:12px}.mini-robot{width:32px;height:32px}.opponent-heading{gap:8px;margin-top:17px}.opponent-card blockquote{font-size:12px;margin:15px 0}.lock-tile{height:19px}.prediction-caption{font-size:12px;line-height:1.5}.score-versus{margin:auto 0;padding:15px 0}.score-versus strong{font-size:37px}.score-versus div>span{font-size:12px;letter-spacing:.3px}.score-footer{font-size:12px;line-height:1.4;align-items:center}.score-footer b{font-size:12px}.rules-strip{gap:12px;padding:24px 0}.rules-strip strong{font-size:12px}.rules-strip p span{font-size:12px}.human-note{font-size:12px;line-height:1.7}.answer-moment strong{font-size:20px}.answer-moment>b{font-size:17px}.rarity-highlight{font-size:12px}.rarity-sample{font-size:12px}.answer-detail{max-width:155px}.reel-stage{min-height:470px}.reel-copy h2 strong{font-size:94px}.reel-copy h2{font-size:34px}.revealed .reel-copy h2{font-size:24px}dialog{padding:31px 22px}.reel-dialog{padding:10px}}
@media(max-width:370px){.site-shell{padding:0 14px}.header nav{gap:11px}.nav-button{font-size:12px}.intro h1{font-size:38px}.intro .eyebrow{font-size:12px}.demo-trigger small{display:none}.intro-art{height:260px}.chamber-bot{width:240px;height:240px}.speech-bubble{font-size:12px}.coordinate{display:none}.prompt-block h2{font-size:24px}.arena-divider>span:last-child{display:none}.game-bottom>span:last-child{display:none}.answer-moment strong{font-size:18px}.answer-moment>b{font-size:15px}.score-versus strong{font-size:32px}.opponent-heading h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.impact-particle{display:none}.impact-word{display:none}.bot-face{transform:none}.celebration-particles{display:none}}
/* The replay features the same character, so clips are recognizably notbot. */
.reel-machine,.revealed .reel-machine{width:180px;height:168px;flex-shrink:0;border:0;background:none;box-shadow:none;border-radius:0;transform:none;margin:12px auto 0;animation:none}
.reel-machine:before{display:none}.reel-machine .chamber-bot{position:relative;left:auto;bottom:auto;width:180px;height:180px;transform:none;display:block}.reel-machine .bot-shadow{opacity:.3}.revealed .reel-machine .bot-head{animation:bot-break .7s steps(2,end)}.revealed .reel-machine .bot-eye,.revealed .reel-machine .bot-smile,.revealed .reel-machine .bot-brow{opacity:0}.revealed .reel-machine .bot-error,.revealed .reel-machine .bot-gasp{opacity:1}.revealed .reel-machine .arm-left{animation:arm-panic-left .9s both}.revealed .reel-machine .arm-right{animation:arm-panic-right .9s both}.reel-copy h2{margin:8px 0}.revealed .reel-copy h2{margin:8px 0}.reel-copy h2 strong{font-size:90px}.reel-footer{margin-top:14px}.reel-stage{height:min(650px,calc(100dvh - 150px));min-height:540px;padding-top:23px;padding-bottom:20px}
@media(max-height:760px){.reel-machine,.revealed .reel-machine{height:115px;width:130px;margin:9px auto 0}.reel-machine .chamber-bot{height:130px;width:130px}.reel-copy h2 strong{font-size:76px}.reel-brand{font-size:32px}.reel-stage{min-height:490px}.reel-copy h2{font-size:30px}.revealed .reel-copy h2{font-size:22px}.reel-footer{margin-top:10px}}
.reaction-avatar{width:58px;height:46px;flex-shrink:0;overflow:visible}.reaction-avatar .bot-rig{animation:none}.reaction-avatar .bot-head{animation:none}.reaction-avatar.surprised .bot-error,.reaction-avatar.surprised .bot-gasp{opacity:1}.reaction-avatar.surprised .bot-eye,.reaction-avatar.surprised .bot-brow,.reaction-avatar.surprised .bot-smile{opacity:0}.answer-moment strong{font-size:21px}@media(max-width:700px){.reaction-avatar{width:43px;height:36px}.answer-moment{gap:7px}.answer-moment strong{font-size:18px}.answer-moment>b{font-size:16px;padding:5px 7px}}@media(max-width:370px){.reaction-avatar{width:34px}.answer-moment strong{font-size:16px}}
.revealed.machine-victory{background:radial-gradient(ellipse at 50% 40%,#3f2b4d,#0c1627 75%)}.machine-victory .reel-machine .bot-eye,.machine-victory .reel-machine .bot-smile,.machine-victory .reel-machine .bot-brow{opacity:1}.machine-victory .reel-machine .bot-error,.machine-victory .reel-machine .bot-gasp{opacity:0}.machine-victory .reel-machine .bot-head,.machine-victory .reel-machine .bot-arm{animation:none}.machine-victory .reel-copy h2 strong{color:#fd8ac3}
.reaction-avatar{overflow:hidden}