@font-face{font-family:Fusion Pixel;src:url(/fonts/fusion-pixel.woff2) format("woff2");font-display:swap}:root{--u: clamp(12px, min(1.05vw, 1.9vh), 19px);--px: 3;--fs-xs: max(12px, calc(var(--u) * .95));--fs: max(13px, calc(var(--u) * 1.2));--fs-l: max(16px, calc(var(--u) * 1.55));--fs-xl: max(20px, calc(var(--u) * 2.2));--fs-xxl: max(30px, calc(var(--u) * 4));--paper: #2c2833;--paper-2: #221f28;--paper-3: #373140;--ink: #ece0c4;--ink-2: #b4a68a;--shadow: rgba(0, 0, 0, .55);--heal: #6f9a48;--grow: #c0583a;--util: #5b7bb0;--danger: #c2413a;--gold: #d8b155;--gold-2: #f0c45a;--doom: #8f6ad8;--ally: #5aa0d8;--foe: #d8504a;--heal-bg: #2d3a2a;--grow-bg: #3e2a24;--util-bg: #26303f;--backdrop: rgba(8, 6, 12, .72);--font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-pixel: "Fusion Pixel", "Noto Sans SC", sans-serif;--bw: max(2px, calc(var(--u) * .2));--border: var(--bw) solid #0e0c12;--lift: 0 calc(var(--u) * .3) 0 var(--shadow);--lift-sm: 0 calc(var(--u) * .2) 0 var(--shadow);--gap: calc(var(--u) * .8);--pad: calc(var(--u) * 1);--bar-h: calc(var(--u) * .9);--z-back: -1;--z-base: 1;--z-bar: 10;--z-float: 20;--z-drop: 30;--z-modal: 40;--z-toast: 50;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}@media(max-width:900px),(max-height:600px){:root{--px: 2}}@media(orientation:portrait){:root{--u: clamp(12px, 3.4vw, 18px)}}@media(orientation:landscape)and (max-height:560px){:root{--u: clamp(9px, 2.1vh, 12px)}}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-sc-chinese-simplified-500-normal-z_irmif2.woff2) format("woff2"),url(/assets/noto-sans-sc-chinese-simplified-500-normal-CtDGG6sn.woff) format("woff")}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/noto-sans-sc-chinese-simplified-900-normal-Di-dyiBb.woff2) format("woff2"),url(/assets/noto-sans-sc-chinese-simplified-900-normal-BgOe1Og4.woff) format("woff")}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-sc-latin-500-normal-JVPArRf3.woff2) format("woff2"),url(/assets/noto-sans-sc-latin-500-normal-Bo6Vh9-d.woff) format("woff")}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/noto-sans-sc-latin-900-normal-DBVNDsAU.woff2) format("woff2"),url(/assets/noto-sans-sc-latin-900-normal-XEWStAI8.woff) format("woff")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#2a2d24;color:var(--ink);font-family:var(--font);font-weight:500;font-size:var(--fs);line-height:1.5;touch-action:manipulation}body{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}#app{position:fixed;inset:0;overflow:hidden}img{display:block;max-width:none}.px{image-rendering:pixelated;image-rendering:crisp-edges}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;text-align:inherit}button:disabled{cursor:not-allowed;opacity:.45}:focus{outline:none}:focus-visible{outline:var(--bw) solid var(--gold-2);outline-offset:calc(var(--bw) * .5)}h1,h2,h3,h4,h5{font-weight:900;line-height:1.2}p{text-wrap:pretty}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}*{scrollbar-width:thin;scrollbar-color:var(--ink-2) var(--paper-2)}::-webkit-scrollbar{width:calc(var(--u) * .6);height:calc(var(--u) * .6)}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--ink-2);border:2px solid var(--paper-2)}.panel{background:var(--paper);border:var(--border);box-shadow:var(--lift);color:var(--ink);min-width:0;min-height:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * .5);min-height:calc(var(--u) * 3.4);padding:0 calc(var(--u) * 1.4);font-weight:900;font-size:var(--fs);line-height:1.2;text-align:center;background:var(--paper);border:var(--border);box-shadow:var(--lift-sm);transition:transform .08s,box-shadow .08s}.btn:hover:not(:disabled){transform:translate(-1px,-1px)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.btn.primary{background:var(--gold)}.btn.danger{background:var(--danger);color:#fff}.btn.sm{min-height:calc(var(--u) * 2.6);padding:0 calc(var(--u) * 1);font-size:var(--fs-xs)}.btn.block{width:100%}.btn.sidebtn{flex-direction:column;gap:0;min-height:calc(var(--u) * 4.4);min-width:calc(var(--u) * 4.4);padding:calc(var(--u) * .3);font-size:var(--fs-xs)}.btn.sidebtn .ico{font-size:var(--fs-l);line-height:1}.btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.bar{display:block;position:relative;height:var(--bar-h);background:var(--paper-2);border:calc(var(--bw) * .7) solid var(--ink);overflow:hidden;min-width:0}.bar>i{position:absolute;left:0;top:0;bottom:0;width:var(--v, 0%);background:var(--c, var(--gold));transition:width .4s ease}.tag{display:inline-block;padding:0 calc(var(--u) * .6);font-size:var(--fs-xs);font-weight:900;color:#fff;background:var(--ink);line-height:1.6;white-space:nowrap}.tag.you{background:var(--heal)}.tag.ai{background:var(--util)}.tag.act{background:var(--gold);color:var(--ink)}.tag.down,.tag.bad{background:var(--danger)}.tag.new{background:var(--grow)}.ribbon{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * .6);padding:calc(var(--u) * .4) var(--pad);font-size:var(--fs);font-weight:900;color:#fff;border-bottom:var(--border)}.ribbon.is-ally{background:var(--heal)}.ribbon.is-foe{background:var(--danger)}.cap{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.4}.seg{display:flex;overflow-x:auto;overscroll-behavior:contain;border:var(--border);background:var(--paper-2)}.seg>button{flex:1 0 auto;min-height:calc(var(--u) * 3.2);padding:0 calc(var(--u) * 1.2);font-weight:900;white-space:nowrap;text-align:center}.seg>button+button{border-left:calc(var(--bw) * .7) solid var(--ink)}.seg>button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.input{width:100%;min-height:calc(var(--u) * 3.4);padding:0 calc(var(--u) * 1);font:inherit;font-weight:700;color:var(--ink);background:var(--paper-3);border:var(--border);border-radius:0}.field{display:grid;gap:calc(var(--u) * .4);min-width:0}.field>label,.field>.lab{font-size:var(--fs-xs);font-weight:900;color:var(--ink-2)}.modal-layer{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:calc(var(--u) * 1.2 + var(--safe-t)) calc(var(--u) * 1.2 + var(--safe-r)) calc(var(--u) * 1.2 + var(--safe-b)) calc(var(--u) * 1.2 + var(--safe-l));background:var(--backdrop)}.modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(var(--mw, 60ch),100%);max-height:100%;background:var(--paper);border:var(--border);box-shadow:var(--lift)}.modal.lg{--mw: min(110ch, 100%)}.modal.sm{--mw: 44ch}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:calc(var(--u) * .8) var(--pad);border-bottom:var(--border);background:var(--paper-2)}.modal-head h2{font-size:var(--fs-l)}.modal-body{padding:var(--pad);overflow:auto;overscroll-behavior:contain;display:grid;gap:var(--gap);align-content:start}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--gap);padding:calc(var(--u) * .8) var(--pad);border-top:var(--border);background:var(--paper-2)}.modal-actions>.btn{flex:0 1 auto}.lang{display:inline-flex;border:var(--border);background:var(--paper)}.lang button{min-height:calc(var(--u) * 2.6);padding:0 calc(var(--u) * .9);font-size:var(--fs-xs);font-weight:900}.lang button+button{border-left:calc(var(--bw) * .7) solid var(--ink)}.lang button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.sec{display:grid;gap:calc(var(--u) * .4)}.sec>h3{font-size:var(--fs);color:var(--ink-2)}.sec>p{font-size:var(--fs);line-height:1.65}.sprite{position:relative;overflow:hidden;flex:none}.card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:calc(var(--u) * .4);text-align:center;background:var(--paper);border:var(--border);box-shadow:var(--lift-sm);padding:0 calc(var(--u) * .6) calc(var(--u) * .6);transition:transform .12s}.card .band{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * .4);margin:0 calc(var(--u) * -.6);padding:calc(var(--u) * .2) calc(var(--u) * 2.2) calc(var(--u) * .2) calc(var(--u) * .6);color:#fff;font-weight:900;font-size:var(--fs-xs);border-bottom:var(--border)}.card .band .chap{font-weight:500;opacity:.9}.card .cost{position:absolute;right:calc(var(--u) * -.7);top:calc(var(--u) * -.7);display:grid;place-items:center;width:calc(var(--u) * 2.2);height:calc(var(--u) * 2.2);background:var(--paper);border:var(--border);border-radius:50%;font-weight:900;font-size:var(--fs)}.card .art{display:grid;place-items:start center;padding-top:calc(var(--u) * .3);height:calc(var(--u) * 5.2);margin:0 calc(var(--u) * -.6);border-bottom:var(--border)}.card .art img{height:calc(var(--u) * 3);width:auto;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.3))}.card .name{min-width:0;overflow-wrap:anywhere}.card .name h4{font-size:max(12px,calc(var(--u) * 1.1))}.card .name small{display:block;font-size:var(--fs-xs);color:var(--ink-2)}.card .desc{display:none;font-size:var(--fs);line-height:1.55}.card .fx{align-self:end;justify-self:center;padding:0 calc(var(--u) * .6);font-size:var(--fs-xs);font-weight:900;line-height:1.5;color:#fff;border:calc(var(--bw) * .7) solid var(--ink)}.card .art{position:relative}.card .hint{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:var(--fs-xs);font-weight:900;line-height:1.5;background:var(--paper-2);color:var(--ink);border-top:calc(var(--bw) * .7) solid var(--ink)}.card.is-cure .hint{background:var(--gold)}.card.is-bad .hint{background:var(--danger);color:#fff}.card.heal .band,.card.heal .fx{background:var(--heal)}.card.heal .art{background:var(--heal-bg) repeating-linear-gradient(45deg,transparent 0 8px,rgba(91,122,58,.14) 8px 10px)}.card.grow .band,.card.grow .fx{background:var(--grow)}.card.grow .art{background:var(--grow-bg) radial-gradient(circle at 50% 100%,rgba(168,69,42,.3),transparent 60%)}.card.grow{border-radius:calc(var(--u) * 1.2) calc(var(--u) * 1.2) 0 0}.card.grow .band{border-radius:calc(var(--u) * .9) calc(var(--u) * .9) 0 0}.card.util .band,.card.util .fx{background:var(--util)}.card.util .art{background:var(--util-bg)}.card.util{border-style:double;border-width:calc(var(--bw) * 1.6)}.card.sz-hand{width:clamp(calc(var(--u) * 8),calc((100cqw - var(--gap) * 5) / 5),calc(var(--u) * 11.5));height:100%;flex:none}.card.sz-hand:hover:not(:disabled){transform:translateY(calc(var(--u) * -.5))}.card.sz-hand.sel{transform:translateY(calc(var(--u) * -1));outline:var(--bw) solid var(--gold-2);outline-offset:calc(var(--bw) * .6)}.card.sz-hand.is-cure{box-shadow:0 0 0 calc(var(--bw) * .7) var(--gold-2),var(--lift-sm)}.card.sz-hand.is-bad{filter:grayscale(.85) brightness(.85)}.card:disabled:not(.sel){opacity:.55}.card.sz-big{width:calc(var(--u) * 17);min-height:calc(var(--u) * 24);cursor:pointer;padding-bottom:calc(var(--u) * .8)}.card.sz-big .art{height:calc(var(--u) * 7)}.card.sz-big .desc{display:block;font-size:var(--fs-xs)}.card.sz-big .fx{font-size:var(--fs)}.card.sz-big:hover{outline:var(--bw) solid var(--gold-2);outline-offset:calc(var(--bw) * .6)}.learn{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(var(--u) * 1.6);align-items:start}.learn-art{display:grid;place-items:center;padding:var(--pad);background:var(--paper-2);border:var(--border)}.learn-text{display:grid;gap:calc(var(--u) * 1.2);min-width:0}.cure-group{display:grid;gap:calc(var(--u) * .4);margin-top:calc(var(--u) * .6)}.cure-group .lab{font-size:var(--fs-xs);font-weight:900;color:var(--ink-2)}.cure-list{display:flex;flex-wrap:wrap;gap:calc(var(--u) * .6)}.cure{display:grid;gap:0;padding:calc(var(--u) * .4) calc(var(--u) * .8);background:var(--paper-3);border:var(--border)}.cure[data-kind="ui.learn.fix.perfect"]{border-color:var(--heal);background:var(--heal-bg)}.cure[data-kind="ui.learn.fix.harmful"]{border-color:var(--danger);background:var(--grow-bg)}.cure b{font-size:var(--fs)}@media(orientation:portrait){.learn{grid-template-columns:minmax(0,1fr)}.learn-art{justify-self:start}}.codex{display:grid;gap:var(--gap)}.progress{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--gap);font-weight:900}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 11),1fr));gap:var(--gap)}.codex-tile{display:grid;justify-items:center;align-content:start;gap:calc(var(--u) * .3);padding:var(--pad);text-align:center;background:var(--paper-3);border:var(--border);min-height:calc(var(--u) * 11)}.codex-tile:disabled{opacity:.6;background:var(--paper-2)}.codex-tile .q{display:grid;place-items:center;height:calc(var(--u) * 4.5);font-size:var(--fs-xl);font-weight:900;color:var(--ink-2)}.codex-tile b{font-size:var(--fs-xs)}.help-wrap{display:grid;gap:var(--gap)}.dots{display:flex;gap:calc(var(--u) * .6)}.dots i{width:calc(var(--u) * .9);height:calc(var(--u) * .9);border:calc(var(--bw) * .7) solid var(--ink);background:var(--paper-2)}.dots i.on{background:var(--ink)}.alloc{display:grid;gap:var(--gap)}.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.pool{display:grid;gap:calc(var(--u) * .6);align-content:start;padding:var(--pad);background:var(--paper-3);border:var(--border)}.pool.val{background:var(--util-bg)}.pool h3{font-size:var(--fs)}.pool .n{display:flex;align-items:baseline;gap:calc(var(--u) * .5);font-size:var(--fs-xxl);font-weight:900;line-height:1}.pool .n small{font-size:var(--fs-xs);color:var(--ink-2);font-weight:900}.stepper{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(var(--u) * .6)}.stepper output{text-align:center;font-size:var(--fs-xl);font-weight:900}.stepper .btn{min-width:calc(var(--u) * 3.4);padding:0}.row{display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:flex-start}@media(orientation:portrait){.chips{grid-template-columns:minmax(0,1fr)}}.cure-cards{display:flex;gap:var(--gap);height:calc(var(--u) * 17);padding:calc(var(--u) * .8) calc(var(--u) * .8) calc(var(--u) * .4) calc(var(--u) * .2);overflow-x:auto;overscroll-behavior:contain}.cure-cards .card{pointer-events:none}.look{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(var(--u) * 1.6);align-items:start}.look-preview{display:grid;justify-items:center;align-content:center;gap:calc(var(--u) * .8);min-width:calc(var(--u) * 14);min-height:calc(var(--u) * 16);padding:var(--pad);background:var(--paper-2);border:var(--border)}.look-pick{display:grid;gap:calc(var(--u) * 1);min-width:0}.look-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 4.6),1fr));gap:calc(var(--u) * .6)}.look-tile{display:grid;place-items:center;aspect-ratio:1;background:var(--paper-3);border:var(--border)}.look-tile img{width:76%;height:76%;object-fit:contain}.look-tile[aria-pressed=true]{background:var(--gold);outline:var(--bw) solid var(--gold-2);outline-offset:calc(var(--bw) * .5)}@media(orientation:portrait){.look{grid-template-columns:minmax(0,1fr)}.look-preview{grid-auto-flow:column;min-height:0;justify-content:center}}.card.sz-hand{grid-template-rows:auto minmax(0,1fr) auto auto}.card.sz-hand .art{height:auto;min-height:0;overflow:hidden}.card.sz-hand .art img{height:auto;max-height:calc(var(--u) * 3);max-width:70%;object-fit:contain}.card.sz-hand .name h4{line-height:1.15}.card.sz-hand .fx{max-width:100%;white-space:normal;line-height:1.2;padding:calc(var(--u) * .1) calc(var(--u) * .4)}.card.sz-hand .cost{overflow:visible}.card.sz-hand .name h4{font-size:max(10px,calc(var(--u) * .95));hyphens:auto}.card.sz-hand .name{max-width:100%}.card.sz-hand .name h4{overflow-wrap:anywhere;word-break:break-word;font-size:max(9px,calc(var(--u) * .85))}.card.sz-hand{grid-template-columns:minmax(0,1fr)}.card.sz-hand .fx,.card.sz-hand .name h4{min-width:0}.card.sz-hand .fx{overflow-wrap:anywhere;font-size:max(9px,calc(var(--u) * .85))}html,body{background:#15121b}h1,h2,h3,h4,.btn,.seg>button,.lang button,.tag,.pixel{font-family:var(--font-pixel);font-weight:400;letter-spacing:.02em}h1,h2,h3{color:var(--ink)}*{scrollbar-color:#5a5163 #1b1820}::-webkit-scrollbar-track{background:#1b1820}::-webkit-scrollbar-thumb{background:#5a5163;border-color:#1b1820}.panel{background:none;box-shadow:none;color:var(--ink);border-style:solid;border-width:calc(5px * var(--px));border-image:url(/assets/ui/panel.png) 5 fill / calc(5px * var(--px)) / 0 stretch;image-rendering:pixelated}.panel.frame{border-image-source:url(/assets/ui/frame.png)}.btn{min-height:calc(var(--u) * 3.2);padding:0 calc(var(--u) * 1.2);color:#f6e9cf;font-size:var(--fs);text-shadow:0 2px 0 rgba(0,0,0,.55);background:none;box-shadow:none;border-style:solid;border-width:calc(3px * var(--px)) calc(4px * var(--px));border-image:url(/assets/ui/btn.png) 3 4 fill / calc(3px * var(--px)) calc(4px * var(--px)) stretch;image-rendering:pixelated;transition:transform .06s}.btn:hover:not(:disabled){transform:none;border-image-source:url(/assets/ui/btn_hover.png);color:#2a1a0e;text-shadow:none}.btn:active:not(:disabled){transform:translateY(2px);border-image-source:url(/assets/ui/btn_down.png);box-shadow:none;color:#f6e9cf}.btn:disabled{opacity:1;border-image-source:url(/assets/ui/btn_off.png);color:#8d8679;text-shadow:none}.btn.primary{border-image-source:url(/assets/ui/btn_hover.png);color:#2a1a0e;text-shadow:none}.btn.primary:hover:not(:disabled){filter:brightness(1.12)}.btn.danger{border-image-source:url(/assets/ui/btn_down.png);color:#ffd9cf}.btn.sm{min-height:calc(var(--u) * 2.5);padding:0 calc(var(--u) * .8);font-size:var(--fs-xs);border-width:calc(2px * var(--px)) calc(3px * var(--px));border-image-width:calc(2px * var(--px)) calc(3px * var(--px))}.btn[aria-pressed=true]{border-image-source:url(/assets/ui/btn_down.png);color:var(--gold-2)}.btn kbd{margin-left:calc(var(--u) * .6);padding:0 calc(var(--u) * .4);font-family:var(--font-pixel);font-size:var(--fs-xs);border:2px solid currentColor;opacity:.7}.bar{height:var(--bar-h);background:#120f16;border:2px solid #0a080d;box-shadow:inset 0 2px #00000080}.bar>i{background:var(--c, var(--gold));box-shadow:inset 0 2px #ffffff40,inset 0 -2px #00000040}.hpbar>i{--c: #c94a3f;background:linear-gradient(#e2685a,#b8382f)}.tag{color:#fff;background:#4a4252;border:2px solid #0e0c12;padding:0 calc(var(--u) * .5);line-height:1.5;font-size:var(--fs-xs)}.tag.you{background:#4b7a3a}.tag.ai{background:#3d5b86}.tag.bad{background:#8a2c28}.tag.act{background:var(--gold);color:#24180b}.tag.down{background:#5a2020}.seg{border:none;background:none;gap:calc(var(--u) * .3);flex-wrap:wrap;overflow:visible}.seg>button{flex:1 0 auto;min-height:calc(var(--u) * 3);color:#e8dcc0;border-style:solid;border-width:calc(3px * var(--px)) calc(4px * var(--px));border-image:url(/assets/ui/btn_off.png) 3 4 fill / calc(3px * var(--px)) calc(4px * var(--px));image-rendering:pixelated;padding:0 calc(var(--u) * .6)}.seg>button+button{border-left:none;border-left-width:calc(4px * var(--px));border-left-style:solid}.seg>button[aria-pressed=true]{background:none;color:#2a1a0e;border-image-source:url(/assets/ui/btn_hover.png)}.seg>button small{opacity:.8;font-family:var(--font)}.lang{border:none;background:none;gap:2px}.lang button{min-height:calc(var(--u) * 2.3);padding:0 calc(var(--u) * .6);color:var(--ink-2);background:#1c1922;border:2px solid #0e0c12}.lang button+button{border-left:2px solid #0e0c12}.lang button[aria-pressed=true]{background:var(--gold);color:#24180b}.input{color:var(--ink);background:#18151d;border:2px solid #0e0c12;box-shadow:inset 0 2px #0009;font-family:var(--font)}.input::placeholder{color:#7a705f}.cap{color:var(--ink-2)}.modal{background:none;box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #0009;border-style:solid;border-width:calc(5px * var(--px));border-image:url(/assets/ui/frame.png) 5 fill / calc(5px * var(--px)) stretch;image-rendering:pixelated}.modal-head{background:none;border-bottom:2px solid rgba(0,0,0,.45);padding:calc(var(--u) * .5) calc(var(--u) * .8)}.modal-head h2{font-size:var(--fs-l);color:var(--gold-2);text-shadow:0 2px 0 #000}.modal-body{color:var(--ink)}.modal-actions{background:none;border-top:2px solid rgba(0,0,0,.45);padding:calc(var(--u) * .6) calc(var(--u) * .8)}.modal-layer{backdrop-filter:blur(1px)}.sec>h3{color:var(--gold);font-size:var(--fs)}.psprite{flex:none;background-image:var(--sheet);background-repeat:no-repeat;background-size:400% auto;background-position:calc(var(--col) * 100% / 3) 0;image-rendering:pixelated}.psprite.walk{animation:walk .6s steps(1) infinite}@keyframes walk{0%{background-position-y:0}25%{background-position-y:calc(100% / var(--rmax))}50%{background-position-y:calc(200% / var(--rmax))}75%{background-position-y:calc(300% / var(--rmax))}}.face{image-rendering:pixelated;border:2px solid #0e0c12;background:#1b1820;flex:none}.stat{display:grid;gap:2px;min-width:0}.stat .line{display:flex;justify-content:space-between;gap:var(--gap);font-size:var(--fs-xs)}.stat .line b{font-family:var(--font-pixel);font-weight:400}.stat.warn .line b{color:#ff7b6e}.models{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 20),1fr));gap:var(--gap)}.model-card{display:grid;gap:calc(var(--u) * .5);padding:var(--pad);background:#1b1820;border:2px solid #0e0c12}.model-h{display:flex;align-items:center;gap:calc(var(--u) * .6)}.model-h b{display:block}.facts{display:flex;flex-wrap:wrap;gap:calc(var(--u) * .3) calc(var(--u) * .9);font-size:var(--fs-xs);color:var(--ink-2)}.afflictions{display:flex;flex-wrap:wrap;gap:calc(var(--u) * .3)}.exam{display:grid;gap:2px}.exam-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:calc(var(--u) * 1.2);align-items:center;padding:calc(var(--u) * .3) calc(var(--u) * .6);background:#1b1820}.exam-row.head{background:none;font-size:var(--fs-xs);color:var(--ink-2)}.exam-row .who{display:flex;align-items:center;gap:calc(var(--u) * .5);min-width:0}.exam-row b{font-family:var(--font-pixel);font-weight:400}.exam-row.pass span:last-child{color:#9fd36a}.exam-row.fail span:last-child{color:#ff7b6e}.menu{display:grid;gap:var(--gap)}.pool{background:#1b1820;border:2px solid #0e0c12}.pool.val{background:#1a2130}.pool .n{font-family:var(--font-pixel);font-weight:400}.pool .n small{color:var(--ink-2);font-family:var(--font)}.chip-row{display:flex;flex-wrap:wrap;gap:4px}.chip-row i{width:calc(var(--u) * 1.4);height:calc(var(--u) * 1.4);border:2px solid #0e0c12}.chip-row i.tr{background:var(--heal)}.chip-row i.va{background:var(--util)}.offer{justify-content:center}.card{--paper: #e9dcc0;--paper-2: #cfc2a6;--paper-3: #fff8ea;--ink: #2a211a;--ink-2: #5e5646;--heal-bg: #d9dcc0;--grow-bg: #e8d2bd;--util-bg: #d8dbe3;--heal: #5b7a3a;--grow: #a8452a;--util: #4b5e7a;--border: var(--bw) solid #2a211a;color:#2a211a}.card .name h4{font-family:var(--font-pixel);font-weight:400}.die-face{display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);gap:calc(var(--u) * .45);width:calc(var(--u) * 6);aspect-ratio:1;padding:calc(var(--u) * .8);background:#efe4cc;border:calc(var(--u) * .35) solid #1a1418;box-shadow:inset 0 calc(var(--u) * -.5) 0 #bfae8c,0 calc(var(--u) * .4) 0 #000}.die-face i{border-radius:0}.die-face i.on{background:#2a1d1a}.die-face.spin{transform:rotate(var(--r, 12deg));animation:tumble .12s steps(2) infinite}@keyframes tumble{0%{transform:rotate(-14deg) translateY(-6%)}to{transform:rotate(10deg) translateY(4%)}}.die-face.land{animation:land .35s ease-out}@keyframes land{0%{transform:scale(1.35)}60%{transform:scale(.92)}to{transform:scale(1)}}.dice-layer{position:fixed;inset:0;z-index:var(--z-toast);display:grid;place-items:center;padding:var(--pad);background:#08060ca8}.dice-card{display:grid;gap:calc(var(--u) * 1.2);justify-items:center;width:min(calc(var(--u) * 34),100%);padding:calc(var(--u) * 1.4);border-style:solid;border-width:calc(5px * var(--px));border-image:url(/assets/ui/frame.png) 5 fill / calc(5px * var(--px)) stretch;image-rendering:pixelated;color:var(--ink)}.dice-title{display:flex;align-items:center;gap:var(--gap);width:100%}.dice-title b{display:block;font-family:var(--font-pixel);font-size:var(--fs-l);color:var(--gold-2)}.dice-title span{font-size:var(--fs-xs);color:var(--ink-2)}.dice-stage{display:grid;place-items:center;min-height:calc(var(--u) * 8)}.dice-table{display:grid;gap:3px;width:100%}.dice-row{display:grid;grid-template-columns:calc(var(--u) * 3) minmax(0,1fr);gap:var(--gap);align-items:center;padding:calc(var(--u) * .35) calc(var(--u) * .6);background:#1b1820;color:var(--ink-2)}.dice-row b{font-family:var(--font-pixel);font-weight:400;text-align:center}.dice-row.hit{background:#3a3322;color:var(--ink);outline:2px solid var(--gold)}.dice-row.hit.good{background:#24331f;outline-color:#8fd05a}.dice-row.hit.bad{background:#3a1f1d;outline-color:#ff6a5e}.dice-tap{font-size:var(--fs-xs);color:var(--ink-2);visibility:hidden}.dice-layer.done .dice-tap{visibility:visible;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.3}}.coach-bubble{font-family:var(--font);color:#24180b;background:var(--gold-2);border:3px solid #0e0c12}.home{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(var(--u) * 46));gap:calc(var(--u) * 2);align-items:center;padding:calc(var(--u) * 2 + var(--safe-t)) calc(var(--u) * 2 + var(--safe-r)) calc(var(--u) * 2 + var(--safe-b)) calc(var(--u) * 2 + var(--safe-l));isolation:isolate;overflow:hidden}.home .bg{position:absolute;inset:0;z-index:var(--z-back);background:url(/assets/battle/backgrounds/14.png) center / cover;image-rendering:pixelated;filter:brightness(.75) saturate(.8)}.home .bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 35% 45%,#0a080e1a 30%,#0a080ebf)}.title-block{display:grid;justify-items:center;gap:calc(var(--u) * 1.2);text-align:center;min-width:0}.game-title{font-size:calc(var(--fs-xxl) * 1.5);line-height:1;color:#f2d28a;text-shadow:0 calc(var(--u) * .35) 0 #3a1c12,0 calc(var(--u) * .7) 0 #000,0 0 calc(var(--u) * 3) rgba(240,180,90,.35)}.title-block .sub{font-family:var(--font-pixel);font-size:var(--fs-l);color:#d8c8a6;text-shadow:0 2px 0 #000}.lineup{display:flex;align-items:flex-end;justify-content:center;gap:calc(var(--u) * .8);min-height:calc(var(--u) * 8);filter:drop-shadow(0 calc(var(--u) * .4) 0 rgba(0,0,0,.6))}.title-block .credit{font-size:var(--fs-xs);color:#a99c84;text-shadow:0 1px 0 #000}.home .setup{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:100%;align-self:center;min-height:0}.home .setup-body{display:grid;gap:calc(var(--u) * .9);align-content:start;padding:calc(var(--u) * .6) calc(var(--u) * .4);overflow:auto;overscroll-behavior:contain}.home .setup-foot{display:grid;gap:calc(var(--u) * .5);padding:calc(var(--u) * .6) calc(var(--u) * .4) 0;border-top:2px solid rgba(0,0,0,.45)}.home .btn.start{min-height:calc(var(--u) * 4);font-size:var(--fs-l)}.field{display:grid;gap:calc(var(--u) * .35);min-width:0}.field>label,.field>.lab{font-size:var(--fs-xs);color:var(--ink-2)}.party{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 7),1fr));gap:calc(var(--u) * .4)}.seat{display:grid;justify-items:center;gap:2px;padding:calc(var(--u) * .5) calc(var(--u) * .2);background:#1b1820;border:2px solid #0e0c12;text-align:center;min-width:0;cursor:pointer}.seat:hover{background:#2f2938;outline:2px solid var(--gold)}.seat b{font-size:var(--fs-xs);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat .cls{font-size:calc(var(--fs-xs) * .92);color:var(--gold);line-height:1.2}.seat .tag{margin-top:2px}.seat-edit{display:grid;gap:calc(var(--u) * 1.2)}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 10),1fr));gap:calc(var(--u) * .5)}.class-tile{display:grid;justify-items:center;gap:2px;padding:calc(var(--u) * .6) calc(var(--u) * .3);background:#1b1820;border:2px solid #0e0c12;text-align:center}.class-tile b{font-family:var(--font-pixel);font-weight:400;font-size:var(--fs)}.class-tile span{font-size:var(--fs-xs);color:var(--ink-2)}.class-tile[aria-pressed=true]{background:#3a3322;outline:3px solid var(--gold)}.class-detail{display:grid;gap:4px;padding:calc(var(--u) * .6) calc(var(--u) * .8);background:#15121a;border:2px solid #0e0c12}.cd-row{display:grid;grid-template-columns:calc(var(--u) * 6) minmax(0,1fr);gap:var(--gap);font-size:var(--fs-xs)}.cd-row .k{color:var(--gold);font-family:var(--font-pixel)}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 4.2),1fr));gap:calc(var(--u) * .4)}.char-tile{aspect-ratio:1;padding:3px;background:#1b1820;border:2px solid #0e0c12}.char-tile .face{border:none}.char-tile[aria-pressed=true]{outline:3px solid var(--gold);background:#3a3322}@media(orientation:portrait){.home{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:var(--gap)}.game-title{font-size:var(--fs-xxl)}.lineup{min-height:0}.lineup .psprite{width:calc(var(--u) * 4)!important;height:calc(var(--u) * 4)!important}.home .setup{align-self:stretch}.title-block .credit{display:none}.title-block{gap:calc(var(--u) * .6)}}@media(orientation:landscape)and (max-height:560px){.game-title{font-size:var(--fs-xxl)}.lineup .psprite{width:calc(var(--u) * 4.5)!important;height:calc(var(--u) * 4.5)!important}}.title-btns{display:flex;gap:var(--gap)}.records{display:grid;gap:calc(var(--u) * 1.2)}.rec-list{display:grid;gap:3px}.rec-row{display:grid;grid-template-columns:calc(var(--u) * 2.4) minmax(0,1fr) auto auto auto;gap:calc(var(--u) * .8);align-items:center;padding:calc(var(--u) * .35) calc(var(--u) * .6);background:#1b1820;border-left:4px solid #4a4252;font-size:var(--fs-xs)}.rec-row.win{border-left-color:#8fd05a}.rec-row .rk,.rec-row .bytes{font-family:var(--font-pixel);font-weight:400}.rec-row .bytes{color:var(--gold-2)}.rec-row .when{display:flex;gap:calc(var(--u) * .4);align-items:center;min-width:0;overflow:hidden;white-space:nowrap}.rec-online{display:grid;gap:var(--gap)}@media(orientation:portrait){.rec-row{grid-template-columns:calc(var(--u) * 2) minmax(0,1fr) auto}.rec-row .cap,.rec-row .res{grid-column:2 / 4}}.codex-tabs{margin-bottom:calc(var(--u) * .4)}.book{display:grid;gap:var(--gap)}.codex-tile{position:relative;display:grid;justify-items:center;align-content:start;gap:2px;padding:calc(var(--u) * .6);background:#1b1820;border:2px solid #0e0c12;text-align:center;min-height:calc(var(--u) * 10)}.codex-tile b{font-size:var(--fs-xs);color:var(--ink)}.codex-tile .count{font-family:var(--font-pixel);font-size:var(--fs-xs);color:var(--gold-2)}.codex-tile.known{border-color:#6b4a2b}.codex-tile.known:hover{outline:2px solid var(--gold)}.codex-tile.met .psprite{filter:grayscale(1) brightness(.6)}.codex-tile.locked .psprite{filter:brightness(0);opacity:.6}.codex-tile:disabled{opacity:1}.card-book{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 17.5),1fr));gap:var(--gap)}.card-slot{display:grid;gap:calc(var(--u) * .5);justify-items:center;align-content:start;padding:calc(var(--u) * .6);background:#1b1820;border:2px solid #0e0c12}.card-slot .card{pointer-events:none}.card-slot.locked{place-content:center;min-height:calc(var(--u) * 12);color:var(--ink-2)}.card-slot.locked b{font-family:var(--font-pixel);font-size:var(--fs-xxl);color:#4a4252}.card-uses{display:grid;gap:3px;width:100%;font-size:var(--fs-xs)}.use{display:grid;gap:1px;padding:2px calc(var(--u) * .5);border-left:3px solid #b4a68a}.use b{font-family:var(--font-pixel);font-weight:400}.use.good{border-left-color:#8fd05a}.use.good b{color:#9fd36a}.use.bad{border-left-color:#ff6a5e}.use.bad b{color:#ff8b7f}.head-tools{display:flex;align-items:center;gap:calc(var(--u) * .4)}.music-btn{min-width:calc(var(--u) * 2.6);font-family:var(--font)}.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u) * .4)}.slot{display:grid;gap:1px;padding:calc(var(--u) * .45) calc(var(--u) * .6);background:#1b1820;border:2px solid #0e0c12;text-align:left;min-width:0}.slot b{font-family:var(--font-pixel);font-weight:400;font-size:var(--fs-xs);color:var(--gold)}.slot .cap,.slot .when{font-size:calc(var(--fs-xs) * .9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .when{color:#7f7666}.slot[aria-pressed=true]{background:#3a3322;outline:3px solid var(--gold)}.setup-foot .del{justify-self:center}.explore{position:absolute;inset:0;overflow:hidden;background:#15121b;touch-action:none}.explore .worldcanvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;cursor:pointer}.explore.shake{animation:shake .38s steps(6)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,4px)}}.explore .flash{position:absolute;inset:0;pointer-events:none;background:#fff;opacity:0}.explore .flash.on{animation:flash .38s steps(4)}@keyframes flash{0%{opacity:.9}50%{opacity:0}70%{opacity:.6}to{opacity:0}}.hud{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:calc(var(--u) * .8 + var(--safe-t)) calc(var(--u) * .8 + var(--safe-r)) calc(var(--u) * .8 + var(--safe-b)) calc(var(--u) * .8 + var(--safe-l));gap:var(--gap)}.hud>*{min-width:0}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gap)}.hud-party{display:grid;gap:4px;pointer-events:auto}.pcard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(var(--u) * .5);align-items:center;padding:4px calc(var(--u) * .6) 4px 4px;background:#100d14d1;border:2px solid #0e0c12;box-shadow:inset 0 0 0 2px #ffffff0d;min-width:calc(var(--u) * 15)}.pcard.down{filter:grayscale(1);opacity:.6}.pinfo{display:grid;gap:3px;min-width:0}.pname{display:flex;align-items:baseline;gap:calc(var(--u) * .4);font-size:var(--fs-xs);white-space:nowrap}.pname b{font-family:var(--font-pixel);font-weight:400;color:var(--ink)}.pname .cls{color:var(--gold);font-size:calc(var(--fs-xs) * .9);overflow:hidden;text-overflow:ellipsis}.hp{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(var(--u) * .4);align-items:center}.hp .num{font-family:var(--font-pixel);font-size:var(--fs-xs);color:var(--ink-2)}.hud-right{display:grid;gap:6px;justify-items:end}.hud-status{display:grid;gap:4px;justify-items:end;padding:calc(var(--u) * .5) calc(var(--u) * .8);background:#100d14d1;border:2px solid #0e0c12;pointer-events:auto}.hud-status .region{display:flex;align-items:baseline;gap:calc(var(--u) * .6)}.hud-status .region b{font-family:var(--font-pixel);font-weight:400;font-size:var(--fs-l);color:var(--gold-2);text-shadow:0 2px 0 #000}.hud-status .region span{font-size:var(--fs-xs);color:#ff9a8a}.stat-line{display:flex;align-items:center;gap:calc(var(--u) * .5);font-size:var(--fs-xs)}.stat-line .lab{color:var(--ink-2);white-space:nowrap}.stat-line b{font-family:var(--font-pixel);font-weight:400}.pips{display:inline-flex;gap:2px}.pips i{width:calc(var(--u) * .75);height:calc(var(--u) * .9);background:#1b1820;border:2px solid #0e0c12}.pips.doom i.on{background:var(--doom);box-shadow:0 0 6px #966ef099}.pips.energy{flex-wrap:nowrap;gap:calc(var(--u) * .45);padding-left:4px}.pips.energy i{width:calc(var(--u) * .9);height:calc(var(--u) * .9);transform:rotate(45deg);flex:none}.pips.energy i.on{background:#ffd34d;box-shadow:0 0 6px #ffd250b3}.hud-btns{display:flex;gap:4px;pointer-events:auto}.hud-btn{flex-direction:column;gap:0;min-height:calc(var(--u) * 3.6);min-width:calc(var(--u) * 4.2);padding:0 calc(var(--u) * .4);line-height:1.1}.hud-btn .ico{font-size:var(--fs-l);line-height:1}.hud-btn .lab{font-size:calc(var(--fs-xs) * .9)}.hud-toast{display:grid;justify-items:center;align-content:start}.toast{padding:calc(var(--u) * .5) calc(var(--u) * 1.2);font-size:var(--fs);color:#24180b;background:var(--gold-2);border:3px solid #0e0c12;box-shadow:0 4px #00000080;max-width:min(calc(var(--u) * 40),92vw);text-align:center;animation:toastIn .2s steps(3)}@keyframes toastIn{0%{transform:translateY(-40%);opacity:0}}.hud-bottom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:var(--gap)}.hud-action{display:grid;justify-items:center;gap:4px;pointer-events:auto}.hud-action:empty{display:none}.act-btn{min-height:calc(var(--u) * 4);font-size:var(--fs-l);padding:0 calc(var(--u) * 2)}.act-cap{font-size:var(--fs-xs);color:var(--ink);background:#100d14d1;padding:2px calc(var(--u) * .6);border:2px solid #0e0c12}.mini-wrap{justify-self:end;padding:3px;background:#100d14d9;border:2px solid #0e0c12;box-shadow:inset 0 0 0 2px #d8b15559;pointer-events:none}.minimap{display:block;width:calc(var(--u) * 10);height:calc(var(--u) * 10);image-rendering:pixelated}.hud-bottom .hud-action{grid-column:2}.hud-bottom .mini-wrap{grid-column:3}.stick{grid-column:1;display:none;position:relative;width:calc(var(--u) * 9);height:calc(var(--u) * 9);border-radius:50%;background:#100d148c;border:3px solid rgba(216,177,85,.45);pointer-events:auto;touch-action:none}.stick-knob{position:absolute;left:30%;top:30%;width:40%;height:40%;border-radius:50%;background:#d8b155bf;border:3px solid #0e0c12;pointer-events:none}@media(pointer:coarse){.stick{display:block}}@media(orientation:portrait){.hud{gap:calc(var(--u) * .4)}.hud-top{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u) * .4)}.hud-party{grid-template-columns:repeat(auto-fit,minmax(calc(var(--u) * 7.2),1fr));gap:3px}.pcard{min-width:0;grid-template-columns:auto minmax(0,1fr);gap:calc(var(--u) * .3);padding:2px calc(var(--u) * .3) 2px 2px}.pcard .face{width:calc(var(--u) * 2.2)!important;height:calc(var(--u) * 2.2)!important}.pname{font-size:calc(var(--fs-xs) * .9)}.pname .cls{display:none}.hp{grid-template-columns:minmax(0,1fr)}.hp .num{display:none}.hud-right{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:stretch;gap:calc(var(--u) * .4)}.hud-status{display:flex;flex-wrap:wrap;align-items:center;justify-items:start;gap:2px calc(var(--u) * .7);padding:calc(var(--u) * .3) calc(var(--u) * .5)}.hud-status .region b{font-size:var(--fs)}.pips i{width:calc(var(--u) * .5);height:calc(var(--u) * .7)}.hud-btns{gap:3px}.hud-btn{min-width:calc(var(--u) * 2.9);min-height:calc(var(--u) * 2.9);padding:0}.hud-btn .lab{display:none}.hud-btns .music-btn{min-height:calc(var(--u) * 2.9)}.minimap{width:calc(var(--u) * 6.5);height:calc(var(--u) * 6.5)}.stick{width:calc(var(--u) * 8);height:calc(var(--u) * 8)}.act-btn{min-height:calc(var(--u) * 3.4);font-size:var(--fs);padding:0 calc(var(--u) * 1)}.act-cap{font-size:calc(var(--fs-xs) * .9);text-align:center}.toast{font-size:var(--fs-xs)}}@media(orientation:landscape)and (max-height:560px){.pcard{min-width:calc(var(--u) * 13)}.minimap{width:calc(var(--u) * 8);height:calc(var(--u) * 8)}}.stat-line.bounty b{color:#ffd08a;max-width:calc(var(--u) * 9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-line.bounty .num{font-family:var(--font-pixel)}.stat-line.bounty.ready .num{color:#9dff7a}.battle{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(var(--u) * 24));grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "stage weak" "hand act";gap:calc(var(--u) * .5);padding:calc(var(--u) * .5 + var(--safe-t)) calc(var(--u) * .5 + var(--safe-r)) calc(var(--u) * .5 + var(--safe-b)) calc(var(--u) * .5 + var(--safe-l));background:#120f17;overflow:hidden}.btop{grid-area:top;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--gap);padding:2px 0}.btop .round{display:flex;align-items:baseline;gap:calc(var(--u) * .6);white-space:nowrap}.btop .round b{font-family:var(--font-pixel);font-weight:400;font-size:var(--fs-l);color:var(--gold-2);text-shadow:0 2px 0 #000}.btop .round span{font-size:var(--fs-xs);color:var(--ink-2)}.btop .turn{justify-self:center;font-family:var(--font-pixel);font-size:var(--fs);color:var(--ink);text-shadow:0 2px 0 #000;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage{grid-area:stage;position:relative;container-type:size;overflow:hidden;border:3px solid #0e0c12;box-shadow:inset 0 0 0 2px #d8b15540;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.35fr) minmax(0,1fr);--fs-sprite: min(15cqh, 9cqw);--fs-monster: min(46cqh, 24cqw)}.stage .bgimg{position:absolute;inset:0;background:var(--bg) center 70% / cover;image-rendering:pixelated;filter:brightness(.8) saturate(.85)}.stage .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,90,150,.22),transparent 40%,transparent 60%,rgba(160,40,40,.22)),linear-gradient(transparent 55%,#00000073);pointer-events:none}.side{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.side-plate{justify-self:start;margin:calc(var(--u) * .5);padding:2px calc(var(--u) * .9);font-family:var(--font-pixel);font-size:var(--fs);color:#fff;text-shadow:0 2px 0 #000;border:3px solid #0e0c12;z-index:var(--z-base)}.side-plate.ally{background:#2f6aa0}.side-plate.foe{justify-self:end;background:#a8322e}.fighters{position:relative;display:grid;align-content:center;justify-items:start;gap:calc(var(--fs-sprite) * .05);padding:0 calc(var(--u) * .8);min-height:0}.fighter{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(var(--u) * .6);margin-left:calc(var(--i) * var(--fs-sprite) * .18);min-width:0}.fighter .body{order:-1;filter:drop-shadow(0 calc(var(--u) * .3) 0 rgba(0,0,0,.55))}.fighter .plate{display:grid;gap:2px;padding:2px calc(var(--u) * .5);background:#0e1622d9;border:2px solid #0e0c12;border-left:4px solid var(--ally);min-width:0;max-width:calc(var(--u) * 13)}.pl-name{display:flex;align-items:baseline;gap:calc(var(--u) * .4);font-size:var(--fs-xs);white-space:nowrap;min-width:0}.pl-name b{font-family:var(--font-pixel);font-weight:400;color:#e6f0ff;overflow:hidden;text-overflow:ellipsis}.pl-name .cls{color:#9cc4ec;font-size:calc(var(--fs-xs) * .9);overflow:hidden;text-overflow:ellipsis}.fighter .hp{grid-template-columns:minmax(calc(var(--u) * 5),1fr) auto}.fighter.acting .plate{border-color:var(--gold-2);border-left-color:var(--gold-2);box-shadow:0 0 calc(var(--u) * .8) #f0c45a80}.fighter .arrow{position:absolute;left:calc(var(--fs-sprite) * .5);top:calc(var(--u) * -1.2);translate:-50% 0;rotate:90deg;color:var(--gold-2);font-size:var(--fs-l);text-shadow:0 2px 0 #000;animation:nudge .6s steps(2) infinite}@keyframes nudge{50%{transform:translate(4px)}}.fighter.down{filter:grayscale(1) brightness(.6)}.fighter.down .body{transform:rotate(-90deg)}.center{display:grid;place-items:center;z-index:var(--z-base)}.foe-fig{position:relative;display:grid;justify-items:center;align-content:center;gap:calc(var(--u) * .5);padding-right:calc(var(--u) * 1.2);min-height:0}.foe-fig .plate.foe{display:grid;justify-items:center;gap:0;padding:2px calc(var(--u) * .8);background:#280c0ee0;border:2px solid #0e0c12;border-bottom:4px solid var(--foe);max-width:100%;text-align:center}.foe-fig .plate.foe b{font-family:var(--font-pixel);font-weight:400;font-size:var(--fs);color:#ffd6cf}.foe-fig .plate.foe .cls{font-size:var(--fs-xs);color:#ff9a8a}.foe-fig .body{filter:drop-shadow(0 calc(var(--u) * .5) 0 rgba(0,0,0,.55)) drop-shadow(0 0 calc(var(--u) * 1.4) rgba(220,60,50,.35))}.foe-fig.boss .body{filter:drop-shadow(0 calc(var(--u) * .5) 0 rgba(0,0,0,.55)) drop-shadow(0 0 calc(var(--u) * 2.4) rgba(255,40,40,.7))}.foe-fig.dead .body{opacity:.25;filter:grayscale(1)}.cast{animation:cast .45s steps(4)}@keyframes cast{40%{transform:translate(calc(var(--u) * 1.6))}}.hit{animation:hit .4s steps(4)}@keyframes hit{25%{transform:translate(-6px);filter:brightness(2.2) saturate(0)}50%{transform:translate(5px)}75%{transform:translate(-3px);filter:brightness(2) saturate(0)}}.lunge{animation:lunge .45s steps(4)}@keyframes lunge{40%{transform:translate(calc(var(--u) * -3))}}.die{animation:die .7s steps(5) forwards}@keyframes die{to{opacity:.25;transform:scale(.85);filter:grayscale(1)}}.pop{position:absolute;top:30%;z-index:var(--z-float);padding:2px calc(var(--u) * .8);font-family:var(--font-pixel);font-size:var(--fs-l);color:#fff;text-shadow:0 2px 0 #000,0 0 8px #000;pointer-events:none;animation:popUp 1.3s steps(8) forwards;white-space:nowrap}.pop.ally{left:14%}.pop.foe{right:14%}.pop.center{left:50%;translate:-50% 0;top:12%}.pop.good{color:#b7f07d}.pop.bad{color:#ff7f72}@keyframes popUp{0%{transform:translateY(20%);opacity:0}15%{opacity:1}80%{opacity:1}to{transform:translateY(-80%);opacity:0}}.dice-pop{display:flex;gap:calc(var(--u) * .6)}.dice-pop .die-face{width:min(calc(var(--u) * 4.5),9cqw)}.weak-panel{grid-area:weak;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:calc(var(--u) * .5);min-height:0;overflow:auto;overscroll-behavior:contain}.wp-head{display:grid;gap:0}.wp-head b{font-family:var(--font-pixel);font-weight:400;color:#ff9a8a;font-size:var(--fs)}.weak{display:grid;gap:4px}.wk{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:calc(var(--u) * .5);align-items:center;padding:calc(var(--u) * .35) calc(var(--u) * .5);background:#2a1416;border:2px solid #0e0c12;border-left:4px solid var(--foe)}.wk-name{display:grid;min-width:0}.wk-name b{font-size:var(--fs-xs);font-family:var(--font-pixel);font-weight:400;color:#ffe2dc}.wk-name span{font-size:calc(var(--fs-xs) * .9);color:#c9a39c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wk .sev{display:inline-flex;gap:2px}.wk .sev i{width:calc(var(--u) * .7);height:calc(var(--u) * 1.1);background:#1b1014;border:2px solid #0e0c12}.wk .sev i.on{background:#e2453b}.wk .ok{font-size:var(--fs-xs);color:#9fd36a;font-family:var(--font-pixel)}.wk.done{background:#19241a;border-left-color:#6f9a48}.wk .wk-q{min-width:calc(var(--u) * 2.4);padding:0}.model-strip{display:grid;gap:4px;align-content:start;padding-top:calc(var(--u) * .4);border-top:2px solid rgba(0,0,0,.45)}.ms-head{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u) * .4);font-size:var(--fs-xs)}.ms-head b{font-family:var(--font-pixel);font-weight:400;color:#9cc4ec}.handrow{grid-area:hand;display:grid;grid-template-rows:auto calc(var(--u) * 15.5);gap:2px;min-width:0}.hand-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--gap);min-width:0}.hand-head .cap{font-family:var(--font-pixel)}.blog{font-size:var(--fs-xs);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.blog.good{color:#b7f07d}.blog.bad{color:#ff8b7f}.hand{container-type:inline-size;display:flex;align-items:stretch;gap:var(--gap);overflow-x:auto;overflow-y:visible;overscroll-behavior:contain;padding:calc(var(--u) * .9) calc(var(--u) * .6) 2px 2px;min-height:0;scroll-snap-type:x proximity}.hand>.card{scroll-snap-align:start}.hand:empty:after{content:attr(data-empty);align-self:center;color:var(--ink-2)}.actcol{grid-area:act;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:calc(var(--u) * .4);min-height:0}.energy{display:grid;grid-template-columns:auto minmax(0,1fr) auto;white-space:nowrap;align-items:center;gap:calc(var(--u) * .5);font-size:var(--fs-xs)}.energy .num{font-family:var(--font-pixel);font-size:var(--fs);color:#ffd34d}.bbtns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.bbtns .btn{min-height:calc(var(--u) * 3);padding:0 calc(var(--u) * .4);font-size:var(--fs-xs)}.bbtns .b-play{grid-column:1 / 3;min-height:calc(var(--u) * 3.6);font-size:var(--fs)}.b-skill{flex-direction:column;gap:0;line-height:1.15}.b-skill small{font-family:var(--font);font-size:calc(var(--fs-xs) * .85);opacity:.85;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardinfo{display:grid;align-content:start;gap:2px;font-size:var(--fs-xs);line-height:1.45;overflow:auto;min-height:0;color:var(--ink)}.cardinfo b{color:var(--gold-2);font-family:var(--font-pixel);font-weight:400}.cardinfo .fx{color:#9fd36a}.after{display:grid;gap:var(--gap)}.after-list{display:grid;gap:4px}.after-row{display:grid;gap:2px;padding:calc(var(--u) * .5) calc(var(--u) * .7);background:#1b1820;border-left:4px solid var(--gold)}.after-row b{font-family:var(--font-pixel);font-weight:400;color:var(--gold-2)}.after-row span{font-size:var(--fs-xs);line-height:1.6}.unlock{display:grid;justify-items:center;gap:var(--gap)}@media(orientation:portrait){.battle{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-areas:"top" "stage" "weak" "hand" "act"}.btop{grid-template-columns:auto minmax(0,1fr) auto}.btop .turn{display:none}.stage{--fs-sprite: min(13cqh, 11cqw);--fs-monster: min(42cqh, 30cqw)}.fighter .plate{max-width:calc(var(--u) * 9)}.weak-panel{max-height:22dvh;grid-template-rows:auto auto}.model-strip{display:none}.handrow{grid-template-rows:auto calc(var(--u) * 13.5)}.card.sz-hand{width:calc(var(--u) * 9.5)}.actcol{grid-template-rows:auto auto}.bbtns{grid-template-columns:repeat(4,minmax(0,1fr))}.bbtns .b-play{grid-column:auto}.cardinfo{display:none}}@media(orientation:landscape)and (max-height:560px){.battle{grid-template-columns:minmax(0,1fr) minmax(0,calc(var(--u) * 22))}.stage{--fs-sprite: min(20cqh, 8cqw)}.side-plate{margin:2px;padding:0 calc(var(--u) * .6)}.fighter .plate{grid-template-columns:auto minmax(calc(var(--u) * 4),1fr);align-items:center;gap:calc(var(--u) * .4);padding:1px calc(var(--u) * .4)}.fighter .hp .num,.pl-name .cls{display:none}.handrow{grid-template-rows:auto calc(var(--u) * 12)}.card.sz-hand{width:calc(var(--u) * 11.5);grid-template-rows:auto auto auto;align-content:space-between}.card.sz-hand .art{height:calc(var(--u) * 1.9)}.card.sz-hand .art img{max-height:calc(var(--u) * 1.7)}.card.sz-hand .hint{line-height:1.2}.card.sz-hand .fx{font-size:max(9px,calc(var(--u) * .8));line-height:1.1}.card.sz-hand{padding-bottom:calc(var(--u) * .3);gap:calc(var(--u) * .25)}.card.sz-hand .name small,.hand-head .cap{display:none}}.energy .pips{display:flex;flex-wrap:nowrap;align-items:center;min-width:0;overflow:hidden;padding:4px}.result{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--u) * 1.5);isolation:isolate}.result .bg{position:absolute;inset:0;z-index:var(--z-back);background:url(/assets/battle/backgrounds/24.png) center / cover;image-rendering:pixelated;filter:brightness(.6)}.result .modal{max-height:100%}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 9),1fr));gap:calc(var(--u) * .5)}.rstat{display:grid;gap:2px;padding:calc(var(--u) * .6);background:#1b1820;border:2px solid #0e0c12}.rstat small{font-size:var(--fs-xs);color:var(--ink-2)}.rstat b{font-family:var(--font-pixel);font-weight:400;font-size:var(--fs-l);color:var(--gold-2)}.submit:empty{display:none}.trial{display:grid;gap:var(--gap)}.trial-stakes{display:grid;gap:4px}.trial-stakes>div{padding:calc(var(--u) * .4) calc(var(--u) * .7);background:#1b1820;font-size:var(--fs-xs)}.trial-stakes .good{border-left:4px solid #8fd05a}.trial-stakes .bad{border-left:4px solid #ff6a5e}.riddle{display:grid;gap:var(--gap)}.sage-head{display:flex;align-items:center;gap:var(--gap)}.sage-head p{color:#c9b6ff}.riddle .symptom{padding:calc(var(--u) * .8) var(--pad);background:#1b1820;border-left:4px solid #8f6ad8;line-height:1.7}.choices{display:grid;gap:calc(var(--u) * .4)}.shop,.board-body{display:grid;gap:var(--gap)}.shop .sage-head p,.board-body .sage-head p{color:#ffd08a}.wallet{display:grid;gap:2px;padding:calc(var(--u) * .5) calc(var(--u) * .8);background:#1b1820;border-left:4px solid var(--gold-2)}.wallet .cap,.shop .cap,.board-body .cap{font-size:var(--fs-xs);color:var(--ink-2)}.wares{flex-wrap:wrap;gap:var(--gap)}.ware{position:relative;display:grid;gap:calc(var(--u) * .4);justify-items:center}.ware.sold .card{opacity:.4;filter:grayscale(1)}.ware .count{position:absolute;top:calc(var(--u) * -.4);left:calc(var(--u) * -.4);padding:0 calc(var(--u) * .4);background:#2a1d1a;color:var(--gold-2);font-family:var(--font-pixel);border:2px solid #0e0c12}.deck-list{flex-wrap:wrap;gap:var(--gap)}.forget{display:grid;gap:4px}.stele .symptom{border-left-color:#5a8cff}.bounty-line{padding:calc(var(--u) * .5) calc(var(--u) * .8);background:#1b1820;border-left:4px solid #c9a36b;color:#ffd08a}@media(max-width:639px){.wares{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u) * .5);align-items:start}.ware{justify-items:stretch}.ware .card,.wares>.card{width:100%;min-width:0}.ware .btn{width:100%;padding-inline:2px;font-size:var(--fs-xs);white-space:normal;line-height:1.3}}.coach{position:fixed;inset:0;z-index:var(--z-toast);pointer-events:none}.coach.off{visibility:hidden}.coach-ring{position:fixed;border:calc(var(--bw) * 1.4) solid var(--gold-2);box-shadow:0 0 0 calc(var(--bw) * .7) var(--ink),0 0 calc(var(--u) * 1.2) var(--gold-2);animation:ring 1.1s ease-in-out infinite}@keyframes ring{0%,to{opacity:1}50%{opacity:.45}}.coach-bubble{position:fixed;display:flex;align-items:center;gap:var(--gap);max-width:min(calc(var(--u) * 30),calc(100vw - 12px));padding:calc(var(--u) * .6) calc(var(--u) * 1);font-size:var(--fs);font-weight:900;line-height:1.4;background:var(--gold);color:var(--ink);border:var(--border);box-shadow:var(--lift-sm);pointer-events:none}.coach-bubble .btn{pointer-events:auto;flex:none}