@font-face{font-family:Jua;src:url(./jua-BPECkXVj.woff2)format("woff2");font-display:block}@font-face{font-family:Titan One;src:url(./titan-one-_a2m9v0g.woff2)format("woff2");font-display:block}@property --bg1{syntax:"<color>";inherits:true;initial-value:#17503a}@property --bg2{syntax:"<color>";inherits:true;initial-value:#071a13}@property --tier{syntax:"<color>";inherits:true;initial-value:#48d25e}@property --tier-lt{syntax:"<color>";inherits:true;initial-value:#b4f7a8}@property --tier-dk{syntax:"<color>";inherits:true;initial-value:#1f8a3c}@property --glow{syntax:"<color>";inherits:true;initial-value:#7dff8c}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#1a1033;--ink-2:#2a1d52;--paper:#fff8ec;--muted:#c9bfe8;--panel:#231845;--panel-hi:#34276a;--up:#7cff6b;--scrim:#0c061e9e;--cur1:#5a1838;--cur2:#140615;--steel-1:#e7ecf4;--steel-2:#9aa6ba;--steel-3:#56617a;--silver-1:#fff;--silver-2:#cbd6ea;--silver-3:#7f8baa;--gold-1:#fff3b0;--gold-2:#f5b82e;--gold-3:#a5600a;--jewel:#ff6fd8;--jewel-dk:#a0239a;--diamond:#bff6ff;--diamond-dk:#6fd3f0;--coin:#ffc933;--coin-dk:#a85f00;--gem:#39e1e6;--gem-dk:#0fa3b8;--new-1:#ff5a6e;--new-2:#d81e48;--sea-bg1:#155a6e;--sea-bg2:#041a22;--night-bg1:#2c3470;--night-bg2:#0a0e2a;--xp:#ff6fd8;--dealt:#ffc933;--healed:#7cff6b;--shield:#bff6ff;--a-water:#3a8bff;--a-fire:#ff8a2a;--a-nature:#4cc46a;--a-earth:#c9853f;--a-thunder:#8f63f5;--a-light:#ffc933;--t-common:#48d25e;--t-rare:#3f8cff;--t-epic:#b055ff;--t-legend:#ffc21f;--r-s:8px;--r-m:14px;--r-l:22px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--fs-xs:12px;--fs-s:14px;--fs-m:16px;--fs-l:19px;--fs-xl:24px;--fs-title:clamp(34px, 9vmin, 72px);--rim:0 0 0 3px var(--ink);--drop:0 4px 0 var(--ink);--bevel:inset 2px 2px 0 #fffc, inset -2px -2px 0 #140c2859;--hollow:inset 0 3px 8px #0000008c;--soft:0 12px 28px #08031873;--font-display:"Titan One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--font-ko:"Jua", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--crown:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 22'%3E%3Cpath d='M4 19 L3 6 L10 11 L16 2.5 L22 11 L29 6 L28 19 Z' fill='%23F5B82E' stroke='%231A1033' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M6 15.5 H26' stroke='%23A5600A' stroke-width='2'/%3E%3Ccircle cx='16' cy='3' r='2.4' fill='%23BFF6FF' stroke='%231A1033' stroke-width='1.6'/%3E%3C/svg%3E");--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}[hidden]{display:none!important}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--paper);font-family:var(--font-ko);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}button{color:inherit;font-family:inherit}#app{background:radial-gradient(ellipse 90% 70% at 50% 42%, var(--bg1), var(--bg2) 82%);grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.top{z-index:10;align-items:center;gap:var(--sp-2);padding:calc(var(--safe-t) + var(--sp-3)) var(--sp-4) var(--sp-2);min-height:60px;display:flex;position:relative}.top .grow{flex:1;min-width:0}main{min-height:0;position:relative;overflow:hidden}.screen{display:none;position:absolute;inset:0}.screen.on{display:grid}.plate{justify-content:center;align-items:center;gap:var(--sp-2);min-height:38px;padding:var(--sp-2) var(--sp-6);border-radius:var(--r-m);font:var(--fs-m)/1 var(--font-ko);color:var(--ink);letter-spacing:.02em;white-space:nowrap;box-shadow:var(--bevel), var(--rim), var(--drop);display:inline-flex;position:relative}.plate small{font-size:var(--fs-s);opacity:.8}.top .plate{max-width:100%}#plateText{text-overflow:ellipsis;min-width:0;overflow:hidden}.m-steel{background:repeating-linear-gradient(100deg, #ffffff1f 0 1px, transparent 1px 3px), linear-gradient(145deg, var(--steel-1) 0%, var(--steel-2) 52%, var(--steel-3) 100%)}.m-silver{background:repeating-linear-gradient(100deg, #ffffff2e 0 1px, transparent 1px 3px), linear-gradient(145deg, var(--silver-1) 0%, var(--silver-2) 48%, var(--silver-3) 100%)}.m-gold{background:repeating-linear-gradient(100deg, #ffffff29 0 1px, transparent 1px 3px), linear-gradient(145deg, var(--gold-1) 0%, var(--gold-2) 50%, var(--gold-3) 100%)}.deco .c{z-index:2;width:9px;height:9px;position:absolute}.deco .tl{top:4px;left:8px}.deco .tr{top:4px;right:8px}.deco .bl{bottom:4px;left:8px}.deco .br{bottom:4px;right:8px}.d-steel .c{background:radial-gradient(circle at 35% 30%, #fff 0 16%, var(--steel-2) 46%, var(--steel-3));box-shadow:0 0 0 1.5px var(--ink);border-radius:50%}.d-silver .c{background:linear-gradient(135deg, #fff 0 22%, var(--jewel) 23% 58%, var(--jewel-dk) 59%);width:11px;height:11px;box-shadow:0 0 0 1.5px var(--ink);border-radius:2px;rotate:45deg}.d-gold .c{background:linear-gradient(135deg, #fff 0 30%, var(--diamond) 31% 56%, var(--diamond-dk) 57%);width:12px;height:12px;box-shadow:0 0 0 1.5px var(--ink), 0 0 7px #fffc;border-radius:2px;rotate:45deg}.deco .crown{display:none}.d-gold .crown{z-index:3;background:var(--crown) center / contain no-repeat;width:32px;height:22px;margin-left:-16px;display:block;position:absolute;top:-16px;left:50%}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-5);border-radius:var(--r-m);cursor:pointer;font:var(--fs-l)/1 var(--font-ko);color:var(--ink);white-space:nowrap;box-shadow:var(--bevel), var(--rim), var(--drop);border:0;transition:filter .15s,translate 80ms;display:inline-flex;position:relative}.btn.big{min-height:52px;font-size:var(--fs-xl);padding:0 var(--sp-6)}.btn:hover{filter:brightness(1.08)}.btn:active{box-shadow:var(--bevel), var(--rim), 0 2px 0 var(--ink);translate:0 2px}.btn:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.btn:disabled{filter:grayscale(.7)brightness(.72);cursor:default;translate:0}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--ink);box-shadow:var(--bevel), var(--rim), 0 3px 0 var(--ink);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.icon-btn svg{width:22px;height:22px}.icon-btn:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.icon-btn:active{translate:0 2px}#mute .x,#mute[aria-pressed=true] .w{display:none}#mute[aria-pressed=true] .x{display:block}.pill{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:linear-gradient(180deg, var(--panel), var(--ink-2));color:var(--paper);box-shadow:var(--hollow), var(--rim);font:var(--fs-s)/1.1 var(--font-ko);white-space:nowrap;display:inline-flex}.pill img{width:20px;height:20px}.speed-btn{min-width:58px;font:var(--fs-m)/1 var(--font-display)}#scr-map{grid-template-rows:auto auto 1fr auto auto;justify-items:center}#app[data-chapter="2"]{--bg1:var(--sea-bg1);--bg2:var(--sea-bg2)}#app[data-chapter="3"]{--bg1:var(--night-bg1);--bg2:var(--night-bg2)}.chapter-tabs{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) 0;flex-wrap:wrap;justify-content:center;display:flex}.ch-tab{min-height:36px;padding:0 var(--sp-4);border-radius:var(--r-pill);cursor:pointer;font:var(--fs-s)/1 var(--font-ko);color:var(--ink);white-space:nowrap;box-shadow:var(--bevel), var(--rim), 0 3px 0 var(--ink);border:0}.ch-tab b{font-weight:400;font-family:var(--font-display);margin-right:var(--sp-1)}.ch-tab svg.inf{vertical-align:-.15em;width:1.6em;height:1em}@media (max-width:520px){.ch-tab:not(.on) .nm{display:none}.ch-tab:not(.on) b{margin-right:0}}.ch-tab.locked{cursor:default;background:linear-gradient(145deg, var(--panel-hi), var(--ink-2));color:var(--muted);box-shadow:var(--hollow), var(--rim)}.ch-tab:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.coin-pill{color:var(--gold-1);font:var(--fs-m)/1 var(--font-display);font-variant-numeric:tabular-nums}.coin-pill b{font-weight:400}.coin-pill small{font:var(--fs-xs)/1 var(--font-ko);color:var(--muted)}svg.coin{flex:none;width:20px;height:20px}#goldPill{display:none}#app[data-screen=map] #goldPill{display:inline-flex}#app.has-ad{bottom:calc(var(--ad-h) + env(safe-area-inset-bottom,0px));--safe-b:0px}#adGold{display:none}#app.ads[data-screen=map] #adGold{display:inline-flex}.ad-gold{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;min-height:32px;font:var(--fs-s)/1 var(--font-display);color:var(--ink);box-shadow:var(--bevel), var(--rim), var(--drop);border:0}.ad-gold svg,.ad-btn svg{width:14px;height:14px}.ad-gold small{font:var(--fs-xs)/1 var(--font-ko);color:var(--ink-2)}.ad-gold:disabled{filter:grayscale(.8);opacity:.6;cursor:default}.ad-btn{align-items:center;gap:var(--sp-2);display:inline-flex}.shop-btn .price{align-items:center;gap:var(--sp-1);font:var(--fs-m)/1 var(--font-display);display:inline-flex}.shop-btn .price svg.coin{width:18px;height:18px}.legal{gap:var(--sp-3);padding:0 var(--sp-4) calc(var(--safe-b) + var(--sp-2));font:var(--fs-xs)/1.4 var(--font-ko);display:flex}.legal a{color:var(--muted);opacity:.75;text-decoration:none}.legal a:hover,.legal a:focus-visible{opacity:1;text-decoration:underline}.legal a:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.logo{margin:var(--sp-2) 0 0;font:400 var(--fs-title)/1.05 var(--font-ko);letter-spacing:.02em;text-align:center;color:var(--gold-1);-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink), 0 .18em .3em #08031880}.map-guide{z-index:3;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-m);white-space:nowrap;background:var(--paper);color:var(--ink);font:var(--fs-m)/1.2 var(--font-ko);box-shadow:var(--rim), var(--drop);pointer-events:none;position:absolute;translate:-50%}.map-guide:after{content:"";border:8px solid #0000;border-top-color:var(--paper);margin-left:-8px;position:absolute;top:100%;left:50%}.map-guide b{color:var(--gold-3);font-weight:400}.map-guide.beside{translate:0 -50%}.map-guide.beside:after{border-top-color:#0000;border-right-color:var(--paper);margin:-8px 0 0;top:50%;left:auto;right:100%}.logo small{margin-top:var(--sp-2);font-size:var(--fs-m);color:var(--muted);-webkit-text-stroke:0;text-shadow:none;letter-spacing:.08em;display:block}.map-path{width:min(100%,560px);height:100%;min-height:0;position:relative}.map-path.scroll{overscroll-behavior:contain;scrollbar-width:none;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.map-path.scroll::-webkit-scrollbar{display:none}.map-in{width:100%;position:relative}:is(.map-path,.map-in)>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}:is(.map-path,.map-in)>svg path{fill:none;stroke:var(--ink);stroke-width:14px;stroke-linecap:round;stroke-linejoin:round}:is(.map-path,.map-in)>svg path.in{stroke:var(--gold-3);stroke-width:7px;stroke-dasharray:2 14}.node{cursor:pointer;width:58px;height:58px;font:var(--fs-xl)/1 var(--font-display);color:var(--ink);box-shadow:var(--bevel), var(--rim), var(--drop);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;translate:-50% -50%}.node.boss{width:70px;height:70px}.node.long{font-size:var(--fs-l)}.node.boss:before{content:"";background:var(--crown) center / contain no-repeat;width:32px;height:22px;margin-left:-16px;position:absolute;top:-16px;left:50%}.node.locked{cursor:default;background:linear-gradient(145deg, var(--panel-hi), var(--ink-2));color:var(--muted);box-shadow:var(--hollow), var(--rim)}.node.locked svg{width:22px;height:22px}.node .stars{margin-top:var(--sp-2);gap:var(--sp-1);font:var(--fs-s)/1 var(--font-display);display:flex;position:absolute;top:100%;left:50%;translate:-50%}.node .stars i{color:var(--ink-2);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-style:normal}.node .stars i.on{color:var(--gold-1)}.node .nm{white-space:nowrap;font:var(--fs-s)/1.1 var(--font-ko);color:var(--paper);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-s);background:#1a1033b3;position:absolute;top:50%;translate:0 -50%}.node .nm.r{left:calc(100% + var(--sp-3))}.node .nm.l{right:calc(100% + var(--sp-3))}.node .nm{align-items:center;gap:var(--sp-2);display:inline-flex}.node .nm .stars{font-size:var(--fs-xs);margin:0;position:static;translate:none}.node.next{animation:1.3s ease-in-out infinite nodePulse}@keyframes nodePulse{50%{transform:scale(1.1)}}.node:focus-visible{outline:3px solid var(--paper);outline-offset:4px}.map-foot{gap:var(--sp-3);max-width:100%;padding:var(--sp-3) var(--sp-4) var(--sp-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.party-strip{justify-content:center;gap:var(--sp-1);flex-wrap:wrap;max-width:100%;display:flex}.party-strip canvas{border-radius:var(--r-s);width:36px;height:36px;box-shadow:var(--rim);background:var(--panel)}#scr-field{grid-template-rows:auto 1fr auto}.field-info{gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.board-wrap{min-height:0;padding:0 var(--sp-2);place-items:center;display:grid;position:relative}.board-box{border-radius:var(--r-l);box-shadow:var(--rim), var(--drop), var(--soft);position:relative;overflow:hidden}.board-box>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.slot-btn{z-index:2;cursor:pointer;border-radius:var(--r-m);background:0 0;border:0;margin:0;padding:0;position:absolute}.slot-btn:focus-visible{outline:3px solid var(--gold-1);outline-offset:-6px}.slot-btn.on{outline:4px solid var(--gold-1);outline-offset:-6px}.slot-btn[disabled]{cursor:default}.foe-pop{z-index:5;left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);max-width:360px;padding:var(--sp-3) var(--sp-4) var(--sp-4);border-radius:var(--r-l);gap:var(--sp-2);color:var(--paper);background:linear-gradient(180deg, var(--panel-hi), var(--panel));box-shadow:var(--rim), var(--drop), var(--soft);margin:0 auto;display:grid;position:absolute}.fp-head{gap:var(--sp-3);grid-template-columns:56px minmax(0,1fr) 40px;align-items:center;display:grid}.fp-head canvas{border-radius:var(--r-s);width:56px;height:56px;box-shadow:var(--rim)}.fp-head h3{font:var(--fs-l)/1.2 var(--font-ko);color:var(--gold-1);margin:0;font-weight:400}.boss-tag{font-size:var(--fs-xs);color:var(--new-1)}.fp-tags{margin:var(--sp-1) 0 0;gap:var(--sp-1);flex-wrap:wrap;display:flex}.fp-tags .pill img{width:16px;height:16px}.fp-stats{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.fp-stats div{padding:var(--sp-1) var(--sp-2);border-radius:var(--r-s);background:var(--ink-2);box-shadow:var(--hollow);text-align:center}.fp-stats dt{font:var(--fs-xs)/1.2 var(--font-ko);color:var(--muted)}.fp-stats dd{font:var(--fs-m)/1.3 var(--font-display);font-variant-numeric:tabular-nums;margin:0}.fp-skill{font:var(--fs-s)/1.45 var(--font-ko);margin:0}.fp-skill b{color:var(--gold-1);margin-right:var(--sp-1);font-weight:400}.fp-look{font:var(--fs-xs)/1.4 var(--font-ko);color:var(--muted);margin:0}.tray{gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) calc(var(--safe-b) + var(--sp-3));display:grid}.tray-head{justify-content:space-between;align-items:center;gap:var(--sp-2);min-height:28px;display:flex}.guide{font:var(--fs-m)/1.3 var(--font-ko);color:var(--paper)}.guide b{color:var(--gold-1);font-weight:400}.roster{gap:var(--sp-2);padding:var(--sp-2) var(--sp-1) var(--sp-2);scrollbar-width:none;display:flex;overflow:auto hidden}.roster::-webkit-scrollbar{display:none}.hcard{cursor:pointer;border-radius:var(--r-m);background:var(--panel);width:78px;box-shadow:var(--rim), var(--drop);border:0;flex:none;grid-template-rows:auto auto;padding:0;transition:translate .15s;display:grid;position:relative}.hcard canvas{border-radius:var(--r-m) var(--r-m) 0 0;width:78px;height:78px;display:block}.hcard .hn{font:var(--fs-xs)/1.2 var(--font-ko);color:var(--paper);padding:var(--sp-1);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hcard .hs{top:var(--sp-1);right:var(--sp-1);font:var(--fs-s)/1 var(--font-display);color:var(--gold-1);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;position:absolute}.hcard .ha{top:var(--sp-1);left:var(--sp-1);width:20px;height:20px;position:absolute}.hcard .hl{left:var(--sp-1);padding:0 var(--sp-1);border-radius:var(--r-s);font:var(--fs-xs)/1.4 var(--font-display);color:var(--paper);background:#1a1033b8;position:absolute;top:56px}.hcard.sel{box-shadow:0 0 0 3px var(--ink), 0 0 0 6px var(--gold-1), var(--drop);translate:0 -8px}.hcard.used:after{content:"출전";padding:0 var(--sp-2);border-radius:var(--r-pill);font:var(--fs-xs)/1.2 var(--font-ko);color:var(--ink);background:var(--up);box-shadow:0 0 0 2px var(--ink);position:absolute;top:40px;left:50%;translate:-50% -50%}.hcard.used canvas{filter:saturate(.55)brightness(.8)}.hcard:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.actions{gap:var(--sp-3);justify-content:center;display:flex}.battle-bar{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) calc(var(--safe-b) + var(--sp-4));justify-content:center;align-items:center;display:flex}.battle-bar .clock{font:var(--fs-l)/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:center;min-width:3.2em;color:var(--paper)}.battle-bar .clock.hot{color:var(--new-1)}.side{display:none}.ring-svg{width:132px;height:132px;display:block}.info-card{gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-l);background:linear-gradient(180deg, var(--panel-hi), var(--panel));box-shadow:var(--rim), var(--drop);display:grid}.info-card h3{font:var(--fs-l)/1.2 var(--font-ko);color:var(--gold-1);margin:0;font-weight:400}.info-card p{font:var(--fs-s)/1.45 var(--font-ko);color:var(--muted);margin:0}.foe-list{gap:var(--sp-1);margin:0;padding:0;list-style:none;display:grid}.foe-list li{align-items:center;gap:var(--sp-2);font:var(--fs-s)/1.2 var(--font-ko);color:var(--paper);display:flex}.foe-li{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-1) 0;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--r-s);background:0 0;border:0;display:flex}.foe-li:hover{color:var(--gold-1)}.foe-li:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.foe-list img{width:20px;height:20px}.foe-list .role{color:var(--muted);margin-left:auto}#app.wide #scr-field{grid-template-rows:1fr;grid-template-columns:minmax(230px,300px) 1fr minmax(290px,340px)}#app.wide .field-info{display:none}#app.wide .side{align-content:start;gap:var(--sp-3);padding:0 0 var(--sp-4) var(--sp-4);display:grid;overflow:auto}#app.wide .tray{padding:0 var(--sp-4) var(--sp-4) 0;align-content:start}#app.wide .roster{flex-wrap:wrap;overflow:visible}#app.wide .battle-bar{flex-direction:column;grid-area:1/3;align-self:center}.overlay{z-index:30;background:var(--scrim);padding:var(--sp-4);place-items:center;display:grid;position:absolute;inset:0}.result-card{width:min(420px,100%);max-height:100%;padding:var(--sp-5) var(--sp-4) var(--sp-4);border-radius:var(--r-l);gap:var(--sp-3);text-align:center;background:linear-gradient(180deg, var(--panel-hi), var(--panel));box-shadow:var(--bevel), var(--rim), var(--drop), var(--soft);justify-items:center;display:grid;position:relative;overflow:auto}.big-title{white-space:nowrap;font:400 clamp(38px, 11vmin, 64px)/1.05 var(--font-display);justify-content:center;margin:0;display:flex}.big-title .ch{transform-origin:50% 88%;display:inline-block;position:relative}.big-title .ch b{z-index:1;background:linear-gradient(180deg, #fff 6%, var(--t1) 40%, var(--t2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:400;position:relative}.big-title .ch:before{content:attr(data-c);z-index:0;color:var(--ink);-webkit-text-stroke:.18em var(--ink);text-shadow:0 .1em 0 var(--ink);position:absolute;top:0;left:0}.big-title.win{--t1:var(--gold-1);--t2:var(--gold-2)}.big-title.lose{--t1:var(--muted);--t2:var(--steel-3)}.stars-row{gap:var(--sp-2);font:44px/1 var(--font-display);display:flex}.stars-row i{color:var(--ink-2);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;font-style:normal;display:inline-block}.stars-row i.on{color:var(--gold-1)}.rewards{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.rewards:empty{display:none}.record{gap:var(--sp-2);text-align:left;width:100%;margin:0;padding:0;list-style:none;display:grid}.rec{gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-m);background:var(--panel);box-shadow:var(--hollow), var(--rim);grid-template-columns:40px minmax(0,1fr) minmax(0,1.2fr);align-items:center;display:grid}.rec canvas{border-radius:var(--r-s);width:40px;height:40px;box-shadow:0 0 0 2px var(--ink)}.rec.down canvas{filter:grayscale(.8)brightness(.7)}.rec.mvp{box-shadow:var(--hollow), 0 0 0 3px var(--gold-2)}.rec-who{gap:var(--sp-1);min-width:0;display:grid}.rec-who .nm{font:var(--fs-s)/1.2 var(--font-ko);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mvp-tag{padding:0 var(--sp-1);border-radius:var(--r-s);font:var(--fs-xs)/1.3 var(--font-display);color:var(--ink);background:var(--gold-2);justify-self:start}.rec-lv{font:var(--fs-xs)/1.2 var(--font-display);color:var(--muted);white-space:nowrap}.rec-lv small{font-family:var(--font-ko)}.lvup{color:var(--gold-1);font-weight:400}.lv{font:var(--fs-s)/1 var(--font-display);color:var(--muted)}.xpbar{height:var(--sp-1);border-radius:var(--r-pill);background:var(--ink-2);box-shadow:0 0 0 2px var(--ink);display:block;overflow:hidden}.xpbar i{background:var(--xp);height:100%;display:block}.rec-bars{gap:var(--sp-1);display:grid}.rec-bars .bar{border-radius:var(--r-s);background:var(--ink-2);height:16px;box-shadow:inset 0 0 0 2px var(--ink);display:block;position:relative;overflow:hidden}.rec-bars .bar i{background:var(--dealt);position:absolute;top:0;bottom:0;left:0}.rec-bars .bar.guard i{background:var(--healed)}.rec-bars .bar em{z-index:1;padding:0 var(--sp-2);font:var(--fs-xs)/16px var(--font-display);text-align:right;color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-variant-numeric:tabular-nums;font-style:normal;display:block;position:relative}.rec-key{gap:var(--sp-1);font:var(--fs-xs)/1.4 var(--font-ko);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;margin:0;display:flex}.rec-key .k{border-radius:var(--sp-1);width:12px;height:12px;box-shadow:0 0 0 2px var(--ink);display:inline-block}.rec-key .k.dealt{background:var(--dealt)}.rec-key .k.guard{background:var(--healed);margin-left:var(--sp-2)}.hints{gap:var(--sp-2);text-align:left;width:100%;margin:0;padding:0;list-style:none;display:grid}.hints li{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-m);background:var(--panel);box-shadow:var(--hollow), var(--rim);font:var(--fs-m)/1.4 var(--font-ko)}.result-card .actions{flex-wrap:wrap}.sheet{width:min(640px,100%);max-height:100%;padding:var(--sp-5);border-radius:var(--r-l);background:linear-gradient(180deg, var(--panel-hi), var(--panel));box-shadow:var(--rim), var(--drop), var(--soft);gap:var(--sp-3);display:grid;overflow:auto}.sheet h3{font:var(--fs-xl)/1.1 var(--font-ko);color:var(--gold-1);margin:0;font-weight:400}.sheet .row{gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--r-m);background:var(--panel);box-shadow:var(--hollow), var(--rim);grid-template-columns:72px 1fr;align-items:center;display:grid}.sheet .row canvas{border-radius:var(--r-s);width:72px;height:72px;box-shadow:var(--rim)}.sheet .row .t{font:var(--fs-l)/1.2 var(--font-ko)}.sheet .row .t b{color:var(--gold-1);font-weight:400;font-family:var(--font-display)}.sheet .row .xpbar{max-width:200px;margin:var(--sp-1) 0}.sheet .row .d{font:var(--fs-s)/1.45 var(--font-ko);color:var(--muted)}.sheet .row.locked{opacity:.5}.toast{z-index:50;left:50%;top:calc(var(--safe-t) + 72px);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);color:var(--paper);font:var(--fs-l)/1.2 var(--font-ko);white-space:nowrap;box-shadow:inset 0 0 0 2px #ffffff1f, var(--soft);pointer-events:none;background:#1a1033db;margin:0;position:absolute;translate:-50%}.toast b{color:var(--gold-1);font-weight:400}#app[data-screen=map] .toast{top:auto;bottom:calc(var(--safe-b) + 96px)}#err{z-index:60;left:var(--sp-4);right:var(--sp-4);text-align:center;font:var(--fs-l)/1.5 var(--font-ko);color:var(--paper);margin:0;position:absolute;top:40%}.cx{z-index:40;background:var(--bg2);transition:--bg1 .6s,--bg2 .6s,--tier .45s,--tier-lt .45s,--tier-dk .45s,--glow .45s;position:absolute;inset:0;overflow:hidden;container-type:size}.cx-shake{will-change:transform;position:absolute;inset:0}.cx-bg{background:radial-gradient(ellipse 85% 62% at 50% 48%, var(--bg1), var(--bg2) 78%);position:absolute;inset:-48px}.cx-bg:after{content:"";background:radial-gradient(70% 70%,#0000 52%,#0803148c);position:absolute;inset:0}.cx-rays{z-index:1;width:0;height:0;transform:translate(var(--cx,50vw), var(--cy,50vh));opacity:.9;--ray-0:color-mix(in srgb, var(--glow) 0%, transparent);--ray-1:color-mix(in srgb, var(--glow) 17%, transparent);--ray-2:color-mix(in srgb, var(--paper) 9%, transparent);transition:opacity .5s;position:absolute;top:0;left:0}.cx-rays i{will-change:transform;border-radius:50%;width:124vmax;height:124vmax;margin:-62vmax 0 0 -62vmax;position:absolute;top:0;left:0;-webkit-mask:radial-gradient(closest-side,#000 0%,#0009 32%,#0000 80%);mask:radial-gradient(closest-side,#000 0%,#0009 32%,#0000 80%)}.cx-rays .ra{background:repeating-conic-gradient(from 0deg, var(--ray-0) 0deg, var(--ray-1) 9deg, var(--ray-0) 18deg);animation:70s linear infinite spin}.cx-rays .rb{background:repeating-conic-gradient(from 7deg, var(--ray-0) 0deg, var(--ray-2) 5deg, var(--ray-0) 10deg, var(--ray-0) 24deg);opacity:.8;animation:110s linear infinite reverse spin}.cx-rays .rc{background:repeating-conic-gradient(from 20deg, var(--ray-0) 0deg, var(--ray-1) 22deg, var(--ray-0) 45deg, var(--ray-0) 72deg);opacity:.55;animation:46s linear infinite spin}.cx.hot .cx-rays{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.cx-curtain{z-index:2;opacity:0;visibility:hidden;background:radial-gradient(ellipse 72% 58% at 50% 45%, var(--cur1), var(--cur2) 82%);position:absolute;inset:-48px}.cx-curtain i{will-change:transform;border-radius:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;position:absolute;top:45%;left:50%;-webkit-mask:radial-gradient(closest-side,#000 0%,#00000073 38%,#0000 86%);mask:radial-gradient(closest-side,#000 0%,#00000073 38%,#0000 86%)}.cx-curtain .ca{background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--gold-1) 13%, transparent) 30deg, transparent 62deg, transparent 90deg, color-mix(in srgb, var(--gold-1) 11%, transparent) 122deg, transparent 150deg, transparent 180deg, color-mix(in srgb, var(--gold-1) 13%, transparent) 212deg, transparent 244deg, transparent 270deg, color-mix(in srgb, var(--gold-1) 10%, transparent) 300deg, transparent 332deg);animation:90s linear infinite spin}.cx-curtain .cb{background:conic-gradient(from 45deg, transparent 0deg, color-mix(in srgb, var(--jewel) 8%, transparent) 45deg, transparent 90deg, transparent 180deg, color-mix(in srgb, var(--jewel) 8%, transparent) 225deg, transparent 270deg);animation:140s linear infinite reverse spin}.cx-layer{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cx-fxBack{z-index:3}.cx-gl{z-index:4}.cx-fxFront{z-index:5}.cx-flash{z-index:6;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.cx-flash i{left:var(--fx,50%);top:var(--fy,50%);opacity:0;will-change:transform, opacity;background:radial-gradient(closest-side, #fffdf6eb 0%, #fff8e6b3 9%, color-mix(in srgb, var(--glow) 45%, transparent) 24%, color-mix(in srgb, var(--glow) 14%, transparent) 46%, transparent 72%);border-radius:50%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;position:absolute;transform:scale(.2)}.cx-titleWrap{z-index:7;left:0;right:0;top:calc(var(--safe-t) + 64px);align-items:center;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:absolute}.cx-title{white-space:nowrap;font:400 clamp(34px, min(10.5cqw, 10.5cqh), 86px)/1.05 var(--font-display);letter-spacing:.01em;justify-content:center;margin:0;display:flex}.cx-title .ch{transform-origin:50% 88%;display:inline-block;position:relative}.cx-title .ch b{z-index:1;background:linear-gradient(180deg, #fff 6%, var(--tier-lt) 38%, var(--tier) 74%, var(--tier-dk) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:400;position:relative}.cx-title .ch:before{content:attr(data-c);z-index:0;color:var(--ink);-webkit-text-stroke:.18em var(--ink);text-shadow:0 .1em 0 var(--ink), 0 .2em .28em #08031880;position:absolute;top:0;left:0}.cx-title .sp{width:.3em}.cx-pips{gap:var(--sp-2);display:flex}.cx-pips i{background:linear-gradient(135deg, var(--ink-2), var(--panel));width:14px;height:14px;box-shadow:0 0 0 2px var(--ink), inset 1px 1px 0 #ffffff26;border-radius:3px;transition:background .3s;rotate:45deg}.cx-pips i.on{background:linear-gradient(135deg, #fff 0 20%, var(--pc) 21% 60%, color-mix(in srgb, var(--pc) 60%, var(--ink)) 61%)}.cx-hit{z-index:8;cursor:pointer;outline:none;position:absolute;inset:0}.cx-hit:focus-visible{box-shadow:inset 0 0 0 3px var(--tier-lt)}.cx-hint{z-index:12;left:50%;bottom:calc(var(--safe-b) + 28px);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);color:var(--paper);font:var(--fs-l)/1.2 var(--font-ko);white-space:nowrap;box-shadow:inset 0 0 0 2px #ffffff1f, var(--soft);pointer-events:none;background:#1a1033bd;margin:0;position:absolute;translate:-50%}.cx-hint b{color:var(--tier-lt);font-weight:400}.cx-result{z-index:9;left:var(--sp-4);right:var(--sp-4);top:var(--res-top,40%);bottom:calc(var(--safe-b) + var(--sp-4));justify-content:flex-start;align-items:center;gap:var(--sp-3);pointer-events:none;flex-direction:column;display:flex;position:absolute}.cx-result.row{justify-content:center;align-items:flex-start;gap:var(--sp-6);flex-direction:row}.cx-result.row .cx-panel{flex:none;width:min(420px,36vw)}.cx-slots{justify-content:center;gap:var(--sp-3);flex-wrap:wrap;max-width:100%;display:flex}.cx .slot{width:var(--cw,120px);aspect-ratio:3/4;position:relative}.cx-fly{z-index:10;pointer-events:none;position:absolute;inset:0}.cx-fly .card{position:absolute;top:0;left:0}.card{width:var(--cw,120px);aspect-ratio:3/4;transform-origin:50% 85%;position:relative}.card .frame{border-radius:var(--r-m);padding:calc(var(--cw,120px) * .06);box-shadow:var(--bevel), var(--rim), var(--drop), var(--soft);position:absolute;inset:0}.card .face{border-radius:calc(var(--r-m) - 5px);background:var(--panel);width:100%;height:100%;position:relative;overflow:hidden}.card .face:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--ink), inset 0 4px 8px #00000047;pointer-events:none;position:absolute;inset:0}.card canvas{width:100%;height:100%;display:block}.card .cname{z-index:1;padding:var(--sp-1);border-radius:var(--r-pill);background:var(--ink);color:var(--paper);text-align:center;font:calc(var(--cw,120px) * .112)/1.15 var(--font-ko);white-space:nowrap;position:absolute;bottom:6%;left:7%;right:7%;overflow:hidden;box-shadow:inset 0 1px #ffffff2e}.card .rainbow,.card .rglow{display:none}.card.is-new .rainbow{border-radius:calc(var(--r-m) + 4px);display:block;position:absolute;inset:-4px;overflow:hidden}.card.is-new .rglow{border-radius:calc(var(--r-m) + 12px);filter:blur(9px);opacity:.85;display:block;position:absolute;inset:-12px;overflow:hidden}.card .rainbow i,.card .rglow i{will-change:transform;background:conic-gradient(#ff4d6d,#ffb84d,#fff275,#5dff9b,#4dc9ff,#9b6bff,#ff4dd8,#ff4d6d);width:180%;height:180%;margin:-90% 0 0 -90%;animation:2.8s linear infinite spin;position:absolute;top:50%;left:50%}.card .new{z-index:4;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-s);font:calc(var(--cw,120px) * .13)/1 var(--font-display);color:#fff;background:linear-gradient(180deg, var(--new-1), var(--new-2));-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;box-shadow:inset 1px 1px 0 #ffffff80, var(--rim), 0 3px 0 var(--ink);position:absolute;top:-12px;right:-12px;rotate:12deg}.cx-panel{width:min(420px,100%);padding:var(--sp-4);border-radius:var(--r-l);gap:var(--sp-3);box-shadow:var(--bevel), var(--rim), var(--drop), var(--soft);pointer-events:auto;opacity:0;visibility:hidden;grid-template-columns:92px 1fr;display:grid;position:relative}.cx-panel .p-art{border-radius:var(--r-m);width:92px;height:92px;box-shadow:var(--rim), var(--hollow);align-self:start;overflow:hidden}.cx-panel .p-art canvas{width:100%;height:100%;display:block}.cx-panel .p-info{background:var(--panel);border-radius:var(--r-m);padding:var(--sp-2) var(--sp-3);box-shadow:var(--hollow), inset 0 0 0 2px var(--ink);min-width:0}.cx-panel .p-name{font:var(--fs-l)/1.15 var(--font-ko);color:var(--paper)}.cx-panel .p-rar{font:var(--fs-s)/1.3 var(--font-ko);color:var(--muted);margin-top:var(--sp-1)}.cx-panel .p-rar b{color:var(--pc,var(--tier-lt));font-weight:400}.p-stats{margin:var(--sp-2) 0 0;gap:var(--sp-1);padding:0;list-style:none;display:grid}.p-stats li{align-items:center;gap:var(--sp-2);font:var(--fs-s)/1 var(--font-ko);color:var(--muted);grid-template-columns:minmax(3.4em,auto) 2.9em 1fr 3.4em;display:grid}.p-stats li b{font:17px/1 var(--font-display);color:var(--paper);font-variant-numeric:tabular-nums;text-align:right;font-weight:400}.p-stats li .bar{border-radius:var(--r-pill);background:var(--ink);height:8px;position:relative;overflow:hidden}.p-stats li .bar s{transform-origin:0;transform:scaleX(var(--w0,.4));background:linear-gradient(180deg, var(--tier-lt), var(--tier));border-radius:inherit;text-decoration:none;position:absolute;inset:0}.p-stats li em{font:var(--fs-s)/1 var(--font-display);color:var(--up);text-align:left;white-space:nowrap;-webkit-text-stroke:.16em var(--ink);paint-order:stroke fill;opacity:0;pointer-events:none;font-style:normal}.cx-collect{border-radius:var(--r-m);cursor:pointer;min-height:48px;font:21px/1 var(--font-ko);color:var(--ink);box-shadow:var(--bevel), var(--rim), var(--drop);border:0;grid-column:1/-1;transition:filter .15s}.cx-collect:hover{filter:brightness(1.08)}.cx-collect:active{box-shadow:var(--bevel), var(--rim), 0 2px 0 var(--ink);translate:0 2px}.cx-collect:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.cx-collect:disabled{filter:grayscale(.6)brightness(.8);cursor:default}.cx-showName{z-index:11;left:50%;top:var(--sn-top,72%);opacity:0;visibility:hidden;align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-6) var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:absolute;translate:-50%}.cx-showName .n{font:var(--fs-xl)/1.1 var(--font-ko);color:var(--ink)}.cx-showName .s{font:var(--fs-s)/1.1 var(--font-ko);color:var(--gold-3)}.cx-showName .new{padding:var(--sp-1) var(--sp-2);border-radius:var(--r-s);font:15px/1 var(--font-display);color:#fff;background:linear-gradient(180deg, var(--new-1), var(--new-2));-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;box-shadow:var(--rim), 0 3px 0 var(--ink);position:absolute;top:-12px;right:-16px;rotate:10deg}.cx.narrow .plate{font-size:var(--fs-m);min-height:34px}.cx.narrow .cx-hint{font-size:17px}@media (prefers-reduced-motion:reduce){.cx-rays i,.cx-curtain i,.card .rainbow i,.card .rglow i{animation-duration:240s}.node.next{animation:none}}