.creep-command-root{--bg-0:#020711;--bg-1:#06111f;--panel:#07182be6;--line:#69c6ff38;--line-strong:#81dcff85;--text:#eefaff;--muted:#8eaec2;--cyan:#55d9ff;--cyan-soft:#a7efff;--blue:#2085ff;--green:#58f0b0;--gold:#ffd166;--red:#ff5e7a;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow:0 24px 70px #0000006b, inset 0 1px 0 #ffffff0d;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.creep-command-root *,.creep-command-root :before,.creep-command-root :after{box-sizing:border-box}.creep-command-root{color-scheme:dark;min-width:320px;min-height:100dvh;color:var(--text);font-family:var(--font-ui);background:radial-gradient(circle at 15% 8%, #2085ff33, transparent 28rem), radial-gradient(circle at 85% 16%, #55d9ff1a, transparent 24rem), linear-gradient(155deg, var(--bg-0), var(--bg-1) 48%, #030a12);margin:0;overflow:hidden}.creep-command-root:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;mask-image:radial-gradient(circle,#000,#0000 88%)}.creep-command-root button,.creep-command-root input{font:inherit}.creep-command-root button{color:inherit}.creep-command-root canvas{max-width:100%;display:block}.creep-command-root h1,.creep-command-root h2,.creep-command-root h3,.creep-command-root p,.creep-command-root dl,.creep-command-root dd{margin:0}.creep-command-root .app-shell{--board-viewport-height:calc(100dvh - 410px);z-index:1;flex-direction:column;gap:18px;width:min(1680px,100%);height:100dvh;margin:0 auto;padding:18px;display:flex;position:relative;overflow:hidden}.creep-command-root .panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(16px);background:linear-gradient(#0e2e4cc7,#040f1df0)}.creep-command-root .topbar{flex:none;justify-content:space-between;align-items:center;gap:22px;padding:16px 18px;display:flex}.creep-command-root .brand{align-items:center;gap:14px;min-width:0;display:flex}.creep-command-root .brand h1{letter-spacing:.09em;text-transform:uppercase;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1}.creep-command-root .brand p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:6px;font-size:.78rem}.creep-command-root .brand-mark{background:radial-gradient(circle at 32% 26%,#e4fbff,#0000 22%),linear-gradient(145deg,#82ddff,#247fc9 48%,#0b3156 75%);border:1px solid #ffffff73;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;transform:rotate(-5deg);box-shadow:0 0 24px #55d9ff2e,inset 3px 3px 7px #ffffff85,inset -5px -6px 10px #000f1f70}.creep-command-root .brand-mark span{width:20px;height:20px;box-shadow:0 0 0 5px #55d9ff57, 0 0 18px var(--cyan);border:4px solid #04111d;border-radius:50%}.creep-command-root .topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.creep-command-root .game-status{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#00081252;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:.8rem;display:inline-flex}.creep-command-root .topbar-control{border:1px solid var(--line);background:#00081252;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:0 12px;display:inline-flex}.creep-command-root .topbar-control label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800}.creep-command-root .select-control{min-width:104px;height:34px;color:var(--text);-webkit-appearance:none;appearance:none;background:linear-gradient(#11314feb,#06172af5);background-image:linear-gradient(180deg, #11314feb, #06172af5), linear-gradient(45deg, transparent 50%, var(--cyan-soft) 50%), linear-gradient(135deg, var(--cyan-soft) 50%, transparent 50%);background-position:0 0,calc(100% - 14px) 14px,calc(100% - 9px) 14px;background-repeat:no-repeat;background-size:100% 100%,6px 6px,6px 6px;border:1px solid #69c6ff38;border-radius:999px;padding:0 30px 0 12px;box-shadow:inset 0 1px #ffffff0f}.creep-command-root .select-control:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.creep-command-root .resource-cap-control .select-control{min-width:146px}.creep-command-root .production-cooldown-control .select-control{min-width:144px}.creep-command-root .ai-roster-control{gap:12px}.creep-command-root .checkbox-chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.creep-command-root .checkbox-chip{min-height:32px;color:var(--text);cursor:pointer;background:#081727d1;border:1px solid #69c6ff2e;border-radius:999px;align-items:center;gap:8px;padding:0 10px;transition:border-color .14s,background .14s,transform .14s;display:inline-flex;position:relative}.creep-command-root .checkbox-chip:hover{border-color:#81dcff6b;transform:translateY(-1px)}.creep-command-root .checkbox-chip input{width:14px;height:14px;accent-color:var(--cyan);margin:0}.creep-command-root .checkbox-chip span{letter-spacing:.04em;text-transform:none;font-size:.75rem;font-weight:800}.creep-command-root .checkbox-chip-green{box-shadow:inset 0 0 0 1px #58f0b014}.creep-command-root .checkbox-chip-yellow{box-shadow:inset 0 0 0 1px #ffd16614}.creep-command-root .checkbox-chip-green:has(input:checked){background:#0a2a20eb;border-color:#58f0b080}.creep-command-root .checkbox-chip-yellow:has(input:checked){background:#2b220aeb;border-color:#ffd16680}.creep-command-root .status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #58f0b0c7}.creep-command-root .button{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:12px;min-height:42px;font-weight:900;transition:transform .14s,filter .14s,opacity .14s}.creep-command-root .button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.creep-command-root .button:active:not(:disabled){transform:translateY(1px)}.creep-command-root .button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.creep-command-root .button:disabled{cursor:not-allowed;opacity:.42}.creep-command-root .button-primary{color:#03111d;background:linear-gradient(#b5efff,#4ebef6 36%,#1978da 68%,#0a428b);border:1px solid #ffffff80;padding:0 18px;box-shadow:0 10px 24px #1a79dc47,inset 0 2px #ffffffa6,inset 0 -3px 8px #00000040}.creep-command-root .button-secondary,.creep-command-root .button-icon{border:1px solid var(--line);background:linear-gradient(#1c4b74e6,#071b33f2);padding:0 15px;box-shadow:inset 0 1px #ffffff14}.creep-command-root .button-icon{width:44px;padding:0}.creep-command-root .game-layout{flex:auto;grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:stretch;gap:20px;min-height:0;display:grid;overflow:hidden}.creep-command-root .board-panel{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.creep-command-root .board-toolbar,.creep-command-root .board-footer,.creep-command-root .panel-heading,.creep-command-root .battle-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.creep-command-root .board-toolbar{border-bottom:1px solid var(--line);padding:18px 20px}.creep-command-root .eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px;font-size:.68rem;font-weight:900;display:block}.creep-command-root h2{letter-spacing:.04em;font-size:1.05rem}.creep-command-root .board-legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:14px;font-size:.75rem;display:flex}.creep-command-root .board-legend span{align-items:center;gap:7px;display:inline-flex}.creep-command-root .legend-shape,.creep-command-root .unit-shape{filter:drop-shadow(0 0 7px);display:inline-block}.creep-command-root .legend-shape{width:14px;height:14px}.creep-command-root .attacker-shape{color:var(--cyan);clip-path:polygon(50% 0,100% 100%,0 100%);background:currentColor}.creep-command-root .defender-shape{color:var(--cyan-soft);background:#a7efff24;border:3px solid;border-radius:2px}.creep-command-root .spawner-shape{color:var(--green);background:radial-gradient(circle,currentColor 0 28%,#0000 32%);border:3px solid;border-radius:50%}.creep-command-root .board-frame{background:radial-gradient(circle,#1c5a892e,#0000 58%),linear-gradient(#010810b3,#010b15f2);outline:none;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:14px;width:100%;min-width:0;height:100%;min-height:0;padding:14px;display:grid;position:relative;overflow:hidden}.creep-command-root .board-viewport{background:linear-gradient(#020b14fa,#020b14eb),radial-gradient(circle,#1c5a892e,#0000 58%);border-radius:18px;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.creep-command-root .board-frame:focus-visible{box-shadow:0 0 0 1px #ffffff24,0 0 0 4px #55d9ff4d,inset 0 0 0 1px #55d9ff38}.creep-command-root #gameCanvas{touch-action:none;cursor:default;width:100%;height:100%}.creep-command-root #gameCanvas.is-targeting{cursor:crosshair}.creep-command-root .board-overlay{pointer-events:none;background:#01081057;place-items:center;transition:opacity .18s,visibility .18s;display:grid;position:absolute;inset:0}.creep-command-root .board-overlay.is-hidden{opacity:0;visibility:hidden}.creep-command-root .board-nav{backdrop-filter:blur(10px);background:#020c168f;border:1px solid #69c6ff3d;border-radius:16px;align-content:start;align-self:end;justify-items:center;gap:8px;width:120px;padding:10px;display:grid;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0d}.creep-command-root .board-nav-label,.creep-command-root .board-nav-copy{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.63rem}.creep-command-root .board-nav-copy{text-align:center;letter-spacing:.03em;text-transform:none;max-width:11ch;line-height:1.35}.creep-command-root .board-nav-pad{grid-template-columns:repeat(3,36px);grid-template-areas:".up.""left down right";gap:6px;display:grid}.creep-command-root .board-nav-button{width:36px;height:36px;color:var(--cyan-soft);cursor:pointer;background:#0b2238c7;border:1px solid #69c6ff38;border-radius:10px;place-items:center;padding:0;transition:transform .14s,filter .14s,border-color .14s;display:grid;box-shadow:inset 0 1px #ffffff14,0 6px 14px #0003}.creep-command-root .board-nav-button-small{width:34px;height:34px;font-size:1rem}.creep-command-root .board-nav-button:hover,.creep-command-root .board-nav-button:focus-visible{filter:brightness(1.1);border-color:#55d9ff8f}.creep-command-root .board-nav-button:hover{transform:translateY(-1px)}.creep-command-root .board-nav-button:focus-visible{outline-offset:2px;outline:2px solid #55d9ffcc}.creep-command-root #boardNavUp{grid-area:up}.creep-command-root #boardNavLeft{grid-area:left}.creep-command-root #boardNavDown{grid-area:down}.creep-command-root #boardNavRight{grid-area:right}.creep-command-root .board-zoom-row{grid-template-columns:repeat(3,34px);gap:6px;display:grid}.creep-command-root .loading-card{border:1px solid var(--line-strong);border-radius:var(--radius-md);min-width:min(320px,100% - 40px);box-shadow:var(--shadow), 0 0 24px #55d9ff2e;text-align:center;background:#03111feb;justify-items:center;gap:9px;padding:24px;display:grid}.creep-command-root .loading-card span{color:var(--muted);font-size:.8rem}.creep-command-root .loading-core{border:4px solid #55d9ff33;border-top-color:var(--cyan);border-radius:50%;width:46px;height:46px;animation:1.2s linear infinite creep-command-spin}.creep-command-root .board-footer{border-top:1px solid var(--line);padding:14px 18px}.creep-command-root .selection-summary{display:grid}.creep-command-root .selection-summary strong{font-size:.9rem}.creep-command-root .board-footer p{max-width:55ch;color:var(--muted);text-align:right;font-size:.82rem;line-height:1.5}.creep-command-root .sidebar{scrollbar-width:thin;scrollbar-color:#55d9ff66 #0000002e;align-content:start;gap:12px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.creep-command-root .sidebar-panel{padding:16px}.creep-command-root .resource-value{color:var(--cyan);text-shadow:0 0 22px #55d9ff4d;font-size:2.05rem;font-weight:1000;line-height:1}.creep-command-root .resource-rate{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:.76rem;display:flex}.creep-command-root .resource-rate strong{color:var(--green)}.creep-command-root .meter{background:#00000057;border:1px solid #ffffff0f;border-radius:999px;height:9px;margin-top:10px;overflow:hidden}.creep-command-root .meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--cyan), var(--green));height:100%;transition:width .22s;box-shadow:0 0 14px #55d9ff6b}.creep-command-root .resource-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.creep-command-root .resource-stats>div,.creep-command-root .inspector-grid>div{border-radius:var(--radius-sm);background:#00081240;border:1px solid #69c6ff1f;padding:9px}.creep-command-root .resource-stats span,.creep-command-root .inspector-grid dt{color:var(--muted);font-size:.66rem;display:block}.creep-command-root .resource-stats strong,.creep-command-root .inspector-grid dd{margin-top:4px;font-weight:800;display:block}.creep-command-root .production-list{gap:8px;margin-top:12px;display:grid}.creep-command-root .production-status{margin-top:12px}.creep-command-root .production-rate{margin-top:0}.creep-command-root .production-rate strong.is-cooling-down{color:var(--gold)}.creep-command-root .meter-compact{height:8px;margin-top:8px}.creep-command-root .meter-fill-cooldown{background:linear-gradient(90deg,#0a428b,#4ebef6,#b5efff)}.creep-command-root .production-card{border-radius:var(--radius-md);background:#00081240;border:1px solid #69c6ff24;grid-template-columns:46px minmax(0,1fr);gap:10px;padding:12px;display:grid}.creep-command-root .production-card:hover{background:#0a34534d;border-color:#55d9ff5c}.creep-command-root .unit-preview{background:#00070e66;border:1px solid #ffffff12;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.creep-command-root .unit-shape{width:24px;height:24px}.creep-command-root .production-title-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.creep-command-root .production-title-row h3{font-size:.86rem}.creep-command-root .production-title-row span{color:var(--cyan);font-size:.62rem;font-weight:800}.creep-command-root .production-copy p{color:var(--muted);margin-top:4px;font-size:.7rem;line-height:1.4}.creep-command-root .production-controls{grid-column:1/-1;grid-template-columns:90px 1fr;gap:8px;display:grid}.creep-command-root .production-controls.one-column{grid-template-columns:1fr}.creep-command-root .empty-state{color:var(--muted);text-align:center;justify-items:center;gap:7px;margin-top:14px;padding:20px 12px;display:grid}.creep-command-root .empty-state strong{color:var(--text)}.creep-command-root .empty-state p{max-width:34ch;font-size:.76rem;line-height:1.5}.creep-command-root .empty-state-icon{color:var(--cyan);font-size:2rem}.creep-command-root .inspector-content{margin-top:14px}.creep-command-root .inspector-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.creep-command-root .inspector-grid dd{font-size:.82rem}.creep-command-root .order-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.creep-command-root .event-list{scrollbar-width:thin;scrollbar-color:#55d9ff66 #0003;gap:8px;max-height:168px;margin:12px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.creep-command-root .event-list li{color:var(--muted);background:#0008123d;border-left:2px solid #55d9ff6b;grid-template-columns:48px 1fr;align-items:baseline;gap:10px;padding:8px 10px;font-size:.73rem;line-height:1.4;display:grid}.creep-command-root .event-list time{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.creep-command-root .battle-drawer{z-index:30;opacity:0;pointer-events:none;width:min(980px,100% - 32px);transition:transform .22s,opacity .22s;position:fixed;bottom:18px;left:50%;transform:translate(-50%,calc(100% + 40px))}.creep-command-root .battle-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(-50%)}.creep-command-root .battle-drawer-inner{border-color:var(--line-strong);padding:18px;box-shadow:0 28px 90px #000000ad,0 0 50px #55d9ff29}.creep-command-root .interactive-battle{gap:14px;width:100%;display:grid}.creep-command-root .enemy-roll-summary{color:#ffb6c2;border-color:#ff5e7a3d}.creep-command-root .current-roll-result{color:var(--cyan-soft);font-weight:800}.creep-command-root .enemy-dice-reveal{gap:8px;display:grid}.creep-command-root .enemy-dice-label,.creep-command-root .enemy-dice-result{text-align:center;color:#ffb6c2}.creep-command-root .enemy-dice-label{letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:800}.creep-command-root .enemy-dice-result{font-weight:700}.creep-command-root .battle-resolution-log{background:linear-gradient(#0b2139d6,#041222e6);border:1px solid #69c6ff2e;border-radius:14px;gap:8px;padding:12px 14px;display:grid}.creep-command-root .battle-resolution-log summary{cursor:pointer;color:var(--cyan-soft);font-weight:800}.creep-command-root .battle-resolution-log[open] summary{margin-bottom:.55rem}.creep-command-root .battle-resolution-line{color:var(--muted);line-height:1.45}.creep-command-root .enemy-roll-summary,.creep-command-root .current-roll-result{text-align:center;background:linear-gradient(#091f37d1,#020d1ae6);border-radius:13px;place-items:center;min-height:44px;padding:10px 16px;display:grid;box-shadow:inset 0 1px #ffffff0a,inset 0 0 18px #55d9ff08}.creep-command-root .battle-roll-controls .button{min-height:48px}@media (width<=560px){.creep-command-root .battle-roll-controls{grid-template-columns:1fr}}.creep-command-root .battle-dice-row{--battle-die-size:clamp(54px, 7vw, 76px);perspective:1100px;flex-wrap:wrap;place-content:center;align-items:center;gap:clamp(10px,1.3vw,16px);width:100%;padding:8px 4px 4px;display:flex}.creep-command-root .battle-die{flex:0 0 var(--battle-die-size);width:var(--battle-die-size);min-width:var(--battle-die-size);max-width:var(--battle-die-size);height:var(--battle-die-size);min-height:var(--battle-die-size);max-height:var(--battle-die-size);aspect-ratio:1;box-sizing:border-box;padding:calc(var(--battle-die-size) * .12);-webkit-appearance:none;appearance:none;cursor:pointer;transform-style:preserve-3d;background:radial-gradient(circle at 28% 20%,#fffffff5,#0000 23%),linear-gradient(145deg,#e7f6ff 0%,#8bbbdc 36%,#3f779e 72%,#173854 100%);border:1px solid #ffffffb8;border-radius:19%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;transition:transform .18s,box-shadow .18s,filter .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 32px #0000007a,0 0 22px #47bcff2e,inset 5px 5px 12px #ffffffb8,inset -8px -8px 16px #00142a70}.creep-command-root .battle-dice-row-enemy{--battle-die-size:clamp(42px, 5vw, 54px)}.creep-command-root .battle-die-enemy{cursor:default;background:radial-gradient(circle at 28% 20%,#ffffffe0,#0000 24%),linear-gradient(145deg,#ffdfe6 0%,#f08ba1 34%,#982e4f 72%,#4e0f20 100%);box-shadow:0 14px 24px #0000006b,0 0 18px #ff5e7a3d,inset 4px 4px 10px #ffffff85,inset -7px -7px 14px #2c041061}.creep-command-root .battle-die-compact{border-radius:18%}.creep-command-root .battle-die-enemy .battle-die-pip{background:radial-gradient(circle at 35% 30%,#fff2f5 0 8%,#62192d 21%,#230611 66%,#090104 100%)}.creep-command-root .battle-die:hover:not(:disabled){transform:translateY(-5px)rotateX(6deg)rotateY(-5deg);box-shadow:0 25px 38px #0000008c,0 0 30px #55d9ff52,inset 5px 5px 12px #ffffffb8,inset -8px -8px 16px #00142a70}.creep-command-root .battle-die.is-held{filter:saturate(1.15)brightness(1.08);transform:translateY(-10px);box-shadow:0 0 0 3px #55d9ffd9,0 0 34px #55d9ffb8,0 24px 42px #0000008f,inset 5px 5px 12px #ffffffbf,inset -8px -8px 16px #00142a6b}.creep-command-root .battle-die.is-rolling{pointer-events:none;animation:.65s cubic-bezier(.2,.85,.25,1) creep-command-battle-die-tumble}.creep-command-root .battle-die:disabled{opacity:1;cursor:default}.creep-command-root .battle-die:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.creep-command-root .battle-die-pip{z-index:2;opacity:0;background:radial-gradient(circle at 35% 30%,#c8f1ff 0 8%,#163f60 21%,#061421 66%,#01060b 100%);border-radius:50%;place-self:center;width:60%;min-width:10px;max-width:18px;height:60%;min-height:10px;max-height:18px;display:block;position:relative;transform:scale(.76);box-shadow:inset 1px 1px 2px #ffffff38,inset -1px -1px 2px #000000b8,0 1px 1px #ffffff2e}.creep-command-root .battle-die-pip.is-visible{opacity:1;transform:scale(1)}.creep-command-root .battle-die-question{z-index:2;color:#06213a;font-size:calc(var(--battle-die-size) * .5);text-shadow:0 1px #ffffff80,0 0 10px #55d9ff3d;pointer-events:none;place-items:center;font-weight:1000;line-height:1;display:grid;position:absolute;inset:0}@keyframes creep-command-battle-die-tumble{0%{transform:translateY(0)rotateX(0)rotateY(0)rotate(0)scale(1)}20%{transform:translateY(-45px)rotateX(160deg)rotateY(110deg)rotate(35deg)scale(1.08)}52%{transform:translateY(10px)rotateX(380deg)rotateY(260deg)rotate(120deg)scale(.94)}78%{transform:translateY(-12px)rotateX(510deg)rotateY(420deg)rotate(170deg)scale(1.02)}to{transform:translateY(0)rotateX(720deg)rotateY(540deg)rotate(180deg)scale(1)}}@media (width<=560px){.creep-command-root .battle-dice-row{--battle-die-size:clamp(48px, 15vw, 62px);gap:9px}}@media (width<=620px){.creep-command-root .battle-dice-row{--battle-die-size:clamp(46px, 14vw, 58px);flex-wrap:wrap;gap:8px}}.creep-command-root .battle-timer{color:var(--muted);text-align:right}.creep-command-root .battle-timer strong{color:var(--gold);font-size:1.6rem;display:block}.creep-command-root .battle-sides{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:14px;display:grid}.creep-command-root .battle-side{border:1px solid var(--line);border-radius:var(--radius-md);background:#00081259;padding:12px}.creep-command-root .battle-side span{color:var(--muted);font-size:.72rem}.creep-command-root .battle-side strong{color:var(--cyan);margin-top:4px;font-size:1.4rem;display:block}.creep-command-root .battle-side.enemy{text-align:right;border-color:#ff5e7a47}.creep-command-root .battle-side.enemy strong{color:var(--red)}.creep-command-root .battle-versus{color:var(--muted);font-weight:1000}.creep-command-root .dice-stage{border-radius:var(--radius-md);min-height:110px;color:var(--muted);background:#00081242;border:1px dashed #69c6ff3d;place-items:center;margin-top:14px;font-size:.8rem;display:grid}.creep-command-root .toast-stack{z-index:40;pointer-events:none;gap:10px;display:grid;position:fixed;bottom:20px;right:20px}.creep-command-root .toast{color:#e8f7ff;background:linear-gradient(#164c7deb,#082446f5);border:1px solid #69c6ff47;border-radius:14px;min-width:min(320px,100vw - 40px);max-width:min(420px,100vw - 40px);padding:12px 14px;font-weight:700;line-height:1.45;box-shadow:0 18px 34px #0000006b,inset 0 1px #ffffff14}.creep-command-root .toast.is-success{border-color:#69c6ff57}.creep-command-root .toast.is-danger{background:linear-gradient(#134372f0,#061d3bfa);border-color:#86d4ff57}.creep-command-root .modal-backdrop{z-index:50;backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;background:#00050cc7;place-items:center;padding:20px;transition:opacity .18s,visibility .18s;display:grid;position:fixed;inset:0}.creep-command-root .modal-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.creep-command-root .modal{border-color:var(--line-strong);width:min(480px,100%);padding:26px}.creep-command-root .modal p{color:var(--muted);margin:10px 0 20px;line-height:1.6}.creep-command-root [hidden]{display:none!important}@keyframes creep-command-spin{to{transform:rotate(360deg)}}@media (width<=1120px){.creep-command-root .game-layout{scrollbar-width:thin;scrollbar-color:#55d9ff66 #0000002e;grid-template-rows:auto;grid-template-columns:1fr;align-content:start;padding-right:4px;overflow:auto}.creep-command-root .board-panel{display:block;overflow:visible}.creep-command-root .board-toolbar,.creep-command-root .board-footer{display:flex}.creep-command-root .board-frame{margin-top:0}.creep-command-root .sidebar{scrollbar-width:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding-right:0;overflow:visible}.creep-command-root .command-panel,.creep-command-root .event-panel{grid-column:span 2}.creep-command-root .board-frame{height:clamp(320px,46vh,460px)}}@media (width<=760px){.creep-command-root{overflow:hidden}.creep-command-root .app-shell{padding:12px}.creep-command-root .topbar{align-items:flex-start;padding:13px}.creep-command-root .brand p,.creep-command-root .game-status{display:none}.creep-command-root .topbar-control{padding:0 10px}.creep-command-root .select-control{min-width:92px}.creep-command-root .resource-cap-control .select-control{min-width:132px}.creep-command-root .production-cooldown-control .select-control{min-width:124px}.creep-command-root .ai-roster-control{justify-content:space-between;width:100%}.creep-command-root .topbar-actions{gap:7px}.creep-command-root .button-secondary{padding:0 11px;font-size:.72rem}.creep-command-root .sidebar{grid-template-columns:1fr}.creep-command-root .command-panel,.creep-command-root .event-panel{grid-column:auto}.creep-command-root .board-toolbar{align-items:flex-start}.creep-command-root .board-legend{max-width:170px}.creep-command-root .board-footer{flex-direction:column;align-items:flex-start}.creep-command-root .board-footer p{text-align:left}.creep-command-root .resource-stats{grid-template-columns:1fr}}@media (width<=500px){.creep-command-root .brand-mark{width:42px;height:42px}.creep-command-root .brand h1{font-size:1.05rem}.creep-command-root .board-toolbar{display:grid}.creep-command-root .board-legend{justify-content:flex-start;max-width:none}.creep-command-root .board-frame{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:10px;height:clamp(260px,36vh,340px);padding:12px}.creep-command-root .board-nav{grid-template-columns:auto 1fr auto;place-self:stretch center;align-items:center;gap:10px;width:100%;max-width:320px}.creep-command-root .board-nav-label{justify-self:start}.creep-command-root .board-nav-copy{text-align:right;max-width:none}.creep-command-root .board-nav-pad,.creep-command-root .board-zoom-row{justify-self:center}.creep-command-root .production-controls,.creep-command-root .order-actions,.creep-command-root .inspector-grid,.creep-command-root .battle-sides{grid-template-columns:1fr}.creep-command-root .battle-versus{text-align:center}.creep-command-root .battle-side.enemy{text-align:left}.creep-command-root .topbar{flex-wrap:wrap}.creep-command-root .topbar-actions{justify-content:flex-start;width:100%}.creep-command-root .board-nav-pad{grid-template-columns:repeat(3,32px)}.creep-command-root .board-nav-button,.creep-command-root .board-nav-button-small{width:32px;height:32px}.creep-command-root .board-zoom-row{grid-template-columns:repeat(3,32px)}}@media (width<=560px){.creep-command-root .topbar{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.creep-command-root .brand{width:100%}.creep-command-root .topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.creep-command-root .topbar-control{grid-column:1/-1;justify-content:space-between}.creep-command-root .checkbox-chip-row{justify-content:space-between;width:100%}.creep-command-root .checkbox-chip{flex:1 1 0;justify-content:center}.creep-command-root .select-control{width:132px}.creep-command-root .resource-cap-control .select-control{width:152px}.creep-command-root .production-cooldown-control .select-control{width:140px}.creep-command-root .button-icon{display:none}}@keyframes creep-command-spawn-flash{0%{opacity:0;transform:scale(.58)}28%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.42)}}@keyframes creep-command-dock-slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.creep-command-root .brand-copy{min-width:0}.creep-command-root .brand-title-row{align-items:center;gap:12px;display:flex}.creep-command-root .topbar-feed-toggle{min-height:34px;padding:0 14px;font-size:.72rem}.creep-command-root .game-layout{min-height:0;display:block}.creep-command-root .board-panel{--board-toolbar-height:126px;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.creep-command-root .board-toolbar{height:var(--board-toolbar-height);min-height:var(--board-toolbar-height);max-height:var(--board-toolbar-height);grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:16px 24px;display:grid;overflow:hidden}.creep-command-root .board-toolbar-title{align-content:start;gap:6px;min-width:0;display:grid}.creep-command-root .toolbar-selection{text-align:left;align-content:center;justify-items:start;gap:4px;min-width:0;max-width:44ch;display:grid;overflow:hidden}.creep-command-root .toolbar-selection strong{font-size:1rem;line-height:1.3}.creep-command-root .toolbar-selection .selection-meta,.creep-command-root .toolbar-selection .selection-hint{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.creep-command-root .toolbar-selection .selection-meta{-webkit-line-clamp:1}.creep-command-root .toolbar-selection .selection-hint{-webkit-line-clamp:2}.creep-command-root .toolbar-selection.empty-state .selection-hint{color:var(--muted)}.creep-command-root .board-legend{align-self:start;padding-top:2px}.creep-command-root .board-frame{padding:16px;display:block;position:relative}.creep-command-root .board-viewport{height:clamp(320px, var(--board-viewport-height), 620px);min-height:clamp(320px, var(--board-viewport-height), 620px);max-height:620px}.creep-command-root .board-nav{z-index:16;align-content:center;width:140px;position:absolute;bottom:18px;right:18px}.creep-command-root .floating-panel{z-index:14;position:absolute}.creep-command-root .resource-panel{background:linear-gradient(#0d2d4aeb,#04101ff0);border-radius:22px;width:min(276px,100% - 168px);padding:12px 14px;bottom:18px;left:18px}.creep-command-root .resource-panel .panel-heading{align-items:end}.creep-command-root .resource-panel .resource-value{font-size:1.72rem}.creep-command-root .resource-panel .resource-rate{margin-top:10px;font-size:.72rem}.creep-command-root .resource-panel .resource-stats{gap:6px;margin-top:10px}.creep-command-root .resource-panel .resource-stats>div{padding:8px}.creep-command-root .resource-production-status{margin-top:10px}.creep-command-root .action-dock{opacity:0;pointer-events:none;background:linear-gradient(#091c34f0,#030d19f5);gap:12px;width:min(236px,100% - 206px);padding:14px;transition:opacity .22s,transform .22s;display:grid;top:18px;right:170px;transform:translate(24px)scale(.98)}.creep-command-root .action-dock.is-visible{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.creep-command-root .action-dock-header{gap:4px;display:grid}.creep-command-root .action-dock-header strong{font-size:.9rem;line-height:1.35}.creep-command-root .action-group{gap:10px;animation:.22s creep-command-dock-slide-in;display:grid}.creep-command-root .action-group-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.creep-command-root .context-action-wrap{position:relative}.creep-command-root .context-action-wrap:after{content:attr(data-tooltip);width:220px;color:var(--text);opacity:0;pointer-events:none;background:#010c17f5;border:1px solid #69c6ff2e;border-radius:14px;padding:10px 12px;font-size:.72rem;line-height:1.45;transition:opacity .16s,transform .16s;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)translate(10px);box-shadow:0 16px 40px #0000006b}.creep-command-root .context-action-wrap:hover:after,.creep-command-root .context-action-wrap:focus-within:after{opacity:1;transform:translateY(-50%)translate(0)}.creep-command-root .context-action-button{width:100%;min-height:54px;color:var(--text);background:linear-gradient(#133c65eb,#04172efa);border:1px solid #69c6ff38;justify-content:flex-start;align-items:center;gap:10px;padding:0 14px;display:flex;box-shadow:0 10px 26px #00000047,inset 0 1px #ffffff14}.creep-command-root .context-action-plus{color:var(--cyan-soft);font-size:1.12rem}.creep-command-root .context-action-button .unit-shape{width:22px;height:22px}.creep-command-root .context-action-cost{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.creep-command-root .context-order-button{min-height:46px;padding:0 12px}.creep-command-root .event-panel{opacity:0;pointer-events:none;background:linear-gradient(#092038f0,#020d1af5);width:min(340px,100% - 36px);max-height:min(52vh,430px);padding:16px;transition:opacity .2s,transform .2s;display:grid;top:18px;left:18px;transform:translateY(-12px)scale(.98)}.creep-command-root .event-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.creep-command-root .event-panel .event-list{max-height:min(40vh,330px)}.creep-command-root .spawn-effect-layer{z-index:10;pointer-events:none;position:absolute;inset:0}.creep-command-root .spawn-flash{border:2px solid var(--flash-color);box-shadow:0 0 0 2px #ffffff14 inset, 0 0 26px var(--flash-color);background:radial-gradient(circle, var(--flash-color) 0, transparent 62%);border-radius:18px;animation:.72s ease-out forwards creep-command-spawn-flash;position:absolute}.creep-command-root .selection-meta{color:var(--muted);font-size:.78rem;line-height:1.45}.creep-command-root .selection-hint{color:var(--cyan-soft);font-size:.76rem;line-height:1.5}.creep-command-root .sidebar,.creep-command-root .sidebar-panel{display:none}@media (width<=980px){.creep-command-root .app-shell{--board-viewport-height:calc(100dvh - 450px)}.creep-command-root .board-panel{--board-toolbar-height:118px}.creep-command-root .topbar{grid-template-columns:1fr;gap:14px;display:grid}.creep-command-root .topbar-actions{justify-content:flex-start}.creep-command-root .board-toolbar{grid-template-columns:minmax(0,170px) minmax(0,1fr) auto;align-items:start}.creep-command-root .action-dock{width:min(224px,100% - 178px);right:154px}.creep-command-root .board-legend{grid-column:auto;justify-content:flex-end;padding-top:0}}@media (width<=760px){.creep-command-root .app-shell{--board-viewport-height:calc(100dvh - 500px)}.creep-command-root .board-panel{--board-toolbar-height:144px}.creep-command-root .app-shell{gap:12px;padding:12px}.creep-command-root .topbar{padding:14px}.creep-command-root .brand p{letter-spacing:.1em;font-size:.68rem;display:block}.creep-command-root .game-status{grid-column:1/-1;display:inline-flex}.creep-command-root .topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.creep-command-root .topbar-control{grid-column:1/-1;justify-content:space-between}.creep-command-root .board-frame{padding:12px}.creep-command-root .board-viewport{height:clamp(300px, var(--board-viewport-height), 520px);min-height:clamp(300px, var(--board-viewport-height), 520px);max-height:520px}.creep-command-root .resource-panel,.creep-command-root .event-panel{width:min(250px,100% - 140px);left:12px}.creep-command-root .resource-panel{bottom:12px}.creep-command-root .event-panel{top:12px}.creep-command-root .action-dock{width:min(220px,100% - 24px);top:auto;bottom:126px;right:12px}.creep-command-root .context-action-wrap:after{width:auto;inset:auto 0 calc(100% + 8px);transform:translateY(0)translate(0)}.creep-command-root .board-nav{width:132px;bottom:12px;right:12px}.creep-command-root .toolbar-selection{max-width:none}}@media (width<=560px){.creep-command-root .app-shell{--board-viewport-height:calc(100dvh - 540px)}.creep-command-root .board-panel{--board-toolbar-height:152px}.creep-command-root .brand-title-row{justify-content:space-between;align-items:flex-start}.creep-command-root .topbar-actions{grid-template-columns:1fr 1fr}.creep-command-root .button-secondary,.creep-command-root .button-icon{width:100%}.creep-command-root .button-icon{display:none}.creep-command-root .board-toolbar{grid-template-columns:1fr;align-items:start;padding:14px 16px}.creep-command-root .board-legend{grid-column:auto;justify-content:flex-start}.creep-command-root .board-viewport{height:clamp(280px, var(--board-viewport-height), 420px);min-height:clamp(280px, var(--board-viewport-height), 420px);max-height:420px}.creep-command-root .resource-panel{width:min(232px,100% - 128px)}.creep-command-root .resource-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.creep-command-root .action-dock{width:auto;bottom:122px;left:12px;right:12px}.creep-command-root .action-group-compact{grid-template-columns:1fr}.creep-command-root .board-nav{width:124px;padding:8px}}@media (prefers-reduced-motion:reduce){.creep-command-root *,.creep-command-root :before,.creep-command-root :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.creep-command-root .brand{padding-left:3.6rem}@media (width<=760px),(height<=470px){.creep-command-root .brand{padding-left:2.7rem}}.creep-command-root .match-settings{display:contents}.creep-command-root .settings-toggle{display:none}.creep-command-root .tutorial-modal{z-index:60;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#010810c2;place-items:start center;padding:1rem;transition:opacity .2s;display:grid;position:fixed;inset:0;overflow-y:auto}.creep-command-root .tutorial-modal.is-open{opacity:1;pointer-events:auto}.creep-command-root .tutorial-card{width:min(500px,100%);margin:auto 0;padding:clamp(1.25rem,4vw,2rem)}.creep-command-root .tutorial-card h2{font-size:clamp(1.45rem,4vw,2rem);line-height:1.1}.creep-command-root .tutorial-card ol{counter-reset:tutorial-step;gap:.75rem;margin:1.25rem 0 1rem;padding:0;list-style:none;display:grid}.creep-command-root .tutorial-card li{background:#010c1785;border:1px solid #69c6ff33;border-radius:.9rem;grid-template-columns:2rem minmax(0,1fr);align-items:center;column-gap:.7rem;padding:.85rem;display:grid}.creep-command-root .tutorial-card li:before{content:counter(tutorial-step);counter-increment:tutorial-step;color:#032033;background:var(--green);border-radius:999px;grid-row:span 2;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.creep-command-root .tutorial-card li b,.creep-command-root .tutorial-card li span{grid-column:2}.creep-command-root .tutorial-card li span,.creep-command-root .tutorial-desktop-note{color:var(--muted);font-size:.86rem;line-height:1.45}.creep-command-root .tutorial-desktop-note{margin:0 0 1rem}.creep-command-root .tutorial-card .button{width:100%;min-height:48px}@media (width<=760px),(height<=470px){.creep-command-root .app-shell{--board-viewport-height:100%;gap:.5rem;padding:.5rem}.creep-command-root .topbar{gap:.45rem;padding:.6rem .7rem}.creep-command-root .brand p,.creep-command-root .board-legend,.creep-command-root .resource-panel .panel-heading>div:first-child,.creep-command-root .resource-panel .resource-rate,.creep-command-root .resource-panel .meter,.creep-command-root .resource-panel .resource-production-status,.creep-command-root .resource-panel .resource-stats{display:none}.creep-command-root .brand h1{font-size:1.15rem}.creep-command-root .topbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%;display:grid}.creep-command-root .game-status{grid-column:1/-1;min-height:30px;padding:0 .55rem;font-size:.75rem}.creep-command-root .topbar-actions>.button{min-height:38px;padding:0 .45rem;font-size:.72rem}.creep-command-root .settings-toggle{justify-content:center;align-items:center;display:inline-flex}.creep-command-root .match-settings{border:1px solid var(--line);background:#010c17b8;border-radius:.75rem;grid-column:1/-1;grid-template-columns:1fr;gap:.4rem;padding:.6rem;display:none}.creep-command-root .topbar.is-settings-open .match-settings{display:grid}.creep-command-root .match-settings .topbar-control{grid-column:auto;min-height:38px}.creep-command-root .game-layout{min-height:0;display:flex;overflow:hidden}.creep-command-root .board-panel{--board-toolbar-height:76px;flex:1;min-height:0}.creep-command-root .board-toolbar{height:var(--board-toolbar-height);min-height:var(--board-toolbar-height);max-height:var(--board-toolbar-height);grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:.45rem;padding:.55rem .7rem}.creep-command-root .board-toolbar-title{gap:.15rem}.creep-command-root .board-toolbar-title .eyebrow,.creep-command-root .toolbar-selection .eyebrow,.creep-command-root .toolbar-selection .selection-meta{display:none}.creep-command-root .board-toolbar h2,.creep-command-root .toolbar-selection strong{font-size:.86rem}.creep-command-root .toolbar-selection{gap:.15rem}.creep-command-root .toolbar-selection .selection-hint{-webkit-line-clamp:2;font-size:.68rem}.creep-command-root .board-frame{flex:1;align-self:stretch;height:auto;min-height:0;padding:.45rem}.creep-command-root .board-viewport{height:100%;min-height:0;max-height:none}.creep-command-root .resource-panel{border-radius:.75rem;width:auto;padding:.4rem .6rem;top:.7rem;bottom:auto;left:.7rem}.creep-command-root .resource-panel .panel-heading{display:block}.creep-command-root .resource-panel .resource-value{font-size:1.25rem}.creep-command-root .action-dock{border-radius:1rem;gap:.5rem;width:auto;padding:.65rem;bottom:.7rem;left:.7rem;right:.7rem;transform:translateY(1rem)scale(.98)}.creep-command-root .action-dock.is-visible{transform:translateY(0)scale(1)}.creep-command-root .action-dock-header strong{font-size:.82rem}.creep-command-root .action-group-compact{grid-template-columns:1.35fr 1fr}.creep-command-root .context-order-button{min-height:48px}.creep-command-root .board-nav{gap:.25rem;width:108px;padding:.4rem;top:.7rem;bottom:auto;right:.7rem}.creep-command-root .board-nav-pad{grid-template-columns:repeat(3,30px);gap:.25rem}.creep-command-root .board-nav-button,.creep-command-root .board-nav-button-small{width:30px;height:30px}.creep-command-root .board-zoom-row{grid-template-columns:repeat(3,30px);gap:.25rem}.creep-command-root .event-panel{width:auto;max-height:calc(100% - 1.4rem);top:.7rem;left:.7rem;right:.7rem}.creep-command-root .battle-drawer{width:calc(100% - 1rem);bottom:.5rem}.creep-command-root .battle-drawer-inner{max-height:calc(100dvh - 1rem);padding:.9rem;overflow:auto}}@media (width<=420px){.creep-command-root .topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.creep-command-root .help-button{grid-column:1/-1}.creep-command-root .board-panel{--board-toolbar-height:82px}.creep-command-root .board-toolbar{grid-template-columns:1fr}.creep-command-root .board-toolbar-title{display:none}.creep-command-root .resource-panel{top:.5rem;left:.5rem}.creep-command-root .board-nav{top:.5rem;right:.5rem}}@media (orientation:landscape) and (height<=470px){.creep-command-root .app-shell{gap:0;padding:0}.creep-command-root .topbar{z-index:25;box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute;top:.45rem;left:auto;right:.45rem}.creep-command-root .topbar .brand,.creep-command-root .topbar .game-status,.creep-command-root #soundButton{display:none}.creep-command-root .topbar-actions{gap:.3rem;width:auto;display:flex}.creep-command-root .topbar-actions>.button{min-height:2rem;padding:0 .55rem;font-size:.65rem}.creep-command-root .match-settings{width:min(19rem,100vw - .9rem);padding:.5rem;position:absolute;top:calc(100% + .35rem);right:0}.creep-command-root .game-layout{height:100%}.creep-command-root .board-panel{--board-toolbar-height:0px}.creep-command-root .board-toolbar{display:none}.creep-command-root .board-frame{padding:.35rem}.creep-command-root .resource-panel{top:.5rem;left:.5rem}.creep-command-root .board-nav{top:auto;bottom:.5rem;right:.5rem}.creep-command-root .action-dock{bottom:.5rem;left:.5rem;right:.5rem}.creep-command-root .battle-drawer{width:calc(100% - .7rem);top:.35rem;bottom:.35rem}.creep-command-root .battle-drawer-inner{flex-direction:column;height:100%;max-height:none;padding:.55rem;display:flex;overflow:hidden}.creep-command-root .battle-header{flex:none}.creep-command-root .battle-header .eyebrow{display:none}.creep-command-root .battle-header h2{font-size:.9rem}.creep-command-root .battle-timer{font-size:.7rem}.creep-command-root .battle-timer strong{font-size:1rem;display:inline}.creep-command-root .battle-sides{flex:none;gap:.5rem;margin-top:.45rem}.creep-command-root .battle-side{border-radius:.6rem;padding:.35rem .5rem}.creep-command-root .battle-side span{font-size:.62rem}.creep-command-root .battle-side strong{margin-top:.1rem;font-size:1rem}.creep-command-root .dice-stage{flex:auto;min-height:0;margin-top:.45rem;padding:.45rem;display:block;overflow:auto}.creep-command-root .interactive-battle--resolved{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.25fr);align-content:start;align-items:center;gap:.4rem .65rem;min-height:100%;display:grid}.creep-command-root .interactive-battle--resolved .enemy-roll-summary{grid-column:1/-1;min-height:2rem;padding:.35rem .65rem;font-size:.72rem}.creep-command-root .interactive-battle--resolved>.battle-dice-row{--battle-die-size:2.4rem;grid-column:1;gap:.35rem;padding:0}.creep-command-root .interactive-battle--resolved .current-roll-result{grid-column:2;min-height:0;padding:.45rem;font-size:.72rem}.creep-command-root .interactive-battle--resolved .enemy-dice-reveal{grid-column:3;gap:.2rem}.creep-command-root .interactive-battle--resolved .enemy-dice-label{font-size:.62rem}.creep-command-root .interactive-battle--resolved .battle-dice-row-enemy{--battle-die-size:2rem;gap:.28rem;padding:0}.creep-command-root .interactive-battle--resolved .enemy-dice-result{font-size:.7rem}.creep-command-root .interactive-battle--resolved .battle-resolution-log{grid-column:1/span 2;padding:.45rem .6rem;font-size:.7rem}.creep-command-root .interactive-battle--resolved .battle-resolution-log[open] summary{margin-bottom:.35rem}.creep-command-root .interactive-battle--resolved .battle-resolution-line{line-height:1.25}.creep-command-root .interactive-battle--resolved .battle-roll-controls{grid-column:3}.creep-command-root .interactive-battle--resolved .battle-close-button{min-height:2.2rem;padding:.3rem .55rem;font-size:.7rem}.creep-command-root .tutorial-modal{padding:.5rem}.creep-command-root .tutorial-card{width:min(30rem,100%);padding:.85rem}.creep-command-root .tutorial-card h2{font-size:1.25rem}.creep-command-root .tutorial-card ol{gap:.4rem;margin:.65rem 0}.creep-command-root .tutorial-card li{padding:.5rem}.creep-command-root .tutorial-card li span,.creep-command-root .tutorial-desktop-note{font-size:.75rem}.creep-command-root .tutorial-card .button{min-height:2.4rem}}