html,body{background:#000;height:100%;margin:0;overflow:hidden}#battle canvas{display:block}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body input,body textarea{-webkit-user-select:text;user-select:text}.loader{z-index:100;background:radial-gradient(#2a2016 0%,#120d08 70%);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.loader.done{opacity:0;pointer-events:none}.loader-box{text-align:center;color:#f3d58a;width:min(360px,80vw);font-family:Georgia,serif}.loader-box h1{letter-spacing:2px;text-shadow:0 2px 8px #000;margin:0 0 12px;font-size:40px}.loader-box p{color:#d8c8a0;margin:0 0 14px;font-size:15px}.loader-bar{background:#1a130c;border:1px solid #a8864a;border-radius:6px;height:10px;overflow:hidden}.loader-bar span{background:linear-gradient(90deg,#a8742a,#f3d58a);width:0;height:100%;transition:width .2s;display:block}.deployment{z-index:50;color:#e9dcc0;text-align:center;background:#241a12f0;border:1px solid #a8864a;border-radius:6px;width:min(420px,90vw);padding:10px 16px 14px;font-family:Georgia,serif;position:fixed;top:70px;left:50%;transform:translate(-50%)}.deployment.low{top:auto;bottom:96px}.deployment h2{color:#f3d58a;margin:0 0 6px;font-size:18px}.deployment p{margin:4px 0;font-size:13px;line-height:1.4}.deployment p.warn{color:#ffb08a}.deployment button,.deployment-split button{color:#1a1208;cursor:pointer;background:linear-gradient(#f3d58a,#c9a24a);border:1px solid #f3d58a;border-radius:4px;margin-top:8px;padding:7px 22px;font:700 15px Georgia,serif}.deployment-split{z-index:60;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.deployment-split .box{color:#e9dcc0;text-align:center;background:#241a12;border:1px solid #a8864a;border-radius:6px;width:min(320px,85vw);padding:14px 18px;font-family:Georgia,serif}.deployment-split h2{color:#f3d58a;margin:0 0 4px;font-size:17px}.deployment-split .counts{color:#f3d58a;justify-content:center;gap:24px;margin:10px 0;font-size:22px;display:flex}.deployment-split .rail{cursor:pointer;touch-action:none;border-style:solid;border-width:0 17px;border-image:url(/ui/timeline-rail.png) 0 60 fill/0 17px;outline:none;height:22px;margin:14px 0 6px;position:relative}.deployment-split .knob{pointer-events:none;background:url(/ui/timeline-knob.png) 50%/contain no-repeat;width:30px;height:30px;position:absolute;top:50%;transform:translate(-50%,-50%)}.deployment .recent{margin:6px 0;font-size:13px}.deployment .recent button{opacity:.75;margin:0 2px;padding:2px 9px;font-size:13px}.deployment .recent button.chosen{opacity:1;box-shadow:0 0 0 2px #f3d58a}.deployment-split .buttons{justify-content:center;gap:10px;display:flex}.deployment-split button[data-cancel]{color:#e9dcc0;background:#3a2a14;border-color:#7a5a2b}
