:root{--bg:#120c0e;--bg-2:#1a1214;--panel:#1e1518;--panel-2:#271b1f;--line:#3b2a30;--line-hi:#57414a;--text:#fff3e2;--text-dim:#b9a59c;--red:#ff2d2d;--red-2:#d4141b;--red-deep:#6e0b0f;--yellow:#ffd23a;--yellow-2:#ffb21a;--orange:#ff7a1a;--lime:#9dff3a;--lime-2:#5fd11a;--purple:#b04bff;--purple-2:#7a1fd6;--ink:#1a0a06;--radius:18px;--font-ui:"Rubik", system-ui, sans-serif;--font-display:"Lilita One", "Rubik", system-ui, sans-serif;--font-pixel:"Silkscreen", ui-monospace, monospace;--bounce:cubic-bezier(.34, 1.56, .64, 1);--hard:0 5px 0 #000}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;overflow:hidden}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.boot{height:100%;font:400 22px var(--font-pixel);color:var(--yellow);letter-spacing:.04em;place-items:center;display:grid}.arcade-bg{z-index:0;background:radial-gradient(70% 55% at 50% 0%, #ff2d2d38, transparent 70%), radial-gradient(50% 40% at 100% 100%, #b04bff24, transparent 70%), radial-gradient(45% 35% at 0% 100%, #9dff3a14, transparent 70%), var(--bg);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.arcade-bg:after{content:"";pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,#00000080 0 1px,#0000 1px 3px);position:absolute;top:0;bottom:0;left:0;right:0}.arcade-bg .tile-pattern{opacity:.05;background-image:radial-gradient(circle,#fff 0 18%,#0000 19%),radial-gradient(circle,#fff 0 18%,#0000 19%);background-position:0 0,60px 60px;background-size:120px 120px;animation:40s linear infinite slideBg;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%;transform:rotate(-12deg)}@keyframes slideBg{to{transform:rotate(-12deg)translate(120px,120px)}}.burst,.panel.burst{isolation:isolate;background:radial-gradient(circle at 50% 55%,#0000 0 8%,#0000 8%),repeating-conic-gradient(at 50% 60%,#c3121a 0deg 9deg,#7a0a10 9deg 18deg);position:relative;overflow:hidden}.burst:before{content:"";z-index:-1;opacity:.85;background-image:radial-gradient(circle,#ff3b3b 0 11px,#0000 12px);background-position:12px 20px;background-size:78px 78px;position:absolute;top:0;bottom:0;left:0;right:0}.burst:after{content:"";pointer-events:none;background:radial-gradient(at 50% 55%,#0000 35%,#190305bf 100%);position:absolute;top:0;bottom:0;left:0;right:0}.panel,.glass{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:3px solid var(--line);border-radius:var(--radius);position:relative;box-shadow:0 6px #000,0 18px 40px #00000080,inset 0 1px #ffffff0f}.gloss-btn{--c:var(--yellow);--c2:var(--yellow-2);--t:var(--ink);color:var(--t);font:400 20px var(--font-display);letter-spacing:.03em;background:linear-gradient(180deg, var(--c), var(--c2));transition:transform .12s var(--bounce), filter .12s;border:3px solid #000;border-radius:14px;padding:12px 26px;position:relative;box-shadow:0 5px #000,inset 0 3px #ffffff73,inset 0 -4px #0000002e}.gloss-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.gloss-btn:active{transform:translateY(4px);box-shadow:0 1px #000,inset 0 3px #ffffff59}.gloss-btn.green{--c:var(--lime);--c2:var(--lime-2)}.gloss-btn.orange{--c:#ffb04a;--c2:var(--orange)}.gloss-btn.pink,.gloss-btn.red{--c:#ff5a5a;--c2:var(--red-2);--t:#fff;text-shadow:0 2px #00000059}.gloss-btn.silver{--c:var(--panel-2);--c2:var(--panel);--t:var(--yellow);border-color:var(--yellow);box-shadow:0 5px #000}.gloss-btn.small{padding:8px 16px;font-size:15px}.gloss-btn:disabled{filter:grayscale(.8)brightness(.7);cursor:default;transform:none}.display-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--yellow);-webkit-text-stroke:3px #2a0604;paint-order:stroke fill;text-shadow:0 2px #ff9a1a,0 4px #e5541a,0 6px #b8240f,0 8px #7a0a10,0 10px #3a0306,0 14px 24px #0009;margin:0;font-weight:400;line-height:.92}.pixel-title{font-family:var(--font-pixel);color:#fff;letter-spacing:.04em;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:3px 3px #000;font-weight:700}.pixel{font-family:var(--font-pixel);letter-spacing:.04em}.chip{font:400 13px var(--font-pixel);color:var(--text);letter-spacing:.03em;background:var(--panel-2);border:2px solid var(--line-hi);border-radius:10px;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.player-dot{background:var(--pc);width:16px;height:16px;box-shadow:0 0 10px var(--pc);border:2px solid #000;border-radius:50%;flex:none}.popup-layer{pointer-events:none;z-index:50;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.popup{text-align:center;animation:popIn .5s var(--bounce) both, popOut .3s ease-in both;position:absolute}.popup .big{font:400 clamp(70px, 13vw, 190px) var(--font-display);letter-spacing:.01em;color:var(--yellow);-webkit-text-stroke:5px #2a0604;paint-order:stroke fill;text-shadow:0 3px #ff9a1a,0 6px #e5541a,0 9px #b8240f,0 12px #7a0a10,0 15px #2a0306,0 24px 40px #0009;line-height:.9;transform:rotate(-4deg)}.popup.good .big{color:var(--lime);text-shadow:0 3px #5fd11a,0 6px #3a9a10,0 9px #1f6a08,0 12px #0f3a04,0 24px 40px #0009}.popup.info .big{color:#fff;text-shadow:0 3px 0 #c9b2ff, 0 6px 0 var(--purple), 0 9px 0 var(--purple-2), 0 12px 0 #3a0a6e, 0 24px 40px #0009}.popup.bad .big{color:#cfc6c2;text-shadow:0 3px #8a7f7a,0 6px #5a504c,0 9px #2e2826,0 20px 30px #0009;font-size:clamp(56px,9vw,130px);transform:rotate(3deg)}.popup .sub{font:700 clamp(18px, 2.2vw, 30px) var(--font-pixel);color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:3px 3px #000;margin-top:10px}.popup .spark{background:var(--yellow);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:16px;height:16px;animation:.9s ease-out both spark;position:absolute;top:50%;left:50%}@keyframes popIn{0%{opacity:0;transform:scale(.2)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes popOut{to{opacity:0;transform:scale(1.25)}}@keyframes spark{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)rotate(0)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.6) rotate(90deg);opacity:0}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(5px,-2px)}30%,50%,70%{transform:translate(-9px,3px)}40%,60%{transform:translate(9px,-3px)}}@keyframes pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.confetti-canvas{pointer-events:none;z-index:60;position:fixed;top:0;bottom:0;left:0;right:0}.fade-in{animation:.35s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.bounce-in{animation:popIn .5s var(--bounce) both}.wobble:hover{animation:wobble .5s var(--bounce)}@keyframes wobble{0%{transform:scale(1)}30%{transform:scale(1.05,.96)rotate(-1deg)}60%{transform:scale(.98,1.03)rotate(1deg)}to{transform:scale(1)}}