@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";:root{font-family:Patrick Hand,Comic Sans MS,Chalkboard SE,cursive;color:#202020;background:#fff;font-synthesis:none;--ink: #202020;--paper: #fff;--blue: #64c8df;--red: #ef7771;--yellow: #f3cf63;--purple: #b899da;--green: #78bd82;--muted: #777}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);overflow-x:hidden}body:before{display:none}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.glass{background:#fff;border:2px solid var(--ink);border-radius:5px 2px 7px 3px/3px 7px 2px 6px;box-shadow:3px 4px 0 var(--ink)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:3px 7px 4px 6px;transform:rotate(-4deg);color:var(--ink);background:#fff;font-size:25px;line-height:1}.brand strong,.brand small{display:block}.brand strong{font-size:23px;line-height:.9;letter-spacing:.08em}.brand small{margin-top:4px;font-size:10px;letter-spacing:.12em;color:#666}.eyebrow{color:#157d95;font-size:15px;letter-spacing:.11em;text-transform:uppercase}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 18px;border:2px solid var(--ink);border-radius:5px 3px 7px 2px/3px 6px 2px 7px;background:#fff;color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:transform .12s,box-shadow .12s}.primary-button:hover{transform:translate(-1px,-2px) rotate(-.4deg);box-shadow:5px 6px 0 var(--ink)}.primary-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.error-message{color:#b32222!important;font-size:14px!important}.loading-screen,.waiting-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#fff}.loading-screen p{color:#666;font-size:18px}.loader{display:grid;grid-template-columns:repeat(4,20px);gap:7px;transform:rotate(-2deg)}.loader i{height:20px;border:2px solid var(--ink);animation:load 1s infinite alternate}.loader i:nth-child(2){animation-delay:.12s}.loader i:nth-child(3){animation-delay:.24s}.loader i:nth-child(4){animation-delay:.36s}@keyframes load{to{background:var(--yellow);transform:translateY(-7px) rotate(8deg)}}.lobby-screen{min-height:100vh;padding:28px clamp(24px,5vw,78px);display:flex;flex-direction:column;background:#fff}.lobby-screen>header{display:flex;align-items:center;justify-content:space-between}.prototype-badge{border:2px dashed var(--ink);padding:7px 11px;color:#555;font-size:12px;letter-spacing:.08em;transform:rotate(1deg)}.lobby-hero{flex:1;display:grid;grid-template-columns:minmax(340px,1fr) minmax(350px,470px);align-items:center;gap:clamp(40px,7vw,110px);max-width:1240px;width:100%;margin:auto}.hero-copy h1{margin:15px 0 20px;font-size:clamp(54px,7vw,96px);line-height:.9;letter-spacing:-.03em;text-transform:uppercase}.hero-copy h1 em{color:var(--ink);font-style:normal;text-decoration:underline 5px var(--blue);text-underline-offset:8px}.hero-copy>p{max-width:600px;color:#555;font-size:19px;line-height:1.45}.feature-strip{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px;color:#333;font-size:14px;letter-spacing:.06em}.feature-strip span:before{content:"✦";color:#168aa4;margin-right:7px}.lobby-card{padding:28px;transform:rotate(.3deg)}.lobby-card label,.lobby-card legend{color:#333;font-size:13px;letter-spacing:.08em}.lobby-card input{width:100%;margin-top:8px;padding:12px;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:3px 6px 2px 5px;font-size:18px}.deck-fieldset{margin:0;padding:18px 0;border:0}.deck-fieldset legend{padding:0}.deck-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}.deck-picker button{min-height:112px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;border:2px solid var(--ink);border-radius:4px 2px 6px 3px;background:#fff;text-align:left;cursor:pointer}.deck-picker button:first-child{transform:rotate(-.35deg)}.deck-picker button:last-child{transform:rotate(.35deg)}.deck-picker button strong{font-size:16px;line-height:1.05;text-transform:uppercase}.deck-picker button span{margin:6px 0 auto;color:#555;font-size:11px;line-height:1.2}.deck-picker button small{color:#777;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.deck-picker button.active{box-shadow:3px 4px 0 var(--ink);transform:translateY(-2px) rotate(-.5deg)}.deck-picker button.active.deck-crownlands{background:#fff8d8}.deck-picker button.active.deck-ashen_host{background:#ffd9d4}.lobby-card .primary-button{width:100%}.or{display:flex;align-items:center;gap:10px;margin:20px 0;color:#666;font-size:12px;letter-spacing:.08em}.or:before,.or:after{content:"";height:2px;flex:1;background:var(--ink);transform:rotate(.4deg)}.join-row{display:grid;grid-template-columns:1fr 86px;gap:8px}.join-row input{margin:0;letter-spacing:.2em}.join-row button{border:2px solid var(--ink);background:#fff;box-shadow:2px 2px 0 var(--ink);cursor:pointer;font-weight:700}.waiting-card{width:min(460px,calc(100vw - 40px));text-align:center;padding:42px;transform:rotate(-.5deg)}.waiting-card h1{margin:8px 0;font-size:49px;line-height:1;text-transform:uppercase}.waiting-card p{color:#555;font-size:17px}.join-code{margin:26px 0;color:var(--ink);font-size:70px;line-height:1;letter-spacing:.2em;text-indent:.2em;text-decoration:underline 5px var(--yellow)}.waiting-card .primary-button{width:100%}.waiting-deck{display:block;margin-top:12px;color:#555;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.waiting-leave{margin-top:18px}.waiting-pulse{margin-top:24px;color:#666;font-size:14px}.waiting-pulse i,.connection i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-right:8px;border:1px solid var(--ink);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.25;transform:scale(.8)}}.game-shell{position:relative;width:100%;height:100dvh;min-height:620px;padding:9px 14px 11px;display:grid;grid-template-rows:48px minmax(0,1fr) 220px;gap:8px;overflow:hidden;background:#fff}.game-shell:after{content:"";position:fixed;z-index:90;inset:0;border:7px solid transparent;pointer-events:none;transition:border-color .18s,box-shadow .18s}.game-shell.priority-mine:after{border-color:#44b9e0db;box-shadow:inset 0 0 22px #44b9e06b;animation:priority-blue-pulse 2.2s ease-in-out infinite}.game-shell.priority-opponent:after{border-color:#e25650d1;box-shadow:inset 0 0 22px #e2565061;animation:priority-red-pulse 2.2s ease-in-out infinite}.game-shell.priority-resolving:after{border-color:#86709d73}@keyframes priority-blue-pulse{50%{box-shadow:inset 0 0 32px #44b9e099}}@keyframes priority-red-pulse{50%{box-shadow:inset 0 0 32px #e256508c}}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:6px}.topbar .brand-mark{width:35px;height:35px;font-size:22px}.topbar .brand strong{font-size:20px}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:14px}.leave-button{padding:5px 9px;border:2px dashed var(--ink);border-radius:4px 2px 5px 3px;background:#fff;color:#555;cursor:pointer;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.leave-button:hover{color:var(--ink);background:#fff0ef;transform:rotate(-.6deg)}.round-marker{display:flex;align-items:center;gap:10px}.round-marker span{color:#666;font-size:12px;letter-spacing:.1em}.round-marker strong{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--ink);border-radius:50%;font-size:23px;background:#fff5b8;transform:rotate(-5deg)}.round-marker em{padding:4px 8px;border:2px dashed var(--ink);font-style:normal;font-size:11px;letter-spacing:.08em;transform:rotate(1deg)}.priority-beacon{min-width:132px;padding:5px 9px;border:2px solid var(--ink);border-radius:4px 2px 6px 3px;box-shadow:2px 2px 0 var(--ink);font-size:11px;font-weight:400;letter-spacing:.08em;text-align:center;transform:rotate(-.5deg)}.priority-beacon i{display:inline-block;width:8px;height:8px;margin-right:6px;border:1px solid var(--ink);border-radius:50%}.priority-beacon.mine{background:#d9f4fb}.priority-beacon.mine i{background:#44b9e0}.priority-beacon.opponent{background:#ffe0dd}.priority-beacon.opponent i{background:#e25650}.priority-beacon.resolving{background:#eee7f5}.priority-beacon.resolving i{background:#86709d}.connection{justify-self:end;color:#555;font-size:11px;letter-spacing:.08em}.battle-layout{position:relative;height:100%;min-height:0;display:grid;grid-template-columns:154px 94px minmax(0,1320px) 94px;align-items:stretch;justify-content:center;gap:10px;max-width:1740px;width:100%;margin:0 auto}.player-rail{align-self:center;padding:11px 8px;background:#fff;border:2px solid var(--ink);border-radius:4px 7px 3px 5px;text-align:center;opacity:.7;transform:rotate(-.8deg)}.player-rail.enemy{transform:rotate(.8deg)}.player-rail.active{opacity:1}.player-rail.friendly.active{box-shadow:0 0 0 4px #64c8df,4px 5px 0 var(--ink)}.player-rail.enemy.active{box-shadow:0 0 0 4px #ef7771,4px 5px 0 var(--ink)}.player-rail.empty{color:#666;font-size:13px}.portrait{width:48px;height:48px;margin:0 auto 8px;display:grid;place-items:center;background:#fff;border:2px solid var(--ink);border-radius:50% 45% 52% 43%;font-size:28px}.enemy .portrait{background:#fff0ef}.friendly .portrait{background:#eefbff}.player-name small,.player-name strong{display:block}.player-name small{font-size:10px;letter-spacing:.09em;color:#666}.player-name strong{margin:3px 0 9px;font-size:17px;overflow:hidden;text-overflow:ellipsis}.player-deck{margin:-4px 0 8px;color:#666;font-size:9px;line-height:1.05;text-transform:uppercase}.attack-token{width:72px;min-height:56px;margin:4px auto 10px;padding:3px;display:grid;grid-template-columns:28px 1fr;align-items:center;border:2px solid var(--ink);border-radius:50% 44% 51% 46%;background:#ffd7d3;box-shadow:2px 3px 0 var(--ink);transform:rotate(-2deg);transition:filter .2s,opacity .2s,transform .2s}.enemy .attack-token{transform:rotate(2deg)}.attack-token b{grid-row:1 / span 2;font-size:24px}.attack-token span{align-self:end;font-size:10px;line-height:1;letter-spacing:.05em}.attack-token small{align-self:start;font-size:8px;line-height:1.2}.attack-token.ready{animation:attack-token-ready 1.7s ease-in-out infinite}.attack-token.spent{opacity:.42;filter:grayscale(1);background:#eee;box-shadow:1px 1px #777}@keyframes attack-token-ready{50%{transform:translateY(-2px) rotate(2deg);box-shadow:3px 5px 0 var(--ink)}}.resource{display:flex;align-items:baseline;justify-content:space-between;padding:5px 2px;border-top:1px dashed #777}.resource span{color:#666;font-size:10px;letter-spacing:.05em}.resource strong{font-size:18px}.resource.hp strong{color:#c73832}.resource.energy strong{color:#117f98}.resource.reserve strong{color:#7045a2}.hand-count{margin-top:8px;color:#555;font-size:11px}.battlefield-wrap{width:min(100%,1320px);height:min(100%,745px);min-height:0;align-self:center;justify-self:center;display:grid;grid-template-rows:23px minmax(0,1fr) 32px}.lane-labels{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:0 8px}.lane-labels button{border:0;background:transparent;color:#555;font-size:12px;letter-spacing:.08em;cursor:pointer}.lane-labels button:not(:disabled):hover{text-decoration:underline 3px var(--blue)}.lane-labels button.attack-ready{color:var(--ink);border:2px dashed var(--ink);background:#fff0ef;transform:rotate(.5deg)}.lane-labels button.attack-ready:after{content:" ↟";color:#bd332d}.lane-labels button.selected{color:var(--ink);background:#ffd5d2;border:2px solid var(--ink);box-shadow:0 0 12px #ef7771;transform:rotate(-1deg)}.lane-labels button.declared{color:#a42b27;border:2px solid #c3312c;background:#ffe1de;box-shadow:0 0 11px #ef7771b8;font-weight:700}.board{position:relative;width:100%;height:100%;display:grid;grid-template:repeat(6,minmax(0,1fr)) / repeat(6,minmax(0,1fr));gap:5px;padding:6px;background:#fff;border:3px solid var(--ink);border-radius:5px 2px 6px 3px/3px 6px 2px 5px}.board.reaction-active{box-shadow:0 0 0 5px #ffe099}.board.defense-targeting{box-shadow:0 0 0 5px #9dd9ef,0 0 22px #5cb7da99}.board.attack-selecting{box-shadow:0 0 0 5px #ef777199}.board.callout-round{animation:board-round-pulse .8s ease-out}.board.callout-attack{animation:board-attack-pulse .8s ease-out}.board.callout-move{animation:board-move-pulse .7s ease-out}.board.resolution-stack,.board.resolution-stack_wait{box-shadow:0 0 0 5px #f3cf63}.board.resolution-combat_focus,.board.resolution-combat_clash,.board.resolution-combat_damage,.board.resolution-combat_aftermath,.board.resolution-combat_cleanup{box-shadow:0 0 0 6px #ef7771}.board.resolution-combat_clash{animation:combat-board-impact .82s ease-out}.board.resolution-combat_damage{animation:combat-damage-impact 1s ease-out}@keyframes board-round-pulse{35%{box-shadow:0 0 0 7px #f3cf63}}@keyframes board-attack-pulse{25%{box-shadow:0 0 0 8px #ef7771;transform:scale(1.008)}}@keyframes board-move-pulse{35%{box-shadow:0 0 0 7px #64c8df}}@keyframes combat-board-impact{32%{box-shadow:0 0 0 10px #ef7771;transform:scale(.988)}58%{box-shadow:0 0 0 7px #ef7771;transform:scale(1.005)}}@keyframes combat-damage-impact{18%{box-shadow:0 0 0 9px #ef7771}38%{box-shadow:0 0 0 5px #ef7771}}.site{--neutral-ground: url(/tile-art/neutral-ground-1.png);position:relative;min-width:0;border:2px solid var(--ink);border-radius:3px 5px 2px 6px/5px 2px 6px 3px;overflow:hidden;background-color:#fbf6e9;background-image:var(--neutral-ground);background-position:center;background-size:cover;cursor:pointer;transition:transform .12s,box-shadow .12s}.site:before{content:"";position:absolute;z-index:0;inset:0;background:#fff3;pointer-events:none}.site:nth-child(4n+2){--neutral-ground: url(/tile-art/neutral-ground-2.png)}.site:nth-child(4n+3){--neutral-ground: url(/tile-art/neutral-ground-3.png)}.site:nth-child(4n+4){--neutral-ground: url(/tile-art/neutral-ground-4.png)}.site:nth-child(3n+1){transform:rotate(-.25deg)}.site:nth-child(3n+2){transform:rotate(.2deg)}.site[data-occupant]{z-index:2;overflow:visible}.site:hover{z-index:3;transform:translateY(-2px) rotate(-.4deg);box-shadow:3px 4px #bbb}.site.resolving-lane{z-index:3;box-shadow:inset 0 0 0 3px #ef7771b8}.site.resolving-lane:before{background:#ffe1de3d}.site.attack-lane-option{box-shadow:inset 0 0 0 3px #ef77716b,0 0 8px #ef777159;cursor:crosshair}.site.attack-lane-option:hover{box-shadow:inset 0 0 0 5px #ef7771,0 0 15px #ef7771,3px 4px #bbb}.site.attack-lane-selected{z-index:4;box-shadow:inset 0 0 0 6px #ef7771,0 0 20px 5px #ef7771d1;animation:attack-lane-aura 1.1s ease-in-out infinite alternate}.site.attack-lane-selected:before{background:#ffe7e47a}.site.attack-lane-selected:after{content:"ATTACK";position:absolute;z-index:6;left:50%;top:50%;padding:2px 7px;border:2px dashed var(--ink);background:#fff0ef;font-size:11px;letter-spacing:.08em;transform:translate(-50%,-50%) rotate(-2deg)}@keyframes attack-lane-aura{to{box-shadow:inset 0 0 0 6px #ef7771,0 0 27px 8px #ef7771f5}}.site.declared-attack-lane:not(.attack-lane-selected){box-shadow:inset 0 0 0 4px #c3312c,0 0 12px #ef7771ad}.site.declared-attack-lane:not(.attack-lane-selected):before{background:#ffdeda61}.site.legal-option{box-shadow:inset 0 0 0 4px #c8f1d0}.site.deploy-target-source{box-shadow:inset 0 0 0 4px #78bd82,0 0 13px #78bd82b8}.site.defense-target-option{cursor:crosshair;box-shadow:inset 0 0 0 3px #44a4ca73,0 0 8px #44a4ca40}.site.defense-target-option:hover{box-shadow:inset 0 0 0 5px #2891ba,0 0 15px #65c5e6}.site.defense-target-option:after{content:"TARGET";position:absolute;z-index:6;right:5px;bottom:4px;padding:1px 4px;background:#dff7fc;border:1px solid var(--ink);font-size:9px;transform:rotate(2deg)}.site.legal-option:after{content:"PICK ME";position:absolute;z-index:6;right:5px;bottom:4px;padding:1px 4px;background:#e2f8e6;border:1px solid var(--ink);font-size:9px;transform:rotate(-3deg)}.site.move-option:after{content:"MOVE HERE"}.site.deploy-option{box-shadow:inset 0 0 0 5px #78bd82,0 0 13px #78bd82b8}.site.deploy-option:after{content:"DROP HERE";position:absolute;z-index:7;left:50%;top:50%;padding:3px 7px;border:2px dashed var(--ink);background:#e2f8e6;font-size:10px;transform:translate(-50%,-50%) rotate(-2deg)}.site.own-home{border-bottom-width:3px}.site.enemy-home{border-top-style:dashed}.site.neutral-zone{border-style:dashed}.frontline{position:absolute;z-index:5;left:4px;right:4px;top:50%;height:3px;background:var(--blue);transform:rotate(-.2deg);pointer-events:none}.frontline:after{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:var(--ink);transform:rotate(.5deg)}.frontline span{position:absolute;left:50%;top:-10px;transform:translate(-50%) rotate(-1deg);padding:2px 9px;background:#fff;color:var(--ink);border:1px solid var(--ink);font-size:9px;letter-spacing:.12em}.unit-card{position:absolute;z-index:2;inset:5px 12px 7px;border:2px solid var(--ink);border-radius:4px 7px 2px 5px/6px 2px 7px 3px;background:#f7f1e3;box-shadow:2px 3px 0 var(--ink);transform:rotate(-.7deg);transition:transform .15s,box-shadow .15s;pointer-events:none;overflow:visible}.site:nth-child(2n) .unit-card{transform:rotate(.7deg)}.site:hover .unit-card,.site.unit-selected .unit-card{transform:translateY(-3px) rotate(-1.2deg);box-shadow:4px 5px 0 var(--ink)}.unit-card.hostile{background:#fff7f6;outline:3px solid #e95d57;outline-offset:1px}.unit-card.friendly{background:#f7fdff;outline:3px solid #2daed5;outline-offset:1px}.unit-card.structure{border-style:double;border-width:4px}.move-intent{position:absolute;z-index:8;left:50%;bottom:5px;padding:2px 7px;border:2px solid var(--ink);background:#d9f4fb;box-shadow:2px 2px 0 var(--ink);font-size:9px;letter-spacing:.06em;white-space:nowrap;pointer-events:none;transform:translate(-50%) rotate(-2deg)}.unit-card.combat-participant{z-index:12;box-shadow:5px 7px 0 var(--ink)}.unit-card.combat-clash.friendly{animation:combat-lunge-friendly .82s cubic-bezier(.2,.9,.3,1) both}.unit-card.combat-clash.hostile{animation:combat-lunge-hostile .82s cubic-bezier(.2,.9,.3,1) both}.unit-card.combat-damage{animation:combat-damage-card 1s ease-out both}.unit-card.combat-aftermath{animation:combat-settle .72s ease-out both}.unit-card.combat-attacker:before,.unit-card.combat-defender:before{position:absolute;z-index:10;left:50%;top:4px;padding:1px 5px;border:1px solid var(--ink);background:#fff;font-size:9px;transform:translate(-50%) rotate(-2deg)}.unit-card.combat-attacker:before{content:"ATTACKER";background:#ffe1de}.unit-card.combat-defender:before{content:"DEFENDER";background:#fff0b9}@keyframes combat-focus{0%{transform:scale(1) rotate(-.7deg)}62%{transform:translateY(-3px) scale(1.17) rotate(1.5deg);box-shadow:8px 10px 0 var(--ink),0 0 18px #f3cf63}to{transform:translateY(-2px) scale(1.13) rotate(-1deg);box-shadow:6px 8px 0 var(--ink),0 0 14px #f3cf63}}@keyframes combat-lunge-friendly{0%{transform:translateY(-2px) scale(1.13) rotate(-1deg)}36%{transform:translateY(-34%) scale(1.2) rotate(4deg)}55%{transform:translateY(-28%) scale(1.12) rotate(-5deg);filter:saturate(1.3)}78%{transform:translateY(-4px) scale(1.04) rotate(2deg)}to{transform:translateY(0) scale(1) rotate(-.7deg)}}@keyframes combat-lunge-hostile{0%{transform:translateY(-2px) scale(1.13) rotate(1deg)}36%{transform:translateY(34%) scale(1.2) rotate(-4deg)}55%{transform:translateY(28%) scale(1.12) rotate(5deg);filter:saturate(1.3)}78%{transform:translateY(4px) scale(1.04) rotate(-2deg)}to{transform:translateY(0) scale(1) rotate(.7deg)}}@keyframes combat-damage-card{0%,16%{transform:scale(1) rotate(-.7deg)}25%{transform:translate(-7px) scale(1.05) rotate(-4deg);background:#ffd8d5}33%{transform:translate(7px) scale(1.05) rotate(4deg)}42%{transform:translate(-4px) rotate(-2deg)}58%,to{transform:scale(1) rotate(-.7deg)}}@keyframes combat-settle{30%{transform:translateY(-5px) scale(1.07) rotate(2deg);box-shadow:4px 7px 0 var(--green)}}.unit-card.fx-summon{animation:unit-summon .52s cubic-bezier(.2,1.4,.4,1)}.unit-card.fx-move.move-from-left{animation:unit-move-left .48s cubic-bezier(.2,.9,.3,1)}.unit-card.fx-move.move-from-right{animation:unit-move-right .48s cubic-bezier(.2,.9,.3,1)}.unit-card.fx-move.move-from-above{animation:unit-move-above .48s cubic-bezier(.2,.9,.3,1)}.unit-card.fx-move.move-from-below{animation:unit-move-below .48s cubic-bezier(.2,.9,.3,1)}.unit-card.fx-buff{animation:unit-buff .55s ease-out}.unit-card.fx-damage{animation:unit-damage .46s ease-out}.unit-card.fx-heal{animation:unit-heal .55s ease-out}.unit-card.combat-focus{animation:combat-focus .68s cubic-bezier(.18,.92,.28,1) both}.unit-card.combat-damage.fx-damage{animation:combat-damage-card 1s ease-out both}.unit-card.combat-aftermath.fx-heal{animation:combat-settle .72s ease-out both}.unit-card.fx-summon:after,.unit-card.fx-move:after,.unit-card.fx-buff:after,.unit-card.fx-damage:after,.unit-card.fx-heal:after{position:absolute;z-index:9;right:-8px;top:-13px;padding:1px 5px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-size:11px;transform:rotate(5deg);animation:fx-note .62s ease-out both}.unit-card.fx-summon:after{content:"poof!";background:#e8f8fc}.unit-card.fx-move:after{content:"zip!";background:#dff7fc}.unit-card.fx-buff:after{content:"+ buff!";background:#e3f7e8}.unit-card.fx-damage:after{content:"bonk!";background:#ffe1de}.unit-card.fx-heal:after{content:"ahh!";background:#e3f7e8}@keyframes unit-summon{0%{opacity:0;transform:scale(.55) rotate(-10deg)}65%{opacity:1;transform:scale(1.08) rotate(3deg)}to{transform:scale(1) rotate(-.7deg)}}@keyframes unit-move-left{0%{opacity:.18;transform:translate(-115%) scale(.82) rotate(-8deg)}68%{opacity:1;transform:translate(7%) scale(1.06) rotate(2deg)}}@keyframes unit-move-right{0%{opacity:.18;transform:translate(115%) scale(.82) rotate(8deg)}68%{opacity:1;transform:translate(-7%) scale(1.06) rotate(-2deg)}}@keyframes unit-move-above{0%{opacity:.18;transform:translateY(-125%) scale(.82) rotate(-6deg)}68%{opacity:1;transform:translateY(7%) scale(1.06) rotate(2deg)}}@keyframes unit-move-below{0%{opacity:.18;transform:translateY(125%) scale(.82) rotate(6deg)}68%{opacity:1;transform:translateY(-7%) scale(1.06) rotate(-2deg)}}@keyframes unit-buff{30%{transform:translateY(-7px) scale(1.08) rotate(2deg);background:#e8f8eb;box-shadow:4px 7px 0 var(--green)}}@keyframes unit-damage{18%,54%{transform:translate(-6px) rotate(-4deg);background:#ffd8d5}36%,72%{transform:translate(6px) rotate(4deg)}}@keyframes unit-heal{35%{transform:translateY(-5px) scale(1.05) rotate(-2deg);background:#e6f8ea;box-shadow:3px 5px 0 var(--green)}}@keyframes fx-note{0%{opacity:0;transform:translateY(8px) scale(.6) rotate(-8deg)}35%{opacity:1;transform:translateY(-4px) scale(1.08) rotate(5deg)}to{opacity:0;transform:translateY(-16px) scale(.9) rotate(2deg)}}.field-card-art{position:absolute;z-index:1;inset:0;display:grid;place-items:center}.field-card-art-square{height:100%;max-width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:2px solid var(--ink);border-radius:5px 7px 3px 6px;background:#0f0;color:#173c21;font-size:34px}.field-card-art img{width:100%;height:100%;display:block;object-fit:contain}.field-stat{position:absolute;z-index:5;bottom:-4px;width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50% 45% 52% 43%;background:#fff;font-size:18px;line-height:1;box-shadow:1px 2px 0 var(--ink)}.field-stat.power{left:0;bottom:0;background:var(--yellow);transform:translate(-50%,50%) rotate(-2deg)}.field-stat.mobility{top:50%;bottom:auto;left:0;width:34px;height:25px;border-radius:4px 6px 3px 5px;background:#d9f2fa;font-size:12px;transform:translate(-50%,-50%) rotate(-2deg)}.field-stat.health{right:0;bottom:0;background:#ffaaa5;transform:translate(50%,50%) rotate(2deg)}.field-stat.durability{left:50%;bottom:0;width:34px;border-radius:4px 7px 3px 5px;background:#e4c18c;transform:translate(-50%,50%) rotate(-2deg)}.field-stat.raised{color:#167431;background:#c9f2d3}.field-stat.lowered{color:#b32222;background:#ffd5d2}.field-effect-aura{position:absolute;z-index:1;inset:-7px;border:3px dashed #56ae6a;border-radius:10px 14px 8px 12px;box-shadow:0 0 14px 5px #5bbb6d8c,inset 0 0 12px #5bbb6d3d;animation:field-aura 1.8s ease-in-out infinite alternate;pointer-events:none}@keyframes field-aura{to{transform:rotate(2deg) scale(1.035);box-shadow:0 0 21px 8px #5bbb6dbd,inset 0 0 16px #5bbb6d52}}.field-effect-icons{position:absolute;z-index:6;top:0;left:50%;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:84px;transform:translate(-50%,-50%)}.field-effect-icons span{width:20px;height:20px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:3px 5px 2px 4px;background:#fffdf2;box-shadow:1px 1px 0 var(--ink);transform:rotate(45deg)}.field-effect-icons i{display:block;font-size:11px;line-height:1;font-style:normal;transform:rotate(-45deg)}.combat-floating-number{position:absolute;z-index:24;left:50%;top:42%;min-width:48px;padding:3px 7px;border:3px solid var(--ink);border-radius:50%;background:#fff;color:#c32620;box-shadow:3px 4px 0 var(--ink);font-size:24px;font-weight:800;line-height:1;text-align:center;transform:translate(-50%,-50%) rotate(-6deg);animation:combat-number-float .9s .14s cubic-bezier(.2,.9,.3,1) both}.combat-floating-number.lethal{color:#fff;background:#d8332c;font-size:19px}.combat-floating-number.recovery{color:#14712d;background:#d9f4df;animation-name:combat-recovery-float}@keyframes combat-number-float{0%{opacity:0;transform:translate(-50%,20%) scale(.3) rotate(-12deg)}28%{opacity:1;transform:translate(-50%,-55%) scale(1.24) rotate(5deg)}62%{opacity:1;transform:translate(-50%,-76%) scale(1) rotate(-4deg)}to{opacity:0;transform:translate(-50%,-140%) scale(.86) rotate(3deg)}}@keyframes combat-recovery-float{0%{opacity:0;transform:translate(-50%,10%) scale(.4) rotate(8deg)}32%{opacity:1;transform:translate(-50%,-64%) scale(1.2) rotate(-5deg)}70%{opacity:1;transform:translate(-50%,-88%) scale(1) rotate(2deg)}to{opacity:0;transform:translate(-50%,-140%) scale(.85) rotate(-2deg)}}.site.planned{box-shadow:inset 0 0 0 4px #ffe28b}.move-ghost{position:absolute;z-index:4;inset:0;display:grid;place-items:center;color:#9a6710;font-size:38px;background:#ffeeb599}.ghost-blocker{position:absolute;z-index:7;inset:14px;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:4px;padding:5px;border:2px dashed #777;border-radius:7px 3px 8px 4px;background:#ffffffd6;color:#666;pointer-events:none;transform:rotate(-1deg)}.ghost-blocker span{display:grid;place-items:center;width:26px;height:26px;border:2px solid #777;border-radius:50%;font-size:14px}.ghost-blocker strong{font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:.08em}.death-ghost{position:absolute;z-index:18;inset:5px 12px 7px;display:grid;place-items:center;pointer-events:none;animation:unit-death .95s ease-in both}.death-ghost-art{width:min(100%,88px);aspect-ratio:1;overflow:hidden;border:2px solid var(--ink);border-radius:5px;background:#fff}.death-ghost-art img{width:100%;height:100%;object-fit:contain}.death-ghost-art span{height:100%;display:grid;place-items:center;font-size:30px}.death-ghost>strong{position:absolute;z-index:4;left:50%;top:42%;padding:3px 7px;border:2px solid var(--ink);background:#ffe1de;box-shadow:2px 2px 0 var(--ink);font-size:15px;transform:translate(-50%,-50%) rotate(-7deg)}.death-ghost .smoke-puff{position:absolute;z-index:3;width:46px;height:37px;border:3px solid var(--ink);border-radius:50%;background:#fff}.death-ghost .puff-one{left:5%;top:34%}.death-ghost .puff-two{right:2%;top:22%;width:55px;height:45px}.death-ghost .puff-three{left:34%;bottom:5%;width:62px;height:48px}@keyframes unit-death{0%{opacity:1;transform:scale(1) rotate(0);filter:none}28%{opacity:1;transform:scale(1.08) rotate(-7deg);filter:grayscale(.5)}52%{opacity:1;transform:scale(.72) rotate(9deg);filter:grayscale(1)}to{opacity:0;transform:translateY(-20px) scale(.25) rotate(-16deg);filter:grayscale(1)}}.battle-status{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.battle-status p{margin:0;color:#555;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-pill{padding:4px 8px;color:var(--ink);background:#dff7fc;border:2px solid var(--ink);font-size:10px;letter-spacing:.08em;transform:rotate(-1deg)}.phase-pill.reaction{background:#fff0b9}.phase-pill.resolving_stack{background:#ffe099}.phase-pill.resolving_combat{background:#ffd1ce}.stack-panel{position:relative;z-index:55;width:154px;max-height:min(100%,510px);padding:6px;display:flex;flex-direction:column;align-self:center;gap:7px;overflow-y:auto;border:2px dashed var(--ink);border-radius:7px 3px 6px 4px;background:#ffffffd1;box-shadow:3px 4px #23232338}.stack-panel>header{display:flex;flex-direction:column;gap:1px;padding:2px 3px 5px;border-bottom:2px solid var(--ink)}.stack-panel>header span{font-size:15px;line-height:1;letter-spacing:.12em}.stack-panel>header small{color:#666;font-size:7px;letter-spacing:.1em}.stack-panel>p{margin:8px 2px;color:#999;font-size:11px;font-style:italic;line-height:1.2}.stack-panel.empty{opacity:.42;min-height:88px}.stack-effect{position:relative;min-height:80px;padding:17px 7px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;overflow:hidden;border:2px solid var(--ink);border-radius:3px 6px 2px 5px;background:#fff;box-shadow:2px 3px 0 var(--ink);color:var(--ink);text-align:left;cursor:crosshair;transform:rotate(.8deg);transition:transform .12s,box-shadow .12s,background .12s}.stack-effect:nth-child(odd){transform:rotate(-.7deg)}.stack-effect:hover,.stack-effect:focus-visible,.stack-effect.inspecting{z-index:2;background:#e5f9ff;box-shadow:4px 5px 0 var(--ink),0 0 14px #2daed5b8;outline:0;transform:translate(5px) rotate(-1deg)}.stack-effect.stack-top{background:#fff0b9;border-width:3px}.stack-effect.resolving{z-index:3;background:#ffe58b;box-shadow:5px 6px 0 var(--ink),0 0 18px #f3cf63;animation:stack-card-resolving .78s ease-in-out both}@keyframes stack-card-resolving{45%{transform:translate(10px) scale(1.06) rotate(2deg)}}.stack-order{position:absolute;top:4px;left:5px;color:#a42b27;font-size:8px;letter-spacing:.09em}.stack-effect strong{width:100%;overflow:hidden;font-size:11px;line-height:1;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.stack-effect em{display:-webkit-box;overflow:hidden;color:#555;font-size:8px;font-style:normal;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}.stack-effect small{width:100%;overflow:hidden;padding-top:3px;border-top:1px dashed #888;color:#147e96;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.stack-target-line{position:absolute;z-index:50;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.stack-target-line path{fill:none;stroke:#2daed5;stroke-width:3;stroke-dasharray:7 5;animation:stack-line-flow .7s linear infinite}.stack-target-line circle{fill:#dff7fc;stroke:#147e96;stroke-width:3;animation:stack-target-pulse .8s ease-in-out infinite alternate}@keyframes stack-line-flow{to{stroke-dashoffset:-24}}@keyframes stack-target-pulse{to{r:14px;opacity:.72}}.site.stack-targeted{z-index:20;box-shadow:inset 0 0 0 5px #2daed5,0 0 18px 5px #2daed5d9;animation:stack-site-glow .8s ease-in-out infinite alternate}.site.stack-targeted:before{background:#dbf7ff7a}@keyframes stack-site-glow{to{box-shadow:inset 0 0 0 6px #147e96,0 0 25px 8px #2daed5fa}}.combat-smoke,.commander-damage{position:absolute;z-index:28;left:var(--combat-lane-left);top:50%;width:92px;height:74px;pointer-events:none;transform:translate(-50%,-50%)}.combat-smoke i{position:absolute;display:block;width:48px;height:42px;border:3px solid var(--ink);border-radius:50%;background:#fff;animation:smoke-burst .82s cubic-bezier(.12,.78,.24,1) both}.combat-smoke i:nth-child(1){left:4px;top:17px}.combat-smoke i:nth-child(2){right:2px;top:10px;width:54px;height:48px;animation-delay:.04s}.combat-smoke i:nth-child(3){left:25px;bottom:1px;width:58px;height:43px;animation-delay:.08s}.combat-smoke i:nth-child(4){left:27px;top:0;width:45px;height:39px;animation-delay:.02s}.combat-smoke strong{position:absolute;z-index:2;left:50%;top:49%;padding:3px 7px;border:2px solid var(--ink);background:#fff0b9;box-shadow:2px 2px 0 var(--ink);font-size:15px;transform:translate(-50%,-50%) rotate(-7deg);animation:wham-pop .82s ease-out both}@keyframes smoke-burst{0%{opacity:0;transform:scale(.15) rotate(-12deg)}35%{opacity:1;transform:scale(1.12) rotate(4deg)}75%{opacity:.92;transform:scale(1) rotate(-2deg)}to{opacity:0;transform:scale(1.3) rotate(7deg)}}@keyframes wham-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-15deg)}35%,72%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(5deg)}to{opacity:0;transform:translate(-50%,-60%) scale(.82) rotate(-8deg)}}.commander-damage{top:20%;width:auto;height:auto;padding:4px 10px;border:3px solid var(--ink);border-radius:50%;background:#d8332c;color:#fff;box-shadow:4px 5px 0 var(--ink);font-size:18px;font-weight:800;white-space:nowrap;animation:commander-damage-pop .95s .14s ease-out both}@keyframes commander-damage-pop{0%{opacity:0;transform:translate(-50%,20%) scale(.4) rotate(-8deg)}32%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(4deg)}72%{opacity:1;transform:translate(-50%,-62%) scale(1) rotate(-2deg)}to{opacity:0;transform:translate(-50%,-120%) scale(.84) rotate(3deg)}}.resolution-banner{position:absolute;z-index:30;left:50%;top:8px;min-width:180px;padding:5px 12px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:4px 7px 3px 6px;background:#fff;box-shadow:5px 6px 0 var(--ink);pointer-events:none;transform:translate(-50%) rotate(-1deg);animation:resolution-pop .24s ease-out both}.resolution-banner.stack,.resolution-banner.stack_wait,.resolution-banner.stack_result{background:#fff0b9}.resolution-banner.stack{animation-duration:.78s}.resolution-banner.combat_clash,.resolution-banner.combat_focus,.resolution-banner.combat_damage,.resolution-banner.combat_aftermath,.resolution-banner.combat_cleanup{background:#ffe1de}.resolution-banner>span{color:#666;font-size:9px;letter-spacing:.13em}.resolution-banner>strong{font-size:16px;text-align:center}@keyframes resolution-pop{0%{opacity:0;transform:translate(-50%,-8px) scale(.82) rotate(-4deg)}}.action-callout{position:fixed;z-index:60;left:50%;top:43%;min-width:250px;padding:16px 30px 13px;display:flex;flex-direction:column;align-items:center;pointer-events:none;isolation:isolate;animation:action-callout 1.65s cubic-bezier(.2,.9,.25,1) both}.action-callout:before{content:"";position:absolute;z-index:-1;inset:0;border:3px solid var(--ink);border-radius:5px 2px 7px 3px/3px 7px 2px 6px;background:#fff;box-shadow:6px 7px 0 var(--ink);transform:rotate(-1deg)}.action-callout span{color:#555;font-size:12px;letter-spacing:.16em}.action-callout strong{font-size:54px;line-height:.92;letter-spacing:.03em}.action-callout.round strong{text-decoration:underline 6px #f3cf63;text-underline-offset:5px}.action-callout.attack strong{color:#b72f2a;text-decoration:underline 6px #ef7771;text-underline-offset:5px}.action-callout.move strong{color:#147e96;text-decoration:underline 6px #64c8df;text-underline-offset:5px}@keyframes action-callout{0%{opacity:0;transform:translate(-50%,-35%) scale(.62) rotate(-5deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(2deg)}28%{transform:translate(-50%,-50%) scale(1) rotate(-.5deg)}72%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-.5deg)}to{opacity:0;transform:translate(-50%,-68%) scale(.9) rotate(2deg)}}.command-deck{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;max-width:1100px;width:100%;margin:0 auto;padding:7px 9px;overflow:hidden}.command-deck.attack-confirming{grid-template-columns:1fr;padding:12px;border-color:#c33d37;background:#fff7f6}.hand{display:flex;align-items:stretch;gap:9px;overflow-x:auto;padding:5px 3px 7px}.hand.dragging-unit{background:#f0faf2;box-shadow:inset 0 0 0 3px #78bd82}.hand-card{position:relative;flex:0 0 132px;height:206px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;transform:rotate(-.5deg);transition:transform .12s}.hand-card:nth-child(2n){transform:rotate(.6deg)}.hand-card:hover:not(:disabled),.hand-card.selected{z-index:4;transform:translateY(-6px) rotate(-1deg)}.hand-card:hover:not(:disabled) .card-template,.hand-card.selected .card-template{box-shadow:4px 6px 0 var(--ink)}.hand-card:disabled{opacity:.35;cursor:default}.hand-card.drag-deploy:not(:disabled){cursor:grab}.hand-card.drag-deploy:not(:disabled):active{cursor:grabbing}.drag-hint{position:absolute;z-index:8;left:50%;bottom:5px;padding:2px 7px;border:1.5px solid var(--ink);background:#e2f8e6;box-shadow:1px 2px 0 var(--ink);font-size:8px;letter-spacing:.08em;white-space:nowrap;pointer-events:none;transform:translate(-50%) rotate(-2deg)}.attack-confirmation{min-height:188px;display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(220px,1fr) minmax(180px,.75fr);align-items:stretch;gap:14px}.attack-confirmation-copy{padding:16px 22px;display:flex;flex-direction:column;justify-content:center;border:3px dashed var(--ink);background:#fff;transform:rotate(-.4deg)}.attack-confirmation-copy span{color:#b72f2a;font-size:13px;letter-spacing:.13em}.attack-confirmation-copy strong{margin:5px 0;font-size:30px;line-height:1;text-transform:uppercase}.attack-confirmation-copy small{color:#555;font-size:13px}.attack-confirm-button,.attack-cancel-button{border:3px solid var(--ink);border-radius:6px 3px 8px 4px;box-shadow:5px 6px 0 var(--ink);cursor:pointer;font-size:26px;text-transform:uppercase;transition:transform .12s,box-shadow .12s}.attack-confirm-button{background:#ef7771;transform:rotate(.5deg)}.attack-cancel-button{background:#fff;transform:rotate(-.5deg)}.attack-confirm-button:hover:not(:disabled),.attack-cancel-button:hover{transform:translate(-2px,-2px) rotate(0);box-shadow:7px 8px 0 var(--ink)}.attack-confirm-button:disabled{opacity:.3;filter:grayscale(1);cursor:default}.card-template{--type-color: #89cae8;position:relative;width:100%;height:100%;display:grid;grid-template-columns:29px minmax(0,1fr);overflow:hidden;border:2px solid var(--ink);border-radius:5px 3px 7px 2px/3px 7px 2px 6px;background:#fff;box-shadow:2px 3px 0 var(--ink)}.card-template.type-structure{--type-color: #b88b59;border-style:double;border-width:4px}.card-template.type-reaction{--type-color: #ef7771;border-style:dashed}.template-spine{position:relative;grid-column:1;display:flex;flex-direction:column;align-items:center;padding:39px 2px 5px;border-right:2px solid var(--ink);background:var(--type-color)}.type-structure .template-spine{border-right-style:double;border-right-width:4px}.type-reaction .template-spine{border-right-style:dashed}.template-type-icon{font-size:18px;line-height:1}.template-type-name{margin-top:7px;writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase;letter-spacing:.12em;font-size:10px;line-height:1}.template-cost{position:absolute;z-index:4;left:4px;top:4px;width:36px;height:36px;display:grid;place-content:center;border:2px solid var(--ink);border-radius:50% 46% 53% 44%;background:#fff;text-align:center;line-height:.8;box-shadow:1px 2px 0 var(--ink)}.template-cost small{font-size:6px;text-transform:uppercase}.template-cost strong{font-size:18px}.template-body{min-width:0;min-height:0;display:grid;grid-template-rows:29px auto minmax(43px,1fr) 25px;gap:4px;overflow:hidden;padding:5px 5px 5px 6px}.template-body>header{min-width:0;padding-left:7px;border-bottom:2px solid var(--ink)}.template-body>header strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:16px;text-transform:uppercase}.template-body>header small{display:block;color:#666;font-size:7px;line-height:8px;text-transform:uppercase;letter-spacing:.08em}.template-art{min-width:0;min-height:0;aspect-ratio:1;overflow:hidden;border:2px solid var(--ink);background:#0f0}.template-art img{width:100%;height:100%;display:block;object-fit:contain}.template-rules{min-width:0;margin:0;padding:4px 5px;overflow:hidden;border:1.5px solid var(--ink);border-radius:2px 4px 3px 5px;color:#333;background:#fff;font-size:9px;line-height:1.12}.template-body>footer{position:relative;display:flex;align-items:center;justify-content:space-between;min-width:0}.template-stat{min-width:0;flex:1;height:25px;display:flex;align-items:center;justify-content:center;gap:3px;border:1.5px solid var(--ink);border-radius:50% 45% 52% 43%;background:#fff;line-height:1}.template-stat small{font-size:6px;text-transform:uppercase}.template-stat strong{font-size:15px}.template-stat.attack{background:#ffedaa}.template-stat.mobility{background:#d9f2fa}.template-stat.health{background:#ffd5d2}.template-stat.durability{width:100%;border-radius:3px 6px 2px 5px;background:#ead4b6}.template-footer-mark{width:100%;color:#555;font-size:9px;text-align:center;text-transform:uppercase;letter-spacing:.08em}.reaction-mark:before{content:"ϟ ";color:#c3312c;font-size:17px;vertical-align:middle}.card-template.variant-inspect{height:405px;grid-template-columns:44px minmax(0,1fr)}.variant-inspect .template-spine{padding-top:56px}.variant-inspect .template-type-icon{font-size:25px}.variant-inspect .template-type-name{font-size:14px}.variant-inspect .template-cost{width:49px;height:49px}.variant-inspect .template-cost small{font-size:8px}.variant-inspect .template-cost strong{font-size:25px}.variant-inspect .template-body{grid-template-rows:42px auto minmax(72px,1fr) 40px;gap:6px;padding:7px 8px}.variant-inspect .template-body>header strong{font-size:19px;line-height:24px}.variant-inspect .template-body>header small{font-size:9px}.variant-inspect .template-rules{padding:8px;font-size:14px;line-height:1.18}.variant-inspect .template-stat{min-width:0;height:38px}.variant-inspect .template-stat small{font-size:9px}.variant-inspect .template-stat strong{font-size:23px}.variant-inspect .template-footer-mark{font-size:13px}.card-inspector{position:fixed;z-index:30;top:76px;right:18px;width:326px;max-height:calc(100dvh - 94px);padding:7px;border:2px solid var(--ink);background:#fff;box-shadow:5px 6px 0 var(--ink);pointer-events:none;transform:rotate(.4deg);animation:inspector-in .14s ease-out;overflow-y:auto}.card-inspector>span{display:block;margin:0 0 5px 3px;color:#555;font-size:10px;letter-spacing:.12em}@keyframes inspector-in{0%{opacity:0;transform:translate(12px) rotate(2deg)}}.empty-site-preview{min-height:106px;padding:19px 12px;display:grid;place-items:center;border:2px dashed var(--ink);background:#fbf6e9;text-align:center;font-size:20px;letter-spacing:.08em}.empty-site-preview small{margin-top:5px;color:#666;font-size:12px;letter-spacing:0}.site-effects{margin-top:8px;padding-top:7px;border-top:2px dashed var(--ink)}.site-effects>span{display:block;margin-bottom:5px;color:#555;font-size:10px;letter-spacing:.1em}.site-effects>p{margin:0;padding:6px 7px;border:1.5px dashed #999;color:#666;font-size:12px;line-height:1.15}.site-effects>div{min-height:36px;margin-top:5px;padding:4px 5px;display:grid;grid-template-columns:28px 1fr;gap:5px;border:1.5px solid var(--ink);background:#fff}.site-effects>div.boon{background:#ecfaef}.site-effects>div.danger{background:#fff0ee}.site-effects b{align-self:center;display:grid;width:25px;height:25px;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:#fff;font-size:15px}.site-effects p{min-width:0;margin:0;line-height:1}.site-effects strong,.site-effects small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-effects strong{font-size:12px}.site-effects small{margin-top:3px;color:#555;font-size:10px}.card-spotlight-backdrop{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:24px;background:#1e1e1e6b}.card-spotlight{position:relative;width:min(760px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:18px;display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:22px;overflow-y:auto;border:3px solid var(--ink);border-radius:7px 3px 9px 5px;background:#fff;box-shadow:10px 12px 0 var(--ink);transform:rotate(-.35deg)}.card-spotlight.solo{width:min(400px,calc(100vw - 48px));grid-template-columns:minmax(0,360px)}.spotlight-main-card>span,.related-tokens>span{display:block;margin-bottom:7px;color:#555;font-size:11px;letter-spacing:.1em}.spotlight-main-card .variant-inspect{height:492px}.related-tokens{min-width:0;padding:8px 0 8px 16px;border-left:2px dashed var(--ink)}.related-tokens>div{width:138px;height:216px;margin:0 7px 10px 0;display:inline-block;vertical-align:top}.spotlight-close{position:absolute;z-index:2;top:6px;right:7px;width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;background:#ffe1de;box-shadow:2px 2px 0 var(--ink);cursor:pointer;font-size:24px;line-height:1}.spotlight-close:hover{transform:rotate(8deg)}.action-panel{min-height:0;border-left:2px dashed var(--ink);padding-left:10px;display:flex;flex-direction:column;gap:6px}.priority-copy{margin-bottom:auto}.priority-copy span,.priority-copy strong{display:block}.priority-copy span{color:#147e96;font-size:11px;letter-spacing:.08em}.priority-opponent .priority-copy span{color:#b72f2a}.priority-copy strong{margin-top:3px;color:#444;font-size:13px}.action-button{min-height:32px;border:2px solid var(--ink);border-radius:3px 6px 2px 5px;background:#fff;box-shadow:2px 2px 0 var(--ink);cursor:pointer;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.action-button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 4px 0 var(--ink)}.action-button:disabled{opacity:.35;cursor:default}.action-button.attack{background:#ffd1ce}.action-button.attack-toggle{background:#fff0ef}.action-button.pass{background:#fff}@media(prefers-reduced-motion:reduce){.unit-card.fx-summon,.unit-card.fx-move,.unit-card.fx-buff,.unit-card.fx-damage,.unit-card.fx-heal,.unit-card.fx-summon:after,.unit-card.fx-move:after,.unit-card.fx-buff:after,.unit-card.fx-damage:after,.unit-card.fx-heal:after,.unit-card.combat-participant,.combat-smoke i,.combat-smoke strong,.combat-floating-number,.commander-damage,.stack-effect.resolving,.death-ghost,.resolution-banner,.action-callout,.board.callout-round,.board.callout-attack,.board.callout-move,.board.resolution-combat_clash,.board.resolution-combat_damage,.game-shell.priority-mine:after,.game-shell.priority-opponent:after,.attack-token.ready,.site.attack-lane-selected{animation:none}}@media(max-width:900px){.lobby-hero{grid-template-columns:1fr;padding:55px 0}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.feature-strip{justify-content:center}.game-shell{min-width:780px}.battle-layout{grid-template-columns:128px 72px minmax(0,1fr) 72px;gap:7px}.stack-panel{width:128px;padding:4px}.attack-confirmation{grid-template-columns:1fr 1fr}.attack-confirmation-copy{grid-column:1 / -1;padding:10px 16px}}@media(max-height:760px)and (min-width:901px){.lobby-screen{padding-block:18px}.hero-copy h1{font-size:clamp(50px,6vw,76px)}.lobby-card{padding:20px}.deck-fieldset{padding:12px 0}.deck-picker button{min-height:96px}}