:root{--orange:#f27b22;--ink:#0d1012;--panel:#242a2e;--line:#73797b;--text:#e8e8e4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080b0d;color:var(--text);font-family:Arial Narrow,Impact,sans-serif}body{background:radial-gradient(circle at 55% 40%,#384044 0,#171c1f 38%,#07090a 82%);letter-spacing:.04em}.noise{position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.shell{width:min(1280px,96vw);margin:auto;padding:22px 0;position:relative}header{height:92px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid #8a8e8e;padding:0 10px 13px}h1{font-size:clamp(28px,4vw,54px);line-height:.8;margin:7px 0 0;font-weight:500}.eyebrow,small,h2{font-family:Arial,sans-serif;font-weight:700;letter-spacing:.16em}.eyebrow,small{font-size:11px;color:#aeb4b5}.pick{display:flex;align-items:center;gap:15px;font-size:24px}.pick b{font-size:42px;color:var(--orange)}#meter{display:grid;grid-template-columns:repeat(5,12px);gap:4px;width:76px}#meter i{height:15px;border:1px solid #777;transform:skew(-15deg)}#meter .on{background:var(--orange);border-color:#ffae6c}.controls{height:64px;display:flex;align-items:center;gap:14px;padding:9px 10px}.controls button{background:var(--orange);border:0;color:#111;font:20px Impact;padding:10px 24px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);cursor:pointer}.controls .quiet{background:#30363a;color:#eee;font-size:15px}.controls label{font:11px Arial;letter-spacing:.12em}.controls input{margin-left:8px;background:#0d1012;border:1px solid #697074;color:#fff;padding:10px;width:140px}.layout{display:grid;grid-template-columns:220px minmax(410px,1fr) 310px;gap:10px}aside{border-right:1px solid #7b7f80;padding-right:10px}h2{font-size:12px}.class-row{height:48px;padding:15px;background:#202529;border:1px solid #555;margin-bottom:6px}.class-row.active{background:linear-gradient(90deg,var(--orange),#bd4d12);color:#111}.legal{font:10px/1.4 Arial;color:#777;margin-top:35px}.loadout,.kit{display:flex;flex-direction:column;gap:8px}.slot,.mini{position:relative;overflow:hidden;background:linear-gradient(145deg,#333a3e,#15191c);border:1px solid var(--line);box-shadow:inset 0 0 20px #0008}.slot:before,.mini:before{content:"";position:absolute;inset:0;border-left:4px solid transparent;pointer-events:none}.slot.hit:before{border-color:var(--orange);box-shadow:0 0 25px var(--orange)}.weapon{height:190px;padding:15px}.weapon .reel{height:145px}.reel{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:filter .15s}.rolling .reel{filter:blur(1.2px)}.reel img{display:block;max-height:72%;max-width:92%;object-fit:contain;filter:drop-shadow(0 10px 12px #000)}.reel strong{font-size:21px;text-transform:uppercase;text-shadow:1px 2px #000}.attachments{height:76px;display:flex;gap:7px}.mini{width:116px;height:72px;padding:5px;text-align:center}.mini img{width:100%;height:43px;object-fit:contain}.mini strong{font:10px Arial;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact{height:112px;padding:9px}.compact .reel{height:82px}.compact img{max-height:55px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wild{height:100px;margin:10px 0 0 230px;padding:8px 12px;border-top:1px solid #6e7476}.wild #wildcards{display:flex;gap:8px;margin-top:6px}.empty{font:14px Arial;color:#777}footer{border-top:1px solid #737879;padding:12px;font:12px Arial;color:#aaa}footer b{color:var(--orange)}footer span{margin-left:25px}@media(max-width:850px){.shell{width:94vw}.layout{grid-template-columns:1fr}.layout aside{display:none}.weapon{height:160px}.kit{display:grid;grid-template-columns:repeat(3,1fr)}.twocol{grid-column:1/-1}.wild{margin-left:0}.compact .reel strong{font-size:12px}header{height:auto;padding-top:10px}.pick span{display:none}}@media(max-width:540px){.kit{grid-template-columns:1fr 1fr}.kit>.compact:nth-child(3){grid-column:1/-1}.controls{height:auto;flex-wrap:wrap}.weapon{height:145px}.attachments{height:64px}.mini{height:60px;width:92px}.mini img{height:34px}h1{font-size:31px}}