@font-face{font-family:Crown Display;src:url(./crown-display-CAuyrxqg.woff) format("woff");font-display:swap}:root{--bg: #0d0b14;--bg2: #161224;--panel: rgba(28, 22, 44, .86);--panel2: rgba(40, 32, 62, .9);--line: rgba(233, 208, 138, .22);--gold: #f3c64f;--gold2: #b8862a;--text: #f2ecdf;--muted: #a69cb8;--good: #5fe08a;--bad: #ff6b6b;--kn: #5b86e5;--vc: #a66cf0;--wt: #2fc79c;--bg-f: #d49a3e;--ne: #d6a35b;--display: "Crown Display", "Do Hyeon", "Noto Sans KR", "Noto Sans CJK KR", sans-serif;--r: 12px;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{background:radial-gradient(1200px 700px at 50% -10%,#2a1f45 0%,var(--bg) 60%) fixed,var(--bg);color:var(--text);font-family:Noto Sans KR,Noto Sans CJK KR,Apple SD Gothic Neo,Malgun Gothic,NanumGothic,sans-serif;font-size:15px;line-height:1.45;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input,textarea{font:inherit;color:var(--text);background:#00000059;border:1px solid var(--line);border-radius:8px;padding:8px 10px}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.02em;margin:0 0 .4em}h2{font-size:26px;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.5)}h3{font-size:19px}.muted{color:var(--muted)}.small,small{font-size:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}.btn{border:1px solid rgba(243,198,79,.35);background:linear-gradient(#3a2f55,#251d3a);border-radius:10px;padding:9px 16px;font-family:var(--display);font-size:16px;letter-spacing:.03em;box-shadow:0 2px #0006,inset 0 1px #ffffff1a;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn.primary{background:linear-gradient(#f7d77a,#c8922d);color:#2a1a05;border-color:#ffe9a8;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn.danger{background:linear-gradient(#c8484f,#7d1f2a);border-color:#ff9a9a}.btn.big{padding:12px 26px;font-size:19px}.btn.small{padding:4px 10px;font-size:13px}.btn.ghost-btn{background:#ffffff0f;border-color:#ffffff26}.chip{border:1px solid rgba(255,255,255,.15);background:#ffffff0d;border-radius:999px;padding:5px 12px;font-size:13px;white-space:nowrap}.chip.on{background:linear-gradient(#f7d77a,#c8922d);color:#2a1a05;border-color:#ffe9a8;font-weight:700}.chip.fac-kn.on{background:linear-gradient(#7aa2ff,#3459b8);color:#fff}.chip.fac-vc.on{background:linear-gradient(#c49bff,#6a33b8);color:#fff}.chip.fac-wt.on{background:linear-gradient(#64e8c0,#178a6b);color:#062a20}.chip.fac-bg.on{background:linear-gradient(#f2c46a,#9c6421);color:#2a1a05}.chips-scroll{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;align-items:center}.chips-scroll::-webkit-scrollbar{display:none}.chips-scroll .sep{width:1px;height:18px;background:#ffffff26;flex:none;margin:0 2px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.pill.fac-kn{background:#5b86e54d}.pill.fac-vc{background:#a66cf04d}.pill.fac-wt{background:#2fc79c4d}.pill.fac-bg{background:#d49a3e4d}.pill.rar-uncommon{color:#8fe3ff}.pill.rar-rare{color:#d6a8ff}.pill.rar-legendary{color:var(--gold);border-color:#f3c64f80}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:10px 0 12px;overflow-x:auto}.tabs button{background:none;border:0;padding:9px 14px;color:var(--muted);font-family:var(--display);font-size:17px;border-bottom:3px solid transparent;white-space:nowrap}.tabs button.on{color:var(--gold);border-bottom-color:var(--gold)}.stars{color:var(--gold);letter-spacing:-1px;font-size:13px}.stars .off{color:#ffffff26}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{background:none;border:0;padding:6px 14px}.seg button.on{background:var(--gold);color:#2a1a05;font-weight:700}.row-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.currency{display:flex;gap:12px;font-weight:700}.cur{display:inline-flex;align-items:center;gap:4px;background:#00000059;padding:3px 10px 3px 6px;border-radius:999px;border:1px solid var(--line)}.cur svg{color:var(--gold)}.cur:nth-child(2) svg{color:#9fd8ff}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:8px 18px;background:linear-gradient(#140f22f7,#140f22e0);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{background:none;border:0;font-family:var(--display);font-size:22px;color:var(--gold);display:flex;gap:6px;align-items:center}.where{color:var(--muted);font-size:14px}.topnav{display:flex;gap:2px;margin-left:auto}.topnav button{background:none;border:0;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;color:var(--muted);font-family:var(--display);font-size:16px}.topnav button.on,.topnav button:hover{color:var(--gold);background:#f3c64f14}.content{flex:1;min-height:0}.bottomnav{display:none}.screen{max-width:1180px;margin:0 auto;padding:20px 20px 40px}.toasts{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:min(92vw,460px)}.toast{background:#140f22f2;border:1px solid var(--line);padding:9px 16px;border-radius:10px;box-shadow:0 8px 24px #00000080;animation:toast-in .25s ease-out;text-align:center}.toast.good{border-color:#5fe08a99}.toast.warn{border-color:#ff6b6b99}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}}.card{--w: 104px;--h: 148px;width:var(--w);height:var(--h);position:relative;border-radius:calc(var(--w) * .08);overflow:hidden;flex:none;background:#120d1c;box-shadow:0 4px 10px #0000008c;transition:transform .18s cubic-bezier(.2,.9,.3,1.3),box-shadow .18s,filter .2s;-webkit-user-select:none;user-select:none}.card.clickable{cursor:pointer}.card-hand{--w: 104px;--h: 148px}.card-board{--w: 62px;--h: 84px}.card-grid{--w: 128px;--h: 182px}.card-large{--w: 250px;--h: 356px}.card-mini{--w: 34px;--h: 46px;border-radius:5px}.card-art{position:absolute;top:0;right:0;bottom:0;left:0}.card-art img,.card-art svg{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}.card-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;border:2px solid #8b7d6a;box-shadow:inset 0 0 0 1px #0009,inset 0 -40px 30px -20px #0006}.rar-uncommon .card-frame{border-color:#6fc6e8}.rar-rare .card-frame{border-color:#b98af5;box-shadow:inset 0 0 0 1px #0009,inset 0 0 14px #b98af559}.rar-legendary .card-frame{border:3px solid transparent;background:linear-gradient(135deg,#fff3c0,#d9a23a 30%,#fff6d0,#b8862a 70%,#ffe7a0) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}.card-mini .card-frame,.card-board .card-frame{border-width:1.5px}.type-leader .card-frame{border-color:var(--gold)}.shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rar-legendary .shine{background:linear-gradient(115deg,transparent 30%,rgba(255,246,210,.45) 45%,transparent 60%);background-size:260% 100%;animation:shine 4.5s ease-in-out infinite;mix-blend-mode:screen}@keyframes shine{0%,55%{background-position:130% 0}to{background-position:-130% 0}}.str{position:absolute;top:4px;left:4px;width:calc(var(--w) * .27);height:calc(var(--w) * .27);min-width:20px;min-height:20px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:max(13px,calc(var(--w) * .17));color:#2a1a05;line-height:1;background:radial-gradient(circle at 35% 30%,#fff,#e8dcc4 50%,#a8987c);border:1.5px solid rgba(0,0,0,.5);box-shadow:0 2px 4px #0009}.str.hero{background:radial-gradient(circle at 35% 30%,#fff8d8,#f3c64f 50%,#9a6a18)}.str.up{background:radial-gradient(circle at 35% 30%,#eaffef,#5fe08a 55%,#1d8a45)}.str.down{background:radial-gradient(circle at 35% 30%,#ffe6e6,#ff7b7b 55%,brown);color:#fff}.str.special{background:radial-gradient(circle at 35% 30%,#e8dcff,#9b7ad8 60%,#4b2e86);color:#fff}.str.special.leader{background:radial-gradient(circle at 35% 30%,#fff8d8,#f3c64f 50%,#9a6a18);color:#2a1a05}.card-mini .str{width:15px;height:15px;min-width:15px;min-height:15px;font-size:10px;top:2px;left:2px;border-width:1px}.card-board .str{width:22px;height:22px;min-width:0;min-height:0;font-size:14px;top:2px;left:2px}.rows{position:absolute;top:4px;right:4px;display:flex;flex-direction:column;gap:2px}.row-ic{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#0009;color:var(--gold);border:1px solid rgba(243,198,79,.4)}.card-board .rows{top:2px;right:2px}.card-board .row-ic{width:13px;height:13px}.card-name{position:absolute;left:0;right:0;bottom:0;padding:18px 6px 5px;background:linear-gradient(transparent,#08050eeb 45%);text-align:center}.nm{font-family:var(--display);font-size:calc(var(--w) * .118);line-height:1.1;text-shadow:0 1px 2px #000;word-break:keep-all}.card-large .nm{font-size:22px}.kws{display:flex;gap:2px;justify-content:center;flex-wrap:wrap;margin-top:2px}.kws span{font-size:9.5px;padding:0 4px;border-radius:4px;background:#f3c64f33;color:#ffe39a}.card-large .kws span{font-size:13px;padding:1px 6px}.card-name .sub{font-size:10.5px;color:var(--muted)}.count-badge{position:absolute;right:4px;bottom:4px;background:#000000bf;border:1px solid var(--gold2);color:var(--gold);border-radius:6px;padding:0 5px;font-size:12px;font-weight:700;z-index:2}.card-grid .count-badge{top:6px;bottom:auto;right:6px}.windup-gauge{position:absolute;bottom:2px;left:2px;right:2px;text-align:center;font-size:10px;font-weight:700;background:#06302fd9;color:#5fe0cf;border-radius:4px;display:flex;gap:2px;align-items:center;justify-content:center}.exile-mark{position:absolute;bottom:2px;right:2px;font-size:9px;background:brown;color:#fff;padding:0 3px;border-radius:3px}.card.dim{filter:grayscale(.7) brightness(.55)}.card.silhouette .card-art{filter:brightness(.05) saturate(0)}.card.silhouette .str,.card.silhouette .rows{opacity:.35}.card.selected{transform:translateY(-18px) scale(1.06);box-shadow:0 0 0 2px var(--gold),0 0 24px #f3c64fb3,0 10px 20px #0009;z-index:5}.card.highlight{box-shadow:0 0 0 2px #ff6b6b,0 0 16px #ff6b6be6;animation:pulse 1s ease-in-out infinite;cursor:crosshair}@keyframes pulse{50%{box-shadow:0 0 0 3px #ffb1b1,0 0 26px #ff6b6b}}.card.clickable:hover:not(.selected):not(.dim){transform:translateY(-4px)}.card.enter{animation:card-enter .45s cubic-bezier(.2,.9,.3,1.3)}@keyframes card-enter{0%{opacity:0;transform:translateY(-30px) scale(1.35) rotate(-4deg);filter:brightness(2)}}.card.ghost{animation:ghost .9s forwards;pointer-events:none}@keyframes ghost{0%{filter:brightness(2) sepia(1) hue-rotate(-30deg) saturate(4)}to{opacity:0;transform:scale(.6) translateY(10px);filter:blur(3px) brightness(3)}}.ph-art{background:#111}.card-detail-text h3{font-size:24px;color:var(--gold);margin-bottom:6px}.cd-meta{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.cd-ability{background:#f3c64f1f;border:1px solid rgba(243,198,79,.3);padding:8px 10px;border-radius:8px;margin-bottom:8px;color:#ffe39a}.cd-rules{font-size:15px;margin:6px 0 10px}.cd-kw{font-size:13px;color:var(--muted);margin:3px 0}.cd-kw b{color:#ffe39a;margin-right:4px}.cd-flavor{font-style:italic;color:#c9bfd9;font-family:Gowun Batang,serif;font-size:13.5px;border-left:2px solid var(--line);padding-left:10px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#05030ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:fade .2s}@keyframes fade{0%{opacity:0}}.modal{position:relative;background:linear-gradient(#251d3a,#18122a);border:1px solid var(--line);border-radius:16px;padding:22px;max-width:min(760px,96vw);max-height:90dvh;overflow:auto;box-shadow:0 20px 60px #000000b3;animation:modal-in .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes modal-in{0%{opacity:0;transform:scale(.92) translateY(10px)}}.modal-title{font-family:var(--display);font-size:21px;color:var(--gold);margin:0 30px 12px 0}.modal-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#0000004d}.modal.confirm{text-align:center;max-width:420px}.modal.confirm .modal-title{margin-right:0}.detail-wrap{display:flex;gap:20px;align-items:flex-start}.detail-side{min-width:0;flex:1;max-width:400px}.detail-extra{margin-top:12px;display:flex;flex-direction:column;gap:10px;font-size:14px}.obtain{background:#00000040;border-radius:8px;padding:8px 10px}.alt-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.alt{background:#00000040;border:1px solid transparent;border-radius:8px;padding:4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px}.alt.on{border-color:var(--gold)}.alt.locked{opacity:.5}.alt .card-mini{--w: 46px;--h: 64px}.picker-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-height:60dvh;overflow:auto;padding:4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#05030acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;animation:fade .25s}.ov-title{font-family:var(--display);font-size:32px;color:var(--gold);text-shadow:0 3px 0 rgba(0,0,0,.6);text-align:center}.ov-sub{color:var(--muted);text-align:center}.mull-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:760px}.round-card,.result-card{background:linear-gradient(#2a2042,#17112a);border:2px solid var(--line);border-radius:20px;padding:26px 34px;text-align:center;min-width:min(380px,92vw);animation:modal-in .35s cubic-bezier(.2,.9,.3,1.3);box-shadow:0 30px 80px #000000b3;max-height:92dvh;overflow:auto}.round-card.win,.result-card.win{border-color:var(--gold);box-shadow:0 0 60px #f3c64f4d,0 30px 80px #000000b3}.round-card.lose,.result-card.lose{border-color:#ff6b6b80}.rc-round{color:var(--muted);font-size:14px}.rc-title,.res-title{font-family:var(--display);font-size:44px;line-height:1.1;margin:4px 0 8px}.win .rc-title,.win .res-title{color:var(--gold);text-shadow:0 0 20px rgba(243,198,79,.6)}.lose .rc-title,.lose .res-title{color:#ff9a9a}.rc-score{font-family:var(--display);font-size:40px;display:flex;gap:14px;justify-content:center;align-items:baseline}.rc-crowns{display:flex;flex-direction:column;gap:4px;margin:10px 0}.rc-passive{color:#ffe39a;font-size:14px;margin:4px 0}.rc-tap{color:var(--muted);font-size:12px;margin-top:10px;animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.35}}.crown{color:var(--gold);display:inline-flex;filter:drop-shadow(0 0 4px rgba(243,198,79,.6))}.crown.lost{color:#ffffff2e;filter:none}.crown.lost.shatter{animation:shatter .7s ease-out}@keyframes shatter{0%{color:var(--gold);transform:scale(1.3)}40%{transform:scale(1.4) rotate(-12deg);filter:brightness(2)}to{transform:none}}.res-sub{color:var(--muted)}.res-rewards{display:flex;flex-direction:column;gap:6px;margin:16px 0}.rw{display:flex;justify-content:center;gap:10px;align-items:baseline}.rw-k{color:var(--muted)}.rw-v{font-family:var(--display);font-size:26px}.rw-v.gold{color:var(--gold)}.rw-v.shard{color:#9fd8ff}.rw.note{color:#ffe39a;font-size:14px}.rw.note.quest{color:var(--good)}.res-cards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}.res-cards .card-grid{--w: 100px;--h: 142px}.flip-in{animation:flip-in .6s cubic-bezier(.2,.9,.3,1.2) both}@keyframes flip-in{0%{opacity:0;transform:perspective(600px) rotateY(90deg) scale(.8)}}.banner{position:fixed;left:50%;top:42%;z-index:80;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis;font-family:var(--display);font-size:30px;padding:12px 40px;color:#fff;text-shadow:0 2px 6px #000;background:linear-gradient(90deg,transparent,rgba(20,15,34,.92) 15%,rgba(20,15,34,.92) 85%,transparent);animation:banner 1.5s ease-in-out forwards}.banner-start{color:var(--gold)}.banner-pass{color:#c9bfd9}.banner-weather{color:#9fd8ff}.banner-clear{color:#fff3c0}.banner-destroy{color:#ff9a9a}.banner-leader{color:#ffe39a}@keyframes banner{0%{opacity:0;transform:translate(-30%,-50%)}15%,80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-70%,-50%)}}.num-pop{display:inline-block;animation:num-pop .35s ease-out}@keyframes num-pop{40%{transform:scale(1.35);color:#fff}}.scr-match .content{height:100dvh}.match{position:relative;height:100dvh;display:grid;grid-template-columns:236px minmax(0,1fr) 260px;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"side board right" "hand hand hand";overflow:hidden;background:radial-gradient(900px 500px at 50% 50%,#2b2140,#0c0915 75%)}.match-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 20%;opacity:.08;filter:blur(6px) saturate(1.3);pointer-events:none}.m-topbar,.m-bottombar,.m-preview{display:none}.m-side{grid-area:side;display:flex;flex-direction:column;justify-content:space-between;padding:12px;gap:10px;position:relative;z-index:1}.m-right{grid-area:right;display:flex;flex-direction:column;gap:10px;padding:12px;min-height:0;position:relative;z-index:1}.board{grid-area:board;display:flex;flex-direction:column;padding:8px 4px;min-height:0;gap:0;position:relative;z-index:1}.half{flex:1;display:flex;flex-direction:column;gap:4px;min-height:0}.midline{flex:none;height:26px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.midline:before{content:"";position:absolute;left:4%;right:4%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}.midline>*{position:relative}.mid-total,.mid-round{display:none;font-family:var(--display)}.mid-round{display:inline;background:#1b1430;padding:0 10px;border-radius:99px;border:1px solid var(--line);color:var(--gold);font-size:13px}.wx-dot{color:#9fd8ff;display:inline-flex;background:#1b1430;border-radius:50%;padding:2px}.brow{flex:1;min-height:0;display:grid;grid-template-columns:54px 44px minmax(0,1fr);align-items:center;gap:6px;padding:3px 8px 3px 4px;border-radius:10px;background:linear-gradient(90deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.06);position:relative;transition:background .2s,box-shadow .2s}.side-1{background:linear-gradient(90deg,#ff6b6b0f,#ffffff04)}.brow-head{display:flex;flex-direction:column;align-items:center;gap:2px}.brow-total{font-family:var(--display);font-size:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#4a3c6a,#1c1530);border:1.5px solid var(--line)}.brow-ic{color:var(--gold);opacity:.7;display:flex}.aux-slot{width:40px;height:54px;border-radius:7px;border:1.5px dashed rgba(255,255,255,.14);display:grid;place-items:center}.aux-slot.filled{border:0}.aux-slot .card-mini{--w: 40px;--h: 54px}.units{display:flex;justify-content:center;align-items:center;gap:4px;min-width:0;height:100%}.units .card-board{flex-shrink:1;min-width:26px;height:min(84px,100%)}.brow.row-target{cursor:pointer;background:#f3c64f24;box-shadow:inset 0 0 0 2px #f3c64fcc,0 0 18px #f3c64f4d;animation:row-glow 1.1s ease-in-out infinite}@keyframes row-glow{50%{background:#f3c64f3d}}.brow.wx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:.55}.brow.wx-melee:after{background:repeating-linear-gradient(120deg,rgba(180,220,255,.18) 0 2px,transparent 2px 14px),linear-gradient(#a0d2ff26,#a0d2ff0d)}.brow.wx-ranged:after{background:radial-gradient(ellipse at 30% 50%,rgba(220,220,235,.3),transparent 60%),radial-gradient(ellipse at 75% 40%,rgba(220,220,235,.25),transparent 55%);animation:fog 6s ease-in-out infinite alternate}.brow.wx-siege:after{background:repeating-linear-gradient(100deg,rgba(120,160,255,.25) 0 1px,transparent 1px 9px);animation:rain .6s linear infinite}@keyframes fog{to{transform:translate(14px)}}@keyframes rain{to{background-position:-9px 18px}}.brow.veil{box-shadow:inset 0 0 0 1px #a66cf0b3,inset 0 0 22px #a66cf059}.wx-badge{position:absolute;right:6px;top:3px;font-size:10.5px;color:#cfe8ff;background:#00000080;padding:0 6px;border-radius:6px;display:flex;align-items:center;gap:3px;z-index:2}.ppanel{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;transition:box-shadow .3s}.ppanel.turn{box-shadow:0 0 0 2px #f3c64fb3,0 0 20px #f3c64f40}.ppanel-1.turn{box-shadow:0 0 0 2px #ff6b6b99,0 0 20px #ff6b6b33}.leader-chip{cursor:pointer;border-radius:8px;position:relative}.leader-chip .card-mini{--w: 54px;--h: 74px;border-radius:7px}.leader-chip.used{filter:grayscale(1) brightness(.6)}.leader-chip.ready:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:10px;border:2px solid var(--gold);animation:pulse-gold 1.3s infinite;pointer-events:none}@keyframes pulse-gold{50%{opacity:.3}}.pinfo{min-width:0}.pname{font-family:var(--display);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.passed-tag{margin-left:6px;font-size:11px;background:#555;padding:0 6px;border-radius:6px;font-family:sans-serif;vertical-align:middle}.pfac{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pstats{display:flex;gap:8px;align-items:center;margin-top:3px;flex-wrap:wrap}.crowns{display:inline-flex;gap:1px}.pst{display:inline-flex;gap:2px;align-items:center;font-size:13px;color:#d9d0e8}.pst.clickable{cursor:pointer;text-decoration:underline dotted}.ptotal{font-family:var(--display);font-size:30px;min-width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#4a3c6a,#1c1530);border:2px solid var(--line)}.ptotal.leading{border-color:var(--gold);color:var(--gold);box-shadow:0 0 14px #f3c64f66}.m-center-info{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.round-tag{font-family:var(--display);font-size:22px;color:var(--gold);letter-spacing:.15em}.weather-strip{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.wx-chip{font-size:12px;background:#78aaff2e;color:#cfe8ff;border-radius:8px;padding:2px 8px;display:inline-flex;gap:3px;align-items:center}.wx-none{color:var(--muted);font-size:12px}.turn-ind .my{color:var(--gold);font-family:var(--display);font-size:20px;animation:blink 1.6s infinite}.turn-ind .their{color:#ff9a9a;font-family:var(--display);font-size:18px}.dots:after{content:"…";animation:blink 1s infinite}.preview{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;max-height:66%;overflow:auto}.preview .card-large{--w: 170px;--h: 242px}.preview .card-detail-text h3{font-size:19px}.preview .cd-rules{font-size:13.5px}.preview-empty{text-align:center}.opp-portrait{width:140px;height:180px;margin:0 auto 8px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#1c1530;display:grid;place-items:center}.opp-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}.emblem-big{font-family:var(--display);font-size:70px}.opp-line{font-family:Gowun Batang,serif;font-size:13.5px;color:#e3dbef}.hint{font-size:11.5px;color:var(--muted);margin-top:8px}.log{flex:1;min-height:0;overflow:auto;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:8px 10px;font-size:12.5px}.log-title{font-family:var(--display);color:var(--gold);margin-bottom:4px}.log-line{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04);color:#d9d0e8}.modal-log{max-height:60dvh;min-width:min(420px,80vw)}.handbar{grid-area:hand;position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + var(--safe-b));background:linear-gradient(#0e0a1899,#0e0a18f2);border-top:1px solid var(--line);min-height:178px}.hand-actions{display:flex;flex-direction:column;gap:8px;flex:none}.pass-btn{min-width:88px;padding:12px 18px;font-size:19px}.handbar.my-turn .pass-btn{border-color:var(--gold)}.log-btn{display:none}.hand{flex:1;display:flex;justify-content:center;align-items:flex-end;min-width:0;padding-top:20px}.hand-slot{flex:0 1 auto;min-width:22px;transition:margin .2s}.hand-slot:not(:first-child){margin-left:-8px}.hand-slot:hover{z-index:4}.hand-empty{color:var(--muted);align-self:center}.sel-bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 8px);display:flex;gap:10px;align-items:center;background:#140f22f5;border:1px solid var(--gold);border-radius:12px;padding:7px 10px 7px 16px;box-shadow:0 8px 20px #00000080;white-space:nowrap;z-index:6;animation:toast-in .2s}.sel-name{font-family:var(--display);color:var(--gold);font-size:17px}.sel-hint{color:#e3dbef;font-size:14px}.pending-bar{border-color:#9fd8ff}.mulligan .card-hand{--w: 112px;--h: 160px}.picker .card-grid{--w: 110px;--h: 156px}.title-screen{position:relative;min-height:100dvh;display:grid;place-items:center;overflow:hidden}.title-art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end}.ta{height:92%;width:26%;object-fit:cover;object-position:50% 8%;opacity:.55;mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent);animation:ta-in 1.2s ease-out both}.ta-1,.ta-2{height:100%;opacity:.75}.ta-0{animation-delay:.1s}.ta-1{animation-delay:.25s}.ta-2{animation-delay:.4s}.ta-3{animation-delay:.55s}@keyframes ta-in{0%{opacity:0;transform:translateY(30px)}}.title-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 55%,#0d0b148c,#0d0b14f2 75%)}.title-box{position:relative;text-align:center;padding:20px;max-width:520px}.logo-crown{font-size:56px;color:var(--gold);filter:drop-shadow(0 0 18px rgba(243,198,79,.7));animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px)}}.logo h1{font-size:64px;margin:0;background:linear-gradient(#fff6d0,#f3c64f 55%,#a87420);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.6));line-height:1.05}.logo-sub{font-family:var(--display);font-size:24px;letter-spacing:.4em;color:#e3dbef;margin-top:4px}.tagline{color:#d9d0e8;font-family:Gowun Batang,serif;margin:18px 0 24px}.title-btns{display:flex;flex-direction:column;gap:10px;align-items:center}.title-btns .btn.big{min-width:240px}.free-note{margin-top:22px;color:var(--muted);font-size:12px}.map-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.quest-chip{cursor:pointer;background:#f3c64f1f;border:1px solid rgba(243,198,79,.4);color:#ffe39a;border-radius:999px;padding:4px 14px;font-size:14px}.map{position:relative;aspect-ratio:16 / 10;max-height:calc(100dvh - 190px);margin:10px auto;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 18% 45%,rgba(91,134,229,.35),transparent 22%),radial-gradient(circle at 82% 45%,rgba(47,199,156,.3),transparent 22%),radial-gradient(circle at 50% 82%,rgba(166,108,240,.35),transparent 22%),radial-gradient(circle at 50% 13%,rgba(212,154,62,.35),transparent 20%),radial-gradient(circle at 50% 47%,rgba(243,198,79,.25),transparent 20%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.025) 0 2px,transparent 2px 22px),linear-gradient(160deg,#2a3a2c,#1a2233 50%,#2a1f3a)}.map-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-lines line{stroke:#f3c64f80;stroke-width:.5;stroke-dasharray:1.5 1.2;vector-effect:non-scaling-stroke;stroke-width:2.5}.hub-pin{position:absolute;transform:translate(-50%,-50%);background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .2s}.hub-pin:hover:not(.locked){transform:translate(-50%,-55%) scale(1.06)}.pin-emblem{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:radial-gradient(circle at 40% 30%,#4a3c6a,#1c1530);border:3px solid var(--gold);box-shadow:0 6px 18px #0009,0 0 22px #f3c64f4d}.theme-royal .pin-emblem{border-color:var(--kn)}.theme-violet .pin-emblem{border-color:var(--vc)}.theme-mint .pin-emblem{border-color:var(--wt)}.theme-brass .pin-emblem{border-color:var(--bg-f)}.pin-name{font-family:var(--display);font-size:17px;background:#0d0b14d9;padding:2px 12px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.hub-pin.locked{filter:grayscale(1);opacity:.55;cursor:default}.pin-badge{position:absolute;top:-2px;right:-4px;background:#e2434b;color:#fff;border-radius:999px;min-width:22px;height:22px;font-size:12px;font-weight:700;display:grid;place-items:center;border:2px solid #1c1530}.pin-quest{position:absolute;top:-10px;left:50%;transform:translate(-50%);color:var(--gold);font-family:var(--display);font-size:26px;animation:float 1.4s ease-in-out infinite;text-shadow:0 0 8px #000}.map-legend{display:flex;gap:18px;justify-content:center;color:var(--muted);font-size:14px}.hub-hero{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);min-height:190px;display:flex;align-items:flex-end;background:linear-gradient(120deg,#3a2a20,#1c1530)}.theme-royal .hub-hero{background:linear-gradient(120deg,#22356a,#141025)}.theme-violet .hub-hero{background:linear-gradient(120deg,#3a1f5c,#120a1e)}.theme-mint .hub-hero{background:linear-gradient(120deg,#13463a,#141025)}.theme-brass .hub-hero{background:linear-gradient(120deg,#5a3a14,#08201f)}.hub-hero-art{position:absolute;right:0;top:0;height:100%;width:46%;object-fit:cover;object-position:50% 12%;mask-image:linear-gradient(90deg,transparent,#000 45%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);opacity:.9}.hub-hero-text{position:relative;padding:20px 24px;max-width:640px}.hub-emblem{font-size:34px}.hub-hero-text p{color:#e3dbef;margin:0 0 10px;text-shadow:0 1px 3px #000}.deck-pick{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px}.npc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.npc-card{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;transition:transform .15s,border-color .15s}.npc-card:hover{transform:translateY(-2px);border-color:var(--gold)}.npc-portrait{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#1c1530;border:2px solid var(--acc)}.npc-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}.npc-initial{position:relative;width:100%;height:100%;display:grid;place-items:center}.npc-initial svg{position:absolute}.npc-initial span{position:relative;font-family:var(--display);font-size:28px;color:var(--acc)}.npc-name{font-family:var(--display);font-size:18px}.tag{font-size:11px;background:#2fc79c40;color:#8ff0cb;padding:0 6px;border-radius:6px;margin-left:6px;font-family:sans-serif;vertical-align:middle}.npc-style{font-size:12px;color:var(--muted)}.npc-state{font-size:12px;text-align:right}.npc-state .done{color:var(--good)}.npc-state .new{color:var(--gold);background:#f3c64f1f;padding:2px 8px;border-radius:8px}.npc-dialog{width:min(720px,96vw)}.dlg{display:grid;grid-template-columns:220px 1fr;gap:18px}.dlg-portrait{border-radius:14px;overflow:hidden;background:#1c1530;height:300px;display:grid;place-items:center;border:1px solid var(--line)}.dlg-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}.dlg-name{font-family:var(--display);font-size:26px;color:var(--gold)}.dlg-line{font-family:Gowun Batang,serif;font-size:16px;background:#0000004d;border-left:3px solid var(--gold);padding:10px 12px;border-radius:0 10px 10px 0;margin:8px 0}.dlg-meta{color:var(--muted);font-size:13px}.dlg-rewards{display:flex;flex-direction:column;gap:6px;margin:12px 0}.dr{display:flex;align-items:center;gap:8px;font-size:13.5px;background:#ffffff0a;border-radius:8px;padding:5px 8px;cursor:pointer}.dr>span:first-child{color:var(--muted);width:62px;flex:none}.dr em{margin-left:auto;color:var(--good);font-style:normal;font-size:12px}.facilities{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.facility{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;transition:transform .15s,border-color .15s}.facility:hover{transform:translateY(-2px);border-color:var(--gold)}.facility.bella{background:linear-gradient(135deg,rgba(123,63,209,.35),var(--panel))}.facility.lulu{background:linear-gradient(135deg,rgba(31,165,133,.35),var(--panel))}.fi{font-size:34px}.facility b{font-family:var(--display);font-size:19px;font-weight:400}.facility small{color:var(--muted)}.quest-row{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px}.quest-row.done{opacity:.6}.quest-row.locked{opacity:.45}.quest-row.active{border-color:#f3c64f80}.q-kind{font-family:var(--display);color:var(--gold);font-size:14px}.q-body p{margin:2px 0;font-size:13.5px;color:#d9d0e8}.q-body small{color:#ffe39a}.q-objs{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0}.q-objs span{font-size:12px;background:#ffffff0f;padding:1px 8px;border-radius:6px}.q-objs span.ok{color:var(--good);text-decoration:line-through}.q-prog{font-family:var(--display);font-size:18px;color:var(--gold)}.quest-sec{margin-bottom:18px}.tour-row{background:linear-gradient(135deg,rgba(243,198,79,.12),var(--panel));border:1px solid rgba(243,198,79,.35);border-radius:14px;padding:12px 14px;margin-bottom:10px}.tour-row.locked{opacity:.55}.t-head{display:flex;justify-content:space-between;font-family:var(--display);font-size:18px}.t-head b{font-weight:400}.t-body{font-size:13px;color:#d9d0e8;margin:4px 0}.t-bracket{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.t-op{font-size:12px;background:#0000004d;padding:2px 8px;border-radius:6px}.t-op.won{color:var(--good)}.t-op.next{border:1px solid var(--gold)}.t-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.t-foot .done{color:var(--good);font-size:13px}.sc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.rate{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.rate-bar{width:180px;height:8px;background:#ffffff1a;border-radius:8px;overflow:hidden}.rate-bar i,.aff-bar i{display:block;height:100%;background:linear-gradient(90deg,#c8922d,#f7d77a);border-radius:inherit;transition:width .5s}.filters{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px;position:sticky;top:52px;z-index:5;background:linear-gradient(var(--bg) 85%,transparent);padding:6px 0}.search{width:100%;max-width:360px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px 10px;justify-items:center}.card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.card-grid.compact .card-grid,.card-grid.compact .card{--w: 108px;--h: 154px}.grid-cell{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.hint-line{font-size:10.5px;color:var(--muted);text-align:center;max-width:128px;line-height:1.25}.in-deck{position:absolute;top:-6px;left:-2px;background:var(--gold);color:#2a1a05;font-size:11px;font-weight:700;border-radius:6px;padding:0 6px;z-index:3}.deckbuilder{max-width:1280px;padding-bottom:90px}.db-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.db-head h2{margin:0}.db-actions{margin-left:auto;display:flex;gap:8px}.leader-row{display:flex;gap:8px;align-items:center;overflow-x:auto;margin:10px 0;padding-bottom:4px}.leader-row .lbl{color:var(--muted);font-size:13px;flex:none}.leader-opt{display:flex;gap:8px;align-items:center;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 10px 6px 6px;flex:none;max-width:300px}.leader-opt.on{border-color:var(--gold);box-shadow:0 0 12px #f3c64f4d}.leader-opt .card-mini{--w: 40px;--h: 54px}.leader-opt span{display:flex;flex-direction:column;min-width:0}.leader-opt b{font-family:var(--display);font-weight:400;font-size:15px}.leader-opt small{color:var(--muted);font-size:11px;white-space:normal;line-height:1.25}.db-tabs{display:none}.db-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.db-deck{position:sticky;top:64px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;max-height:calc(100dvh - 160px);overflow:auto}.deck-list{display:flex;flex-direction:column;gap:3px}.deck-line{display:grid;grid-template-columns:26px 16px 1fr auto auto;gap:6px;align-items:center;text-align:left;background:linear-gradient(90deg,#ffffff12,#ffffff05);border:1px solid rgba(255,255,255,.07);border-left:4px solid #8b7d6a;border-radius:6px;padding:4px 8px;font-size:13.5px}.deck-line:hover{border-color:var(--bad)}.deck-line.rar-uncommon{border-left-color:#6fc6e8}.deck-line.rar-rare{border-left-color:#b98af5}.deck-line.rar-legendary{border-left-color:var(--gold)}.dl-str{font-family:var(--display);color:var(--gold);text-align:center}.dl-row{color:var(--muted);display:flex}.dl-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-rar{font-size:11px;color:var(--muted)}.dl-n{font-weight:700}.db-stats{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px 16px calc(10px + var(--safe-b));background:#140f22f5;border-top:1px solid var(--line);font-size:13.5px}.db-stats b{font-family:var(--display);font-size:17px;font-weight:400;color:var(--gold)}.db-stats.bad .valid{color:var(--bad)}.db-stats.ok .valid{color:var(--good);font-weight:700}.rows-dist{display:inline-flex;gap:4px;align-items:center;color:var(--muted)}.shop-head{display:flex;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 18px;margin-bottom:14px}.shop-head>div{flex:1}.shop-head p{margin:2px 0}.shop-icon{font-size:44px}.shop-keeper{width:120px;height:150px;object-fit:cover;object-position:50% 8%;border-radius:14px;border:2px solid var(--line)}.bella-shop .shop-head{background:linear-gradient(135deg,rgba(123,63,209,.4),var(--panel))}.lulu-shop .shop-head{background:linear-gradient(135deg,rgba(31,165,133,.4),var(--panel))}.keeper-line{font-family:Gowun Batang,serif;color:#f2ecdf}.shop-sec{color:var(--gold);margin-top:16px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;justify-items:center}.shop-item{display:flex;flex-direction:column;align-items:center;gap:6px}.si-info{display:flex;flex-direction:column;align-items:center;gap:4px}.si-own{font-size:12px;color:var(--muted)}.buy{padding:5px 12px;font-size:15px}.buy svg{color:var(--gold)}.lulu-body{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}.pack-box{flex:1 1 380px;display:flex;gap:20px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;flex-wrap:wrap}.pack-visual{position:relative;width:130px;height:170px;flex:none}.pack-card{position:absolute;width:110px;height:156px;border-radius:10px;background:linear-gradient(135deg,#1fa585,#0d4a3b);border:2px solid #8ff0cb;display:grid;place-items:center;font-size:42px;box-shadow:0 8px 18px #00000080}.pack-card.b3{transform:rotate(-12deg) translate(-6px,6px);opacity:.6}.pack-card.b2{transform:rotate(-5deg) translate(4px,2px);opacity:.8}.pack-card.b1{transform:rotate(4deg) translate(16px);animation:float 2.4s ease-in-out infinite}.odds{margin:6px 0 12px;padding-left:18px;color:var(--muted);font-size:13px}.deal-box{background:var(--panel);border:1px solid rgba(243,198,79,.4);border-radius:18px;padding:16px;text-align:center}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:10px}.gift{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 8px;position:relative}.gift.fav{border-color:#ff9ac2}.gift em{position:absolute;top:6px;right:8px;font-size:11px;color:#ff9ac2;font-style:normal}.gi{font-size:34px}.gift b{font-weight:400;font-family:var(--display);font-size:16px}.pack-open{gap:22px;cursor:pointer}.pack-cards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.flip-card{width:128px;height:182px;perspective:900px;animation:rise .4s ease-out both}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:flip .7s ease-in-out both;animation-delay:inherit}.flip-back,.flip-front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back{border-radius:10px;background:repeating-linear-gradient(45deg,#1fa585 0,#1fa585 10px,#178a6b 10px,#178a6b 20px);border:3px solid #8ff0cb}.flip-front{transform:rotateY(180deg)}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}.char-main{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:24px;margin-top:10px}.char-stand{border-radius:20px;overflow:hidden;border:2px solid var(--cc);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--cc) 40%,transparent),#120d1c);aspect-ratio:3 / 4;display:grid;place-items:center}.char-stand img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}.char-noart{text-align:center;padding:20px}.big-initial{font-family:var(--display);font-size:120px;color:var(--cc)}.char-info h2 small{font-size:15px;color:var(--muted);margin-left:8px}.aff{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:10px 0}.aff-lv{font-family:var(--display);font-size:22px;color:#ff9ac2}.aff-bar{height:10px;background:#ffffff1a;border-radius:10px;overflow:hidden}.aff-bar i{background:linear-gradient(90deg,#ff6fa8,#ffc1da)}.aff-pts{font-size:13px;color:var(--muted)}.aff-rewards{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}.aff-rewards li:before{content:"🔒 "}.aff-rewards li.ok{color:var(--text)}.aff-rewards li.ok:before{content:"✔ ";color:var(--good)}.outfits{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px}.outfit{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;cursor:pointer}.outfit .card{--w: 104px;--h: 148px}.outfit.locked{cursor:default;color:var(--muted)}.outfit-view img{max-height:70dvh;max-width:100%;border-radius:12px;display:block;margin:0 auto}.settings{max-width:640px}.set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.set-row.col{flex-direction:column;align-items:stretch}.set-row textarea{width:100%;font-size:12px}@media (max-width: 700px){body{font-size:14px}h2{font-size:22px}.topbar{padding:6px 10px;gap:8px}.brand span,.where{display:none}.topnav{display:flex;margin-left:auto}.topnav button:not(:last-child){display:none}.topnav button span{display:none}.topnav button{padding:6px}.currency{gap:6px;font-size:13px}.bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#140f22f7;border-top:1px solid var(--line);padding-bottom:var(--safe-b)}.bottomnav button{flex:1;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 0 6px;color:var(--muted);font-size:11px}.bottomnav button.on{color:var(--gold)}.content{padding-bottom:calc(60px + var(--safe-b))}.scr-match .content,.scr-title .content{padding-bottom:0}.screen{padding:12px 12px 30px}.toasts{top:54px}.card-grid{grid-template-columns:repeat(3,1fr);gap:10px 6px}.card-grid>.grid-cell>.card,.card-grid .card-grid{--w: 104px;--h: 148px}.card-grid.compact{grid-template-columns:repeat(3,1fr)}.card-grid.compact .card{--w: 100px;--h: 142px}.filters{top:46px}.detail-wrap{flex-direction:column;align-items:center}.card-large{--w: 200px;--h: 285px}.modal{padding:16px}.title-art .ta{width:50%}.title-art .ta-0,.title-art .ta-3{display:none}.logo h1{font-size:50px}.map{aspect-ratio:3 / 4;max-height:none}.pin-emblem{width:58px;height:58px;font-size:26px}.pin-name{font-size:14px;padding:1px 8px}.hub-hero{min-height:220px}.hub-hero-art{width:60%;opacity:.55}.hub-hero-text{padding:14px}.npc-list,.dlg{grid-template-columns:1fr}.dlg-portrait{height:200px}.facilities{grid-template-columns:1fr 1fr}.facility{padding:12px}.deckbuilder{padding-bottom:150px}.db-head h2{font-size:20px}.db-actions{margin-left:0}.db-tabs{display:flex;position:sticky;top:46px;background:var(--bg);z-index:6;margin:4px 0 6px}.db-body{display:block}.db-body.tab-col .db-deck,.db-body.tab-deck .db-col{display:none}.db-deck{position:static;max-height:none}.db-stats{bottom:calc(56px + var(--safe-b));gap:4px 12px;padding:6px 10px;font-size:12px}.db-stats .valid{width:100%;text-align:center}.leader-opt{max-width:240px}.shop-head{flex-wrap:wrap;padding:12px}.shop-keeper{width:80px;height:100px}.shop-grid{grid-template-columns:repeat(3,1fr);gap:10px 6px}.shop-item .card{--w: 104px;--h: 148px}.char-main{grid-template-columns:1fr}.char-stand{max-height:52dvh;aspect-ratio:auto;height:52dvh}.outfits{grid-template-columns:repeat(3,1fr)}.outfit .card{--w: 100px;--h: 142px}.match{display:flex;flex-direction:column;height:100dvh}.m-side,.m-right{display:none}.m-topbar,.m-bottombar{display:block;flex:none;padding:4px 6px;position:relative;z-index:2}.ppanel.compact{grid-template-columns:auto 1fr auto;gap:8px;padding:4px 8px;border-radius:10px}.ppanel.compact .leader-chip .card-mini{--w: 32px;--h: 44px}.ppanel.compact .pname{font-size:14px}.ppanel.compact .pfac{display:none}.ppanel.compact .pstats{margin-top:0;gap:6px}.ppanel.compact .pst{font-size:12px}.ppanel.compact .ptotal{font-size:22px;min-width:40px;height:40px}.board{flex:1;padding:2px 4px}.half{gap:3px}.midline{height:20px}.mid-total{display:none}.brow{grid-template-columns:30px 26px minmax(0,1fr);gap:3px;padding:2px 4px 2px 2px;border-radius:8px}.brow-total{width:28px;height:28px;font-size:16px}.brow-ic svg{width:11px;height:11px}.aux-slot{width:24px;height:34px;border-radius:5px}.aux-slot .card-mini{--w: 24px;--h: 34px}.aux-slot .card-mini .str{display:none}.units{gap:2px}.units .card-board{--w: 44px;--h: 62px;min-width:18px;height:min(62px,100%)}.card-board .str{width:18px;height:18px;font-size:12px}.card-board .rows{display:none}.wx-badge{font-size:9.5px;top:1px;right:3px}.handbar{min-height:0;padding:4px 6px calc(6px + var(--safe-b));gap:6px;flex:none}.hand-actions{gap:5px}.pass-btn{min-width:58px;padding:9px 8px;font-size:16px}.hand-actions .ghost-btn{padding:5px 8px;font-size:13px}.log-btn{display:inline-flex}.hand{justify-content:flex-start;overflow-x:auto;overflow-y:visible;padding:18px 4px 2px;scrollbar-width:none}.hand::-webkit-scrollbar{display:none}.hand-slot:not(:first-child){margin-left:3px}.hand .card-hand{--w: 68px;--h: 98px}.card-hand .kws{display:none}.card.selected{transform:translateY(-12px) scale(1.04)}.sel-bar{bottom:calc(100% + 4px);padding:5px 6px 5px 10px;gap:6px;max-width:98vw}.sel-name{font-size:14px}.sel-hint{font-size:12px;white-space:normal}.m-preview{display:flex;position:absolute;left:8px;right:8px;top:58px;z-index:7;gap:10px;align-items:center;background:#140f22f2;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 10px 30px #0009;animation:toast-in .2s}.m-preview .card-grid{--w: 84px;--h: 120px}.m-preview-text{font-size:13px}.banner{font-size:22px;padding:10px 24px}.mulligan .card-hand{--w: 84px;--h: 120px}.mull-grid{gap:6px}.ov-title{font-size:26px}.rc-title,.res-title{font-size:36px}.round-card,.result-card{padding:20px 16px}.res-cards .card-grid{--w: 84px;--h: 120px}.picker .card-grid{--w: 96px;--h: 136px}}@media (min-width: 701px) and (max-height: 760px){.handbar{min-height:150px}.card-hand{--w: 92px;--h: 131px}.brow{grid-template-columns:46px 38px minmax(0,1fr)}.brow-total{width:34px;height:34px;font-size:19px}.units .card-board{--w: 54px;--h: 74px}}@media (min-width: 701px) and (max-width: 1100px){.match{grid-template-columns:200px minmax(0,1fr) 0}.m-right{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.handbar{display:grid;grid-template-columns:auto minmax(0,1fr) 210px}.handbar .sel-bar{grid-column:3;grid-row:1;position:static;transform:none;flex-direction:column;align-items:stretch;white-space:normal;text-align:center;padding:10px;gap:6px}.handbar .sel-bar~.sel-bar{display:none}@media (max-width: 700px){.handbar{display:flex}.handbar .sel-bar{position:absolute;left:6px;right:6px;bottom:calc(100% + 4px);flex-direction:row;align-items:center;text-align:left;padding:5px 6px 5px 10px;min-height:46px}.handbar .sel-bar .sel-hint{flex:1}}@media (max-width: 700px){.hand .hand-slot{flex:none;min-width:0}}.in-deck{top:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000080}@media (max-width: 700px){.units .card-board{--w: 52px;--h: 72px;height:min(72px,100%)}}

@media (max-width: 1100px) {
  .brand span, .where { display: none; }
  .topnav { margin-left: auto; }
  .topnav button:not(:last-child) { display: none; }
  .topnav button span { display: none; }
  .topnav button { padding: 6px; }
  .bottomnav {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    background: #140f22f7;
    border-top: 1px solid var(--line);
    padding-bottom: var(--safe-b);
  }
  .bottomnav button {
    flex: 1;
    background: none;
    border: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    padding: 7px 0 6px;
    color: var(--muted);
    font-size: 11px;
  }
  .bottomnav button.on { color: var(--gold); }
  .content { padding-bottom: calc(60px + var(--safe-b)); }
  .scr-match .bottomnav, .scr-title .bottomnav { display: none; }
  .scr-match .content, .scr-title .content { padding-bottom: 0; }
}