:root{font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;color:#392a44;background:#f8f0db;font-synthesis:none;--plum: #8762c9;--mango: #e68e37}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#e2d6be 1px,transparent 1px);background-size:20px 20px}button{font:inherit;color:inherit;cursor:pointer;border:2px solid #392a44;border-radius:12px;padding:11px 16px;background:#fff9ec;box-shadow:0 3px #392a44;font-weight:800;touch-action:manipulation}button:hover{background:#fff}button:active{transform:translateY(2px);box-shadow:0 1px #392a44}button:focus-visible,canvas:focus-visible{outline:4px solid #438779;outline-offset:4px}button:disabled{cursor:default;opacity:.4}button[aria-pressed=true]{background:#e1edce}header{max-width:1040px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;gap:16px}header>div:first-child{display:flex;align-items:center;gap:20px}h1{font-size:clamp(1.5rem,4vw,2.7rem);letter-spacing:-.07em;line-height:1;margin:12px 0}h1 em{color:var(--plum);font-style:normal}.spark{color:var(--mango);margin-left:8px}.tools{display:flex;gap:9px}.tools button{font-size:.72rem;padding:8px 11px;min-height:42px}main{max-width:760px;margin:auto;padding:0 20px}.scoreboard{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 10px 4px;font-weight:900}.scoreboard>div{min-width:0}.scoreboard span{display:block;font-size:.8rem;letter-spacing:.07em}.scoreboard small{font-size:.62rem;opacity:.75}.scoreboard strong{display:block;font-size:1.8rem;letter-spacing:.08em;line-height:1.2}.p1{color:#7250b1}.p2{color:#a7601f;text-align:right}.round{text-align:center}.round span{font-size:.62rem;max-width:185px}.round small{display:block;margin-top:7px;letter-spacing:.15em}.stage{position:relative;width:100%;max-width:min(640px,max(300px,calc(100svh - 250px)));margin:0 auto}canvas{display:block;width:100%;height:auto;touch-action:none;border-radius:50%}#callout{position:absolute;top:9%;left:10%;width:80%;text-align:center;font-weight:1000;font-size:clamp(1rem,4vw,2rem);pointer-events:none;color:#49365a;text-shadow:0 2px #fff9ec}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84%;max-width:440px;text-align:center;background:#fff9ecf5;border:2px solid #392a44;border-radius:28px;padding:22px;box-shadow:0 9px #392a441c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[hidden]{display:none!important}.eyebrow{font-size:.6rem;letter-spacing:.13em;font-weight:900;margin:0 0 12px}h2{font-size:clamp(1.8rem,5.5vw,3.1rem);letter-spacing:-.06em;line-height:1.02;margin:0 0 16px}h2 em{color:#8762c9;font-style:normal}.overlay>p{font-size:.9rem;line-height:1.5}.overlay>.eyebrow{font-size:.6rem}.choices{display:grid;gap:12px;margin-top:20px}.choices button{font-size:1.02rem;padding:12px}.choices button span{display:block;font-size:.66rem;font-weight:500;margin-top:3px}.primary{background:#dfd0fb}.primary:hover{background:#e8ddff}.overlay>.tiny{font-size:.68rem;margin:17px 0 0;color:#64586a}.meters{display:flex;justify-content:space-between;gap:40px;max-width:540px;margin:-14px auto 0;position:relative;pointer-events:none}.meters>div{width:40%;color:#7250b1}.meters>div+div{color:#a7601f;text-align:right}.meters span,.meters b{font-size:.62rem;letter-spacing:.07em}.track{height:8px;background:#ded2e2;border-radius:20px;margin:5px 0;overflow:hidden}.track i{display:block;width:100%;height:100%;background:var(--plum);transform-origin:left}.meters>div+div i{background:var(--mango);transform-origin:right}.meters .charged i{background:#ce4964}.instructions{text-align:center;margin:22px auto 15px;display:flex;flex-wrap:wrap;justify-content:center;gap:5px 22px;font-size:.72rem}.instructions p{margin:3px 0}.instructions b{font-size:.65rem}.hint{width:100%;color:#706477;line-height:1.7}kbd{font-family:inherit;font-size:.7rem;background:#fff9ec;border:1px solid #d3c6b5;border-bottom-width:3px;border-radius:4px;padding:2px 5px}footer{max-width:980px;margin:18px auto;padding:15px 24px;border-top:1px solid #ddcfb9;display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.08em;color:#817369}.touch-controls{display:none;justify-content:space-between;gap:24px;margin:16px auto;padding:0 16px;max-width:620px}.touch-controls.solo{justify-content:center}.control-set{display:flex;flex-direction:column;gap:8px;align-items:center}.control-set small{font-size:.55rem;font-weight:800;color:#7250b1}#touch2 small,.stick.mango span{color:#a7601f}.stick{position:relative;width:112px;height:112px;background:#8762c917;border:2px solid #8762c94d;border-radius:50%;touch-action:none;-webkit-user-select:none;user-select:none}.stick span{position:absolute;inset:0;display:grid;place-items:center;font-size:.6rem;font-weight:900;color:#7250b1;pointer-events:none}.stick i{position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;background:#8762c946;border:2px solid #8762c9;border-radius:50%;pointer-events:none}.stick.mango{background:#e68e3717;border-color:#e68e374d}.stick.mango i{background:#e68e3746;border-color:#e68e37}@media(pointer:coarse){.touch-controls{display:flex}.instructions{margin-top:8px}}@media(max-width:540px){header{padding:8px 12px;gap:8px}header>div:first-child{gap:9px;flex-wrap:wrap}header a{font-size:.65rem!important}header h1{margin:0}.tools{gap:5px}.tools button{padding:6px;font-size:.6rem}main{padding:0 8px}.scoreboard{padding-top:8px}.scoreboard span{font-size:.65rem}.round span{font-size:.52rem}.scoreboard strong{font-size:1.35rem}.overlay{width:87%;padding:18px 14px;border-radius:20px}.overlay h2{margin-bottom:10px}.overlay>p{font-size:.75rem;margin:9px 0}.overlay>.tiny{font-size:.57rem;margin-top:12px}.overlay>.eyebrow{font-size:.5rem;margin-top:0}.choices{margin-top:12px;gap:9px}.choices button{padding:9px;font-size:.9rem}.choices button span{font-size:.6rem}.meters{margin:0 14px}.stick{width:100px;height:100px}.instructions{font-size:.65rem;gap:4px}.instructions .hint{max-width:310px}footer{margin:12px 0;padding:12px;gap:10px;font-size:.5rem}}@media(max-width:350px){.overlay{padding:12px}.overlay h2{font-size:1.6rem}.overlay>.tiny{display:none}.scoreboard small{font-size:.5rem}.round span{max-width:100px}.tools button{font-size:.55rem}.spark{display:none}}.jelly-navigation{max-width:1040px;margin:auto;padding:12px 24px 0}:root[data-theme=light] .p2,:root[data-theme=light] .meters>div+div,:root[data-theme=light] #touch2 small,:root[data-theme=light] .stick.mango span{color:#94541a}:root[data-theme=dark]{color:#eee6f5;background:#201a28;--plum: #c1a4ef;--mango: #efb777;--jelly-surface: #30263b;--jelly-line: #8b7c9b;--jelly-muted: #c9bcd4}:root[data-theme=dark] body{background-image:radial-gradient(#51435e 1px,transparent 1px)}:root[data-theme=dark] button,:root[data-theme=dark] kbd{color:#eee6f5;background:var(--jelly-surface);border-color:var(--jelly-line);box-shadow:0 3px #100c16}:root[data-theme=dark] button:hover{background:#44364f}:root[data-theme=dark] button[aria-pressed=true]{background:#354635}:root[data-theme=dark] .overlay{background:#30263bf5;border-color:var(--jelly-line);box-shadow:0 9px #100c1666}:root[data-theme=dark] .primary{background:#59426e}:root[data-theme=dark] .primary:hover{background:#674d80}:root[data-theme=dark] h2 em,:root[data-theme=dark] .p1,:root[data-theme=dark] .meters>div,:root[data-theme=dark] .control-set small,:root[data-theme=dark] .stick span{color:var(--plum)}:root[data-theme=dark] .p2,:root[data-theme=dark] .meters>div+div,:root[data-theme=dark] #touch2 small,:root[data-theme=dark] .stick.mango span{color:var(--mango)}:root[data-theme=dark] .tiny,:root[data-theme=dark] .hint,:root[data-theme=dark] footer{color:var(--jelly-muted)}:root[data-theme=dark] footer{border-color:var(--jelly-line)}:root[data-theme=dark] .track{background:#51405d}@media(max-width:540px){.jelly-navigation{padding:8px 12px 0}}