:root{color-scheme:dark;--bg:#0d1117;--panel:#161d26;--ink:#f2f5f7;--muted:#9eacba;--line:#2b3644;--lime:#ddff5a;--side:#e9a15f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#20303b 0%,transparent 48%),var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--ink);min-height:100vh}main{max-width:1180px;margin:auto;padding:32px 40px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:2px}.brand b{color:var(--lime)}.mark{font-size:30px;font-weight:900;border:2px solid var(--lime);color:var(--lime);padding:0 10px;transform:skew(-6deg)}.headernote,.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--muted)}.controls{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0 32px}.eyebrow{color:var(--lime);margin:0 0 12px}h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px;margin:0;line-height:1.05}.intro{color:var(--muted);font-size:16px;margin-bottom:0}.actions{min-width:300px}fieldset{border:0;margin:0 0 14px;padding:0}legend{font-size:14px;color:var(--muted);margin-bottom:10px}.switch{display:flex;background:#090d12;border:1px solid var(--line);padding:5px;border-radius:7px}.switch label{flex:1;position:relative;cursor:pointer}.switch input{position:absolute;opacity:0}.switch span{display:block;text-align:center;padding:13px 25px;font-size:14px;font-weight:800;letter-spacing:1px;border-radius:4px}.switch input:checked+span{background:#34404d;color:white}.switch input:focus-visible+span{outline:2px solid var(--lime)}button{font:700 16px Arial;letter-spacing:.5px;width:100%;padding:18px;border:0;border-radius:6px;cursor:pointer;background:var(--lime);color:#11170a;transition:transform .15s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{opacity:.6;cursor:wait}.dice{font-size:24px;vertical-align:middle;margin-right:12px}.empty{min-height:380px;border:1px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.emptybadge{color:var(--lime);font-size:52px;font-weight:900;margin-bottom:8px}.empty h2{font-size:24px;margin:0 0 8px}.empty p{color:var(--muted);line-height:1.5}.assignment{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);animation:reveal .28s ease}.ophead{display:flex;align-items:center;gap:20px;padding:28px;background:linear-gradient(110deg,#263442,#161d26);border-bottom:1px solid var(--line)}.opbadge{font-size:38px;width:76px;height:76px;display:grid;place-items:center;background:var(--side);color:#10161c;font-weight:900;flex-shrink:0;clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%)}.ophead h2{font-size:clamp(30px,5vw,48px);margin:5px 0 0;letter-spacing:-1px;overflow-wrap:anywhere}.ophead .eyebrow{color:var(--side)}.rollnumber{margin-left:auto;align-self:flex-start;font-size:12px;color:var(--muted);letter-spacing:1px;white-space:nowrap}.loadouts{display:grid;grid-template-columns:1fr 1fr;gap:0}.weapon{padding:26px 28px}.weapon:first-child{border-right:1px solid var(--line)}.label{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:2px;margin:0 0 8px}.weapon h3{font-size:27px;margin:0 0 20px}.weapon .type{font-size:12px;color:var(--side);display:block;margin-top:7px;letter-spacing:1px}.attachments{display:grid;grid-template-columns:1fr 1fr;gap:18px}.attachments dt{font-size:12px;color:var(--muted);margin-bottom:5px}.attachments dd{margin:0;font-size:15px}.gadgets{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);background:#101720}.gadget{padding:24px 28px}.gadget h3{font-size:19px;margin:0}.gadget:first-child{border-right:1px solid var(--line)}.rule{padding:15px 28px;color:var(--lime);font-size:14px;border-top:1px solid var(--line)}footer{display:flex;justify-content:space-between;gap:30px;font-size:12px;color:var(--muted);padding-top:24px;line-height:1.7}details{max-width:600px;text-align:right}details p{text-align:left;font-size:14px}summary{cursor:pointer;font-size:14px}a{color:var(--lime)}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@keyframes reveal{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:700px){main{padding:22px 18px}.headernote{display:none}.controls{align-items:stretch;flex-direction:column;gap:24px;padding-top:30px}.actions{min-width:0}.loadouts{grid-template-columns:1fr}.weapon:first-child{border-right:0;border-bottom:1px solid var(--line)}.ophead{padding:22px 18px;gap:14px}.opbadge{width:60px;height:60px;font-size:28px}.rollnumber{display:none}.weapon,.gadget{padding:22px 18px}.gadgets{grid-template-columns:1fr}.gadget:first-child{border-right:0;border-bottom:1px solid var(--line)}footer{flex-direction:column;gap:12px}details{text-align:left}.empty{min-height:280px}}
.portrait{position:relative;overflow:hidden;background:linear-gradient(145deg,#344352,#19222b);flex-shrink:0;isolation:isolate}.portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.opportrait{width:76px;height:84px;border-radius:5px}.spin-stage{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#121b25;text-align:center;padding:22px 0 16px}.spin-caption{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--side);margin-bottom:16px}.reel-window{height:360px;position:relative;overflow:hidden;max-width:620px;margin:auto;background:#101820}.reel-window:before,.reel-window:after{content:'';position:absolute;left:0;right:0;height:90px;z-index:2;pointer-events:none}.reel-window:before{top:0;background:linear-gradient(#101820,transparent)}.reel-window:after{bottom:0;background:linear-gradient(transparent,#101820)}.reel-card{height:180px;display:flex;align-items:center;gap:28px;padding:12px 36px;border-bottom:1px solid #2d3c4b}.reel-card .portrait{width:130px;height:156px;border-radius:6px}.reel-card strong{font-size:clamp(28px,5vw,44px);text-align:left;overflow-wrap:anywhere}.selection-frame{position:absolute;inset:90px 0;border:2px solid var(--lime);box-shadow:0 0 28px #ddff5a14;pointer-events:none;z-index:3}.spin-hint{font-size:14px;color:var(--muted);margin:18px 0 0}.winner{border-color:var(--lime);animation:slam .25s ease-out}.winner .ophead{height:140px;transition:height .55s ease,padding .55s ease,gap .55s ease}.winner .opportrait{transition:width .55s ease,height .55s ease}.winner .ophead h2{transition:font-size .55s ease}.winner.expanded .ophead{height:360px;gap:32px;padding:24px 40px;background:radial-gradient(ellipse at 20% 50%,#425528,#18212b 70%)}.winner.expanded .opportrait{width:200px;height:300px}.winner.expanded .ophead h2{font-size:clamp(38px,6vw,70px)}.winner.expanded .loadouts,.winner.expanded .gadgets,.winner.expanded .rule{display:none}.settling .loadouts,.settling .gadgets,.settling .rule{animation:reveal .55s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes slam{0%{transform:scale(1.07);opacity:.5}70%{transform:scale(.99)}100%{transform:scale(1);opacity:1}}@media(max-width:700px){.reel-card{padding:12px 18px;gap:18px}.reel-card .portrait{width:105px}.winner.expanded .ophead{padding:20px 18px;gap:18px;height:330px}.winner.expanded .opportrait{width:125px;height:250px}.winner.expanded .ophead h2{font-size:36px}.opportrait{width:60px;height:76px}}

.header-actions{display:flex;align-items:center;gap:18px}#sound-toggle{width:auto;padding:10px 12px;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:11px;white-space:nowrap}#sound-toggle[aria-pressed="true"]{color:var(--lime);border-color:#ddff5a55}@media(max-width:700px){.brand{font-size:14px;letter-spacing:1px;gap:8px}.header-actions{gap:8px}#sound-toggle{padding:9px 7px;font-size:10px}}