html,body,#root{height:100%;margin:0;overflow:hidden}body{color:#e7ebf0;background:#1c232f;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}canvas{display:block}.status{background:#00000073;border-radius:6px;padding:6px 10px;font-size:14px;position:fixed;top:12px;left:12px}.panel{box-sizing:border-box;background:#10151deb;border:1px solid #2c3a50;border-radius:12px;gap:12px;width:min(320px,100% - 32px);padding:24px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.panel h1{margin:0;font-size:22px}.panel p{margin:0}.panel input,.panel button{font:inherit;border:1px solid #2c3a50;border-radius:8px;padding:8px 12px}.panel input{color:inherit;background:#0c1118}.panel button{color:#fff;cursor:pointer;background:#2f6fd6;border-color:#2f6fd6}.panel button:disabled{opacity:.5;cursor:default}.error{color:#ff8a80}.hint{color:#9aa7b8;font-size:13px}.debug{white-space:pre;background:#0000008c;border-radius:6px;padding:6px 10px;font:12px ui-monospace,Menlo,monospace;position:fixed;bottom:12px;left:12px}.hud{font-variant-numeric:tabular-nums;white-space:nowrap;background:#00000073;border-radius:6px;align-items:center;gap:14px;padding:6px 12px;font-size:14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.hud .detail{color:#9aa7b8;font-size:12px}.health{background:#3a4a63;border-radius:4px;width:120px;height:8px;display:inline-block;overflow:hidden}.health span{background:#5bd17a;height:100%;display:block}.banner{text-shadow:0 2px 6px #0009;pointer-events:none;font-size:28px;font-weight:600;position:fixed;top:22%;left:50%;transform:translate(-50%)}.banner.small{font-size:18px}.scores{gap:4px;margin:0;padding-left:20px;display:grid}.scores li span:last-child{float:right;color:#9aa7b8}.scores .own{font-weight:600}