html,body{color:#eee;background:#111;height:100%;margin:0;font:16px/1.4 system-ui,sans-serif;overflow:hidden}#game{cursor:none;width:100vw;height:100vh;display:block}#ui{pointer-events:none;position:fixed;inset:0}.overlay{pointer-events:auto;background:#14181fe6;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.panel{box-sizing:border-box;background:#222833;border-radius:12px;gap:12px;width:min(360px,100vw - 32px);max-height:calc(100vh - 32px);padding:24px;display:grid;overflow:auto}h1,h2,p,ul,dl{margin:0}h1{text-align:center;font-size:28px}h2{font-size:20px}label{color:#b8c0cc;gap:4px;font-size:14px;display:grid}input,select,button{font:inherit;color:#eee;background:#151a22;border:1px solid #485163;border-radius:8px;padding:8px 10px}button{color:#fff;cursor:pointer;background:#3d7dff;border-color:#3d7dff;flex:1}button.secondary{background:0 0;border-color:#485163}button:disabled{opacity:.5;cursor:default}:focus-visible{outline-offset:2px;outline:2px solid #ffd166}label.check{align-items:center;gap:8px;display:flex}.row{gap:8px;display:flex}.error{color:#ff8a8a;min-height:1.4em;font-size:14px}.hint{color:#8b95a5;font-size:13px}ul{padding-left:20px}dl{grid-template-columns:1fr auto;gap:2px 12px;display:grid}dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #364052;padding:4px 6px}.hud{box-sizing:border-box;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:12px;font-weight:600;display:flex;position:relative}.hud-top{font-size:24px}.hud-bottom{background:#0008;border-radius:8px;align-items:center;gap:12px;padding:6px 12px;display:flex}.sudden{color:#ff5a6e}meter{width:160px;height:14px}.chat{pointer-events:auto;width:min(420px,100vw - 32px);position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.feed{text-align:right;padding:0;font-size:14px;list-style:none;position:absolute;top:12px;right:12px}.world{pointer-events:none;text-shadow:0 1px 2px #000;font-weight:600;position:fixed;inset:0;overflow:hidden}.world>*{position:absolute;top:0;left:0}.tag{white-space:nowrap;justify-items:center;gap:2px;font-size:12px;display:grid}.tag i{background:#000a;border-radius:3px;width:44px;height:5px;display:block;overflow:hidden}.tag b{background:#5fdc6a;height:100%;display:block}.dmg{color:#ffe27a;opacity:0;font-size:18px}.dmg.crit{color:#ff5a6e;font-size:26px}.cross{border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin:-11px;box-shadow:0 0 3px #000,inset 0 0 3px #000}.cross:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.cross.far{opacity:.6;border-color:#ff8a8a}.hurt{opacity:0;background:radial-gradient(#0000 55%,#ff2030a0);width:100%;height:100%}[hidden]{display:none!important}.board{pointer-events:none;background:0 0}.board .panel{background:#222833e0;width:min(520px,100vw - 32px)}tr.me{color:#ffd76a;font-weight:600}.ammo{min-width:120px}meter.dash{width:60px}.shop{gap:6px;padding:0;list-style:none;display:grid}.shop li{align-items:center;gap:8px;display:flex}.shop span{flex:1}.shop small{color:#8b95a5;display:block}.shop button{white-space:nowrap;flex:none;width:130px}.breakshop{pointer-events:auto;background:#0a0e18c7;border-radius:8px;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;max-width:90vw;margin:0;padding:8px 12px;list-style:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scrap{color:#f0c75e;position:absolute;top:44px;left:50%;transform:translate(-50%)}.srvpause{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.menu{box-sizing:border-box;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(720px,100vw - 32px);height:min(600px,100vh - 32px);overflow:hidden}.menu header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.menu footer{align-items:center;gap:12px;display:flex}.menu footer .error{flex:1;min-height:0}.menu footer button{flex:none}.tabs{gap:6px;display:flex}.tabbody{min-height:0;overflow:auto}.tabbody section{align-content:start;gap:12px;display:grid}.acts{text-align:right;white-space:nowrap}.acts button{flex:none;margin-left:4px;padding:2px 8px}