@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e5eadb;background:#172a24;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 45%,#253c30 0,transparent 65%)}main{max-width:1040px;margin:auto;padding:30px 40px 24px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid #ffffff15}.brand{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;letter-spacing:-1.5px;color:#edf0dd;text-decoration:none}.brand span{display:inline-block;vertical-align:middle;margin-left:20px;font-size:9px;letter-spacing:2px;color:#81998a;font-weight:500}.status{font-size:11px;color:#9aae9c}i{display:inline-block;width:6px;height:6px;background:#b7d985;border-radius:50%;margin-right:8px}.heading{display:flex;align-items:end;justify-content:space-between;margin:32px 0 23px}.eyebrow{color:#b7cc8e;font-size:9px;letter-spacing:2.5px}h1{font-family:Space Grotesk,sans-serif;font-size:38px;letter-spacing:-1.7px;margin:7px 0}h1 span{color:#d4df8f}p{color:#95aa9b;font-size:13px;margin:0}.map-info{font-size:12px;text-align:right}.map-info span{display:block;font-size:9px;color:#91a493;letter-spacing:1.3px;margin-top:7px}.game-shell{max-width:704px;margin:auto;border:1px solid #667c514a;border-radius:10px;overflow:hidden;box-shadow:0 24px 65px #071c1840;background:#12231d}.game-top,.game-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;font-size:9px;letter-spacing:1.5px;color:#a5b99c}.game-top{border-bottom:1px solid #ffffff10}.game-top i{width:5px;height:5px}#coordinates{font-family:monospace;color:#7d977e}#game{width:100%;aspect-ratio:1;max-height:560px;display:flex;justify-content:center;background:#253e2b}canvas{display:block;image-rendering:pixelated;max-width:100%;max-height:100%;touch-action:none}.game-bottom{padding:10px 20px}button{font:inherit;color:#b7c4a9;background:none;border:0;cursor:pointer}button:focus-visible{outline:2px solid #c7d995}kbd{font-family:inherit;font-size:10px;display:inline-block;border:1px solid #77917455;background:#304337;border-radius:4px;min-width:23px;padding:4px;text-align:center;color:#c9d7bd;box-shadow:0 2px #10201a}button kbd{margin-left:8px;font-size:9px}footer{max-width:704px;margin:20px auto 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.controls{display:flex;gap:20px;font-size:10px;color:#9db19d}.controls span{white-space:nowrap}.controls b{font-weight:400;margin:0 5px}.footnote{color:#7e9786;font-size:10px;font-style:italic}.touch-controls{display:none;justify-content:center;gap:10px;margin-top:20px}.touch-controls button{background:#304337;border:1px solid #667c51;border-radius:8px;width:48px;height:44px;touch-action:none;-webkit-user-select:none;user-select:none}@media(pointer:coarse){.touch-controls{display:flex}}@media(max-width:700px){main{padding:20px 16px}.status,.brand span,.footnote{display:none}h1{font-size:30px}.heading{margin-top:24px}.map-info{font-size:10px}footer{justify-content:center}.controls{gap:12px}#game{max-height:none}.game-top,.game-bottom{padding-left:12px;padding-right:12px}}html:has(body.fighting),body.fighting{height:100%;overflow:hidden}.fighting #game{position:fixed;inset:0;width:auto;height:auto;aspect-ratio:auto;max-height:none;background:#0d1914}.fighting #game>canvas{visibility:hidden}.dice-stage{position:absolute;inset:0;overflow:hidden;background:#0d1914;user-select:none;-webkit-user-select:none}.dice-stage canvas{width:100%;height:100%;max-width:none;max-height:none;image-rendering:auto}.dice-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 58%,#050c0999 100%)}.dice-hud{position:absolute;z-index:1;top:12px;min-width:112px;padding:8px 12px;border-radius:9px;background:#0a1511cc;border:1px solid #ffffff14;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dice-hud[data-side=hero]{left:12px}.dice-hud[data-side=enemy]{right:12px;text-align:right}.dice-hud small{display:block;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#9fb39f}.dice-hud strong{display:block;font:700 28px/1.15 Space Grotesk,sans-serif;color:#f3e7c4}.dice-hud[data-side=enemy] strong{color:#f0b49b}.dice-hud span{font-size:11px;color:#9fb39f}.dice-hud b{display:inline-grid;place-items:center;width:19px;height:19px;margin:2px 4px 0 0;border-radius:5px;background:#f3e9d2;color:#1d3a2f;font-size:11px}.dice-hud[data-side=enemy] b{margin:2px 0 0 4px;background:#b03f2e;color:#f6ecd4}.dice-hud.fresh strong{animation:dice-pop .5s cubic-bezier(.2,1.7,.4,1)}.dice-labels span{position:absolute;z-index:1;left:0;top:0;display:none;min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:#f7efd9;color:#14261f;font:700 14px/26px Space Grotesk,sans-serif;text-align:center;box-shadow:0 5px 14px #0008;pointer-events:none;transform:translate(-50%,-100%)}.dice-labels span[data-side=enemy]{background:#b03f2e;color:#fff4e0}.dice-labels span.on{display:block;animation:label-pop .55s cubic-bezier(.2,1.7,.4,1) both}.dice-hint:empty{display:none}.dice-hint{position:absolute;z-index:1;left:50%;bottom:10px;transform:translate(-50%);max-width:92%;margin:0;padding:6px 13px;border-radius:20px;background:#0a1511cc;color:#c9d7bd!important;font-size:11px!important;text-align:center;pointer-events:none;transition:opacity .8s}.dice-hint kbd{padding:1px 5px;min-width:0;margin-left:4px}@keyframes dice-pop{0%{transform:scale(.4);opacity:0}}@keyframes label-pop{0%{transform:translate(-50%,-40%) scale(.2);opacity:0}}@media(max-width:700px){.dice-hud{top:8px;padding:5px 8px;min-width:0}.dice-hud[data-side=hero]{left:8px}.dice-hud[data-side=enemy]{right:8px}.dice-hud strong{font-size:18px}.dice-hud b{width:16px;height:16px;font-size:10px}.dice-hint{bottom:8px;font-size:10px!important;padding:5px 10px}.dice-hint kbd{display:none}.dice-labels span{min-width:20px;height:20px;padding:0 5px;font-size:11px;line-height:20px}}.dice-arrows{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.dice-arrows path[class^=arrow]{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:14 9;animation:arrow-dash .6s linear infinite;filter:drop-shadow(0 3px 4px #0009)}.arrow-hero{stroke:#f3e7c4}.arrow-enemy{stroke:#e0664d}.head-hero{fill:#f3e7c4}.head-enemy{fill:#e0664d}@keyframes arrow-dash{to{stroke-dashoffset:-23}}.dice-chip{position:absolute;z-index:2;left:0;top:0;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:14px;background:#0a1511eb;border:1px solid #ffffff22;color:#f3e7c4;font:600 12px/1.25 DM Sans,sans-serif;flex-wrap:wrap;column-gap:5px;row-gap:1px;max-width:150px;margin-top:0;pointer-events:none;transform:translate(-100%,-50%)}.dice-chip.enemy{transform:translateY(-50%)}.dice-chip.hero{justify-content:flex-end;text-align:right}.dice-chip[hidden]{display:none}.dice-chip b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:6px;background:#f3e9d2;color:#1d3a2f;font-size:11px}.dice-chip.enemy b{background:#b03f2e;color:#f6ecd4}.dice-chip em{font-style:normal;color:#e8c46a}.dice-chip.preview{max-width:230px;border:1px dashed #e8c46aaa;background:#16130cf0}.dice-chip.preview small{flex-basis:100%}.dice-chip small{color:#c9d7bd;font-size:11px;font-weight:500}.dice-float{position:absolute;z-index:3;left:0;top:0;font:800 32px Space Grotesk,sans-serif;color:#fff;text-shadow:0 3px 10px #000b;white-space:nowrap;pointer-events:none;animation:float-up 1.35s ease-out forwards}.dice-float.damage{color:#ff7a5c}.dice-float.heal{color:#a4e57c}.dice-float.info{color:#f7d98b;font-size:21px}@keyframes float-up{0%{transform:translate(-50%,-30%) scale(.5);opacity:0}15%{transform:translate(-50%,-90%) scale(1.15);opacity:1}to{transform:translate(-50%,-230%) scale(1);opacity:0}}.duel-go{position:absolute;z-index:4;left:50%;top:45%;font:800 76px Space Grotesk,sans-serif;color:#f3e7c4;text-shadow:0 6px 30px #000c;pointer-events:none;animation:duel-go .9s ease-out forwards}@keyframes duel-go{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}25%{transform:translate(-50%,-50%) scale(1.1);opacity:1}70%{opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.duel-confirm{position:absolute;z-index:2;left:50%;bottom:48px;transform:translate(-50%);padding:11px 26px;border-radius:10px;background:#d8b46a;color:#1d2a20;font:700 15px Space Grotesk,sans-serif;box-shadow:0 8px 24px #0008}.duel-confirm:disabled{opacity:.35;cursor:default}.duel-confirm:not(:disabled){animation:confirm-glow 1.4s ease-in-out infinite}.duel-confirm kbd{background:#0002;border-color:#0003;color:#1d2a20;box-shadow:none}@keyframes confirm-glow{50%{box-shadow:0 8px 30px #d8b46aaa}}.duel-tip{position:absolute;z-index:4;width:290px;padding:12px 14px;border-radius:12px;background:#0a1511f2;border:1px solid #ffffff22;box-shadow:0 12px 30px #000a;pointer-events:none;transform:translate(calc(-100% - 75px),-50%)}.duel-tip[data-side=enemy]{transform:translate(75px,-50%)}.duel-tip[data-bench=true]{transform:translate(10px,-50%)}.duel-tip[data-bench=true][data-side=enemy]{transform:translate(calc(-100% - 10px),-50%)}.duel-tip h3{margin:0;font:800 22px/1.1 Space Grotesk,sans-serif;color:#f3e7c4}.duel-tip .kind{margin:2px 0 6px;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#9fb39f}.tip-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.tip-art{flex:none;display:grid;place-items:end center;width:88px;height:88px;overflow:hidden;border:2px solid #ffffff26;border-radius:10px;background:radial-gradient(circle at 50% 60%,#e3ead0,#a9bb86)}.duel-tip[data-side=enemy] .tip-art{background:radial-gradient(circle at 50% 60%,#f0c7a8,#c98b68)}.duel-tip .tip-art.bloom{background:radial-gradient(circle at 50% 60%,#ffe0ee,#e58cb8)}.tip-initial{align-self:center;color:#fffa;font:800 46px Space Grotesk,sans-serif}.tip-art img{max-width:90%;max-height:90%;margin-bottom:4px;object-fit:contain}.tip-art.full{place-items:stretch}.tip-art.full img{width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:cover}.duel-tip .stats{margin:0;font-size:11px;color:#c9d7bd}.duel-tip h4{margin:9px 0 3px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#9fb39f}.duel-tip section:not(.on){opacity:.5}.duel-tip p{margin:2px 0;font-size:11px;line-height:1.45;color:#c9d7bd}.duel-tip p b{display:inline-block;min-width:28px;color:#f3e7c4}.duel-tip p span{font-weight:700;color:#e8c46a}.duel-tip .status span{color:#f0a0c8}.duel-end{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#050c09b0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.duel-end[hidden]{display:none}.duel-end p{margin:-10px 0 0;color:#c9d7bd;font-size:13px}.duel-end strong{font:800 52px Space Grotesk,sans-serif;color:#f3e7c4}.duel-end button{padding:12px 24px;border-radius:10px;background:#d8b46a;color:#1d2a20;font:700 15px Space Grotesk,sans-serif}@media(max-width:700px){.duel-confirm{bottom:56px;padding:9px 18px;font-size:13px}.dice-chip{font-size:10px;padding:2px 7px 2px 3px}.dice-chip b{min-width:16px;height:16px}.dice-float{font-size:22px}.dice-float.info{font-size:14px}.duel-tip{width:200px}}.card-plate{position:absolute;z-index:1;left:0;top:0;display:flex;align-items:center;gap:3px;height:20px;padding:0 3px;border:1px solid #ffffff22;border-radius:7px;background:#0a1511eb;box-shadow:0 3px 8px #0008;color:#f3e7c4;font:700 10px/1 Space Grotesk,sans-serif;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%)}.card-plate[hidden],.card-plate [hidden]{display:none}.card-plate .spd{padding:3px 4px;border-radius:5px;background:#2e4d6e;color:#d8eaff}.card-plate .spd.down{background:#7a2e2e;color:#ffd9d9}.card-plate .spd.up{background:#2e6e3e;color:#dcffe4}.card-plate .att{padding:3px 4px;border-radius:5px;background:#c47a1d;color:#fff4dc}.card-plate .hp{position:relative;flex:1;min-width:30px;height:14px;overflow:hidden;border-radius:5px;background:#ffffff1c}.card-plate .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(#8fc464,#5c8d40);transition:width .5s cubic-bezier(.3,1.3,.5,1)}.card-plate.warn .fill{background:linear-gradient(#f2cf5b,#c99a22)}.card-plate.crit .fill{background:linear-gradient(#ef6a55,#b52f22);animation:low-hp 1s ease-in-out infinite}.card-plate .hp b{position:relative;display:block;color:#fff;font-size:10px;line-height:14px;text-align:center;text-shadow:0 1px 2px #000c}.card-badges{position:absolute;z-index:1;left:0;top:0;display:flex;flex-direction:column;gap:3px;pointer-events:none}.card-badges[hidden]{display:none}.card-badges span{position:relative;display:grid;place-items:center;width:24px;height:24px;border:2px solid #fff5;border-radius:50%;background:#5b2b47;box-shadow:0 3px 8px #0009;font-size:12px;line-height:1}.card-badges b{position:absolute;right:-5px;bottom:-4px;min-width:13px;height:13px;padding:0 2px;border-radius:7px;background:#f3e7c4;color:#1d2a20;font:800 9px/13px Space Grotesk,sans-serif;text-align:center}.card-plate.dead{opacity:.75}.card-plate.dead .hp b{color:#ff8a70}@keyframes low-hp{50%{filter:brightness(1.6)}}@media(max-width:700px){.card-plate{height:14px;gap:2px;padding:0 2px;font-size:7px;border-radius:4px}.card-plate .spd,.card-plate .att{padding:2px}.card-plate .hp{height:9px;min-width:18px}.card-plate .hp b{font-size:7px;line-height:9px}.card-badges span{width:16px;height:16px;font-size:8px}.card-badges b{min-width:10px;height:10px;font-size:7px;line-height:10px}}.dice-sound{position:absolute;z-index:3;right:12px;bottom:12px;width:34px;height:34px;border:1px solid #ffffff22;border-radius:50%;background:#0a1511cc;font-size:15px;line-height:1}.menu{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 40%,#25402f 0,#0d1914 70%)}.menu-card{width:min(400px,100%);display:flex;flex-direction:column;gap:16px;padding:28px 24px;border:1px solid #ffffff18;border-radius:16px;background:#0a1511e6;box-shadow:0 24px 60px #0009}.menu-card[hidden]{display:none}.menu h1{margin:0;font:700 40px/1 Space Grotesk,sans-serif;letter-spacing:-1.5px;color:#f3e7c4}.menu h2{margin:0;font:700 22px Space Grotesk,sans-serif;color:#f3e7c4}.menu-sub{margin-top:-10px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#9fb39f}.menu-field{display:flex;flex-direction:column;gap:6px}.menu-field span,.menu-choice legend{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#9fb39f}.menu-field input{padding:11px 12px;border:1px solid #ffffff22;border-radius:9px;background:#13241d;color:#f3e7c4;font:600 16px DM Sans,sans-serif}.menu-field input:focus{outline:2px solid #d8b46a;outline-offset:1px}.menu-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}.menu-choice legend{margin-bottom:6px;padding:0}.menu-choice label{position:relative}.menu-choice input{position:absolute;opacity:0}.menu-choice span{display:block;padding:12px 8px;border:1px solid #ffffff22;border-radius:9px;text-align:center;font:700 15px Space Grotesk,sans-serif;color:#c9d7bd;cursor:pointer}.menu-choice input:checked+span{background:#d8b46a;border-color:#d8b46a;color:#1d2a20}.menu-choice input:focus-visible+span{outline:2px solid #f3e7c4;outline-offset:2px}.menu-online{display:flex;flex-direction:column;gap:12px}.menu-online[hidden],.menu-actions[hidden],.menu-note[hidden],.menu-error[hidden]{display:none}.menu-actions{display:flex;gap:8px}.menu-actions button,.menu-cancel{flex:1;padding:12px 16px;border:1px solid #d8b46a88;border-radius:10px;color:#f3e7c4;font:700 15px Space Grotesk,sans-serif}.menu-actions button.primary{background:#d8b46a;color:#1d2a20}.menu-actions button:disabled{opacity:.5;cursor:wait}.menu-note{font-size:12px;line-height:1.45;color:#95aa9b}.menu-error{padding:9px 12px;border-radius:8px;background:#7a2e2e55;color:#ffd9d9;font-size:13px}.menu-wait{align-items:center;text-align:center}.menu-code{font:700 34px Space Grotesk,sans-serif;letter-spacing:3px;color:#d8b46a;word-break:break-all}.menu-wait p{margin:0}.duel-end div{display:flex;gap:10px}.duel-end button[data-menu]{background:none;border:1px solid #d8b46a;color:#f3e7c4}.duel-end button[hidden]{display:none}.bench{position:absolute;z-index:2;top:92px;display:flex;flex-direction:column;gap:6px;width:150px}.bench[hidden]{display:none}.bench[data-side=hero]{left:12px}.bench[data-side=enemy]{right:12px}.bench small{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#9fb39f}.bench[data-side=enemy] small{text-align:right}.bench button{display:flex;align-items:center;gap:7px;padding:4px 7px 4px 4px;border:1px solid #ffffff1c;border-radius:9px;background:#0a1511d9;color:#f3e7c4;text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bench button:not([aria-disabled=true]):hover{border-color:#d8b46a}.bench button[aria-disabled=true]{cursor:default}.bench button.picked{border-color:#d8b46a;box-shadow:0 0 0 2px #d8b46a66}.bench button.planned{opacity:.55}.bench button.dead{opacity:.4;filter:grayscale(1)}.bench .art{flex:none;display:grid;place-items:center;width:32px;height:32px;overflow:hidden;border-radius:6px;background:#efe5c8;color:#1f3d33;font:700 15px Space Grotesk,sans-serif}.bench[data-side=enemy] .art{background:#ecd0b6}.bench .art img{width:100%;height:100%;object-fit:contain}.bench .art.full img{object-fit:cover}.bench .who{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.bench .who b{font:700 12px Space Grotesk,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bench .bar{height:5px;overflow:hidden;border-radius:3px;background:#ffffff1c}.bench .bar span{display:block;height:100%;background:#7fbf5a}.bench em{font:700 10px Space Grotesk,sans-serif;font-style:normal;color:#c9d7bd}@media(max-width:700px){.bench{top:62px;width:108px;gap:4px}.bench[data-side=hero]{left:8px}.bench[data-side=enemy]{right:8px}.bench button{padding:3px 5px 3px 3px;gap:5px}.bench .art{width:24px;height:24px}.bench em{display:none}}.bench-ghost{position:absolute;z-index:6;left:0;top:0;display:flex;align-items:center;gap:7px;width:150px;padding:4px 7px 4px 4px;border:1px solid #d8b46a;border-radius:9px;background:#0a1511f0;color:#f3e7c4;box-shadow:0 10px 24px #000a;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg)}.bench-ghost .art{flex:none;display:grid;place-items:center;width:32px;height:32px;overflow:hidden;border-radius:6px;background:#efe5c8}.bench-ghost .art img{width:100%;height:100%;object-fit:contain}.bench-ghost .art.full img{object-fit:cover}.bench-ghost .who{flex:1;display:flex;flex-direction:column;gap:4px}.bench-ghost .who b{font:700 12px Space Grotesk,sans-serif}.bench-ghost .bar{height:5px;border-radius:3px;background:#ffffff1c;overflow:hidden}.bench-ghost .bar span{display:block;height:100%;background:#7fbf5a}.bench-ghost em{font:700 10px Space Grotesk,sans-serif;font-style:normal}.bench button{touch-action:none}.bench button.aim{border-color:#e07a5f;box-shadow:0 0 0 2px #e07a5f66;cursor:pointer;animation:bench-pulse 1s ease-in-out infinite alternate}@keyframes bench-pulse{to{box-shadow:0 0 0 4px #e07a5f33}}.dice-hint{display:none!important}.turn-order{position:absolute;z-index:2;left:50%;top:12px;transform:translate(-50%);padding:5px 7px;border:1px solid #ffffff20;border-radius:30px;background:#0a1511c9;pointer-events:auto}.turn-order ol{display:flex;align-items:center;gap:10px;list-style:none;padding:0;margin:0}.turn-order li{position:relative;flex:none;width:42px;height:42px;border:2px solid #a5c893;border-radius:50%;transition:opacity .2s,box-shadow .2s}.turn-order li.enemy{border-color:#e0664d}.order-portrait{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#dce3c7;color:#244033;font-weight:700}.order-portrait img{width:100%;height:100%;object-fit:contain}.order-portrait.full img{object-fit:cover;object-position:center 30%}.turn-order li.active{box-shadow:0 0 0 3px #e8c46a,0 0 14px #e8c46a80}.turn-order li.done{opacity:.45}.turn-order li.dead{filter:grayscale(1);opacity:.25}.turn-order li.tied:before{content:"=";position:absolute;right:calc(100% + 2px);top:50%;transform:translateY(-50%);color:#d8b46a;font-size:10px}@media(max-width:700px){.turn-order{top:8px;padding:4px}.turn-order ol{gap:7px}.turn-order li{width:30px;height:30px}.turn-order li.tied:before{right:100%;font-size:8px}}.deck-menu{z-index:21;overflow:auto;align-items:start}.deck-card{width:min(1000px,100%);margin:auto;max-height:calc(100dvh - 32px);overflow:auto}.deck-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.deck-slot{padding:10px;border:1px solid #ffffff30;border-radius:10px;text-align:left;background:#183126}.deck-slot.selected{border-color:#e8c46a;box-shadow:0 0 0 1px #e8c46a}.deck-slot b,.deck-slot small{display:block}.deck-slot small{color:#a6b8a4;font-size:10px;margin-bottom:4px}.deck-pool{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.deck-pool article{border:1px solid #ffffff20;border-radius:12px;overflow:hidden;background:#14281f}.deck-pool article>button{display:flex;align-items:center;flex-direction:column;width:100%;padding:10px;gap:7px}.deck-pool button:disabled{opacity:.35;cursor:default}.deck-pool img{height:150px;width:100%;object-fit:contain;border-radius:10px}.deck-pool b{font-size:12px;color:#f3e7c4}.deck-pool small{font-size:10px}.deck-pool .deck-rules{padding:8px;font-size:11px}.deck-pool summary{cursor:pointer;color:#e8c46a}.deck-pool .deck-rules p{font-size:11px;margin:7px 0}.deck-pool h4{margin:10px 0 5px}.deck-card>.menu-actions{position:sticky;bottom:-28px;background:#0a1511;padding:12px 0}.deck-prompt{color:#e8c46a}@media(max-width:600px){.deck-card{padding:16px 12px}.deck-slots,.deck-pool{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-card>.menu-actions{bottom:-16px}}.deck-art-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:150px;width:100%;border-radius:10px;background:radial-gradient(circle at 50% 45%,#2f5240,#1a3025);color:#a6b8a4;font-size:10px}.deck-art-missing b{font:800 64px/1 Space Grotesk,sans-serif!important;color:#f3e7c4!important;opacity:.85}.deck-art-missing[data-role=dps]{background:radial-gradient(circle at 50% 45%,#6a2c22,#2a1612)}.deck-art-missing[data-role=tank]{background:radial-gradient(circle at 50% 45%,#2d4d68,#14222e)}.deck-art-missing[data-role=utility]{background:radial-gradient(circle at 50% 45%,#5e4a22,#261e10)}.deck-art-missing[data-role=support]{background:radial-gradient(circle at 50% 45%,#355f2a,#152713)}.deck-art-missing[hidden],.deck-pool img[hidden]{display:none}.deck-pool button[aria-pressed=true]{background:#d8b46a18;box-shadow:inset 0 0 0 2px #d8b46a}.duel-ready{position:absolute;z-index:3;left:50%;top:70px;transform:translate(-50%);padding:6px 14px;border-radius:20px;background:#163323e6;border:1px solid #7fbf5a88;color:#d6f0c4;font:600 12px Space Grotesk,sans-serif;white-space:nowrap;pointer-events:none;animation:dice-pop .4s cubic-bezier(.2,1.7,.4,1)}.duel-ready b{color:#7fbf5a;margin-right:4px}.duel-log-toggle{position:absolute;z-index:3;right:54px;bottom:12px;width:34px;height:34px;border:1px solid #ffffff22;border-radius:50%;background:#0a1511cc;font-size:15px;line-height:1}.duel-log-toggle[aria-expanded=true]{border-color:#d8b46a}.duel-log-toggle.unread:after{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#e8c46a}.duel-log{position:absolute;z-index:3;right:12px;bottom:54px;display:flex;flex-direction:column;width:min(320px,calc(100% - 24px));max-height:42%;border:1px solid #ffffff22;border-radius:12px;background:#0a1511e6;box-shadow:0 12px 30px #0008;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.duel-log[hidden]{display:none}.duel-log header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 5px 12px;border-bottom:1px solid #ffffff14;font:700 11px Space Grotesk,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#9fb39f}.duel-log header button{border:0;background:none;color:#9fb39f;font-size:18px;line-height:1;padding:0 2px}.duel-log ol{list-style:none;margin:0;padding:6px 12px 10px;overflow-y:auto;font-size:12px;line-height:1.5;color:#c9d7bd}.duel-log li{padding:1px 0}.duel-log li.act{margin-top:4px}.duel-log li.head{margin:8px 0 2px;color:#e8c46a;font:700 11px Space Grotesk,sans-serif;letter-spacing:1px;text-transform:uppercase}.duel-log li.head:first-child{margin-top:0}.duel-log .u{color:#6fb6ff}.duel-log .u:before{content:"";display:inline-block;width:6px;height:6px;margin:0 4px 1px 0;border-radius:50%;background:#a5c893}.duel-log .u.enemy:before{background:#e0664d}.duel-log .dmg{color:#ff6b5b;font-weight:700}.duel-log .heal{color:#8fd46a;font-weight:700}.duel-log .st{color:#f0a0c8}.duel-log .ab{color:#e8c46a}@media(max-width:700px){.duel-log{max-height:38%}.duel-ready{top:48px;font-size:11px}}.role-tag{display:inline-block;padding:1px 6px;border-radius:6px;font:700 9px/1.5 Space Grotesk,sans-serif;letter-spacing:.8px;text-transform:uppercase;vertical-align:middle;background:#ffffff1c;color:#f3e7c4}.role-tag[data-role=dps]{background:#b03f2e;color:#fff1e8}.role-tag[data-role=tank]{background:#3d6a8f;color:#eaf4ff}.role-tag[data-role=support]{background:#4f8a3c;color:#f0ffe6}.role-tag[data-role=utility]{background:#8a6a2c;color:#fff6dc}.deck-slot .role-tag{margin-top:3px}.bench-fx{flex:none;padding:1px 5px;border-radius:8px;background:#5a2a3a;border:1px solid #f0a0c855;color:#f0a0c8;font:700 10px/1.4 Space Grotesk,sans-serif;white-space:nowrap}.die-x{display:inline-grid;place-items:center;min-width:15px;height:15px;padding:0 2px;margin:0 1px;border-radius:4px;background:#f3e9d2;color:#1d3a2f;font:800 10px/1 Space Grotesk,sans-serif;vertical-align:1px;box-shadow:inset 0 -1px #0003}.dice-stage canvas{touch-action:none}.deck-card>.menu-actions>button{flex:1;min-width:0}.dice-stage[data-layout=portrait] .turn-order{top:8px;padding:3px 5px}.dice-stage[data-layout=portrait] .turn-order ol{gap:4px}.dice-stage[data-layout=portrait] .turn-order li{width:28px;height:28px}.dice-stage[data-layout=portrait] .turn-order li.tied:before{display:none}.dice-stage[data-layout=portrait] .dice-hud{min-width:0;padding:4px 8px}.dice-stage[data-layout=portrait] .dice-hud strong{font-size:16px}.dice-stage[data-layout=portrait] .dice-hud b{width:15px;height:15px;font-size:9px}.dice-stage[data-layout=portrait] .dice-hud[data-side=enemy]{top:8px;right:8px}.dice-stage[data-layout=portrait] .dice-hud[data-side=hero]{inset:auto 8px 8px auto;text-align:right}.dice-stage[data-layout=portrait] .dice-hud[data-side=hero] b{margin:2px 0 0 4px}.dice-stage[data-layout=portrait] .dice-sound{inset:8px auto auto 8px;width:30px;height:30px;font-size:13px}.dice-stage[data-layout=portrait] .duel-log-toggle{inset:8px auto auto 44px;width:30px;height:30px;font-size:13px}.dice-stage[data-layout=portrait] .duel-log{inset:46px 8px auto;width:auto;max-height:50%}.dice-stage[data-layout=portrait] .bench{flex-direction:row;width:auto;gap:4px}.dice-stage[data-layout=portrait] .bench small{display:none}.dice-stage[data-layout=portrait] .bench[data-side=enemy]{top:52px!important;left:8px;right:auto}.dice-stage[data-layout=portrait] .bench[data-side=hero]{top:auto!important;bottom:8px;left:8px}.dice-stage[data-layout=portrait] .bench button{position:relative;flex-direction:column;align-items:stretch;gap:3px;width:46px;padding:3px}.dice-stage[data-layout=portrait] .bench .art{width:38px;height:38px}.dice-stage[data-layout=portrait] .bench .who b,.dice-stage[data-layout=portrait] .bench em{display:none}.dice-stage[data-layout=portrait] .bench .bar{height:4px}.dice-stage[data-layout=portrait] .bench .bench-fx{position:absolute;top:-6px;right:-6px;padding:0 3px;font-size:9px}.dice-stage[data-layout=portrait] .duel-confirm{bottom:62px;padding:9px 18px;font-size:13px}.dice-stage[data-layout=portrait] .duel-confirm kbd{display:none}.dice-stage[data-layout=portrait] .duel-ready{top:auto;bottom:112px;font-size:11px}.dice-stage[data-layout=portrait] .duel-tip{left:50%!important;top:100px!important;width:min(360px,calc(100% - 16px));transform:translate(-50%)!important}.dice-stage[data-layout=portrait] .dice-chip{max-width:130px;font-size:10px;padding:2px 7px 2px 3px}.dice-stage[data-layout=portrait] .dice-chip b{min-width:16px;height:16px}.dice-stage[data-layout=portrait] .dice-chip.hero{transform:translate(-50%);justify-content:center;text-align:center}.dice-stage[data-layout=portrait] .dice-chip.enemy{transform:translate(-50%,-100%);justify-content:center;text-align:center}.dice-stage[data-layout=portrait] .dice-chip.preview{max-width:calc(50vw - 14px)}@media(max-height:500px)and (orientation:landscape){.dice-hud{top:6px;padding:4px 8px;min-width:0}.dice-hud strong{font-size:16px}.dice-hud b{width:15px;height:15px;font-size:9px}.bench{width:118px;gap:3px}.bench small{display:none}.bench button{padding:2px 5px 2px 2px}.bench .art{width:24px;height:24px}.bench em{display:none}.turn-order{top:6px;padding:3px 5px}.turn-order ol{gap:5px}.turn-order li{width:28px;height:28px}.duel-confirm{bottom:12px;padding:8px 16px;font-size:13px}.duel-confirm kbd{display:none}.dice-sound,.duel-log-toggle{bottom:8px;width:30px;height:30px}.duel-log-toggle{right:46px}.duel-log{bottom:44px;max-height:70%}.duel-ready{top:42px}.duel-tip{width:240px;max-height:calc(100% - 16px);overflow:hidden}}