*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#0c1521;color:#edf4fa;font-family:system-ui,sans-serif}button,input,select{font:inherit}button{border:1px solid #435166;border-radius:8px;background:#202e40;color:#eaf7ff;padding:11px 17px;cursor:pointer}button:hover{background:#32475e;border-color:#6fe2da}button:disabled{opacity:.4;cursor:default}.primary{background:#65e1d4;color:#092125;border-color:#65e1d4;font-weight:750}input,select{background:#101c2a;border:1px solid #405068;color:#ecf5fa;border-radius:6px;padding:10px;min-width:0}input[type=checkbox]{accent-color:#65e1d4}label{display:flex;align-items:center;gap:12px;margin:10px 0}label input:not([type=checkbox]){flex:1}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#07101bcc;z-index:5;padding:24px;overflow:auto}.overlay[hidden],[hidden]{display:none!important}.shell{width:min(760px,100%);max-height:94vh;overflow:auto;padding:32px;border:1px solid #384a61;background:linear-gradient(145deg,#1b2a3b,#111b29);border-radius:20px;box-shadow:0 20px 90px #0008}.eyebrow{font-size:11px;letter-spacing:.18em;color:#87a6be;font-weight:700}h1{font-size:48px;letter-spacing:-.05em;margin:12px 0 4px}h1 span,.brand span{color:#64dfd6}.intro{color:#b3c8d8;line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.actions.small button{padding:8px 11px;font-size:13px}.join{display:flex;gap:10px}.join input{width:100%;letter-spacing:.15em;text-transform:uppercase}.file-button{display:inline-flex;cursor:pointer;color:#a8c6dc;margin-top:15px}.file-button input{display:none}.room-heading{display:flex;justify-content:space-between;align-items:center;background:#0c1928;padding:12px;border-radius:8px;letter-spacing:.15em}.room-heading strong{color:#79e5df}#roster{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.player-chip{background:#263748;padding:10px;border-left:3px solid var(--color);border-radius:5px}.tabs{display:flex;gap:8px;margin:20px 0 12px}.tabs button{flex:1;padding:8px}.status{color:#81adbf;font-size:13px;padding:10px 0}.card{background:#17273a;border:1px solid #3c5269;border-radius:12px;padding:18px;position:relative;line-height:1.45}.card h3{font-size:18px;color:#fff;margin:8px 0 14px}.card .level{color:#a4c0d6;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.card ul{padding-left:16px;font-size:13px}.card li{margin-bottom:8px}.positive{color:#7fe8a5}.negative{color:#ff8d8d}.neutral{color:#c0d0de}.card button{width:100%;margin-top:12px}.card small{color:#a0b4c7}.card label{position:absolute;right:12px;top:6px;font-size:12px}#cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;max-height:46vh;overflow:auto}#search{width:100%}.build-row{padding:11px 0;border-bottom:1px solid #354356}.stats{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;color:#b0c7d9;font-size:13px}#build{max-height:40vh;overflow:auto}#notice{min-height:25px;color:#ffe0a4;font-size:13px;margin-top:15px;overflow-wrap:anywhere}details{font-size:12px;color:#a4bdd1;margin-top:14px;line-height:1.5}summary{cursor:pointer}#hud{pointer-events:none;position:fixed;inset:0;z-index:2;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px #000}.brand{position:absolute;top:22px;left:25px;font-weight:900;letter-spacing:.08em}#score{position:absolute;top:22px;left:50%;transform:translate(-50%);display:flex;gap:22px;font-size:18px}#health{position:absolute;bottom:50px;left:28px;font-size:25px;color:#80e9be}#ammo{position:absolute;bottom:50px;right:28px;text-align:right;font-size:22px}#banner{position:absolute;top:80px;left:50%;transform:translate(-50%);font-size:22px;white-space:nowrap}.hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#acc9d9;font-size:11px;white-space:nowrap}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#d9f8f5;font-size:22px}.draft-shell{width:min(1500px,100%);padding:25px}.draft-shell h2{font-size:32px;margin-bottom:8px}#draft-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.draft-shell .card{min-height:260px}.draft-shell .card button{position:absolute;bottom:15px;left:15px;right:15px;width:calc(100% - 30px)}#recent{font-size:12px;color:#a4c6d8;margin:12px 0}#recent button{margin:4px;padding:7px}body.immersive #menu,body.immersive #draft-overlay,body.immersive #hud{display:none!important}@media(max-width:800px){.shell{padding:20px}h1{font-size:38px}#draft-cards{grid-template-columns:repeat(5,220px);overflow-x:auto}.draft-shell{padding:5px}#cards{grid-template-columns:1fr}.hint{white-space:normal;width:80%;text-align:center}#banner{font-size:16px}.tabs button{font-size:12px}}