:root{--arcade-yellow: #FFD13B;--arcade-yellow-shadow: #D4A30B;--arcade-yellow-glow: rgba(255, 209, 59, .4);--arcade-red: #FF4757;--arcade-red-shadow: #C42635;--arcade-red-glow: rgba(255, 71, 87, .4);--arcade-green: #2ED573;--arcade-green-shadow: #1F9B51;--arcade-green-glow: rgba(46, 213, 115, .4);--arcade-blue: #1E90FF;--arcade-blue-shadow: #0C65C0;--arcade-blue-glow: rgba(30, 144, 255, .4);--arcade-purple: #9C88FF;--arcade-purple-shadow: #6F5BD0;--arcade-purple-glow: rgba(156, 136, 255, .4);--arcade-pink: #FF6584;--arcade-pink-shadow: #CF3A5B;--bg-dark: #121026;--bg-card: #201D40;--bg-card-hover: #292552;--bg-card-inner: #161430;--border-dark: #0D0B1C;--border-arcade: #383464;--text-white: #FFFFFF;--text-dim: #A4A0CC;--text-muted: #6F6B99}.arcade-bg{min-height:100vh;background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 20%,rgba(156,136,255,.12) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(255,71,87,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(46,213,115,.08) 0%,transparent 60%),radial-gradient(#2d2859 1.5px,transparent 1.5px);background-size:100% 100%,100% 100%,100% 100%,32px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow-x:hidden}.arcade-shape{position:absolute;border-radius:50%;pointer-events:none;opacity:.25;filter:blur(1px);animation:floatSlow 8s ease-in-out infinite alternate}@keyframes floatSlow{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-24px) rotate(18deg)}}@keyframes pulseGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px var(--arcade-yellow-glow))}50%{transform:scale(1.03);filter:drop-shadow(0 0 20px var(--arcade-yellow-glow))}}@keyframes bobTitle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tagAlarm{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.arcade-card{background:var(--bg-card);border:4px solid var(--border-dark);border-radius:24px;box-shadow:0 10px 0 var(--border-dark),0 20px 30px #00000080;padding:2rem;width:100%;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.arcade-card-inner{background:var(--bg-card-inner);border:3px solid var(--border-dark);border-radius:16px;padding:1.25rem}.menu-mode-card:active .arcade-btn{transform:translateY(4px)!important}.menu-mode-card:active .arcade-btn-green{box-shadow:0 2px 0 var(--arcade-green-shadow),0 4px 6px #0003}.menu-mode-card:active .arcade-btn-blue{box-shadow:0 2px 0 var(--arcade-blue-shadow),0 4px 6px #0003}.menu-mode-card:active .arcade-btn-red{box-shadow:0 2px 0 var(--arcade-red-shadow),0 4px 6px #0003}.arcade-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:Fredoka,sans-serif;font-weight:700;font-size:1.15rem;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1.6rem;border-radius:16px;border:3px solid var(--border-dark);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:all .1s cubic-bezier(.4,0,.2,1);outline:none;position:relative}.arcade-btn:active:not(:disabled){transform:translateY(4px)!important}.arcade-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.arcade-btn-yellow{background:linear-gradient(180deg,#FFE066 0%,var(--arcade-yellow) 100%);color:#3b2800;box-shadow:0 6px 0 var(--arcade-yellow-shadow),0 8px 12px #0000004d}.arcade-btn-yellow:hover:not(:disabled){background:linear-gradient(180deg,#fff099,#fed54f);transform:translateY(-2px);box-shadow:0 8px 0 var(--arcade-yellow-shadow),0 12px 18px #00000059}.arcade-btn-yellow:active:not(:disabled){box-shadow:0 2px 0 var(--arcade-yellow-shadow),0 4px 6px #0003}.arcade-btn-green{background:linear-gradient(180deg,#4FE48F 0%,var(--arcade-green) 100%);color:#083416;box-shadow:0 6px 0 var(--arcade-green-shadow),0 8px 12px #0000004d}.arcade-btn-green:hover:not(:disabled){background:linear-gradient(180deg,#6df0a5,#39dc7c);transform:translateY(-2px);box-shadow:0 8px 0 var(--arcade-green-shadow),0 12px 18px #00000059}.arcade-btn-green:active:not(:disabled){box-shadow:0 2px 0 var(--arcade-green-shadow),0 4px 6px #0003}.arcade-btn-red{background:linear-gradient(180deg,#FF6B7A 0%,var(--arcade-red) 100%);color:#fff;text-shadow:0 2px 0 #9E1320;box-shadow:0 6px 0 var(--arcade-red-shadow),0 8px 12px #0000004d}.arcade-btn-red:hover:not(:disabled){background:linear-gradient(180deg,#ff8a96,#ff5667);transform:translateY(-2px);box-shadow:0 8px 0 var(--arcade-red-shadow),0 12px 18px #00000059}.arcade-btn-red:active:not(:disabled){box-shadow:0 2px 0 var(--arcade-red-shadow),0 4px 6px #0003}.arcade-btn-blue{background:linear-gradient(180deg,#4BA7FF 0%,var(--arcade-blue) 100%);color:#fff;text-shadow:0 2px 0 #08498C;box-shadow:0 6px 0 var(--arcade-blue-shadow),0 8px 12px #0000004d}.arcade-btn-blue:hover:not(:disabled){background:linear-gradient(180deg,#6bb7ff,#2998ff);transform:translateY(-2px);box-shadow:0 8px 0 var(--arcade-blue-shadow),0 12px 18px #00000059}.arcade-btn-blue:active:not(:disabled){box-shadow:0 2px 0 var(--arcade-blue-shadow),0 4px 6px #0003}.arcade-btn-purple{background:linear-gradient(180deg,#B5A5FF 0%,var(--arcade-purple) 100%);color:#fff;text-shadow:0 2px 0 #523FA8;box-shadow:0 6px 0 var(--arcade-purple-shadow),0 8px 12px #0000004d}.arcade-btn-purple:hover:not(:disabled){background:linear-gradient(180deg,#c5b8ff,#a492ff);transform:translateY(-2px);box-shadow:0 8px 0 var(--arcade-purple-shadow),0 12px 18px #00000059}.arcade-btn-purple:active:not(:disabled){box-shadow:0 2px 0 var(--arcade-purple-shadow),0 4px 6px #0003}.arcade-btn-secondary{background:#2d2952;color:var(--text-dim);border:3px solid var(--border-dark);box-shadow:0 5px 0 var(--border-dark)}.arcade-btn-secondary:hover:not(:disabled){background:#373363;color:#fff;transform:translateY(-2px);box-shadow:0 7px 0 var(--border-dark)}.arcade-btn-secondary:active:not(:disabled){box-shadow:0 2px 0 var(--border-dark)}.arcade-keycap{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;background:#fff;color:#17152b;border:2px solid #0D0B1C;border-radius:7px;font-family:Outfit,sans-serif;font-weight:800;font-size:.82rem;box-shadow:0 3px #a6a4bd,0 4px 6px #00000040;-webkit-user-select:none;user-select:none;text-align:center}.arcade-keycap-sm{min-width:24px;height:24px;font-size:.72rem;padding:0 4px;box-shadow:0 2px #a6a4bd}.arcade-keycap-special{background:var(--arcade-yellow);color:#3b2800;box-shadow:0 3px 0 var(--arcade-yellow-shadow)}.arcade-input{width:100%;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;padding:.8rem 1rem;background:var(--bg-card-inner);border:3px solid var(--border-dark);border-radius:14px;color:#fff;outline:none;box-shadow:inset 0 3px 6px #0006;transition:border-color .2s,box-shadow .2s}.arcade-input:focus{border-color:var(--arcade-blue);box-shadow:inset 0 3px 6px #0006,0 0 0 3px var(--arcade-blue-glow)}.arcade-chip{padding:.65rem 1.1rem;border-radius:12px;border:3px solid var(--border-dark);font-family:Fredoka,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;background:var(--bg-card-inner);color:var(--text-dim);box-shadow:0 4px 0 var(--border-dark);transition:all .15s;display:flex;align-items:center;justify-content:center;gap:.4rem}.arcade-chip:hover{color:#fff;background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 6px 0 var(--border-dark)}.arcade-chip.selected{background:var(--arcade-yellow);color:#382400;box-shadow:0 4px 0 var(--arcade-yellow-shadow);transform:translateY(2px)}.touch-controls{position:fixed;z-index:60;right:max(2rem,calc(env(safe-area-inset-right) + 1.25rem));bottom:max(2.25rem,calc(env(safe-area-inset-bottom) + 1.5rem));left:max(2rem,calc(env(safe-area-inset-left) + 1.25rem));display:flex;align-items:end;justify-content:space-between;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-joystick{position:relative;width:clamp(8.5rem,34vw,11rem);height:clamp(5.25rem,22vw,7rem);border:3px solid var(--border-dark);border-radius:999px;background:#1e1b4be0;box-shadow:0 5px 0 var(--border-dark),0 7px 14px #00000059;touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent}.touch-joystick__arrow{position:absolute;top:50%;z-index:1;width:1.35rem;height:1.35rem;color:var(--text-dim);transform:translateY(-50%);pointer-events:none}.touch-joystick__arrow svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.touch-joystick__arrow--left{left:.3rem}.touch-joystick__arrow--right{right:.3rem}.touch-joystick__thumb{position:absolute;top:50%;left:50%;z-index:2;width:clamp(3.75rem,16vw,4.75rem);height:clamp(3.75rem,16vw,4.75rem);border:3px solid var(--border-dark);border-radius:50%;background:linear-gradient(180deg,#4BA7FF 0%,var(--arcade-blue) 100%);box-shadow:0 4px 0 var(--arcade-blue-shadow),0 6px 10px #0000004d;transition:transform 80ms ease-out;pointer-events:none}.touch-control-button{width:clamp(4rem,16vw,5.5rem);height:clamp(4rem,16vw,5.5rem);border:3px solid var(--border-dark);border-radius:50%;background:#1e1b4be0;box-shadow:0 5px 0 var(--border-dark),0 7px 14px #00000059;color:#fff;font-family:Fredoka,sans-serif;font-size:clamp(1.45rem,6vw,2rem);font-weight:800;line-height:1;touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent}.touch-control-button:active{transform:translateY(4px);background:var(--arcade-blue);box-shadow:0 1px 0 var(--border-dark),0 3px 8px #00000059}.touch-control-button--jump{width:clamp(5.25rem,22vw,7rem);height:clamp(5.25rem,22vw,7rem);background:#ff4757eb;font-size:clamp(.9rem,4vw,1.2rem);letter-spacing:.06em}.touch-control-button--jump:active{background:var(--arcade-yellow);color:#3b2800}@media (hover: hover) and (pointer: fine){.touch-controls{display:none}}@media (max-height: 520px){.touch-controls{right:max(4rem,calc(env(safe-area-inset-right) + .75rem));bottom:max(2rem,calc(env(safe-area-inset-bottom) + .75rem));left:max(4rem,calc(env(safe-area-inset-left) + .75rem))}.touch-joystick{width:7rem;height:4.25rem}.touch-joystick__thumb{width:3.25rem;height:3.25rem}.touch-control-button--jump{width:4.25rem;height:4.25rem}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-card-inner);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--border-arcade);border:2px solid var(--bg-card-inner);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--arcade-blue)}