/* Local system fonts keep the game available without an external font request. */
#power{position:absolute;bottom:116px;right:25px;width:190px;padding:10px 12px;background:#102b29e8;border:1px solid #e8d18477;border-radius:6px;pointer-events:none}#power span{font-size:11px;color:#f0df9c}#power>div{height:8px;margin-top:7px;background:#385447;border-radius:4px;overflow:hidden}#powerFill{display:block;width:0;height:100%;background:#efd27b}#actions #throw.charging{background:#fff0a7;box-shadow:0 0 20px #ebd27899;transform:scale(1.04)}@media(max-height:550px){#power{bottom:91px;right:15px;width:165px;padding:7px 10px}}
#curve{position:absolute;bottom:115px;right:25px;display:flex;gap:5px}#curve button{padding:7px 10px;background:#153c34d9;font-size:11px}#curve .active{color:#20382d;background:#efda8c;border-color:#fff0ab}@media(max-height:550px){#curve{bottom:88px;right:15px}#curve button{font-size:10px;padding:5px 8px}.veil .guide{line-height:1.6}.veil label{margin:7px 0}.veil .chips{display:none}.veil h1{font-size:27px;margin:8px 0}}
:root{color-scheme:dark;font-family:'Noto Sans SC',system-ui,sans-serif;color:#f1edce;background:#102b29}*{box-sizing:border-box}body{margin:0;overflow:hidden;touch-action:none}button,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #ffffff30;background:#183632;border-radius:6px}button:active{transform:translateY(2px)}#app{height:100dvh;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));display:flex;flex-direction:column}header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:10px}#brand{display:flex;align-items:center;gap:9px;color:#e8d796;text-decoration:none;font-size:29px}#brand span{font-size:17px;font-weight:900}#brand small{display:block;letter-spacing:3px;font-size:8px;color:#91a89b}#score{display:flex;align-items:center;gap:24px;font-size:13px}#score b{font-size:30px;margin:0 12px}#score em{font-style:normal;color:#93aaa0;font-size:10px}.blue{color:#9cdded}.orange{color:#ffb17f}.tools{display:flex;gap:7px}.tools button{font-size:11px;padding:9px}#arena{position:relative;flex:1;min-height:0;border:1px solid #8c987055;overflow:hidden;border-radius:5px;background:#214e43}canvas{width:100%;height:100%;display:block}footer{height:35px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#90aaa0}footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#cadc79;margin-right:6px}#notice{position:absolute;top:14%;left:50%;transform:translateX(-50%);font-weight:900;letter-spacing:2px;font-size:21px;text-shadow:0 2px #14382f;pointer-events:none;white-space:nowrap}#hint{position:absolute;top:8px;left:50%;transform:translateX(-50%);color:#e7e6ba;font-size:11px;background:#102b2999;padding:5px 12px;border-radius:20px;pointer-events:none;white-space:nowrap}#joystick{position:absolute;bottom:18px;left:25px;width:104px;height:104px;border:1px solid #f2f0cf55;border-radius:50%;background:#112c2933;touch-action:none}#joystick span{position:absolute;inset:35px;border:1px solid #fff2;border-radius:50%}#joystick i{position:absolute;left:32px;top:32px;width:40px;height:40px;border-radius:50%;border:2px solid #e0e8cf88;background:#d3e7ce33;pointer-events:none}#actions{position:absolute;bottom:20px;right:25px;display:flex;gap:12px;align-items:flex-end}#actions button{border-radius:50%;width:60px;height:60px;font-weight:800;font-size:13px;background:#102b2966;border-color:#edf0cf66;touch-action:none}#actions button small{font-size:9px;font-weight:400;opacity:.7}#actions #throw{width:80px;height:80px;background:#e5cf7f;color:#233f35;border:3px solid #ffefaf;font-size:17px}#actions #dash{border-color:#a2d8d7;color:#c4f0ec}.veil{position:absolute;inset:76px 18px 35px;display:flex;background:#102b29ed;border:1px solid #b7c19844;border-radius:5px;overflow:auto;z-index:4;align-items:center;justify-content:center;gap:7vw}.veil article{padding:22px;max-width:430px}.eyebrow{font-size:10px;letter-spacing:3px;color:#b6caa5}h1{font-size:clamp(30px,5.1vw,65px);line-height:1.15;letter-spacing:-2px;margin:20px 0}h1 span{color:#e7d184}p{font-size:12px;line-height:1.9;color:#a6bcad}.chips{display:flex;gap:8px;margin:18px 0}.chips span{font-size:9px;padding:5px 8px;border:1px solid #a0b58e44;border-radius:3px}label{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:20px;margin:20px 0 12px}select{background:#24483e;border:1px solid #718774;color:#e4e5cf;padding:7px;font-size:11px;border-radius:4px}.primary{display:block;background:#e7d184;color:#203a2f;border:0;width:100%;padding:14px 18px;text-align:left;font-size:16px;font-weight:900}.primary span{float:right}.guide{font-size:10px;line-height:1.8;color:#88a191;margin-top:14px}.poster{width:29%;color:#b8c6a4;display:flex;flex-direction:column;align-items:center;gap:24px;transform:rotate(-5deg)}.bigdisc{font-size:140px;line-height:1;color:#e7d184;text-shadow:8px 8px #e7d18422}.poster b{font-size:clamp(20px,3.3vw,44px);line-height:1;letter-spacing:-1px}.poster span{font-size:9px;letter-spacing:3px}.hidden{display:none!important}.compact{text-align:center;width:320px}.compact h2{font-size:26px}.secondary{margin-top:10px;width:100%;padding:10px}#rotate{display:none}#rotate div{font-size:60px}@media(max-height:550px){header{height:48px}#brand{font-size:23px}#brand span{font-size:13px}#score b{font-size:23px}footer{height:24px}footer span:last-child{display:none}.veil{inset:48px 18px 24px}.veil article{padding:15px;max-width:410px}h1{font-size:32px;margin:10px 0}.chips{margin:10px 0}label{margin:10px 0}.guide{font-size:9px;margin-top:8px}.primary{padding:10px 15px}p{font-size:10px;margin:8px 0}.poster{gap:12px}.bigdisc{font-size:100px}#joystick{width:86px;height:86px;bottom:12px;left:15px}#joystick i{left:23px;top:23px}#actions{bottom:12px;right:15px;gap:8px}#actions button{width:50px;height:50px;font-size:11px}#actions #throw{width:67px;height:67px;font-size:15px}#notice{font-size:16px}}@media(orientation:portrait) and (max-width:700px){#rotate{display:flex;position:fixed;inset:0;z-index:10;background:#102b29;flex-direction:column;align-items:center;justify-content:center;text-align:center}#rotate h2{font-size:22px}}

#throws{display:flex;align-items:center;gap:8px}#throws button{background:#c4d8bb;color:#233f35;border:2px solid #e6edd1;width:65px;height:65px;font-size:13px}#throws #throw{width:80px;height:80px;background:#e5cf7f}#throws button.charging{background:#fff0a7;box-shadow:0 0 20px #ebd27899;transform:scale(1.04)}#actions #switch,#actions #dash{position:absolute;bottom:95px;width:52px;height:52px}#actions #switch{left:10px}#actions #dash{right:10px}#power{bottom:174px;right:40px} @media(max-height:550px){#throws{gap:7px}#throws button{width:57px;height:57px;font-size:11px}#throws #throw{width:67px;height:67px}#actions #switch,#actions #dash{bottom:78px;width:46px;height:46px}#power{bottom:137px;right:30px;width:175px}}

#phase{font-size:10px;letter-spacing:1px;padding:6px 10px;border-radius:20px;border:1px solid #94c9bd66;white-space:nowrap}.attacking{color:#bce7c6;background:#305744}.defending{color:#ffd0a1;background:#654531}#stats{color:#c3d0ab}@media(max-width:1100px){footer span:last-child{display:none}}@media(max-height:550px){#score{gap:8px}#score b{margin:0 6px}#phase{padding:4px 6px;font-size:9px}#status{display:none}#stats{font-size:9px}.guide{font-size:9px}}