:root{--ink: #171512;--paper: #EFE8DA;--verm: #DE4620;--blood: #8F2410;--smoke: #8C8880;--bone: #F6F1E7}*{margin:0;padding:0;box-sizing:border-box}.hidden{display:none!important}body{background:var(--paper);color:var(--ink);font-family:IBM Plex Sans,sans-serif;overflow-x:hidden}.display{font-family:Unbounded,sans-serif}.screen{min-height:100vh;position:relative;padding:40px clamp(16px,5vw,72px) 80px}.menu.screen,.setup.screen,.board-screen.screen{max-width:920px}.screen-label{position:absolute;top:18px;right:22px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--smoke)}.slash{height:10px;border:none;background:var(--ink);width:180px;transform:rotate(-2deg);margin:18px 0 26px;filter:url(#brush)}.slash.red{background:var(--verm)}.kicker{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--blood)}h1.title{font-size:clamp(40px,8vw,84px);font-weight:800;line-height:.95;text-transform:uppercase}.title-sm{font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1;text-transform:uppercase}h1.title .red{color:var(--verm)}.subtitle{max-width:640px;margin-top:14px;font-size:15px;line-height:1.6;color:#3c3833}.menu-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}.btn{font-family:Unbounded;font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:13px 24px;border:none;cursor:pointer;background:var(--ink);color:var(--bone);clip-path:polygon(2% 8%,98% 0%,100% 86%,96% 100%,1% 94%);filter:url(#brushSoft);transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.btn:hover:not(:disabled){transform:translateY(-3px) rotate(-1.2deg)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{background:var(--verm)}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink);filter:none}.btn.small{font-size:11px;padding:10px 16px}.setup-block{margin-top:30px}.block-label{font-family:Unbounded;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--blood);margin-bottom:14px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.preset-card{background:var(--bone);padding:12px;cursor:pointer;clip-path:polygon(1% 3%,99% 0%,100% 97%,0% 100%);filter:url(#brush);box-shadow:inset 0 0 0 2px transparent;transition:transform .15s}.preset-card:hover{transform:translateY(-2px)}.preset-card.selected{box-shadow:inset 0 0 0 3px var(--verm)}.preset-card .mini-board{width:100%;aspect-ratio:1;margin-bottom:8px}.preset-card .preset-name{font-family:Unbounded;font-size:12px;text-transform:uppercase}.preset-card .preset-desc{font-size:10.5px;color:var(--smoke);margin-top:4px;line-height:1.4}.bot-level-grid{display:flex;gap:12px;flex-wrap:wrap}.bot-level-card{padding:14px 20px;background:var(--bone);cursor:pointer;clip-path:polygon(2% 6%,98% 0%,100% 92%,0% 100%);filter:url(#brush);box-shadow:inset 0 0 0 2px transparent;font-family:Unbounded;font-size:13px;text-transform:uppercase}.bot-level-card.selected{box-shadow:inset 0 0 0 3px var(--verm)}.bot-level-card.disabled{opacity:.4;cursor:default}.bot-level-card small{display:block;font-family:IBM Plex Sans;font-size:10px;text-transform:none;color:var(--smoke);margin-top:4px}.setup-footer{margin-top:40px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.readiness{font-size:13px;color:var(--blood)}.readiness strong{font-family:Unbounded}.battle{background:var(--verm);display:flex;flex-direction:column;gap:14px;padding-top:28px}.arena{display:grid;grid-template-columns:minmax(0,640px) 240px;gap:26px;justify-content:center;align-items:start;position:relative;z-index:1}.stage{display:flex;flex-direction:column;gap:12px}.panel{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--bone);padding:12px 16px;clip-path:polygon(.8% 6%,99.4% 0%,100% 92%,.4% 100%);filter:url(#brushSoft)}.panel.enemy{transform:rotate(-.5deg)}.panel.you{transform:rotate(.5deg)}.who{display:flex;align-items:center;gap:10px;min-width:140px}.ava{width:40px;height:40px;background:var(--ink);flex:none;position:relative;clip-path:polygon(18% 6%,82% 2%,98% 40%,84% 96%,14% 92%,2% 44%)}.ava:after{content:"";position:absolute;top:32%;right:34%;bottom:40%;left:34%;background:var(--verm)}.ava.red{background:var(--verm)}.ava.red:after{background:var(--bone)}.who .name{font-family:Unbounded;font-size:12px;text-transform:uppercase;line-height:1.2}.who .sub{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--blood)}.stat{display:flex;flex-direction:column;gap:4px}.stat .cap{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--smoke)}.pips{display:flex;gap:5px}.pip{width:12px;height:12px;background:var(--verm);transform:rotate(45deg) skew(6deg,4deg)}.pips.ink .pip{background:var(--ink)}.pip.spent{background:transparent;box-shadow:inset 0 0 0 2px currentColor;opacity:.4}.clock{font-family:Unbounded;font-weight:800;font-size:17px;line-height:1}.clock.hot{color:var(--verm)}.clock.critical{color:var(--verm);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.4}}.karma-slot{display:flex;align-items:center;gap:10px;margin-left:auto}.karma-card{width:46px;height:64px;flex:none;filter:url(#brushSoft) drop-shadow(3px 4px 0 rgba(23,21,18,.35));clip-path:polygon(3% 2%,97% 0%,100% 97%,1% 100%);cursor:pointer;transition:transform .15s}.karma-card:hover{transform:scale(1.7) rotate(-2deg);z-index:20;position:relative}.karma-card svg{width:100%;height:100%;display:block}.karma-card.empty{background:repeating-linear-gradient(-45deg,var(--paper),var(--paper) 6px,#e0d8c6 6px,#e0d8c6 12px);display:flex;align-items:center;justify-content:center;font-size:7.5px;text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--smoke);cursor:default}.karma-card.empty:hover{transform:none}.karma-card.filled{background:var(--ink);color:var(--bone);font-size:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:3px}.karma-meter{display:flex;gap:3px}.karma-meter i{width:5px;height:16px;background:var(--smoke);opacity:.35;transform:rotate(8deg);display:block}.karma-meter i.on{background:var(--verm);opacity:1}.board-wrap{position:relative;align-self:center;width:100%;max-width:560px}.board-frame{background:var(--bone);padding:10px;clip-path:polygon(.6% .8%,99.6% .2%,99.9% 99.2%,.2% 99.8%);filter:url(#brushSoft) drop-shadow(8px 10px 0 rgba(23,21,18,.45))}#board{width:100%;display:block}.side{display:flex;flex-direction:column;gap:14px}.actions{display:flex;flex-direction:column;gap:10px}.log{font-size:12px;line-height:1.55;color:var(--bone);max-height:320px;overflow-y:auto}.log li{list-style:none;border-left:3px solid var(--ink);padding-left:9px;margin-bottom:7px;filter:url(#brush)}.log b{color:var(--ink)}.log li.event-attack{border-left-color:var(--ink);background:#17151214}.log li.event-promotion{border-left-color:var(--bone)}.log li.event-game_over{border-left-color:var(--ink);font-weight:700;background:#17151226}.legend{font-size:10px;color:var(--bone);opacity:.85;line-height:1.6;margin-top:2px}.legend i{display:inline-block;width:10px;height:10px;margin-right:5px;vertical-align:-1px}@media (max-width: 960px){.arena{grid-template-columns:minmax(0,1fr)}.side{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.actions{flex-direction:row}}.cell{filter:url(#brush)}.cell-label{font-size:7px;fill:#17151259;font-family:IBM Plex Sans;pointer-events:none}.reach-marker{cursor:pointer}.reach-marker--move{fill:var(--bone);opacity:.85}.reach-marker--attack{fill:var(--blood);opacity:.8}.barrier-cell{fill:none;stroke:var(--ink);stroke-width:2}.piece{cursor:pointer}.piece--a{fill:var(--verm);stroke:var(--blood)}.piece--b{fill:var(--ink);stroke:#000}.piece--selected{filter:drop-shadow(0 0 0 3px var(--ink));stroke:var(--ink);stroke-width:4}.board-screen{background:var(--ink);color:var(--bone);min-height:100vh}.board-screen .title-sm span{color:var(--verm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17151299;display:flex;align-items:center;justify-content:center;z-index:200}.modal-card{background:var(--paper);color:var(--ink);padding:28px;width:340px;max-width:90vw;max-height:85vh;overflow-y:auto;position:relative;clip-path:polygon(1% 2%,99% 0%,100% 98%,0% 100%);filter:url(#brushSoft)}.modal-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--smoke);line-height:1}.modal-close:hover{color:var(--ink)}.card-modal-art{width:100%;aspect-ratio:5/7;max-width:160px;margin:0 auto 16px}.card-modal-art svg{width:100%;height:100%}#cardModalName{text-transform:uppercase;margin-bottom:10px}#cardModalText{font-size:14px;line-height:1.6;color:#3c3833}.card-modal-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.dice-modal{text-align:center}.dice-row{display:flex;gap:14px;justify-content:center;margin:20px 0}.die{width:52px;height:52px;background:var(--ink);color:var(--bone);display:flex;align-items:center;justify-content:center;font-family:Unbounded;font-size:22px;font-weight:800;clip-path:polygon(6% 2%,94% 0%,100% 92%,0% 100%);filter:url(#brush)}.die.winner{background:var(--verm)}.drawer-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}.drawer-list li{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#1715120f;font-size:13px}.drawer-list .drawer-empty{color:var(--smoke);font-style:italic;background:none;padding:0}.card-toast{position:fixed;left:0;right:0;top:0;z-index:250;background:var(--ink);color:var(--bone);padding:16px 24px;display:flex;align-items:center;gap:14px;font-family:Unbounded;font-size:14px;text-transform:uppercase;letter-spacing:.04em;filter:url(#brushHard);transform:translateY(-120%);transition:transform .3s ease}.card-toast.show{transform:translateY(0)}.card-toast .who{font-family:inherit;min-width:0}.card-toast b{color:var(--verm)}