.war-player{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;flex-direction:column;gap:6px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,#000000bf,#00000059);color:#fff;font:14px/1 system-ui,-apple-system,sans-serif;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:opacity .2s}.war-player[hidden]{display:none}.war-player__row{display:flex;align-items:center;gap:10px}.war-player__btn{flex:none;min-width:48px;height:48px;padding:0 12px;border:0;border-radius:24px;background:#ffffff2e;color:inherit;font:inherit;font-size:18px;cursor:pointer}.war-player__btn:active{background:#ffffff59}.war-player__sound{align-self:center;font-size:15px;background:#fff;color:#000}.war-player__sound[hidden]{display:none}.war-player__seek{flex:1;min-width:0;height:48px;margin:0;accent-color:#fff;touch-action:none}.war-player__time{flex:none;font-variant-numeric:tabular-nums;font-size:13px;opacity:.9}.war-sound{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;width:44px;height:44px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:20px;line-height:44px;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.war-sound[hidden]{display:none}html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:system-ui,-apple-system,sans-serif}body{overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#ar{position:fixed;inset:0;touch-action:none}#ar canvas.ar-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}#credit{position:fixed;left:calc(4px + env(safe-area-inset-left));bottom:calc(3px + env(safe-area-inset-bottom));z-index:5;font:9px/1 system-ui,sans-serif;opacity:.5}#credit a{color:#fff;text-decoration:none}#ui{position:fixed;inset:0;pointer-events:none}#ui .war-player{pointer-events:auto}#screen{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000d9;color:#fff}#screen[hidden],#toast[hidden]{display:none}.card{max-width:320px;padding:24px;text-align:center}.card h1{font-size:22px;margin:0 0 12px}.card p{margin:0 0 16px;line-height:1.4}.muted{opacity:.7}#start{font:inherit;font-size:18px;padding:14px 40px;border:0;border-radius:28px;background:#fff;color:#000}#toast{position:fixed;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));z-index:60;padding:10px 14px;border-radius:10px;background:#000000bf;color:#fff;font-size:14px;text-align:center}