@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(./inter-latin-800-normal-BYj_oED-.woff2) format("woff2"),url(./inter-latin-800-normal-D1mf63XC.woff) format("woff")}@font-face{font-family:"Jacquard 12";src:url(./Jacquard12-Regular-DKXOu8eZ.ttf) format("truetype");font-display:swap}@font-face{font-family:"Jersey 10";src:url(./Jersey10-Regular-UW0lV2Hd.ttf) format("truetype");font-display:swap}:root{--canvas: #f3f3f5;--dot: #c8c8d0;--surface: #ffffff;--ink: #1e1e24;--grey: #6e6e78;--line: #e2e2e8;--hover: #f0f0f4;--blue: #0d99ff;--blue-ink: #0a7fd6;--ombre: #f24822;--ap: #3d85f2;--mp: #2fa35a;--damage: #e0333a;--range: #f28c1f;--status: #8f55f2;--heart: #ce3430;--shadow-ui: 0 1px 3px rgba(20, 20, 40, .1), 0 6px 18px rgba(20, 20, 40, .08);--shadow-note: 0 1px 1.5px rgba(0, 0, 0, .14), 0 3px 8px rgba(0, 0, 0, .07);--shadow-lift: 0 8px 14px rgba(0, 0, 0, .16), 0 18px 34px rgba(0, 0, 0, .12);--ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--gothic: "Jacquard 12", serif;--digits: "Jersey 10", "Inter", system-ui, sans-serif;--top: env(safe-area-inset-top, 0px);--bottom: env(safe-area-inset-bottom, 0px);--left: max(12px, env(safe-area-inset-left, 0px));--right: max(12px, env(safe-area-inset-right, 0px));color-scheme:light}html,body{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font:500 14px / 1.35 var(--ui);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.viewport{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:default;background-color:var(--canvas);background-image:radial-gradient(circle at 1px 1px,var(--dot) 1.1px,transparent 1.4px)}.viewport.panning{cursor:grabbing}.world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;--inv: 1}.frame{position:absolute;background:var(--surface);border:1px solid #dcdce2;border-radius:4px;box-shadow:0 1px 2px #1414280d}.frame.current{border-color:#cfcfd7;box-shadow:0 1px 2px #1414280f,0 10px 30px #1414280d}.frame-title{position:absolute;left:0;bottom:100%;padding-bottom:6px;white-space:nowrap;color:var(--grey);font:500 13px / 1 var(--ui);transform:scale(var(--inv));transform-origin:0 100%}.frame-title b{color:var(--ink);font-weight:600}.grid-lines{position:absolute;pointer-events:none}.connector{position:absolute;background:#b9b9c4;height:3px;border-radius:2px;transform-origin:0 50%}.connector:after{content:"";position:absolute;right:-2px;top:50%;width:12px;height:12px;border-top:3px solid #b9b9c4;border-right:3px solid #b9b9c4;border-radius:1px;transform:translateY(-50%) rotate(45deg)}.mini-note{position:absolute;width:30px;height:30px;border-radius:2px;box-shadow:var(--shadow-note)}.mark{position:absolute;width:100px;height:100px;pointer-events:none}.mark.move{background:#2fa35a1a}.mark.move:after{content:attr(data-cost);position:absolute;left:50%;top:50%;padding:3px 6px;border-radius:999px;color:var(--mp);font:700 12px / 1 var(--ui);white-space:nowrap;text-align:center;transform:translate(-50%,-50%) scale(var(--inv));box-sizing:border-box}.mark.move.hot{background:#2fa35a38}.mark.move.hot:after{background:var(--mp);color:#fff;box-shadow:none}.mark.range{background:#f28c1f17}.mark.range.hot[data-why]{background:#f28c1f29}.mark.range.hot[data-why]:after{content:attr(data-why);position:absolute;left:50%;top:50%;padding:4px 8px;border-radius:999px;background:var(--surface);color:var(--ink);font:600 12px / 1 var(--ui);white-space:nowrap;transform:translate(-50%,-50%) scale(var(--inv));box-shadow:var(--shadow-ui);z-index:1}.mark.target{background:#f28c1f24;box-shadow:inset 0 0 0 3px #f28c1fbf;animation:target 1.1s ease-in-out infinite}.mark.target.hot{background:#f28c1f38;box-shadow:inset 0 0 0 4px var(--range);animation:none}@keyframes target{50%{box-shadow:inset 0 0 0 3px #f28c1f59}}svg.ink{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.note{position:absolute;left:0;top:0;width:88px;height:88px;touch-action:none}.note-paper{position:absolute;inset:0;border-radius:2px;background:var(--paper);box-shadow:var(--shadow-note);transition:box-shadow .18s,transform .18s}.note.chosen{z-index:20}.note:has(.preview){z-index:25}.note.lifted{z-index:30}.note.lifted .note-paper{box-shadow:var(--shadow-lift);transform:scale(1.06) rotate(-2deg)}.note.hero{cursor:grab}.note.enemy{cursor:pointer}.note.enemy .note-paper:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;border-radius:2px 2px 0 0;background:#d9415f}.note.enemy .sprite{top:12px}.sprite{position:absolute;left:20px;top:7px;width:48px;height:48px;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none}.hp{position:absolute;right:6px;bottom:4px;display:flex;align-items:center;gap:2px;font:800 19px / 1 var(--ui);font-variant-numeric:tabular-nums;letter-spacing:-.02em;pointer-events:none}.hp svg{width:12px;height:11px;flex:none}.hp .num.hit{color:var(--damage)}.hp .caret{width:2px;height:17px;background:var(--blue);margin-left:1px;animation:caret .5s steps(2) infinite}@keyframes caret{50%{opacity:0}}.chips{position:absolute;left:5px;bottom:5px;display:flex;flex-direction:column;gap:3px;pointer-events:none}.chip{display:inline-block;padding:2px 4px;border-radius:4px;color:#fff;font:700 9.5px / 1 var(--ui);letter-spacing:.01em;white-space:nowrap}.chip.ap{background:var(--ap)}.chip.mp{background:var(--mp)}.chip.flash{animation:chip .5s ease-out}@keyframes chip{0%{transform:scale(1.35);filter:brightness(1.5)}}.stickers{position:absolute;right:-9px;top:-9px;display:flex;flex-direction:row-reverse;gap:0;pointer-events:none}.sticker{width:30px;height:30px;margin-left:-8px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;display:grid;place-items:center}.sticker img{width:26px;height:26px}.sticker:nth-child(odd){transform:rotate(-8deg)}.sticker:nth-child(2n){transform:rotate(7deg)}.note.ko .note-paper{filter:grayscale(1);opacity:.6}.note.ko .sprite,.note.ko .chips{opacity:.5}.ko-stamp{position:absolute;z-index:3;left:50%;top:44%;padding:2px 8px;border:3px solid var(--damage);border-radius:6px;color:var(--damage);font:800 20px / 1 var(--ui);letter-spacing:.06em;transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none}.selection{position:absolute;z-index:2;inset:-3px;border:2px solid var(--blue);border-radius:2px;pointer-events:none}.selection i{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid var(--blue);border-radius:1.5px;box-sizing:border-box;transform:scale(var(--inv))}.selection i:nth-child(1){left:-5px;top:-5px}.selection i:nth-child(2){right:-5px;top:-5px}.selection i:nth-child(3){left:-5px;bottom:-5px}.selection i:nth-child(4){right:-5px;bottom:-5px}.tag{position:absolute;left:-2px;bottom:calc(100% + 6px);padding:3px 6px;border-radius:4px;background:var(--blue);color:#fff;font:600 11px / 1.1 var(--ui);white-space:nowrap;transform:scale(var(--inv));transform-origin:0 100%;pointer-events:none}.tag.ombre{background:var(--ombre)}.tag.below{bottom:auto;top:calc(100% + 6px);transform-origin:0 0}.world.far .chips{display:none}.world.tiny .mark.move:after{display:none}.world.far .hp{font-size:30px;right:5px;bottom:3px}.world.far .hp svg{width:17px;height:16px}.float{position:absolute;left:0;top:0;pointer-events:none;z-index:45}.float span{display:block;padding:3px 8px;border-radius:999px;background:var(--damage);color:#fff;font:800 16px / 1 var(--ui);white-space:nowrap;transform:translate(-50%,-50%) scale(var(--inv));box-shadow:0 2px 6px #e0333a59}.float.status span{background:var(--status);box-shadow:0 2px 6px #8f55f259}.float.poison span{background:#4f9b3a}.preview{position:absolute;left:50%;top:-14px;display:flex;gap:4px;transform:translate(-50%,-100%) scale(var(--inv));transform-origin:50% 100%;pointer-events:none;z-index:35}.preview span{padding:4px 8px;border-radius:6px;background:var(--ink);color:#fff;font:700 12px / 1 var(--ui);white-space:nowrap}.preview .dmg{background:var(--damage)}.preview .st{background:var(--status)}.preview .mv{background:#55555f}.preview .heal{background:var(--mp)}.preview .shield{background:#6fb6f5}.preview .st.gone{text-decoration:line-through;opacity:.8}.cursor{position:absolute;left:0;top:0;z-index:50;pointer-events:none}.cursor-body{transform:scale(var(--inv));transform-origin:0 0;position:relative}.cursor svg{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.cursor .tag{left:14px;top:18px;bottom:auto;transform:none}.bar{position:fixed;top:calc(var(--top) + 10px);display:flex;align-items:center;gap:8px;height:44px;padding:0 6px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow-ui);z-index:60}.bar.file{left:var(--left);padding:0 12px 0 8px;gap:8px}.bar.file .logo{display:grid;grid-template-columns:7px 7px;gap:2px;padding:4px}.bar.file .logo i{width:7px;height:7px;border-radius:2px}.bar.file .path{font:500 13.5px / 1 var(--ui);color:var(--grey);white-space:nowrap}.bar.file .path b{color:var(--ink);font-weight:600}.bar.file .turn{font:600 12px / 1 var(--ui);color:var(--grey);padding:5px 7px;border-radius:6px;background:var(--hover);white-space:nowrap}.bar.file .loadout-picker{max-width:220px;height:26px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:600 12px / 1 var(--ui);text-overflow:ellipsis}.bar.people{right:var(--right);padding:0 6px 0 8px}.avatars{display:flex}.avatar{position:relative;width:32px;height:32px;margin-left:-6px;padding:0;border:2px solid var(--surface);border-radius:50%;background:var(--paper);cursor:pointer}.avatar:first-child{margin-left:0}.avatar span{position:absolute;inset:0;border-radius:50%;background-size:38px 38px;background-position:-5px -4px;image-rendering:pixelated}.avatar-ap{display:none}@media(max-width:620px),(max-height:500px){.avatar-ap{position:absolute;right:-9px;bottom:-6px;z-index:2;display:flex;align-items:center;gap:1px;height:16px;padding:0 3px 0 4px;border-radius:8px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 1px 2px #00000026;color:var(--ap);font:400 13px / 1 var(--digits)}.avatar-ap i{font-style:normal}.avatar-star{width:10px;height:10px}.avatar.ko .avatar-ap{display:none}.avatar-ap.empty{color:var(--grey)}.avatar-ap.empty .avatar-star{filter:grayscale(1);opacity:.6}}.avatar.on{box-shadow:0 0 0 2px var(--blue);z-index:1}.avatar.ko{filter:grayscale(1);opacity:.5}.avatar.ombre{background:var(--ombre);display:grid;place-items:center;color:#fff;font:700 13px / 1 var(--ui);cursor:default}.end-turn{height:32px;padding:0 14px;border:0;border-radius:7px;background:var(--blue);color:#fff;font:600 13.5px / 1 var(--ui);white-space:nowrap;cursor:pointer}.end-turn:hover{background:var(--blue-ink)}.end-turn:disabled{background:#d9dbe0;color:#8a8a94;cursor:default}.end-turn.ombre,.end-turn.ombre:disabled{background:var(--ombre);color:#fff}.dock{position:fixed;left:50%;bottom:calc(var(--bottom) + 10px);transform:translate(-50%);display:flex;align-items:stretch;gap:14px;padding:12px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-ui);z-index:60;touch-action:none}.dock-hero{display:flex;flex-direction:column;justify-content:center;gap:8px;width:150px}.who{display:flex;align-items:center;gap:8px}.who .face{width:34px;height:34px;border-radius:50%;background-color:var(--paper);background-size:40px 40px;background-position:-3px -3px;image-rendering:pixelated;box-shadow:inset 0 0 0 1.5px #00000014;flex:none}.who .name{font:700 15px / 1.1 var(--ui)}.who .life{display:flex;align-items:center;gap:3px;margin-top:2px;color:var(--grey);font:600 12px / 1 var(--ui);font-variant-numeric:tabular-nums}.who .life svg{width:11px;height:10px}.stats{display:flex;gap:5px}.stat{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:6px;color:#fff;font:700 12px / 1 var(--ui);font-variant-numeric:tabular-nums}.stat.ap{background:var(--ap)}.stat.mp{background:var(--mp)}.stat.flash{animation:chip .5s ease-out}.hint{color:var(--grey);font:500 11.5px / 1.3 var(--ui)}.dock-cards{display:flex;gap:10px}.card{position:relative;width:calc(var(--s) * 1px);height:calc(var(--s) * 1px);padding:0;border:0;background:none;cursor:grab;touch-action:none;transition:transform .15s ease-out}.card .card-face{transform:scale(calc(var(--s) / 132));transform-origin:0 0}.card.selected{transform:translateY(-8px)}.card.selected .card-face{box-shadow:0 0 0 3px var(--blue),var(--shadow-lift)}.card.off,.card.passive{cursor:default}.card.off .card-face{filter:grayscale(.9) brightness(1.04);opacity:.5}.card.away{visibility:hidden}.card .wait{position:absolute;left:50%;top:44%;padding:4px 7px;border-radius:6px;background:var(--ink);color:#fff;font:700 11px / 1 var(--ui);white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none}.card-face{position:relative;width:132px;height:132px;border-radius:2px;background:var(--paper);box-shadow:var(--shadow-note);pointer-events:none}.card-face:before{content:"";position:absolute;inset:5px;border-radius:4.5px;background:var(--panel);box-shadow:0 0 0 .6px var(--edge)}.card-header{position:absolute;left:11.5px;right:10px;top:10.5px;height:13px;display:flex;align-items:center;gap:3.5px}.card-portrait{width:12.67px;height:12.67px;flex:none;border-radius:2px;background-color:#2a2433;background-size:12.67px 12.67px;image-rendering:pixelated}.card-badge{width:12.67px;height:12.67px;flex:none;display:grid;place-items:center;border-radius:2px;background:#2a2433}.card-badge-image{width:10px;height:10px;image-rendering:pixelated}.card-never{color:#2a211c;font:400 15px / 1 var(--digits)}.card-name{flex:1;min-width:0;color:#2a211c;font:400 17.5px / 1 var(--gothic);white-space:nowrap;transform-origin:0 50%;padding-top:1px}.card-cost{margin-left:2px;display:flex;align-items:center;gap:1px;color:#3d6fd6;font:400 17px / 1 var(--digits)}.card-star{width:14px;height:14px}.card-art{position:absolute;left:11px;top:29px;width:110px;height:72px;border-radius:1.5px;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 1.5px #b9bec6,0 0 0 2.2px #281e0f80,0 1px 3px 2px #0000002e}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),transparent 45%),linear-gradient(transparent 50%,#0003),linear-gradient(90deg,rgba(0,0,0,.22),transparent 5px,transparent calc(100% - 5px),rgba(0,0,0,.22))}.card-icon{width:72px;height:72px;image-rendering:pixelated}.card-foot{position:absolute;left:11px;right:10px;top:106px;height:18px;display:flex;align-items:center;gap:3px;border-top:.6px solid color-mix(in srgb,#2a211c 40%,var(--panel));padding-top:4px}.card-pin{width:13px;height:13px}.card-range{color:#e07a12;font:400 16px / 1 var(--digits);margin-right:6px}.card-cooldown{color:#2a211c;font:400 16px / 1 var(--digits)}.card-face.full{display:flex;flex-direction:column;height:auto;min-height:196px;padding:108px 10px 31px 11px;box-sizing:border-box}.card-face.full .card-foot{top:auto;bottom:8px}.card-text{position:relative;flex:1;display:flex;flex-direction:column;gap:5px;padding:0 1px;color:#2a211c;text-align:left}.card-what{font:500 10.5px / 1.3 var(--ui)}.card-what span{font-weight:700}.card-what .dmg{color:var(--damage)}.card-what .heal{color:#2f9e5b}.card-what .ap{color:var(--ap)}.card-what .status{color:var(--status)}.card-what .range{color:var(--range)}.card-traits{margin-top:auto;margin-bottom:3px;color:color-mix(in srgb,#2a211c 60%,var(--panel));font:700 8px / 1 var(--ui);text-transform:uppercase;letter-spacing:.06em}.flying{position:fixed;left:0;top:0;z-index:80;pointer-events:none;transform-origin:0 0}.flying .card-face{transform-origin:0 0;box-shadow:var(--shadow-lift)}.zoom{position:fixed;left:var(--left);bottom:calc(var(--bottom) + 10px);display:flex;align-items:center;height:36px;padding:0 2px;border-radius:9px;background:var(--surface);box-shadow:var(--shadow-ui);z-index:60}.zoom button{height:32px;min-width:30px;padding:0 6px;border:0;border-radius:7px;background:none;font:500 13px / 1 var(--ui);font-variant-numeric:tabular-nums;cursor:pointer}.zoom button:hover{background:var(--hover)}.zoom .pct{min-width:52px}.bubble{position:fixed;left:0;top:0;max-width:min(320px,calc(100vw - 32px));padding:9px 12px;border-radius:8px;background:var(--ink);color:#fff;font:500 13px / 1.4 var(--ui);z-index:70;pointer-events:none;box-shadow:0 4px 14px #0000002e}.bubble b{font-weight:700}.bubble .dmg{color:#ff8a8a;font-weight:700}.bubble .meta{display:block;margin-top:3px;color:#b8b8c4;font-size:12px}.bubble .why{display:block;margin-top:4px;color:#ffd27a;font-weight:600}.bubble.info{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-ui);border:1px solid var(--line)}.bubble.info .meta{color:var(--grey)}.bubble.info .row{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:12.5px}.bubble.info .row>span:last-child{color:var(--grey);white-space:nowrap}.toasts{position:fixed;left:var(--left);right:var(--right);z-index:75;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{padding:9px 14px;border-radius:8px;background:var(--ink);color:#fff;font:500 13px / 1.3 var(--ui);max-width:min(420px,100%);text-align:center;text-wrap:balance;box-shadow:0 4px 14px #0000002e}.toast b{font-weight:700}.toast .heal{color:#9ee68c;font-weight:700}.toast.hint{max-width:min(300px,100%);background:var(--blue)}.follow{position:fixed;inset:0;border:3px solid var(--ombre);z-index:55;pointer-events:none}.follow span{position:absolute;left:50%;top:calc(var(--top) + 62px);padding:5px 10px;border-radius:6px;background:var(--ombre);color:#fff;font:600 12px / 1 var(--ui);transform:translate(-50%);white-space:nowrap}.end{position:fixed;inset:0;display:grid;place-items:center;background:#f3f3f58c;z-index:90;padding:16px}.end-card{width:min(320px,100%);padding:22px 22px 18px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lift);text-align:center}.end-card h2{margin:0 0 6px;font:800 26px / 1.1 var(--ui);letter-spacing:-.02em}.end-card p{margin:0 0 16px;text-wrap:balance;color:var(--grey);font:500 14px / 1.4 var(--ui)}.end-card .faces{display:flex;justify-content:center;gap:8px;margin-bottom:14px}.end-card .faces span{width:40px;height:40px;border-radius:4px;background-size:40px 40px;image-rendering:pixelated}.end-card button{height:38px;padding:0 20px;border:0;border-radius:8px;background:var(--blue);color:#fff;font:600 14px / 1 var(--ui);cursor:pointer}.reward-card{box-sizing:border-box;width:min(640px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.reward-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:16px}.end-card .reward-choice{height:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 4px 4px;border:0;border-radius:8px;background:none;color:var(--ink);font:500 12.5px / 1.35 var(--ui);text-align:center}.end-card button.reward-choice{cursor:pointer}.reward-choice .card-face{flex:1;zoom:1.3;transition:transform .12s ease-out,box-shadow .12s ease-out}.end-card button.reward-choice:hover .card-face,.end-card button.reward-choice:focus-visible .card-face{transform:translateY(-3px);box-shadow:0 0 0 2px var(--blue),var(--shadow-lift)}.end-card button.reward-choice:focus-visible{outline:none}.end-card button.reward-choice.chosen .card-face{transform:translateY(-3px);box-shadow:0 0 0 3px var(--blue),var(--shadow-lift)}.reward-eligible{display:flex;justify-content:center;gap:8px}.eligible{display:flex;flex-direction:column;align-items:center;gap:3px}.eligible-sprite{width:32px;height:32px;border:3px solid var(--paper);border-radius:2px;background-color:var(--paper);background-origin:content-box;background-clip:content-box;background-size:128px 224px;background-position:0 0;image-rendering:pixelated;box-shadow:var(--shadow-note);animation:walk .8s steps(4) infinite}@keyframes walk{to{background-position:0 -128px}}@media(prefers-reduced-motion:reduce){.eligible-sprite{animation:none}}.eligible-count{display:inline-flex;align-items:center;gap:3px;color:var(--grey);font:600 12px / 1 var(--ui);font-variant-numeric:tabular-nums}.eligible-count:before{content:"";width:7px;height:9px;border-radius:1.5px;background:currentColor;rotate:-10deg}.eligible-count.full{color:var(--ink);font-weight:800}.reward-heroes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px}.end-card .reward-hero{display:grid;grid-template-columns:40px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;height:auto;padding:8px 14px 8px 8px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left}.end-card .reward-hero:hover,.end-card .reward-hero:focus-visible,.end-card .reward-hero.chosen{border-color:var(--blue);outline:none}.reward-face{grid-row:1 / 3;width:40px;height:40px;border-radius:4px;background:var(--paper) center / 40px 40px;image-rendering:pixelated}.reward-hero b{font:600 14px / 1.2 var(--ui)}.reward-hero small{color:var(--grey);font:500 12px / 1.2 var(--ui)}.reward-actions{display:flex;justify-content:center;gap:10px}.end-card button.secondary{border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}.end-card button.secondary:hover{background:var(--hover)}@media(max-height:500px){.reward-card{padding:12px 16px}.reward-card h2{font-size:20px;margin-bottom:2px}.reward-card p{margin-bottom:6px;font-size:13px}.reward-cards{margin-bottom:4px}.end-card .reward-choice{gap:4px;padding:2px 4px}.reward-choice .card-face{zoom:1;min-height:176px}.eligible{flex-direction:row;gap:4px}.reward-eligible:has(.eligible+.eligible) .eligible{flex-direction:column;gap:2px}.eligible-sprite{width:24px;height:24px;background-size:96px 168px}@keyframes walk{to{background-position:0 -96px}}.end-card .reward-actions button{height:34px}.reward-card{position:relative}.reward-actions{position:absolute;top:12px;right:16px}.reward-card p{padding-inline:104px}}@media(max-width:620px){.reward-card{padding:18px 14px 14px}.reward-cards{gap:10px}.end-card .reward-choice{padding:4px 2px}.reward-choice .card-face{zoom:1}.bar{height:40px;top:calc(var(--top) + 8px)}.bar.file{padding:0 8px 0 6px;gap:6px}.bar.file .path .root,.bar.file .path .sep,.bar.file .path .dot,.bar.file .path .room,.bar.file .logo{display:none}.bar.file .path .floor{color:var(--ink);font-weight:600}.bar.file{padding:0 6px 0 12px}.avatar{margin-left:6px}.bar.file .path{font-size:13px}.bar.file:has(.loadout-picker) .path{display:none}.bar.file .loadout-picker{max-width:130px}.avatar{width:28px;height:28px}.avatar span{background-size:34px 34px;background-position:-5px -4px}.end-turn{height:30px;padding:0 11px;font-size:13px}.dock{left:var(--left);right:var(--right);transform:none;flex-direction:column;gap:10px;padding:10px;bottom:calc(var(--bottom) + 8px)}.dock-hero{width:auto;flex-direction:row;align-items:center;justify-content:space-between}.dock-hero .hint{display:none}.dock-cards{display:grid;grid-template-columns:repeat(3,calc(var(--s) * 1px));justify-content:space-between;gap:8px}.zoom{left:auto;right:var(--right);height:34px;transition:bottom .2s}.zoom button{height:30px;min-width:28px}}@media(min-width:620px)and (max-height:500px){.bar{height:40px;top:calc(var(--top) + 8px)}.bar.file .path .root,.bar.file .path .sep,.bar.file .logo{display:none}.bar.file{padding:0 6px 0 12px}.end-turn{height:30px;padding:0 11px}.avatar{width:28px;height:28px;margin-left:6px}.avatar span{background-size:34px 34px;background-position:-5px -4px}.dock{left:auto;right:var(--right);transform:none;bottom:calc(var(--bottom) + 12px);display:grid;grid-template-columns:repeat(2,calc(var(--s) * 1px));gap:10px;padding:10px}.dock-cards{display:contents}.dock-hero{width:auto;justify-content:center;gap:8px;padding:0 2px}.dock-hero .who{flex-direction:column;align-items:flex-start;gap:6px}.dock-hero .stats{flex-wrap:wrap}.dock-hero .stat{white-space:nowrap}.dock-hero .hint{display:none}.zoom{height:34px;bottom:calc(var(--bottom) + 12px)}.zoom button{height:30px;min-width:28px}}@media(max-width:360px){.bar.file .turn{display:none}}@media(prefers-reduced-motion:reduce){.mark.target,.hp .caret{animation:none}}.door{position:absolute;background:var(--surface);pointer-events:none}.door.across{width:6px;height:64px;margin:-32px 0 0 -3px}.door.down{width:64px;height:6px;margin:-3px 0 0 -32px}.door:before,.door:after{content:"";position:absolute;background:#b9b9c4;border-radius:2px}.door.across:before,.door.across:after{left:-2px;width:10px;height:3px}.door.across:before{top:0}.door.across:after{bottom:0}.door.down:before,.door.down:after{top:-2px;width:3px;height:10px}.door.down:before{left:0}.door.down:after{right:0}.tile{position:absolute;left:0;top:0;image-rendering:pixelated;background-repeat:no-repeat;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.18))}.frame.neighbour{background:transparent;border:2px dashed #d2d2da;box-shadow:none}.blast{position:absolute;width:100px;height:100px;background:#e0333a47;pointer-events:none}.float.heal span{background:var(--mp)}.float.shield span{background:#6fb6f5}.float.passive span{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-ui),inset 0 0 0 2px var(--status)}.barrel-preview{position:absolute;left:0;top:0;width:88px;height:88px;pointer-events:none}.note.big{width:188px;height:188px;--fold: 28px}.note.big .fill:before{height:12px}.note.big .hp{right:10px;bottom:8px;font-size:28px}.note.big .hp svg{width:18px;height:16px}.note.burrowed .sprite{clip-path:inset(0 0 50% 0);transform:translateY(50%);filter:brightness(.55) sepia(.4)}.note.burrowed .note-paper:after{content:"";position:absolute;left:10px;right:10px;top:var(--ground, 60px);height:3px;border-radius:2px;background:#8a6a4a}.note.second-phase .fill:before{height:26px;background:#b3243f;content:"Phase 2";color:#fff;font:700 18px / 26px var(--ui);text-align:center}.note.second-phase .sprite{margin-top:10px}.bubble .nowrap{white-space:nowrap}.room-layer{position:absolute;left:0;top:0}.corridor{position:absolute;background:var(--surface);box-sizing:border-box}.corridor.across{border-top:2px solid #c9c9d2;border-bottom:2px solid #c9c9d2}.corridor.down{border-left:2px solid #c9c9d2;border-right:2px solid #c9c9d2}.corridor.boss{border-color:var(--damage);border-style:dashed;border-width:3px;background:#e0333a1a}.corridor.treasure{border-color:color-mix(in srgb,var(--ink) 60%,transparent);border-style:dashed;border-width:3px}.corridor.across.boss,.corridor.across.treasure{border-left:0;border-right:0}.corridor.down.boss,.corridor.down.treasure{border-top:0;border-bottom:0}.room-layer .frame{z-index:0}.room-layer .frame.neighbour{background:#ffffff80;border:calc(2px * var(--inv)) dashed #b9b9c4}.room-layer .frame.neighbour.boss{background:#e0333a1a;border:calc(3px * var(--inv)) dashed var(--damage)}.room-layer .frame.neighbour.treasure{background:#ffffffb3;border:calc(3px * var(--inv)) dashed color-mix(in srgb,var(--ink) 60%,transparent)}.frame.neighbour.boss .frame-title,.frame.neighbour.treasure .frame-title{display:flex;align-items:center;gap:5px;color:var(--ink);font-weight:600}.frame.neighbour.boss .frame-title{color:var(--damage)}.title-icon{width:16px;height:16px;flex:none;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated}.title-icon.boss{background-size:64px 64px}.title-icon.treasure{background-size:32px 16px}.room-icon{position:absolute;left:0;top:0;image-rendering:pixelated;pointer-events:none;opacity:.9}.room-icon.boss{opacity:1}.room-icon.boss .sprite{top:20px}.room-layer .frame-title{transform:scale(min(var(--inv),6))}.frame-title.here{color:var(--ink);font-weight:600}.mark.move.hover{left:0;top:0;background:#2fa35a29;border-radius:4px}.team{position:absolute;left:0;top:0;width:88px;height:88px;pointer-events:none;z-index:20}.team .note{cursor:default}.team .note.preparateur{transform:translate(-5px,3px) rotate(-7deg)}.team .note.exploiteur{transform:translate(5px,-2px) rotate(5deg)}.team .sprite{top:20px}.floor-plan{position:fixed;top:calc(var(--top) + 10px);right:var(--right);min-width:44px;min-height:44px;padding:9px;border:0;border-radius:10px;background:var(--surface);box-shadow:var(--shadow-ui);cursor:pointer;z-index:60;display:grid;place-items:center}.floor-plan:hover{background:var(--hover)}.floor-plan.on{box-shadow:0 0 0 2px var(--blue),var(--shadow-ui)}.plan-grid{display:grid;gap:3px}.plan-grid i{position:relative;border-radius:2px;box-sizing:border-box}.plan-grid i.visited{background:#d9d9e0}.plan-grid i.unknown{border:1.5px dashed #c4c4cd}.plan-grid i.current{background:var(--surface);box-shadow:0 0 0 2px var(--blue)}.plan-grid i.unknown.boss{border:2px dashed var(--damage)}.plan-grid i.unknown.treasure{border:2px dashed color-mix(in srgb,var(--ink) 60%,transparent)}.plan-grid i.treasure:after,.plan-grid i.boss:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%)}.plan-grid i.treasure:after{border-radius:1px;background:var(--ink);transform:translate(-50%,-50%) rotate(45deg)}.plan-grid i.boss:after{background:var(--damage)}.plan-grid i.stairs:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--ink);transform:translate(-50%,-40%)}.stairs-note{position:absolute;left:0;top:0;width:88px;height:88px;border-radius:3px;background:#fff;box-shadow:0 2px 6px #0000002e,0 0 0 1px #0000000f;pointer-events:none}.stairs-label{position:absolute;left:50%;top:calc(100% + 4px);transform:translate(-50%);padding:3px 9px;border-radius:8px;background:var(--ink);color:#fff;font:600 20px / 1.2 var(--ui);white-space:nowrap}@media(max-width:620px),(max-height:500px){.floor-plan{top:calc(var(--top) + 8px);padding:7px;min-height:40px}}.note-paper.cut{background:none;box-shadow:none}.note.enemy .note-paper.cut:before{content:none}.note{--fold: 20px}.sheet{position:absolute;inset:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.16)) drop-shadow(0 3px 5px rgba(0,0,0,.07))}.fill{position:absolute;inset:0;overflow:hidden;border-radius:2px;background:var(--paper)}.note.enemy .fill:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:#d9415f}.crumple{position:absolute;inset:0;width:100%;height:100%}.note[data-wear="1"] .fill{clip-path:polygon(var(--fold) 0,100% 0,100% 100%,0 100%,0 var(--fold))}.note[data-wear="2"] .fill{clip-path:polygon(var(--fold) 0,calc(100% - var(--fold) * .8) 0,100% calc(var(--fold) * .8),100% 100%,0 100%,0 var(--fold))}.fold{position:absolute;top:0;width:var(--fold);height:var(--fold);background:linear-gradient(var(--fold-light),rgba(255,255,255,.75) 30%,rgba(255,255,255,.45)) var(--paper);backface-visibility:visible}.shade{position:absolute;top:0;width:calc(var(--fold) + 3px);height:calc(var(--fold) + 3px);background:#3c1e0042}.shade-1{left:0;clip-path:polygon(calc(100% - 3px) 0,100% 100%,0 calc(100% - 3px))}.shade-2{right:0;width:calc(var(--fold) * .8 + 3px);height:calc(var(--fold) * .8 + 3px);clip-path:polygon(3px 0,100% calc(100% - 3px),0 100%)}.fold-1{left:0;--fold-light: 135deg;clip-path:polygon(100% 0,100% 100%,0 100%)}.fold-2{right:0;width:calc(var(--fold) * .8);height:calc(var(--fold) * .8);--fold-light: 225deg;clip-path:polygon(0 0,100% 100%,0 100%)}.note.crushed .fill{border-radius:30%;transition:border-radius .25s}.note.crushed .sprite,.note.crushed .hp,.note.crushed .stickers{opacity:0;transition:opacity .2s}.note.ko{filter:drop-shadow(0 1px 1px rgba(0,0,0,.14))}.note-paper.torn{transform-origin:70% 80%}.attack-card{position:absolute;left:0;top:0;z-index:40;pointer-events:none}.attack-card .card-face{transform-origin:0 0;box-shadow:var(--shadow-lift)}.card-face.attack .card-icon{object-fit:contain}.card-sprite{width:64px;height:64px;background-repeat:no-repeat;image-rendering:pixelated}.card-face.attack .card-art{background:color-mix(in srgb,var(--edge) 70%,#2a2433)}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:calc(16px + var(--top)) var(--right) calc(16px + var(--bottom)) var(--left);box-sizing:border-box;overflow:hidden;text-align:center;background-color:var(--canvas);background-image:radial-gradient(circle at 1px 1px,var(--dot) 1.1px,transparent 1.4px);background-size:24px 24px}.screen h1{margin:0;font:400 96px / .9 var(--gothic);color:var(--ink)}.screen p{margin:0}.appear{animation:appear .6s ease-out both}@keyframes appear{0%{opacity:0;transform:translateY(6px)}}.screen.shown .appear{animation:none}.screen .menu{display:flex;flex-direction:column;align-items:center;gap:10px}.screen .menu button{min-width:200px;height:44px;padding:0 22px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:600 15px / 1 var(--ui);cursor:pointer}.screen .menu button.primary{border-color:var(--blue);background:var(--blue);color:#fff}.screen .menu button:hover{background:var(--hover)}.screen .menu button.primary:hover{background:var(--blue-ink)}.screen .menu button:focus-visible{outline:none}.screen.keyboard .menu button:focus{border-color:var(--blue)}.screen.keyboard .menu button.primary:focus{box-shadow:inset 0 0 0 2px #fff}.figure{--side: 112px;--sprite: 64px;position:relative;width:var(--side);height:var(--side);flex:none}.figure .note-paper{display:grid;place-items:center}.figure .sprite{position:static;width:var(--sprite);height:var(--sprite)}.figure.boss{--side: 160px;--box: 144px}.row.beaten .figure.boss{--side: 96px;--box: 84px}.figure.boss .note-paper:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;border-radius:2px 2px 0 0;background:#d9415f}.figure:nth-child(3n+1) .note-paper{transform:rotate(-2.5deg)}.figure:nth-child(3n+2) .note-paper{transform:rotate(1.5deg)}.figure:nth-child(3n) .note-paper{transform:rotate(-1deg)}.figure.asleep .note-paper{animation:wake .5s ease-out both}@keyframes wake{0%{filter:grayscale(1) brightness(.92);opacity:.45}}.screen.shown .figure.asleep .note-paper{animation:none}.figure.ko .note-paper{filter:grayscale(1);opacity:.6;rotate:-6deg}.figure.ko .sprite{opacity:.6}.figure .ko-stamp{top:50%;padding:1px 5px;border-width:2px;font-size:14px}.stage{display:flex;flex-direction:column;align-items:center;gap:12px}.stage .row,.screen .row{display:flex;justify-content:center;gap:18px}.descent-arrow{position:relative;width:0;height:44px;border-left:2px dashed var(--grey)}.descent-arrow:after{content:"";position:absolute;left:-7px;bottom:-4px;border:6px solid transparent;border-top:9px solid var(--grey);border-bottom:0}.stage.across{flex-direction:row;gap:18px}.stage.across .descent-arrow{width:44px;height:0;border-left:0;border-top:2px dashed var(--grey)}.stage.across .descent-arrow:after{inset:-7px -4px auto auto;border:6px solid transparent;border-left:9px solid var(--grey);border-right:0}.figure.cheering .note-paper{animation:cheer var(--hop) ease-in-out infinite}@keyframes cheer{0%,60%,to{translate:0 0}30%{translate:0 -8px}}.screen-title{font-size:84px}.credits{display:flex;flex-direction:column;gap:6px;font:500 17px / 1.45 var(--ui);text-wrap:balance}.credits-screen{gap:20px}.credits{gap:14px}.credit-heading{color:var(--grey);font:600 12px / 1.2 var(--ui);letter-spacing:.05em;text-transform:uppercase}.credit-name{margin-top:3px;font:600 16px / 1.3 var(--ui)}.thanks{font:700 19px / 1.2 var(--ui)}.summary{color:var(--grey);font:500 16px / 1.4 var(--ui);text-wrap:balance}.floor-bar{display:flex;gap:6px}.floor-bar span{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--grey);font:600 11px / 1 var(--ui)}.floor-bar i{width:34px;height:5px;border-radius:3px;background:var(--line)}.floor-bar .reached i{background:var(--ink)}.floor-bar .reached b{color:var(--ink)}.floor-bar b{font-weight:600}.floor-transition{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background-color:var(--canvas);background-image:radial-gradient(circle at 1px 1px,var(--dot) 1.1px,transparent 1.4px);background-size:24px 24px;text-align:center;cursor:default}.floor-card{display:flex;flex-direction:column;align-items:center;gap:10px}.stairs-paper{display:grid;place-items:center;width:88px;height:88px;margin-bottom:6px;border-radius:3px;background:var(--surface);box-shadow:var(--shadow-note);rotate:-2deg}.stairs-paper .tile{position:static;image-rendering:pixelated}.floor-number{font-family:var(--digits)}.floor-card .floor-bar{margin-bottom:12px}.floor-card .floor-bar span{font-size:13px}.floor-card .floor-bar i{width:44px;height:6px}.floor-name{margin:0;font:400 72px / .95 var(--gothic);color:var(--ink)}.heal-title{margin:0;color:var(--grey);font:600 13px / 1 var(--ui)}.heals{display:flex;justify-content:center;gap:22px}.heal-item{display:flex;flex-direction:column;align-items:center;gap:8px}.heal-item .figure{--side: 72px;--sprite: 48px}.heal-bar{width:72px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.heal-bar i{display:block;width:var(--from);height:100%;background:var(--mp)}.heal-bar i.filling{animation:fill 1s ease-out both}@keyframes fill{to{width:var(--to)}}.heal-amount{margin:0;color:var(--grey);font:600 12px / 1 var(--ui);white-space:nowrap}.heal-amount .heal{color:var(--mp)}@media(max-width:619px){.screen{gap:18px}.screen h1{font-size:58px}.screen-title{font-size:64px}.figure{--side: 72px;--sprite: 48px}.figure.boss{--side: 96px;--box: 84px}.row.beaten .figure.boss{--side: 64px;--box: 56px}.stage .row,.screen .row{gap:12px}.floor-name{font-size:56px}.heals{gap:14px}}@media(max-height:500px){.screen{gap:12px}.screen h1{font-size:52px}.screen-title{font-size:54px}.figure{--side: 64px;--sprite: 48px}.figure.boss{--side: 84px;--box: 76px}.row.beaten .figure.boss{--side: 56px;--box: 48px}.stage .row,.screen .row{gap:10px}.credits{gap:6px}.credit-name{font-size:14px}.screen .menu{flex-direction:row}.floor-name{font-size:52px;margin-bottom:4px}}@media(prefers-reduced-motion:reduce){.appear,.figure.asleep .note-paper,.figure.cheering .note-paper{animation:none}}.workshop-screen{justify-content:flex-start;overflow-y:auto;gap:18px}.workshop-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:1120px}.workshop-head h1{font-size:72px}.workshop-lead{color:var(--grey);font:500 14px / 1.3 var(--ui)}.workshop-back{position:absolute;left:0;top:0;height:36px;padding:0 14px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:600 14px / 1 var(--ui);cursor:pointer}.workshop-floors{display:flex;flex-direction:column;gap:18px;width:100%;max-width:1120px}.workshop-floor{display:flex;flex-direction:column;gap:8px;text-align:left}.workshop-floor-title{margin:0;color:var(--grey);font:500 13px / 1 var(--ui)}.workshop-rooms{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.workshop-room{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:10px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:500 12px / 1.3 var(--ui);text-align:left;cursor:pointer}.workshop-room:hover{border-color:#c9c9d3;background:var(--hover)}.workshop-room:focus-visible,.workshop-back:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.workshop-room b{display:flex;align-items:center;gap:6px;font:600 14px / 1.2 var(--ui)}.workshop-room .boss-tag{padding:2px 5px;border-radius:4px;background:#d9415f;color:#fff;font:700 10px / 1 var(--ui);letter-spacing:.04em;text-transform:uppercase}.workshop-room .room-enemies{color:var(--grey)}.room-plan{display:block;width:100%;max-width:100%;height:auto;border-radius:3px;background:#fafafc}@media(max-width:999px){.workshop-rooms{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:619px){.workshop-head{padding-top:44px}.workshop-head h1{font-size:56px}.workshop-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}.bar.file .trial{position:relative}.trial-toggle{height:28px;padding:0 10px;border:0;border-radius:6px;background:var(--hover);color:var(--ink);font:600 12.5px / 1 var(--ui);cursor:pointer}.trial-toggle:after{content:" ▾";color:var(--grey)}.trial-toggle:hover{background:var(--line)}.trial-menu{position:absolute;left:0;top:calc(100% + 10px);display:flex;flex-direction:column;min-width:200px;padding:6px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow-ui)}.trial-menu[hidden]{display:none}.trial-menu button{height:40px;padding:0 12px;border:0;border-radius:6px;background:none;color:var(--ink);font:500 14px / 1 var(--ui);text-align:left;white-space:nowrap;cursor:pointer}.trial-menu button:hover,.trial-menu button:focus-visible{background:var(--hover);outline:none}.end-card.trial-end button{display:block;width:200px;margin:0 auto}.end-card.trial-end button+button{margin-top:8px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}.trial-menu button:disabled{opacity:.4;cursor:default}.trial-menu button:disabled:hover{background:none}.workshop-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;color:var(--grey);font:500 12px / 1 var(--ui)}.workshop-legend span{display:inline-flex;align-items:center;gap:5px}.workshop-legend i{width:9px;height:9px;border-radius:2px}.workshop-room.last{border-color:var(--blue)}@media(max-width:619px){.bar.file:has(.trial) .turn{display:none}}.units-panel{position:fixed;inset:0;display:grid;place-items:center;padding:calc(12px + var(--top)) var(--right) calc(12px + var(--bottom)) var(--left);background:#f3f3f599;z-index:95}.units-card{box-sizing:border-box;display:flex;flex-direction:column;width:min(760px,100%);max-height:100%;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lift);color:var(--ink);font:500 14px / 1.35 var(--ui);overflow:hidden}.units-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 6px 20px}.units-head h2{margin:0;font:800 20px / 1.1 var(--ui);letter-spacing:-.02em}.units-close{width:40px;height:40px;border:0;border-radius:8px;background:none;color:var(--grey);font:400 26px / 1 var(--ui);cursor:pointer}.units-close:hover{background:var(--hover);color:var(--ink)}.units-tabs{display:flex;gap:6px;padding:6px 16px 10px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--line);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}.units-tab{position:relative;flex:none;display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px 16px 6px 6px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.units-tab:hover{background:var(--hover)}.units-tab[aria-selected=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.units-tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.units-tab b{font:600 13px / 1.2 var(--ui);white-space:nowrap}.units-tab small{color:var(--grey);font:500 12px / 1.2 var(--ui);white-space:nowrap}.units-tab .tuned-mark{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--blue)}.units-face{grid-row:1 / 3;display:grid;place-items:center;width:32px;height:32px;border-radius:4px;background:var(--paper) center / 32px 32px;image-rendering:pixelated;overflow:hidden}.units-face canvas{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.units-body{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 8px}.units-section{padding:12px 0}.units-section+.units-section{border-top:1px solid var(--line)}.units-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.units-section h3{margin:0;font:700 13px / 1 var(--ui);text-transform:uppercase;letter-spacing:.05em;color:var(--grey)}.units-section h3 .count{margin-left:8px;color:var(--ink);font-variant-numeric:tabular-nums}.units-shortcuts{display:flex;flex-wrap:wrap;gap:6px}.units-card .chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:600 13px / 1 var(--ui);cursor:pointer}.units-card .chip:hover{background:var(--hover)}.units-card .chip.on{border-color:var(--blue);background:#e7f4ff;color:var(--blue-ink)}.units-card .chip:disabled{opacity:.4;cursor:default}.units-card .chip.status img{width:18px;height:18px;image-rendering:pixelated}.units-card .chip.status span{color:var(--status)}.units-statuses{display:flex;flex-wrap:wrap;gap:8px}.units-hp{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.units-hp .step{width:40px;height:40px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:600 20px / 1 var(--ui);cursor:pointer}.units-hp .step:hover{background:var(--hover)}.units-hp .step:disabled{opacity:.4;cursor:default}.units-hp-input{box-sizing:border-box;width:64px;height:40px;padding:0 6px;border:1.5px solid var(--line);border-radius:8px;color:var(--heart);font:400 26px / 1 var(--digits);text-align:center;-moz-appearance:textfield}.units-hp-input::-webkit-inner-spin-button,.units-hp-input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.units-hp-input:focus{border-color:var(--blue);outline:none}.units-hp .max{color:var(--grey);font:400 22px / 1 var(--digits)}.units-hp-bar{flex:1 1 120px;height:8px;border-radius:4px;background:var(--line);overflow:hidden}.units-hp-bar i{display:block;height:100%;background:var(--heart)}.units-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.units-card-chip{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:6px 10px 6px 34px;border:1.5px solid transparent;border-radius:4px;background:color-mix(in srgb,var(--paper) 35%,#fff);color:var(--ink);text-align:left;cursor:pointer}.units-card-chip:hover{background:color-mix(in srgb,var(--paper) 55%,#fff)}.units-card-chip.on{background:var(--paper);box-shadow:var(--shadow-note);border-color:var(--blue)}.units-card-chip:disabled{opacity:.4;cursor:default}.units-card-chip:focus-visible,.units-card .chip:focus-visible,.units-card button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.units-card-chip b{font:600 13px / 1.2 var(--ui)}.units-card-chip small{color:var(--grey);font:500 11.5px / 1.2 var(--ui)}.units-card-chip small .ap{color:var(--ap);font-weight:700}.units-card-chip .slot{position:absolute;left:8px;top:50%;display:grid;place-items:center;width:18px;height:18px;margin-top:-9px;border:1.5px solid rgba(0,0,0,.18);border-radius:50%;font:700 11px / 1 var(--ui)}.units-card-chip.on .slot{border-color:var(--blue);background:var(--blue);color:#fff}.units-note{margin:10px 0 0;color:var(--grey);font:500 13px / 1.35 var(--ui)}.units-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px 14px;border-top:1px solid var(--line)}.units-foot .spacer{flex:1}.units-foot button{height:40px;padding:0 16px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:600 14px / 1 var(--ui);cursor:pointer}.units-foot button:hover{background:var(--hover)}.units-foot button.primary{border-color:var(--blue);background:var(--blue);color:#fff}.units-foot button.primary:hover{background:var(--blue-ink)}@media(max-width:560px){.units-panel{padding:var(--top) 0 0}.units-card{width:100%;height:100%;border-radius:0}.units-body{padding:4px 16px 8px}.units-tabs{padding:6px 16px 10px}.units-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.units-foot{padding:10px 16px calc(10px + var(--bottom))}.units-foot .spacer{display:none}.units-foot button{flex:1 1 40%}.units-foot button.primary{order:-1;flex-basis:100%}}@media(max-height:500px){.units-panel{padding:0}.units-card{width:100%;height:100%;border-radius:0;padding-left:var(--left);padding-right:var(--right)}.units-head{padding-top:6px;padding-bottom:0}.units-head h2{font-size:17px}.units-foot{padding:8px 20px}}.screen.workshop-board{display:block;padding:0;text-align:left}.prepare-viewport{touch-action:none}.prepare-back{padding:4px 2px;border:0;border-radius:5px;background:none;color:var(--ink);font:600 13.5px / 1 var(--ui);cursor:pointer}.prepare-back:hover{background:var(--hover)}.prepare-clear{height:32px;padding:0 12px;border:0;border-radius:7px;background:var(--hover);color:var(--ink);font:600 13.5px / 1 var(--ui);cursor:pointer}.prepare-clear:hover{background:var(--line)}.prepare-hint{position:fixed;left:var(--left);right:var(--right);z-index:40;color:var(--grey);font:500 13px / 1.3 var(--ui);text-align:center;text-wrap:balance;pointer-events:none}.prepare-palette{position:fixed;left:var(--left);right:var(--right);bottom:calc(8px + var(--bottom));z-index:40;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;padding:8px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow-ui)}.prepare-group{display:flex;flex-wrap:wrap;gap:4px}.prepare-group+.prepare-group{padding-left:14px;border-left:1px solid var(--line)}.prepare-tool{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;width:70px;min-height:58px;padding:4px 2px;border:1.5px solid transparent;border-radius:8px;background:none;cursor:pointer}.prepare-tool:hover{background:var(--hover)}.prepare-tool[aria-pressed=true]{border-color:var(--blue);background:#e7f4ff}.prepare-tool-name{max-width:100%;font:500 11px / 1.1 var(--ui);text-align:center;text-wrap:balance}.prepare-glyph{font:400 22px / 30px var(--ui);height:30px}.prepare-tile,.prepare-enemy-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px}.prepare-tile{overflow:hidden}.prepare-tile .tile{position:static;transform:scale(.47);flex:none}.prepare-sprite,.prepare-note-sprite{display:block;background-repeat:no-repeat;image-rendering:pixelated}.prepare-size{position:absolute;top:2px;right:2px;padding:1px 3px;border-radius:3px;background:var(--hover);color:var(--grey);font:600 9px / 1 var(--ui)}.prepare-cursor{position:absolute;left:0;top:0;width:100px;height:100px;border:4px solid var(--mp);border-radius:6px;box-sizing:border-box;background:#2fa35a14;pointer-events:none;z-index:5}.prepare-cursor.refused{border-color:#b9b9c4;background:#1e1e240a}.prepare-pieces .note{cursor:grab}.prepare-pieces .note.lifted{z-index:30;cursor:grabbing}.prepare-pieces .note.picked .sheet{outline:4px solid var(--blue);outline-offset:3px;border-radius:3px}.prepare-pieces .tile.picked{outline:4px solid var(--blue);outline-offset:10px;border-radius:3px}.prepare-pieces .note-sprite,.prepare-note-sprite{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%)}.prepare-entry{position:absolute;transform:translate(-100%,-50%);color:var(--grey);font:600 18px / 1 var(--ui);white-space:nowrap;pointer-events:none}.prepare-toast{position:fixed;left:50%;top:calc(64px + var(--top));z-index:60;transform:translate(-50%);padding:9px 14px;border-radius:8px;background:var(--ink);color:#fff;font:500 13px / 1.3 var(--ui);max-width:min(460px,calc(100vw - 32px));text-align:center;box-shadow:0 4px 14px #0000002e;pointer-events:none}.prepare-toast[hidden]{display:none}.prepare-toast.near{transform:translate(-50%,-100%)}.prepare-cursor.shake{animation:prepare-shake .3s ease-out}@keyframes prepare-shake{25%{margin-left:-10px}50%{margin-left:8px}75%{margin-left:-5px}}@media(prefers-reduced-motion:reduce){.prepare-cursor.shake{animation:none}}@media(max-width:619px){.prepare-file .turn{display:none}.prepare-commands .prepare-clear{padding:0 9px}.prepare-palette{justify-content:flex-start;gap:6px 10px}.prepare-group+.prepare-group{padding-left:10px}.prepare-group:last-child{flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;padding:6px 0 0;border-left:0;border-top:1px solid var(--line)}.prepare-tool{width:58px}}@media(min-width:620px)and (max-height:500px){.prepare-palette{left:auto;top:calc(60px + var(--top));width:236px;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;overflow-y:auto}.prepare-group+.prepare-group{padding:8px 0 0;border-left:0;border-top:1px solid var(--line)}.prepare-hint{right:calc(var(--right) + 246px);bottom:calc(6px + var(--bottom))}}.workshop-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.workshop-action{height:30px;padding:0 10px;border:1.5px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:600 12.5px / 1 var(--ui);white-space:nowrap;cursor:pointer}.workshop-action:hover{background:var(--hover)}.workshop-action.primary{border-color:var(--blue);background:var(--blue);color:#fff}.workshop-action.primary:hover{background:var(--blue-ink)}.workshop-action.danger[data-armed]{border-color:var(--damage);color:var(--damage)}.workshop-empty{color:var(--grey);font:500 13px / 1.4 var(--ui)}.workshop-rooms.saved{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:999px){.workshop-rooms.saved{grid-template-columns:repeat(3,minmax(0,1fr))}}.prepare-save[aria-expanded=true]{background:var(--line)}@media(max-width:619px){.workshop-rooms.saved{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-board .prepare-commands{top:calc(var(--top) + 62px)}.workshop-board .save-panel{top:calc(var(--top) + 114px)}}.workshop-save{display:flex;flex-direction:column;gap:6px;min-width:0}.workshop-save .workshop-room{flex:1}.save-note{padding:6px 8px;border-radius:6px;background:#fff6c8;color:var(--ink);font:500 12px / 1.35 var(--ui)}.save-actions{display:flex;flex-wrap:wrap;gap:4px}.save-actions .workshop-action{height:24px;padding:0 6px;border-width:1px;font-size:11px}.code-field{width:100%;min-height:64px;box-sizing:border-box;padding:8px;border:1.5px solid var(--line);border-radius:7px;font:500 12px/1.35 ui-monospace,SF Mono,Menlo,monospace;word-break:break-all;resize:vertical}.paste-form{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.paste-form[hidden]{display:none}.paste-form .code-field{flex:1 1 320px}.paste-error{flex-basis:100%;color:var(--damage);font:500 12.5px / 1.3 var(--ui)}.paste-error:empty{display:none}.rename-field{height:30px;padding:0 8px;border:1.5px solid var(--blue);border-radius:7px;font:600 13px / 1 var(--ui)}.rename-field.refused{border-color:var(--damage)}.save-panel{position:fixed;top:calc(var(--top) + 62px);right:var(--right);z-index:50;display:flex;flex-direction:column;gap:8px;width:min(320px,calc(100vw - 24px));box-sizing:border-box;padding:12px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow-ui);text-align:left}.save-panel[hidden]{display:none}.save-label{display:flex;flex-direction:column;gap:4px;color:var(--grey);font:500 12px / 1 var(--ui)}.save-name{height:34px;padding:0 8px;border:1.5px solid var(--line);border-radius:7px;color:var(--ink);font:600 14px / 1 var(--ui)}.save-name:focus{border-color:var(--blue);outline:none}.save-row{display:flex;flex-wrap:wrap;gap:6px}.save-status{color:var(--grey);font:500 12px / 1.35 var(--ui)}.save-status:empty{display:none}.screen-back{position:absolute;left:var(--left);top:calc(var(--top) + 10px);height:36px;padding:0 14px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:600 14px / 1 var(--ui);cursor:pointer;z-index:5}.screen-back:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.bar.file:has(.trial){z-index:92}.outside-icon{flex:none;background-repeat:no-repeat;image-rendering:pixelated}.workshop-jumps{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px}.workshop-jumps button{height:32px;padding:0 10px;border:0;border-radius:6px;background:none;color:var(--grey);font:600 13px / 1 var(--ui);cursor:pointer}.workshop-jumps button:hover{background:var(--hover);color:var(--ink)}.workshop-jumps button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.workshop-floor{scroll-margin-top:12px}.workshop-room.outside b{min-height:32px}.bar.file .quit{position:relative}.quit-toggle{padding:4px 2px;border:0;border-radius:5px;background:none;color:var(--ink);font:600 13.5px / 1 var(--ui);cursor:pointer}.quit-toggle:hover,.quit-toggle[aria-expanded=true]{background:var(--hover)}.quit-panel{position:absolute;left:0;top:calc(100% + 14px);z-index:30;width:310px;max-width:calc(100vw - 32px);padding:14px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow-ui);color:var(--ink);font:500 14px / 1.4 var(--ui);white-space:normal}.quit-panel[hidden]{display:none}.quit-panel p{margin:0 0 12px}.quit-actions{display:flex;gap:8px}.quit-actions button{flex:1;height:40px;padding:0 10px;border:0;border-radius:7px;background:var(--hover);color:var(--ink);font:600 13.5px / 1 var(--ui);white-space:nowrap;cursor:pointer}.quit-actions button.danger{background:var(--ink);color:#fff}@media(max-width:620px),(max-height:500px){.quit-toggle{min-height:34px;margin-right:4px;padding:4px 8px}}.quit-actions button:focus-visible,.quit-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.mark.enemy-move{background:#2fa35a1a;outline:2px dashed rgba(47,163,90,.55);outline-offset:-6px;border-radius:6px}.marks.behind{visibility:hidden}.bubble .heal{color:#9be89b;font-weight:700}.bubble .ap{color:#8db8ff;font-weight:700}.bubble .status{color:#c7a6ff;font-weight:700}.bubble .range{color:#ffb066;font-weight:700}.bubble.info .dmg{color:var(--damage)}.bubble.info .heal{color:#2f9e5b}.bubble.info .ap{color:var(--ap)}.bubble.info .status{color:var(--status)}.bubble.info .range,.bubble.info .row>span.range{color:var(--range)}.bubble.info .hp-text i{color:var(--heart);font-style:normal}.bubble.info .mp-text{color:var(--mp);font-weight:600}