:root{--game-accent:#8bafff}body{background:radial-gradient(ellipse at 15% 15%,#1c3152 0,transparent 45%),radial-gradient(ellipse at 85% 90%,#25203a,transparent 45%),#080d18!important}.game-wrap{padding:10px 16px!important;gap:4px}.visual-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1100px,100%);flex-shrink:0;padding:8px 0;color:#cfdaed}.visual-title{font-weight:700;font-size:14px;display:flex;gap:10px;align-items:center}.visual-title small{font-weight:400;font-size:10px;color:#7e99b8;display:block;margin-top:3px}.visual-actions{display:flex;gap:6px;align-items:center}.visual-actions button,.visual-actions select{font:11px 'Segoe UI',sans-serif;color:#c5d5ef;background:#152239;border:1px solid #354666;border-radius:7px;padding:8px;min-height:32px}.visual-actions label{font-size:10px;color:#8fa6c8}.visual-actions button:focus-visible,.visual-actions select:focus-visible{outline:2px solid #a9d8ff;outline-offset:2px}.wallet-bar{background:#101d32b0!important;border-color:#30415d!important;font-size:11px!important}.hud{gap:7px!important}.hud .pill{background:linear-gradient(145deg,#263956aa,#122038)!important;border-color:#465b7b80!important;border-radius:8px!important;font-size:12px;padding:7px 13px!important;box-shadow:inset 0 1px #ffffff0d}.hud strong{display:inline-block;color:#fff;min-width:10px}.stage{box-shadow:0 0 0 1px #7194c24d,0 20px 65px #0008,0 0 65px #527aaa14!important;border-radius:15px!important}.overlay{background:radial-gradient(ellipse at 50% 0,#253d5bea,#08101df5)!important;backdrop-filter:blur(10px);padding:24px!important}.overlay h2{font-size:clamp(22px,3vw,34px)!important;letter-spacing:-.6px;margin:0 0 16px!important}.overlay p{line-height:1.75!important;font-size:13px!important}.overlay .btn{margin-top:14px;padding:13px 28px;box-shadow:0 5px 20px #334fb844,inset 0 1px #ffffff40;background:linear-gradient(135deg,#619fee,#8b71df);border-radius:10px}.touch-controls button:not(.swatch){min-width:44px;min-height:42px;background:linear-gradient(145deg,#30496a,#15253c)!important;color:#edf5ff;border:1px solid #4a6485!important;border-bottom-width:3px!important;border-radius:10px!important;box-shadow:0 4px 12px #0004;transition:transform .12s}.touch-controls button:active{transform:translateY(2px);border-bottom-width:1px!important}.touch-ripple{position:absolute;width:30px;height:30px;margin:-15px;border-radius:50%;border:2px solid var(--game-accent);pointer-events:none;z-index:2;animation:ripple .4s ease-out forwards}@keyframes ripple{to{transform:scale(2.8);opacity:0}}.tile{background-image:linear-gradient(135deg,#ffffff44,#ffffff00 45%,#00000025)!important;box-shadow:inset 0 2px #ffffff55,inset 0 -4px #0002,0 4px 9px #0003;border:1px solid #ffffff33}.cell-bg{box-shadow:inset 0 2px 5px #0004}#board{border:1px solid #819cc844!important;box-shadow:0 20px 50px #0005!important}#cube>div,.cube-face,.face{box-shadow:inset 0 0 28px #ffffff20,0 0 1px #ffffff77}#wheel-plate{filter:drop-shadow(0 8px 10px #0008)}html[data-quality=low] .overlay{backdrop-filter:none}html[data-genre=co-ban-co] body{background:radial-gradient(ellipse at top,#413826,#141716 70%)!important}html[data-genre=tre-em] body{background:radial-gradient(ellipse at top,#234768,#19233b 70%)!important}@media(max-width:600px){.game-wrap{padding:5px 6px!important;gap:2px}.visual-bar{gap:4px;padding:3px 0}.visual-title{font-size:11px}.visual-title small{font-size:8px}.visual-actions{gap:3px}.visual-actions label>span{display:none}.visual-actions button,.visual-actions select{font-size:9px;padding:6px 4px;min-height:30px}#visual-sound{max-width:64px}.wallet-bar{padding:4px 8px!important;font-size:10px!important}.hud .pill{font-size:11px;padding:5px 9px!important}.overlay{padding:16px!important}.overlay h2{font-size:23px!important}.overlay p{font-size:12px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.touch-controls .swatch{min-width:36px;min-height:36px;border:2px solid #ffffff55!important;box-shadow:inset 0 2px #ffffff44,0 3px 8px #0005;border-radius:50%!important}.touch-controls .swatch:focus-visible{outline:3px solid white;outline-offset:2px}
