:root{color-scheme:dark;--base-blue:#378df5;--cream:#fff0c7}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffda87;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}input{font-size:16px!important}body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important}h1{letter-spacing:-.055em!important}h1 span{color:#71b4ff!important}.panel,.card{background:linear-gradient(145deg,rgba(15,35,59,.98),rgba(5,15,29,.98))!important;border:1px solid #82b4e84d!important;box-shadow:0 24px 90px #0008,inset 0 1px #ffffff12!important}.panel p,.sub{color:#c0cedd!important}.btn,.touch{background:linear-gradient(155deg,#244e7a,#142c48)!important;border:1px solid #7cafe273!important;box-shadow:0 4px 0 #041225,0 8px 20px #0003!important}.big,.primary,.nameRow button{background:linear-gradient(135deg,#398ff6,#195cb9)!important;border:1px solid #a0caff66!important;color:white!important;min-height:46px!important}.lbrow{padding:9px 4px!important}.bca-board-state{font-size:11px!important;color:#a8bfce!important;margin:8px 0!important}.bca-error{position:fixed;z-index:1000;inset:auto 12px 12px;background:#1e3147;border:1px solid #90badf;border-radius:14px;padding:16px;color:white;max-width:520px;box-shadow:0 15px 40px #0008}.bca-error button{margin-left:10px;padding:9px;background:#2878d4;border:0;border-radius:7px;color:white}.bca-paused{position:fixed;inset:0;z-index:900;background:#041222e8;display:grid;place-content:center;text-align:center;gap:16px}.bca-paused button{padding:15px 35px;border:1px solid #a8cfff;border-radius:12px;background:#2367b4;color:#fff}.bca-utility{position:fixed;right:max(8px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));z-index:50;display:flex;gap:5px}.bca-utility button{font-size:10px;padding:6px 9px;border:1px solid #749bcc55;background:#091828d9;color:#d5e6ff;border-radius:7px}.bca-utility button[aria-pressed=true]{background:#285e91}.panel,.overlay,.card{touch-action:pan-y!important;overscroll-behavior:contain}.panel{max-height:90dvh!important}.overlay{align-items:safe center}.controls button{touch-action:none!important}.controls{padding-bottom:env(safe-area-inset-bottom)}
@media(max-height:520px) and (orientation:landscape){.topline,.tip{display:none!important}#gameBox{max-height:86dvh!important;width:auto!important;height:86dvh!important;aspect-ratio:16/9}#wrap>canvas{max-height:80dvh!important}.panel{max-height:94dvh!important;padding:14px!important}.controls{margin-top:3px!important}.btn{height:38px!important}.panel h1{font-size:28px!important}.hero{display:none}.bca-utility{top:4px;bottom:auto}.bca-utility button{padding:4px 6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.panel,.card{backdrop-filter:none!important}}