:root{color-scheme:dark;--ink:#ecf7ff;--muted:#a4b1c8;--mint:#80ffbc;--pink:#ff7cb5;--line:#2a3852}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 20%,#18344a 0,transparent 45%),radial-gradient(ellipse at 95% 5%,#302344 0,transparent 40%),#0a101e;color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:var(--mint);text-underline-offset:4px}header{max-width:1200px;margin:auto;padding:26px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{text-decoration:none;font-size:14px;font-weight:850;letter-spacing:.12em;color:var(--ink)}.brand span{color:var(--mint);font-weight:500}nav{display:flex;gap:20px;font-size:13px}nav a{color:var(--muted);text-decoration:none}main{max-width:1200px;margin:auto;padding:0 24px}.intro{padding:22px 0 30px}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:.18em;font-weight:750}h1{font-size:clamp(44px,6vw,78px);letter-spacing:-.065em;line-height:1.04;margin:14px 0}h1 em{font-style:normal;color:var(--mint)}.intro>p:last-child{color:var(--muted);margin-bottom:0}.arcade{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);gap:28px;align-items:start}.arena{border:1px solid var(--line);border-radius:24px;background:#0f192add;padding:24px;box-shadow:0 24px 70px #0004}.scoreboard{display:flex;gap:28px;align-items:center;margin-bottom:20px}.scoreboard>div{display:flex;flex-direction:column}.scoreboard span:not(.badge){font-size:10px;letter-spacing:.15em;color:var(--muted)}.scoreboard strong{font-size:28px;line-height:1.3;font-variant-numeric:tabular-nums}.badge{margin-left:auto;font-size:10px;letter-spacing:.1em;border:1px solid #46617d;padding:6px 10px;border-radius:20px;color:var(--mint)}.board-wrap{position:relative}#board{width:100%;aspect-ratio:1;position:relative;overflow:hidden;background-color:#0b1525;background-image:linear-gradient(#26395270 1px,transparent 1px),linear-gradient(90deg,#26395270 1px,transparent 1px);background-size:calc(100% / 12) calc(100% / 12);border:1px solid #335470;border-radius:14px;touch-action:none;box-shadow:inset 0 0 45px #0c2236,0 0 35px #74efaf0b}#board:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.segment,.food{position:absolute;width:calc(100% / 12);height:calc(100% / 12);pointer-events:none;will-change:left,top}.segment:before{content:"";position:absolute;inset:8%;border-radius:28%;background:linear-gradient(135deg,#baffb8,#41d49d);box-shadow:inset 0 2px 2px #f0ffce66,0 0 13px #73ffb343}.segment:nth-of-type(3n):before{background:linear-gradient(135deg,#8bfed2,#30bba4)}.head{z-index:2}.head:before{background:linear-gradient(135deg,#d6ffae,#8dffb9);box-shadow:0 0 18px #82ffb97a}.head:after{content:"";position:absolute;left:60%;top:24%;width:12%;height:12%;border-radius:50%;background:#173e41;box-shadow:0 15px 0 #173e41;transform-origin:0 0}.head[data-direction=left]:after{left:24%}.head[data-direction=up]:after,.head[data-direction=down]:after{left:24%;top:25%;box-shadow:15px 0 0 #173e41}.head[data-direction=down]:after{top:60%}.food:before{content:"";position:absolute;inset:23%;border-radius:35%;background:linear-gradient(135deg,#ffd998,#ff70aa);box-shadow:0 0 18px #ff649bcc;transform:rotate(45deg);animation:pulse 1.5s ease-in-out infinite}.food:after{content:"";position:absolute;inset:4%;border:1px solid #ffadce55;border-radius:50%;animation:ring 1.5s ease-out infinite}@keyframes pulse{50%{transform:rotate(45deg) scale(.84);filter:brightness(1.2)}}@keyframes ring{from{transform:scale(.6);opacity:.8}to{transform:scale(1.3);opacity:0}}#board.eating{box-shadow:inset 0 0 55px #395637,0 0 30px #95ffac30}#board[data-outcome=lost]{border-color:var(--pink)}#overlay{position:absolute;inset:auto 0 0;pointer-events:none;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:0 0 14px 14px;background:linear-gradient(transparent,#09121bee);padding:24px 12px 18px;text-align:center;z-index:3}#overlay[hidden]{display:none}#overlay strong{font-size:clamp(22px,3vw,33px);letter-spacing:-.04em}#overlay span{color:#c5d9e8;font-size:13px}.underboard{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:12px 0 18px}.underboard i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:5px}button{font:700 14px system-ui;color:var(--ink);border:1px solid #3b4d69;border-radius:12px;background:#1d2a40;padding:13px 17px;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.18);border-color:var(--mint)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}.primary{color:#10292c;background:var(--mint);border-color:var(--mint);flex:1}.manual-controls{display:flex;gap:10px}.dpad{text-align:center;margin:18px auto 0}.dpad button{width:56px;padding:8px;font-size:22px;margin:3px}.hint{text-align:center;color:var(--muted);font-size:12px;margin-bottom:0}.panel{background:#111b2cdd;border:1px solid var(--line);padding:24px;border-radius:22px;margin-bottom:20px}.panel-title{display:flex;align-items:center;gap:9px}h2{font-size:20px;letter-spacing:-.025em;margin:0}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #80ffbc66}.tag{font-size:9px;letter-spacing:.1em;background:#25433d;border-radius:5px;padding:3px 6px;color:var(--mint);margin-left:auto}.panel>p{font-size:14px;color:var(--muted)}.consent{display:flex;gap:10px;font-size:12px;line-height:1.6;padding:14px;border:1px solid #354663;border-radius:12px;color:#c2cee2}.consent input{accent-color:var(--mint);margin:4px 0;flex-shrink:0;width:16px;height:16px}.ai-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.watch{background:#594379;border-color:#8866b3;flex:1}#status{min-height:64px;border-left:2px solid var(--mint);padding-left:12px;font-size:13px;color:#d5e8ed}.decision-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px}h3{font-size:13px;margin:0}.decision-heading span{font-size:11px;color:var(--mint)}#decision{font-size:13px;color:var(--muted);margin:15px 0}.prob-row{display:grid;grid-template-columns:46px 1fr 42px;gap:10px;align-items:center;margin:8px 0}.prob-row meter{width:100%;height:13px;accent-color:var(--mint)}.prob-row.selected{color:var(--mint);font-weight:750}.decision-meta{margin-top:12px;font-size:12px}.panel .fine{font-size:11px}.explanation h2{font-size:18px}.explanation p{font-size:12px}footer{display:flex;flex-wrap:wrap;gap:20px;padding:36px 0;color:var(--muted);font-size:12px}footer span{margin-left:auto}@media(max-width:850px){.arcade{grid-template-columns:1fr}.arena{max-width:620px;width:100%;margin:auto}aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:20px}header{align-items:flex-start}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}}@media(max-width:600px){main{padding:0 16px}header{padding:20px 16px;flex-wrap:wrap}nav{justify-content:flex-start}.intro{padding:10px 0 25px}.intro>p:last-child{font-size:14px}.arena{padding:16px;border-radius:20px}.scoreboard{gap:22px}.scoreboard strong{font-size:25px}.badge{padding:4px 7px;font-size:9px}aside{display:block}.head:after{box-shadow:0 9px 0 #173e41}.head[data-direction=up]:after,.head[data-direction=down]:after{box-shadow:9px 0 0 #173e41}.underboard{font-size:10px}footer span{margin:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.segment,.food{will-change:auto}}