:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111815;color:#ecede5;--muted:#a6b3a7;--line:#34453b;--gold:#e3c687}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#25362c 0,transparent 55%),#111815}header,main,footer{max-width:1370px;margin:auto}header{padding:42px 36px 24px;display:flex;gap:24px;align-items:flex-start;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--gold)}h1{font-family:Georgia,serif;font-weight:400;font-size:42px;margin:12px 0}header p{color:var(--muted);font-size:14px;margin:0;line-height:1.6}.status{font-size:11px;white-space:nowrap;border:1px solid #657158;border-radius:30px;padding:10px 14px;color:#c5d2bb;margin-top:9px}main{padding:0 36px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);gap:24px;align-items:start}.viewer{background:#1b251f;border:1px solid var(--line);border-radius:18px;padding:23px;position:sticky;top:16px}.unit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:7px 0 0}.state{font-size:11px;padding:7px 11px;border:1px solid #516a59;border-radius:6px;color:#d5e4d4}#description{color:var(--muted);font-size:13px;min-height:34px;line-height:1.6;margin:12px 0 16px}.stage-wrap{position:relative;border-radius:12px;overflow:hidden;background:#18251d;border:1px solid #3d5340}#stage{display:block;width:100%;height:auto;image-rendering:auto}.mini{position:absolute;bottom:10px;right:10px;width:74px;height:89px;border:1px solid #516e53;border-radius:8px;background:#1a2820;display:flex;align-items:center;flex-direction:column}.mini span{font-size:9px;color:#aebfad;margin-top:7px}.mini canvas{width:64px;height:64px;image-rendering:auto}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}button,select{font:inherit;border:1px solid #4c6050;background:#223328;color:#e4eadd;border-radius:7px;padding:9px 12px;cursor:pointer;font-size:12px}button:hover,select:hover{border-color:#d2bd83;background:#314737}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#192219}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding-top:15px;font-size:11px;color:#bdcbbd}.controls button{padding:7px 11px}.controls label{display:flex;gap:6px;align-items:center}.controls select{font-size:11px;padding:6px}.controls input{accent-color:var(--gold)}.sequence{font-size:12px;color:#d4c999;min-height:36px;line-height:1.6;margin:18px 0 10px}details{border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:#b9c8b8}summary{cursor:pointer;color:#cfd6c9}details ul{padding-left:18px;line-height:1.65}.sheet-links{display:flex;gap:12px;flex-wrap:wrap}.sheet-links a{color:var(--gold)}.roster-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin:5px 0 18px}.roster h2{font-size:24px;margin:0}.roster nav{display:flex;gap:5px}.roster nav button{font-size:10px;padding:7px 9px}#roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.unit-card{display:flex;align-items:center;gap:9px;min-height:105px;text-align:left;padding:12px;background:#1a261f;border-color:#35473b}.unit-card[aria-pressed=true]{background:#354737;color:#f2e9cd;border-color:#d3bd82}.unit-card canvas{width:64px;height:76px;flex:none;image-rendering:auto}.unit-card strong{display:block;font-size:12px;line-height:1.4}.unit-card small{display:block;color:#a8b9a7;font-size:10px;margin-top:5px;line-height:1.4}.unit-card[aria-pressed=true] small{color:#c1d0b9}footer{padding:25px 36px 36px;color:#899c8c;font-size:11px;line-height:1.8}#aura-label[hidden]{display:none}@media(max-width:1050px){main{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}#roster{grid-template-columns:1fr}.unit-card{min-height:80px}.unit-card canvas{width:54px;height:62px}.status{display:none}.viewer{padding:17px}}@media(max-width:760px){header{padding:26px 20px 20px}h1{font-size:34px}main{padding:0 16px;display:flex;flex-direction:column}.viewer{position:static;width:100%}.roster{width:100%}#roster{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-card{padding:8px;gap:5px}.unit-card strong{font-size:11px}.roster-top{margin-top:7px}.mini{transform:scale(.85);transform-origin:bottom right}footer{padding:25px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.back-link{color:var(--gold);border:1px solid #657158;border-radius:8px;padding:10px 14px;text-decoration:none;font-size:12px;white-space:nowrap}.back-link:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.roster nav{flex-wrap:wrap}.unit-card:disabled{opacity:.6;cursor:wait}#roster-count{font-size:12px;color:var(--muted)}
.unit-rules{margin:0;padding-left:20px;font-size:14px;line-height:1.55}.unit-rules li{margin-bottom:8px}.unit-rules strong{color:#ebeee3}.roster-role{display:flex;gap:7px;margin-bottom:14px}button,select,.controls,.controls select,.roster nav button,.unit-card strong,.back-link{font-size:14px}.unit-card small,.state,.eyebrow{font-size:12px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%23e4eadd' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px!important}.roster nav{flex-wrap:wrap}main{padding-bottom:36px}#description{font-size:14px;min-height:0}.viewer{position:static}@media(max-width:760px){.unit-card strong{font-size:14px}}