@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{--bg:#eef4fb;--bg-deep:#d8e6f4;--bg-panel:#fff;--bg-card:#f6fafe;--bg-sunken:#e6eef8;--line:#128afa4d;--line-soft:#128afa29;--line-strong:#128afa8c;--accent:#128afa;--accent-dark:#0c6bc9;--accent-light:#3aa6ff;--accent-2:#d1338f;--accent-2-light:#ff6ec7;--gold:#b8790a;--gold-bright:#ffc531;--text:#1c3550;--text-dim:#5a7ea6;--danger:#e0293f;--danger-bright:#ff4e63;--ok:#0b9068;--ok-bright:#12b886;--r2:#5b7a99;--r3:#0e9f6e;--r4:#7a3ff0;--r5:#cf8a00;--radius:10px;--shadow:0 5px 14px #1c4a8c24;--shadow-lift:0 10px 24px #1c4a8c33;--card-shadow:0 5px 12px #1c4a8c33, inset 0 0 0 1px #ffffffd9;--panel-drop:drop-shadow(0 5px 12px #1c4a8c24);--wm:repeating-linear-gradient(45deg, #128afa0a 0 2px, transparent 2px 26px), repeating-linear-gradient(45deg, #ffffff73 0 88px, transparent 88px 176px);--hatch:repeating-linear-gradient(-55deg, #128afa1a 0 4px, transparent 4px 9px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,sans-serif;overflow:hidden}#app{height:100%}button{cursor:pointer;border:1.5px solid var(--line);background:var(--bg-panel);color:var(--text);border-radius:var(--radius);font-family:inherit}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.og-screen{background: repeating-linear-gradient(45deg, #128afa0a 0 2px, transparent 2px 26px), repeating-linear-gradient(45deg, #ffffff73 0 88px, transparent 88px 176px),  radial-gradient(circle at 92% 88%, #128afa00 296px, #128afa17 298px, #128afa17 304px, #128afa00 306px), radial-gradient(circle at 8% 6%, #fff0 244px, #fffc 246px, #fffc 250px, #fff0 252px), radial-gradient(1100px 620px at 12% -12%, #fffffff2, transparent 62%), radial-gradient(900px 560px at 96% 8%, #128afa1a, transparent 64%), linear-gradient(168deg, #f4f9fd 0%, var(--bg) 46%, var(--bg-deep) 100%);flex-direction:column;height:100%;display:flex;overflow:hidden}.og-body{flex-direction:column;flex:1;gap:18px;padding:20px 28px 32px;display:flex;overflow:hidden auto}.og-body::-webkit-scrollbar{width:10px}.deck-pool-scroll::-webkit-scrollbar{width:10px}.deck-list-scroll::-webkit-scrollbar{width:10px}.og-body::-webkit-scrollbar-thumb{background:#128afa47;border-radius:8px}.deck-pool-scroll::-webkit-scrollbar-thumb{background:#128afa47;border-radius:8px}.deck-list-scroll::-webkit-scrollbar-thumb{background:#128afa47;border-radius:8px}.og-topbar{border-bottom:2px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#fffffff5,#f3f9ffe6);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:relative;box-shadow:0 2px 10px #1c4a8c1a}.og-topbar:after{content:"";background:linear-gradient(90deg, #ffc53100, var(--gold-bright) 22%, var(--gold-bright) 78%, #ffc53100);width:280px;height:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.og-topbar-left,.og-topbar-right{align-items:center;gap:12px;display:flex}.og-title{letter-spacing:.02em;font-size:18px;font-weight:800}.og-h3{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(115deg, var(--accent), var(--accent-light));transform-origin:0 100%;width:fit-content;box-shadow:inset 3px 0 0 var(--gold-bright), 2px 2px 0 #128afa29;border-radius:3px;padding:4px 12px 4px 13px;font-size:12px;font-weight:800;display:block;transform:skew(-10deg)}.og-chip{font-variant-numeric:tabular-nums;background:#fff;border:1.5px solid #128afa61;border-radius:6px;align-items:center;gap:7px;padding:6px 13px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 5px #1c4a8c1a,inset 0 -6px 8px #128afa0d}.og-chip .ic{font-size:14px}.og-chip.credits .v{color:var(--gold);font-weight:800}.og-chip.league .v{color:var(--accent-dark);font-weight:700}.og-btn{border-radius:var(--radius);border:1.5px solid var(--line);color:var(--text);background:linear-gradient(#fff,#eff6fd);padding:9px 16px;font-size:14px;font-weight:700;transition:transform .12s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 2px 5px #1c4a8c1a}.og-btn:after{content:"";pointer-events:none;background:var(--hatch);opacity:.55;position:absolute;inset:0}.og-btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 14px #128afa3d}.og-btn.small{padding:6px 11px;font-size:12px}.og-btn.big{padding:13px 28px;font-size:16px}.og-btn.ghost{color:var(--text-dim);box-shadow:none;background:#fff9}.og-btn.accent{background:linear-gradient(180deg, var(--accent-light), var(--accent));border-color:var(--accent-dark);color:#fff;box-shadow:0 3px 10px #128afa59,inset 0 0 0 1.5px #ffffff61}.og-btn.accent:after{opacity:1;background:repeating-linear-gradient(-55deg,#ffffff29 0 5px,#0000 5px 11px)}.og-btn.ok{border-color:var(--ok);color:var(--ok);background:linear-gradient(#fff,#ecfaf5)}.og-btn.danger{border-color:var(--danger);color:var(--danger);background:linear-gradient(#fff,#fdeef0)}.og-toasts{z-index:9000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.og-toast{pointer-events:auto;border:1.5px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:600;animation:.22s ease-out og-toast-in;display:flex;box-shadow:0 6px 20px #1c4a8c33}.og-toast.warn{color:#8a5c00;background:#fffaec;border-color:#e0a010}.og-toast.ok{border-color:var(--ok);color:var(--ok);background:#f0fbf7}.og-toast.out{opacity:0;transition:all .24s;transform:translateY(8px)}.og-toast-act{background:linear-gradient(180deg, var(--accent-light), var(--accent));border:1.5px solid var(--accent-dark);color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}@keyframes og-toast-in{0%{opacity:0;transform:translateY(14px)}}.og-modal-overlay{z-index:9500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#94b2d28c;justify-content:center;align-items:center;animation:.16s ease-out og-fade;display:flex;position:fixed;inset:0}.og-modal-overlay.out{opacity:0;transition:all .18s}.og-modal{background:var(--bg-panel);border:1.5px solid var(--line);border-radius:16px;width:min(560px,92vw);max-height:84vh;animation:.2s cubic-bezier(.2,1.2,.4,1) og-pop;overflow:auto;box-shadow:0 18px 48px #1c4a8c47}.og-modal-head{border-bottom:1.5px solid var(--line-soft);background:linear-gradient(#f5faff,#fff);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.og-modal-head h3{font-size:16px;font-weight:800}.og-modal-x{width:30px;height:30px;color:var(--text-dim);background:0 0;border-color:#0000;border-radius:8px}.og-modal-body{flex-direction:column;gap:12px;padding:18px;display:flex}.og-modal-text{color:var(--text-dim);font-size:13px;line-height:1.6}.og-modal-text.danger{color:var(--danger)}.og-modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}@keyframes og-fade{0%{opacity:0}}@keyframes og-pop{0%{opacity:0;transform:translateY(12px)scale(.97)}}.og-set-row{justify-content:space-between;align-items:center;padding:6px 2px;display:flex}.og-set-row .k{font-size:14px}.og-toggle{letter-spacing:.06em;width:66px;padding:6px 0;font-size:12px;font-weight:800}.og-toggle.on{color:#fff;background:linear-gradient(180deg, var(--ok-bright), var(--ok));border-color:var(--ok)}.og-toggle.off{color:var(--text-dim);background:var(--bg-sunken)}.og-set-sep{background:var(--line-soft);height:1px;margin:6px 0}.og-set-info{color:var(--text-dim);font-size:12px;line-height:1.7}.home-league,.home-deck,.gacha-banner,.deck-pane,.draft-progress,.res-ranking,.res-reward,.res-lp{position:relative}.home-league:before,.home-deck:before,.gacha-banner:before,.deck-pane:before,.draft-progress:before,.res-ranking:before,.res-reward:before,.res-lp:before{content:"";pointer-events:none;background:linear-gradient(45deg, transparent calc(50% - 4px), var(--accent-light) calc(50% - 4px), var(--accent-light) calc(50% + 3px), transparent calc(50% + 3px));width:18px;height:18px;position:absolute;top:0;right:0}.og-card-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;display:grid}.og-card-grid.small{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.og-card{--rc:var(--r2);background:linear-gradient(170deg, #fff, var(--bg-card) 62%);border:1.5px solid color-mix(in srgb, var(--rc) 45%, transparent);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;gap:8px;padding:10px;transition:transform .13s,box-shadow .16s,border-color .16s;display:flex;position:relative}.og-card.clickable{cursor:pointer}.og-card.clickable:hover{border-color:var(--rc);box-shadow:0 10px 22px color-mix(in srgb, var(--rc) 32%, transparent), inset 0 0 0 1px #fff;transform:translateY(-3px)}.og-card.dim{filter:grayscale()opacity(.55)}.og-card.dim:hover{filter:grayscale(.6)opacity(.8)}.og-card.full{opacity:.5}.og-card.small{gap:6px;padding:8px}.og-card-stars{letter-spacing:-1px;color:var(--rc);font-size:12px;font-weight:800}.og-card-name{font-size:15px;font-weight:800}.og-card.small .og-card-name{font-size:13px}.og-card-tags{flex-wrap:wrap;gap:4px;display:flex}.og-tag{color:var(--text-dim);border:1px solid var(--line-soft);background:#eef5fd;border-radius:999px;padding:2px 6px;font-size:10px}.og-card-stats{font-variant-numeric:tabular-nums;gap:8px;font-size:12px;font-weight:700;display:flex}.og-card-stats .atk{color:#d9541b}.og-card-stats .hp{color:var(--danger)}.og-card-stats .cost{color:var(--accent-dark)}.og-card-ability{color:var(--text-dim);border-top:1px dashed var(--line);min-height:30px;padding-top:6px;font-size:11px;line-height:1.45}.og-card-count{border:1.5px solid var(--rc);color:var(--rc);background:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;right:8px;box-shadow:0 2px 5px #1c4a8c24}.og-card-badge{background:var(--gold-bright);color:#6b4a00;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;position:absolute;top:34px;left:8px;box-shadow:0 2px 5px #a36e004d}.og-portrait{aspect-ratio:1;background:radial-gradient(circle at 50% 48%, #fff0 34%, #ffffffd9 35%, #ffffffd9 37%, #fff0 38%), radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--rc) 26%, #fff), #e9f2fb 74%);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #fffc}.og-portrait img{object-fit:contain;filter:drop-shadow(0 3px 6px #1c4a8c4d);width:100%;height:100%}.og-portrait-fb{font-size:34px}.og-detail{gap:16px;display:flex}.og-detail .og-card{flex:none;width:190px}.og-detail-info{flex-direction:column;flex:1;gap:6px;display:flex}.og-detail-rarity{color:var(--gold);margin-bottom:4px;font-size:13px;font-weight:800}.og-detail-row{border-bottom:1px dashed var(--line);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.og-detail-row .k{color:var(--text-dim)}.og-detail-ability{margin-top:8px;font-size:13px}.og-detail-ability .k{color:var(--text-dim);letter-spacing:.08em;font-size:11px}.og-detail-ability .v{color:var(--accent-dark);margin-top:4px;font-weight:600;line-height:1.6}.home-hero{text-align:center;border-bottom:2px solid var(--line);background:radial-gradient(circle at 50% 76%,#3aa6ff00 214px,#3aa6ff29 216px 221px,#3aa6ff00 223px),linear-gradient(#fffffff5,#ffffff59);padding:34px 28px 20px;position:relative;box-shadow:0 2px 12px #1c4a8c17}.home-hero:after{content:"";background:linear-gradient(90deg, #ffc53100, var(--gold-bright) 22%, var(--gold-bright) 78%, #ffc53100);width:340px;height:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.home-logo{flex-direction:column;align-items:center;line-height:1;display:flex}.home-logo .lg-1{letter-spacing:.34em;text-indent:.34em;background:linear-gradient(180deg, var(--accent-light), var(--accent) 58%, var(--accent-dark));color:#0000;filter:drop-shadow(0 2px 3px #ffffffe6)drop-shadow(0 4px 12px #128afa4d);-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,3.2vw,42px);font-style:italic;font-weight:900}.home-logo .lg-2{letter-spacing:.5em;text-indent:.5em;background:linear-gradient(180deg, #ff7ec9, var(--accent-2) 62%, #96166a);color:#0000;filter:drop-shadow(0 2px 3px #ffffffe6)drop-shadow(0 4px 14px #d1338f47);-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:clamp(30px,4.4vw,58px);font-style:italic;font-weight:900}.home-sub{color:var(--text-dim);letter-spacing:.06em;margin-top:10px;font-size:13px;font-weight:600}.home-chips{gap:10px;display:flex;position:absolute;top:22px;right:24px}.home-body{width:100%;max-width:1180px;margin:0 auto}.home-status{grid-template-columns:1fr 1.35fr;gap:16px;display:grid}.home-league,.home-deck{background:var(--bg-panel);border:1.5px solid var(--line);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);filter:var(--panel-drop);border-radius:14px;padding:16px 18px}.home-league-head{align-items:baseline;gap:10px;display:flex}.home-league-head .lg-ic{font-size:22px}.home-league-head .lg-name{font-size:18px;font-weight:800}.home-league-head .lg-lp{color:var(--accent-dark);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:700}.home-lp-bar,.draft-bar,.gacha-pity-bar,.res-lp-bar,.ds-gauge{background:#fff;border:1.5px solid #128afa73;border-radius:999px;height:10px;margin-top:10px;overflow:hidden;box-shadow:inset 0 1px 3px #1c4a8c29}.home-lp-fill,.res-lp-fill{background:linear-gradient(90deg, var(--accent-light), var(--accent));height:100%;transition:width .6s cubic-bezier(.2,.9,.3,1)}.home-league-note{color:var(--text-dim);margin-top:8px;font-size:12px}.home-deck-head{align-items:baseline;gap:10px;display:flex}.home-deck-head .k{color:var(--text-dim);letter-spacing:.08em;font-size:12px}.home-deck-head .v{font-size:17px;font-weight:800}.home-deck-line{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pill{border:1.5px solid var(--line-soft);color:var(--text-dim);background:#f2f8ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.pill.ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 45%, transparent);background:#f0fbf7}.pill.warn{color:#8a5c00;background:#fff8e8;border-color:#e5b13a88}.home-deck-actions{gap:8px;margin-top:14px;display:flex}.home-modes{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.home-mode{text-align:left;border:1.5px solid var(--line);background:linear-gradient(165deg,#fff,#eef6fe);border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;transition:transform .14s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 4px 12px #1c4a8c1f}.home-mode:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 26px #128afa42}.home-mode.rank:hover{border-color:var(--gold-bright);box-shadow:0 12px 26px #e0a0104d}.home-mode.draft:hover{border-color:var(--accent-2);box-shadow:0 12px 26px #d1338f42}.hm-ic{font-size:26px}.hm-name{font-size:19px;font-weight:800}.hm-desc{color:var(--text-dim);font-size:12px}.hm-warn{color:#a3690a;margin-top:4px;font-size:11px;font-weight:700}.home-nav{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.home-nav-btn{border:1.5px solid var(--line);background:linear-gradient(#fff,#f0f7fe);border-radius:14px;padding:15px;font-size:15px;font-weight:700;box-shadow:0 3px 9px #1c4a8c1a}.home-nav-btn:hover{border-color:var(--accent);color:var(--accent-dark);box-shadow:0 6px 16px #128afa38}.home-history-list{flex-direction:column;gap:5px;margin-top:8px;display:flex}.home-history-row{border:1.5px solid var(--line-soft);background:#fff;border-radius:10px;grid-template-columns:90px 60px 1fr 60px 60px;gap:8px;padding:8px 12px;font-size:12px;display:grid;box-shadow:0 2px 5px #1c4a8c12}.home-history-row .hh-rank{font-weight:800}.home-history-row.rank1 .hh-rank{color:var(--gold)}.home-history-row.rank4 .hh-rank{color:var(--text-dim)}.home-history-row .hh-at{color:var(--text-dim);text-align:right}.home-history-empty{color:var(--text-dim);padding:10px 2px;font-size:12px}.gacha-body{width:100%;max-width:1080px;margin:0 auto}.gacha-banner{border:1.5px solid var(--line);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);filter:var(--panel-drop);background:radial-gradient(circle at 50% 46%,#3aa6ff00 158px,#3aa6ff2e 160px 165px,#3aa6ff00 167px),radial-gradient(560px 220px at 50% 0,#128afa24,#0000 72%),linear-gradient(165deg,#fff,#eaf3fd);border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:26px;display:flex}.gacha-banner-title{letter-spacing:.06em;color:var(--accent-dark);text-shadow:0 1px #fff;font-size:24px;font-weight:900}.gacha-banner-sub{color:var(--text-dim);letter-spacing:.04em;font-size:12px}.gacha-pity{text-align:center;width:min(440px,90%);color:var(--text-dim);font-size:12px}.gacha-pity .v{color:var(--gold);margin-left:6px;font-weight:800}.gacha-pity-fill{background:linear-gradient(90deg, #ffdd8a, var(--gold-bright));height:100%}.gacha-buttons{grid-template-columns:1fr 1.4fr;gap:14px;display:grid}.gacha-pull-btn{background:linear-gradient(180deg, var(--accent-light), var(--accent));border:1.5px solid var(--accent-dark);color:#fff;text-shadow:0 1px 3px #0d50a080;border-radius:16px;padding:22px;font-size:19px;font-weight:900;position:relative;overflow:hidden;box-shadow:0 4px 12px #128afa59,inset 0 0 0 1.5px #fff6}.gacha-pull-btn:after{content:"";pointer-events:none;background:repeating-linear-gradient(-55deg,#ffffff24 0 8px,#0000 8px 16px);position:absolute;inset:0}.gacha-pull-btn.ten{color:#fff;background:linear-gradient(#b26bff,#7a3ff0);border-color:#5b23c4;box-shadow:0 4px 12px #7a3ff059,inset 0 0 0 1.5px #fff6}.gacha-pull-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px #128afa66,inset 0 0 0 1.5px #ffffff80}.gacha-pull-btn.ten:hover:not(:disabled){box-shadow:0 10px 26px #7a3ff06b,inset 0 0 0 1.5px #ffffff80}.gacha-pull-note{opacity:.9;margin-top:6px;font-size:11px;font-weight:700;display:block}.gacha-broke{color:#a3690a;text-align:center;font-size:12px;font-weight:700}.gacha-rates{flex-direction:column;gap:6px;display:flex}.gacha-rate-row{border:1.5px solid color-mix(in srgb, var(--rc) 40%, transparent);background:#fff;border-radius:10px;grid-template-columns:90px 1fr 60px 70px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:grid;box-shadow:0 2px 5px #1c4a8c14}.gacha-rate-row .gr-stars{color:var(--rc);letter-spacing:-1px;font-weight:800}.gacha-rate-row .gr-kinds,.gacha-rate-row .gr-rate{text-align:right;font-variant-numeric:tabular-nums}.gacha-rate-row .gr-rate{color:var(--accent-dark);font-weight:800}.gacha-overlay{z-index:8000;background:repeating-linear-gradient(45deg,#128afa0d 0 2px,#0000 2px 26px),radial-gradient(700px 460px at 50% 45%,#fffffff5,#d8eafaf7 62%,#bad5f0f7 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;animation:.2s ease-out og-fade;display:flex;position:fixed;inset:0}.gacha-overlay.out{opacity:0;transition:all .2s}.gacha-overlay.rainbow:before{content:"";mix-blend-mode:multiply;pointer-events:none;background:conic-gradient(#ffb0da66,#ffdd9766,#aeeaa666,#9ccfff66,#c9b0ff66,#ffb0da66);animation:1.4s linear og-spin;position:absolute;inset:0}@keyframes og-spin{to{transform:rotate(360deg)}}.gacha-stage{grid-template-columns:repeat(5,116px);justify-content:center;gap:14px;display:grid}.gacha-stage.count-1{grid-template-columns:200px}.gacha-slot{--rc:var(--r2);perspective:900px;aspect-ratio:.72}.gacha-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.1,.4,1);position:relative}.gacha-slot.flip .gacha-inner{transform:rotateY(180deg)}.gacha-face{backface-visibility:hidden;border:1.5px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 5px 12px #1c4a8c38}.gacha-face.back{border-color:var(--line-strong);background:repeating-linear-gradient(45deg,#128afa29 0 8px,#0000 8px 16px),linear-gradient(170deg,#fff,#dfeefc)}.gacha-overlay.charged .gacha-face.back{animation:1.1s ease-in-out infinite og-charge}@keyframes og-charge{0%,to{box-shadow:0 5px 12px #1c4a8c38,inset 0 0 18px #128afa1f}50%{box-shadow:0 5px 12px #1c4a8c38,inset 0 0 30px #128afa57,0 0 20px #128afa73}}.gb-mark{letter-spacing:.1em;color:var(--accent);opacity:.85;font-size:22px;font-weight:900}.gacha-face.front{background:linear-gradient(175deg, color-mix(in srgb, var(--rc) 20%, #fff), #fff 70%);border-color:var(--rc);padding:8px;transform:rotateY(180deg)}.gacha-face.front .og-portrait{width:78%}.gf-name{font-size:13px;font-weight:800}.gf-stars{color:var(--rc);letter-spacing:-1px;font-size:11px;font-weight:800}.gf-new{color:#6b4a00;background:var(--gold-bright);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:900;position:absolute;top:6px;left:6px}.gf-dup{color:var(--text-dim);font-size:10px;position:absolute;top:6px;left:6px}.gf-guar{color:var(--gold);font-size:10px;font-weight:800;position:absolute;top:6px;right:6px}.gacha-slot.shine .gacha-face.front{box-shadow:0 0 24px color-mix(in srgb, var(--rc) 60%, transparent), 0 5px 12px #1c4a8c38}.gacha-slot.burst{animation:.7s ease-out og-burst}.gacha-slot.burst .gacha-face.front{box-shadow:0 0 40px var(--gold-bright), 0 0 0 3px var(--gold-bright), inset 0 0 22px #ffe8a0cc}@keyframes og-burst{0%{transform:scale(1)}40%{transform:scale(1.16)rotate(-2deg)}to{transform:scale(1)}}.gacha-overlay-foot{flex-direction:column;align-items:center;gap:14px;display:flex}.gacha-summary{color:var(--text-dim);min-height:20px;font-size:14px;font-weight:600}.gacha-overlay-actions{gap:12px;display:flex}.collection-body{width:100%;max-width:1280px;margin:0 auto}.col-head{flex-direction:column;gap:10px;display:flex}.col-count{color:var(--text-dim);font-size:13px}.col-filters{flex-wrap:wrap;gap:6px;display:flex}.col-filters.tight .col-chip{padding:4px 8px}.col-chip{border:1.5px solid var(--line-soft);color:var(--text-dim);background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;box-shadow:0 2px 4px #1c4a8c12}.col-chip.on{background:linear-gradient(180deg, var(--accent-light), var(--accent));border-color:var(--accent-dark);color:#fff;font-weight:800;box-shadow:0 3px 8px #128afa52}.col-empty{color:var(--text-dim);grid-column:1/-1;padding:16px 4px;font-size:12px}.deck-body{gap:12px;width:100%;max-width:1400px;margin:0 auto;overflow:hidden}.deck-tabs{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.deck-notice,.deck-summary{flex:none}.deck-tab{border:1.5px solid var(--line-soft);color:var(--text-dim);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex;box-shadow:0 2px 5px #1c4a8c14}.deck-tab.on{background:linear-gradient(180deg, var(--accent-light), var(--accent));border-color:var(--accent-dark);color:#fff;font-weight:800;box-shadow:0 3px 9px #128afa52}.deck-tab .dt-count{opacity:.85;font-variant-numeric:tabular-nums;font-size:11px}.deck-tab .dt-badge{color:#6b4a00;background:var(--gold-bright);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.deck-name-input{border:1.5px solid var(--line);width:180px;color:var(--text);background:#fff;border-radius:10px;margin-left:6px;padding:8px 12px;font-family:inherit;font-size:13px;box-shadow:inset 0 1px 3px #1c4a8c1a}.deck-name-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #128afa2e}.deck-notice{color:#8a5c00;background:#fff8e8;border:1.5px solid #e5b13a99;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:600;line-height:1.6}.deck-panes{flex:1;grid-template-columns:1.5fr 1fr;gap:14px;min-height:0;display:grid}.deck-pane{border:1.5px solid var(--line);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);min-height:0;filter:var(--panel-drop);background:#ffffffeb;border-radius:14px;flex-direction:column;padding:12px;display:flex}.deck-pane-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.deck-pool-scroll{flex:1;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));align-content:start;gap:10px;min-height:200px;display:grid;overflow-y:auto}.deck-list-scroll{flex-direction:column;flex:1;gap:4px;min-height:200px;display:flex;overflow-y:auto}.deck-row{--rc:var(--r2);border:1px solid var(--line-soft);border-left:3px solid var(--rc);background:#f4f9ff;border-radius:8px;grid-template-columns:56px 1fr 24px 40px 40px 42px 62px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:grid}.deck-row .dr-stars{color:var(--rc);letter-spacing:-1px;font-size:11px;font-weight:800}.deck-row .dr-name{font-weight:700}.deck-row .dr-cost{color:var(--accent-dark);font-weight:700}.deck-row .dr-atk{color:#d9541b;font-weight:700}.deck-row .dr-count{text-align:right;font-weight:800}.dr-acts{justify-content:flex-end;gap:4px;display:flex}.dr-btn{border:1.5px solid var(--line);width:26px;height:24px;color:var(--accent-dark);background:#fff;border-radius:6px;font-size:13px;font-weight:800}.dr-btn:hover{background:#e8f3ff}.deck-summary{border:1.5px solid var(--line);background:linear-gradient(#fff,#f0f7fe);border-radius:14px;grid-template-columns:90px 1.4fr 1.2fr 100px 100px auto;align-items:center;gap:14px;padding:14px 18px;display:grid;box-shadow:0 4px 12px #1c4a8c1f}.ds-block{flex-direction:column;gap:4px;display:flex}.ds-block.actions{flex-flow:wrap;justify-content:flex-end;gap:8px}.ds-k{color:var(--text-dim);letter-spacing:.06em;font-size:11px}.ds-v{font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.ds-v.small{font-size:11px;font-weight:600}.ds-v.ok{color:var(--ok)}.ds-v.warn{color:var(--danger)}.ds-gauge{margin-top:4px}.ds-gauge-fill{background:linear-gradient(90deg, var(--accent-light), var(--accent));height:100%;transition:width .3s}.ds-gauge-fill.over{background:linear-gradient(90deg, var(--danger-bright), var(--danger))}.ds-weapons{flex-wrap:wrap;gap:4px;display:flex}.ds-wpill{border:1.5px solid var(--line-soft);background:#fff;border-radius:999px;padding:3px 8px;font-size:11px}.ds-wpill.syn{border-color:var(--ok);color:var(--ok);background:#f0fbf7;font-weight:700}.draft-body{width:100%;max-width:1100px;margin:0 auto}.draft-progress{border:1.5px solid var(--line);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);filter:var(--panel-drop);background:#fffffff0;border-radius:14px;padding:14px 18px}.draft-prog-head{justify-content:space-between;font-size:13px;display:flex}.draft-prog-head .dp-k{font-weight:800}.draft-prog-head .dp-v{color:var(--text-dim)}.draft-bar-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;transition:width .35s}.draft-hint{color:var(--text-dim);text-align:center;margin-bottom:10px;font-size:12px}.draft-choice-row{grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:18px;display:grid}.draft-choice{transform-origin:bottom;animation:.28s cubic-bezier(.2,1.2,.4,1) both og-pop}.draft-choice:nth-child(2){animation-delay:60ms}.draft-choice:nth-child(3){animation-delay:.12s}.dc-copies{color:var(--gold);border:1.5px solid var(--gold-bright);background:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;right:8px}.draft-strip{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.draft-chip{--rc:var(--r2);border:1.5px solid color-mix(in srgb, var(--rc) 50%, transparent);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:flex;box-shadow:0 2px 4px #1c4a8c14}.draft-chip .dch-stars{color:var(--rc);letter-spacing:-1px;font-weight:800}.draft-chip .dch-n{color:var(--gold);font-weight:800}.draft-done{z-index:8000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#b4d0ead1;justify-content:center;align-items:center;animation:.2s og-fade;display:flex;position:fixed;inset:0}.draft-done-box{border:2px solid var(--accent);background:linear-gradient(165deg,#fff,#eef6fe);border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:34px 46px;animation:.3s cubic-bezier(.2,1.2,.4,1) og-pop;display:flex;box-shadow:0 14px 44px #128afa4d}.dd-title{color:var(--accent-dark);font-size:26px;font-weight:900}.dd-sub{color:var(--text);font-size:13px}.dd-sub.dim{color:var(--text-dim);font-size:12px}.draft-done-box .og-btn{margin-top:12px}.res-hero{text-align:center;border-bottom:2px solid var(--line);background:linear-gradient(#fffffff5,#ffffff4d);padding:30px 28px 22px;position:relative;box-shadow:0 2px 12px #1c4a8c17}.res-hero:after{content:"";background:linear-gradient(90deg, #ffc53100, var(--gold-bright) 22%, var(--gold-bright) 78%, #ffc53100);width:300px;height:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.res-hero.rank1{background:linear-gradient(#fff6dd,#ffffff4d)}.res-hero.rank4{background:linear-gradient(#fdeaee,#ffffff4d)}.res-mode{letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;font-size:12px;font-weight:700}.res-title{margin-top:6px;font-size:clamp(28px,4vw,46px);font-weight:900}.res-hero.rank1 .res-title{color:#a3690a;text-shadow:0 2px #fff,0 4px 18px #ffc53199}.res-sub{color:var(--text-dim);margin-top:6px;font-size:13px}.result-body{width:100%;max-width:1080px;margin:0 auto}.res-cols{grid-template-columns:1.25fr 1fr;gap:16px;display:grid}.res-right{flex-direction:column;gap:16px;display:flex}.res-ranking,.res-reward,.res-lp{background:var(--bg-panel);border:1.5px solid var(--line);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);filter:var(--panel-drop);border-radius:14px;padding:16px 18px}.res-rank-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.res-rank-row{background:#f4f9ff;border:1.5px solid #0000;border-radius:10px;grid-template-columns:46px 120px 1fr 62px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:grid}.res-rank-row.me{border-color:var(--accent);background:#e4f1ff;font-weight:700}.res-rank-row.r1 .rr-pos{color:var(--gold);font-weight:900}.rr-bar{background:#fff;border:1.5px solid #128afa66;border-radius:999px;height:9px;display:block;overflow:hidden}.rr-bar-fill{background:linear-gradient(90deg, var(--accent-light), var(--accent));height:100%;transition:width .6s .2s;display:block}.rr-score{text-align:right;font-variant-numeric:tabular-nums}.res-meta{color:var(--text-dim);gap:14px;margin-top:12px;font-size:12px;display:flex}.res-reward-row{border-bottom:1px dashed var(--line);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.res-reward-row .k{color:var(--text-dim)}.res-reward-row.total{border-bottom:none;margin-top:6px;font-size:16px;font-weight:800}.res-reward-row.total .v{color:var(--gold)}.res-wallet{border-top:1.5px solid var(--line-soft);justify-content:space-between;margin-top:8px;padding-top:10px;font-size:13px;display:flex}.res-wallet .rw-k{color:var(--text-dim)}.res-wallet .rw-v{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:800;transition:transform .2s}.res-wallet .rw-v.pop{transform:scale(1.12)}.res-lp-head{align-items:center;gap:10px;margin-top:8px;display:flex}.res-lp-head .rl-ic{font-size:20px}.res-lp-head .rl-name{font-weight:800}.res-lp-head .rl-delta{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.res-lp-head .rl-delta.up{color:var(--ok)}.res-lp-head .rl-delta.down{color:var(--danger)}.res-lp-num{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px}.res-lp-banner{text-align:center;opacity:0;border-radius:10px;margin-top:10px;padding:10px;font-size:14px;font-weight:800;transition:all .35s cubic-bezier(.2,1.2,.4,1);transform:scale(.94)}.res-lp-banner.show{opacity:1;transform:scale(1)}.res-lp-banner.promote{color:#8a5c00;border:1.5px solid var(--gold-bright);background:linear-gradient(#fff2cf,#ffe49b)}.res-lp-banner.demote{color:var(--danger);border:1.5px solid var(--danger);background:#fdeaee}.res-lp-banner.cap{color:var(--text-dim);border:1.5px solid var(--line);background:#f2f8ff}.res-actions{justify-content:center;gap:12px;margin-top:8px;display:flex}.r2{--rc:var(--r2)}.r3{--rc:var(--r3)}.r4{--rc:var(--r4)}.r5{--rc:var(--r5)}@media (width<=1180px){.home-status,.res-cols,.deck-panes{grid-template-columns:1fr}.deck-summary{grid-template-columns:1fr 1fr}.gacha-stage{grid-template-columns:repeat(5,92px)}}@media (width<=860px){.home-modes,.home-nav{grid-template-columns:1fr 1fr}.draft-choice-row,.gacha-buttons{grid-template-columns:1fr}.og-body{padding:16px}}.match{--mon:#d9541b;--zone:#7c3aed;--head-h:clamp(100px, 14.5vh, 128px);--foot-h:clamp(168px, 25vh, 204px);--side-w:clamp(178px, 16.4vw, 212px);--hud-w:clamp(240px, 22.8vw, 292px);grid-template-rows:var(--head-h) 1fr var(--foot-h);background:repeating-linear-gradient(45deg, #128afa0a 0 2px, transparent 2px 26px), repeating-linear-gradient(45deg, #ffffff73 0 88px, transparent 88px 176px), radial-gradient(circle at 88% 84%, #128afa00 268px, #128afa16 270px, #128afa16 276px, #128afa00 278px), radial-gradient(circle at 10% 12%, #fff0 208px, #fffc 210px, #fffc 214px, #fff0 216px), radial-gradient(120% 90% at 50% -20%, #fff 0%, #fff0 58%), linear-gradient(168deg, #f4f9fd 0%, var(--bg) 46%, var(--bg-deep) 100%);-webkit-user-select:none;user-select:none;gap:8px;height:100%;padding:8px 10px;display:grid;position:relative;overflow:hidden}.img-fit{object-fit:contain;width:100%;height:100%;max-height:100%;display:block}.img-fb{place-items:center;width:100%;height:100%;font-size:1.6em;line-height:1;display:grid}.panel{border:1.5px solid var(--line);border-radius:var(--radius);background:linear-gradient(#fff,#f4f9ff);box-shadow:0 3px 9px #1c4a8c1a}.match-head{min-height:0}.mon-panel{border:1.5px solid var(--line);border-radius:var(--radius);height:100%;box-shadow:var(--shadow);background:linear-gradient(100deg,#d9541b14,#0000 55%),linear-gradient(#fff,#f2f8ff);grid-template-columns:88px auto minmax(150px,1fr) minmax(220px,300px) minmax(160px,200px);align-items:center;gap:12px;padding:8px 14px;transition:box-shadow .25s;display:grid;position:relative}.mon-panel:after{content:"";pointer-events:none;background:linear-gradient(90deg, #ffc53100, var(--gold-bright) 22%, var(--gold-bright) 78%, #ffc53100);width:260px;height:2px;position:absolute;bottom:-1.5px;left:50%;transform:translate(-50%)}.mon-panel.is-enough{box-shadow:var(--shadow), inset 0 0 0 2px #12b8868c}.mon-left{text-align:center}.mon-round{letter-spacing:.06em;color:var(--accent-dark);font-size:13px;font-weight:900}.mon-phase{color:var(--text-dim);border:1.5px solid var(--line);background:#fff;border-radius:999px;margin-top:3px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.mon-phase[data-phase=combat]{color:var(--mon);border-color:var(--mon)}.mon-phase[data-phase=zone]{color:var(--zone);border-color:var(--zone)}.mon-phase[data-phase=deploy]{color:var(--accent-dark);border-color:var(--accent)}.mon-art-box{background:radial-gradient(circle,#fff0 36%,#ffffffe6 37% 40%,#fff0 41%),radial-gradient(circle at 50% 45%,#d9541b33,#fff0 70%);border-radius:50%;place-items:center;width:clamp(64px,8vh,84px);height:clamp(64px,8vh,84px);display:grid}.mon-art{filter:drop-shadow(0 2px 5px #1c4a8c47);width:100%;height:100%}.mon-info{min-width:0}.mon-name{letter-spacing:-.02em;font-size:20px;font-weight:900}.mon-effect{color:var(--accent-2);text-overflow:ellipsis;white-space:nowrap;background:#d1338f1a;border:1px solid #d1338f47;border-radius:6px;max-width:100%;margin-top:3px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block;overflow:hidden}.mon-effect.is-none{color:var(--text-dim);background:0 0;border-color:#0000;padding-left:0;font-weight:400}.mon-gauge{min-width:0}.mon-gauge-row{align-items:baseline;gap:8px;display:flex}.mg-item{align-items:baseline;gap:5px;display:flex}.mg-label{color:var(--text-dim);font-size:10px}.mg-val{font-variant-numeric:tabular-nums;font-size:19px;font-weight:900}.mg-item.req .mg-val{color:var(--mon)}.mg-item.pow .mg-val{color:var(--text-dim)}.mg-item.pow .mg-val.enough{color:var(--ok);text-shadow:0 0 10px #12b88673}.mg-vs{color:var(--text-dim);font-size:10px;font-weight:800}.mon-bar{background:#fff;border:1.5px solid #128afa73;border-radius:5px;height:9px;margin-top:5px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #1c4a8c29}.mon-bar i{background:linear-gradient(90deg, var(--accent-light), var(--ok-bright));width:0;height:100%;transition:width .35s cubic-bezier(.2,.8,.3,1);display:block}.mon-bar-mark{background:var(--mon);width:2px;position:absolute;inset:0 auto 0 74%}.mon-zone{color:var(--zone);margin-top:4px;font-size:10px;font-weight:800}.mon-next{border-left:1.5px solid var(--line);min-width:0;padding-left:12px}.mon-next-title{color:var(--text-dim);letter-spacing:.1em;font-size:9px;font-weight:700}.mon-next-body{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;font-weight:800;overflow:hidden}.mon-next-zone{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.match-mid{grid-template-columns:var(--side-w) 1fr var(--side-w);gap:10px;min-height:0;display:grid}.col{flex-direction:column;gap:8px;min-height:0;display:flex}.col>*{flex:1 1 0;min-height:0}.board-wrap{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:0;display:flex}.board-front-tag{letter-spacing:.14em;color:var(--mon);opacity:.9;font-size:10px;font-weight:800}.board{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;height:100%;min-height:0;display:grid}.cell{border-radius:var(--radius);border:1.5px solid var(--line);background:linear-gradient(#ffffffeb,#e8f1fbeb);place-items:center;transition:border-color .15s,box-shadow .15s,transform .12s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -8px 12px #1c4a8c0d}.cell[data-row="0"]{box-shadow:inset 0 3px 0 -1px #d9541b73,inset 0 -8px 12px #1c4a8c0d}.cell.is-filled{background:linear-gradient(#fff,#eef5fd);border-color:#128afa73;box-shadow:0 2px 6px #1c4a8c1f}.board.is-picking .cell{opacity:.7}.board.is-picking .cell.can-place,.board.is-picking .cell.can-stack{opacity:1}.cell.can-place{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 6px 16px #128afa59;cursor:pointer;animation:1.6s ease-in-out infinite cell-breathe}.cell.can-stack{box-shadow:0 0 0 2px var(--gold-bright), 0 6px 16px #ffc5318c;cursor:pointer;border-color:#e8a713;animation:1.1s ease-in-out infinite cell-breathe}.cell.can-stack:after{content:"승급";color:#6b4a00;background:var(--gold-bright);border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #a36e0066}.cell.deny{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger)}.cell.is-pending{border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2), 0 6px 18px #d1338f59;opacity:1!important}.cell.is-pending:before{content:"배치 예약";z-index:2;color:#fff;background:var(--accent-2);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;animation:1s ease-in-out infinite cell-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #d1338f66}@keyframes cell-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.08)saturate(1.25)}}.cell-empty{opacity:.45;place-items:center;display:grid}.cell-row-hint{color:var(--text-dim);letter-spacing:.05em;font-size:10px}.unit{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:3px;display:grid;position:absolute;inset:0}.unit-art{filter:drop-shadow(0 2px 4px #1c4a8c47);min-height:0;overflow:hidden}.unit-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--text);text-shadow:0 1px 2px #fffffff2;padding:0 28px 0 4px;font-size:11px;font-weight:800;overflow:hidden}.unit-star{color:#e8a713;text-shadow:0 1px 2px #fffffff2;font-size:12px;position:absolute;top:2px;left:4px}.unit.star2 .unit-star{font-size:13px}.unit-stack{color:var(--text-dim);border:1px solid var(--line);background:#ffffffeb;border-radius:999px;padding:0 5px;font-size:9px;font-weight:800;position:absolute;top:3px;right:4px}.unit-atk{white-space:nowrap;color:var(--accent-dark);text-shadow:0 1px 2px #fffffff2;font-variant-numeric:tabular-nums;font-size:11px;font-weight:900;position:absolute;bottom:2px;right:4px}.unit.star2{border-radius:8px;box-shadow:inset 0 0 0 2px #ffc531d9}.mini{border:1.5px solid var(--line);border-radius:var(--radius);background:linear-gradient(#fff,#f4f9ff);grid-template-rows:auto auto 1fr auto;gap:5px;min-height:0;padding:6px 8px;transition:filter .4s,opacity .4s;display:grid;position:relative;box-shadow:0 3px 9px #1c4a8c1a}.mini.is-dead{filter:grayscale();opacity:.5}.mini.is-dead:after{content:"탈락";letter-spacing:.3em;color:#1c35508c;border-radius:var(--radius);background:#ffffff59;place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;inset:0}.mini-head{align-items:center;gap:5px;min-width:0;display:flex}.mini-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.mini-style{color:var(--text-dim);border:1px solid var(--line-soft);background:#f2f8ff;border-radius:999px;flex:none;padding:0 5px;font-size:9px}.mini-score-wrap{flex:none;align-items:center;gap:3px;margin-left:auto;display:flex}.mini-score{color:var(--gold);font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.mini-ico{font-size:10px}.mini-hp{align-items:center;gap:5px;display:flex}.mini-hp-bar{background:#fff;border:1.5px solid #128afa66;border-radius:4px;flex:1;height:6px;overflow:hidden}.mini-hp-bar i{background:linear-gradient(90deg, var(--ok-bright), var(--ok));height:100%;transition:width .4s;display:block}.mini-hp-bar i.low{background:linear-gradient(90deg, var(--danger-bright), var(--danger))}.mini-hp-val{font-variant-numeric:tabular-nums;text-align:right;min-width:22px;font-size:11px;font-weight:800}.mini-grid{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);justify-self:center;gap:3px;min-height:0;max-height:100%;display:grid}.mini-cell{border:1px solid var(--line-soft);background:#eef4fb;border-radius:5px;min-width:0;min-height:0;position:relative;overflow:hidden}.mini-cell.is-filled{background:#fff;border-color:#128afa6b}.mini-unit{position:absolute;inset:0}.mini-art{width:100%;height:100%}.mini-star{color:#e8a713;font-size:8px;position:absolute;top:0;right:2px}.mini-unit.star2{box-shadow:inset 0 0 0 1.5px #ffc531e6}.mini-foot{justify-content:space-between;align-items:center;display:flex}.mini-power{color:var(--accent-dark);font-variant-numeric:tabular-nums;font-size:11px;font-weight:900}.mini-action{color:var(--text-dim);font-size:9px}.mini-action[data-kind=stack]{color:var(--gold);font-weight:700}.mini-action[data-kind=pass]{opacity:.6}.mini-reveal{z-index:5;pointer-events:none;border-radius:var(--radius);background:#eef6fddb;place-items:center;display:none;position:absolute;inset:0}.mini-reveal.on{display:grid}.mini-reveal .reveal-card{transform-origin:50%;width:92px;height:138px}.mini-reveal .reveal-card.is-upgrade{box-shadow:0 0 22px 3px #ffc531e6, 0 0 0 2px var(--gold-bright)}.reveal-pass{letter-spacing:.2em;color:var(--text-dim);border:2px dashed var(--line-strong);background:#fffc;border-radius:8px;padding:6px 12px;font-size:16px;font-weight:900}.log-panel{border:1.5px solid var(--line);border-radius:var(--radius);background:linear-gradient(#fff,#f4f9ff);grid-template-rows:auto 1fr;gap:4px;min-height:0;padding:6px 8px;display:grid;box-shadow:0 3px 9px #1c4a8c1a}.log-title{letter-spacing:.1em;color:var(--text-dim);font-size:10px;font-weight:700}.log{scrollbar-width:thin;font-size:10.5px;line-height:1.5;overflow-y:auto}.log::-webkit-scrollbar{width:5px}.log::-webkit-scrollbar-thumb{background:#128afa47;border-radius:3px}.log-line{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.log-line.l-round{color:var(--accent-dark);margin-top:3px;font-weight:800}.log-line.l-me{color:var(--text)}.log-line.l-kill{color:var(--ok);font-weight:700}.log-line.l-fail{color:var(--danger)}.log-line.l-upgrade{color:var(--gold);font-weight:700}.log-line.l-zone{color:var(--zone)}.log-line.l-effect{color:var(--accent-2)}.log-line.l-elim{color:var(--danger);font-weight:700}.log-line.l-over{color:var(--gold);font-weight:800}.log-line.l-dim{opacity:.6}.match-foot{grid-template-columns:1fr var(--hud-w);gap:10px;min-height:0;display:grid}.hand{grid-template-columns:repeat(7,1fr);gap:8px;min-height:0;display:grid}.hand-slot{min-width:0;min-height:0;transition:transform .14s;display:flex}.hand-slot.is-empty{pointer-events:none}.card-ghost{border:1.5px dashed var(--line);border-radius:var(--radius);opacity:.7;background:#fff6;width:100%}.card{border-radius:var(--radius);border:1.5px solid var(--line);background:linear-gradient(180deg, #fff, var(--bg-card));width:100%;min-width:0;box-shadow:var(--card-shadow);cursor:pointer;grid-template-rows:auto minmax(0,1fr) auto auto auto auto;gap:2px;padding:5px 6px 6px;transition:transform .14s,box-shadow .14s,border-color .14s,filter .14s;display:grid;position:relative;overflow:hidden}.card:before{content:"";background:var(--rc,var(--r2));opacity:1;height:4px;position:absolute;inset:0 0 auto}.card.r2{--rc:var(--r2)}.card.r3{--rc:var(--r3)}.card.r4{--rc:var(--r4)}.card.r5{--rc:var(--r5)}.hand-slot:hover .card{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 10px 20px #128afa40,inset 0 0 0 1px #ffffffd9}.hand-slot.is-selected .card{border-color:var(--accent);box-shadow:0 0 0 2.5px var(--accent), 0 12px 26px #128afa6b;transform:translateY(-12px)}.card.is-dim{filter:grayscale(.55)opacity(.6)}.card.is-dim:after{content:"민중 부족";text-align:center;color:#fff;background:var(--danger);padding:2px 0;font-size:9px;font-weight:800;position:absolute;inset:auto 0 0}.hand[data-mode=cleanup] .card.is-discardable:hover{border-color:var(--danger);box-shadow:0 0 0 2.5px var(--danger)}.hand[data-mode=idle] .hand-slot{pointer-events:none}.hand[data-mode=idle] .card{filter:saturate(.75)opacity(.85)}.card-top{justify-content:space-between;align-items:center;display:flex}.card-cost{color:#6b4a00;background:var(--gold-bright);border-radius:4px;padding:0 5px;font-size:11px;font-weight:900;box-shadow:0 1px 2px #a36e0059}.card-rarity{color:var(--rc,var(--r2));letter-spacing:-1px;font-size:9px;font-weight:800}.card-art{filter:drop-shadow(0 2px 4px #1c4a8c42);min-height:0}.card-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:800;overflow:hidden}.card-tags{justify-content:center;gap:3px;display:flex}.tag{color:var(--text-dim);border:1px solid var(--line-soft);white-space:nowrap;text-overflow:ellipsis;background:#f0f6fd;border-radius:999px;padding:0 4px;font-size:8.5px;overflow:hidden}.card-stats{justify-content:center;gap:8px;display:flex}.st{font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:900}.st.atk{color:var(--accent-dark)}.st.hp{color:var(--ok)}.card-ab{color:var(--text-dim);text-align:center;height:2.7em;font-size:9px;line-height:1.32;overflow:hidden}.card-key{color:var(--accent-dark);opacity:.7;font-family:monospace;font-size:8px;font-weight:700;position:absolute;top:5px;left:50%;transform:translate(-50%)}.card.unknown{color:var(--text-dim);place-items:center;font-size:11px;display:grid}.hud{border:1.5px solid var(--line);border-radius:var(--radius);background:linear-gradient(#fff,#f4f9ff);grid-template-rows:auto auto auto auto 1fr auto;gap:6px;min-height:0;padding:8px 10px;display:grid;box-shadow:0 3px 9px #1c4a8c1a}.hud-prompt{color:var(--text-dim);border-left:3px solid var(--line);align-items:center;min-height:2.6em;padding-left:7px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.hud-prompt[data-mode=deploy]{color:var(--accent-dark);border-left-color:var(--accent)}.hud-prompt[data-mode=cleanup]{color:var(--accent-2);border-left-color:var(--accent-2)}.gauge{align-items:center;gap:6px;display:flex}.g-ico{text-align:center;width:15px;font-size:12px}.g-label{color:var(--text-dim);flex:none;width:42px;font-size:10px}.g-bar{background:#fff;border:1.5px solid #128afa73;border-radius:5px;flex:1;height:9px;overflow:hidden;box-shadow:inset 0 1px 3px #1c4a8c29}.g-bar i{width:0;height:100%;transition:width .4s cubic-bezier(.2,.8,.3,1);display:block}.g-hp .g-bar i{background:linear-gradient(90deg, var(--ok-bright), var(--ok))}.g-hp .g-bar i.low{background:linear-gradient(90deg, var(--danger-bright), var(--danger))}.g-score .g-bar i{background:linear-gradient(90deg, #ffd45e, var(--gold-bright))}.g-val{font-variant-numeric:tabular-nums;text-align:right;min-width:26px;font-size:14px;font-weight:900}.g-credit .g-val{color:var(--gold);font-size:16px}.g-max{color:var(--text-dim);font-size:9px}.btn-pass{background:linear-gradient(180deg, var(--accent-light), var(--accent));border:1.5px solid var(--accent-dark);color:#fff;text-shadow:0 1px 2px #0d50a080;box-shadow:0 3px 0 var(--accent-dark), 0 6px 14px #128afa57, inset 0 0 0 1.5px #ffffff59;align-self:end;padding:10px 0;font-size:13px;font-weight:900;position:relative;overflow:hidden}.btn-pass:after{content:"";pointer-events:none;background:repeating-linear-gradient(-55deg,#ffffff21 0 8px,#0000 8px 16px);position:absolute;inset:0}.btn-pass:hover:not(:disabled){border-color:var(--accent-dark);box-shadow:0 3px 0 var(--accent-dark), 0 8px 20px #128afa7a, inset 0 0 0 1.5px #ffffff80}.hud-hint{color:var(--text-dim);opacity:.85;font-size:9px;line-height:1.4}.fx-layer{pointer-events:none;z-index:60;width:0;height:0;position:absolute}.fx-dot{border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.fx-glyph{color:#e8a713;text-shadow:0 0 8px #ffc531f2,0 1px 2px #ffffffe6;line-height:1;background:0 0!important}.fx-stamp{z-index:70;pointer-events:none;color:#7d97b3;opacity:0;text-shadow:0 2px #fff,0 6px 18px #1c4a8c59;font-size:88px;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.fx-float{z-index:70;pointer-events:none;font-variant-numeric:tabular-nums;opacity:0;text-shadow:0 1px #fff,0 2px 8px #fffffff2;font-size:22px;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.fx-float.f-score{color:#a3690a}.fx-float.f-dmg{color:var(--danger)}.fx-vignette{z-index:55;pointer-events:none;opacity:0;background:radial-gradient(115% 90%,#7c3aed00 38%,#7c3aed57 74%,#5b21b69e 100%);position:absolute;inset:0;box-shadow:inset 0 0 90px 20px #7c3aed57}.fx-banner{z-index:80;pointer-events:none;letter-spacing:.08em;opacity:0;text-shadow:0 2px #fff,0 4px 6px #fffffff2,0 8px 26px #1c4a8c59;font-size:46px;font-weight:900;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.fx-banner.b-reveal{color:var(--accent)}.fx-banner.b-combat{color:var(--mon)}.fx-banner.b-zone{color:var(--zone)}.fx-banner.b-win{color:#d19100}.fx-banner.b-lose{color:var(--danger)}.fx-toast{left:50%;bottom:calc(var(--foot-h) + 18px);z-index:75;border-radius:var(--radius);border:1.5px solid var(--accent);background:#fffffffa;max-width:620px;padding:12px 40px 12px 16px;position:absolute;transform:translate(-50%);box-shadow:0 12px 34px #1c4a8c42,0 0 0 3px #128afa24}.fx-toast-title{color:var(--accent-dark);margin-bottom:6px;font-size:12px;font-weight:900}.fx-toast-list{gap:4px;list-style:none;display:grid}.fx-toast-list li{color:var(--text);padding-left:14px;font-size:12px;line-height:1.45;position:relative}.fx-toast-list li:before{content:"›";color:var(--accent);font-weight:800;position:absolute;left:2px}.fx-toast-close{width:22px;height:22px;color:var(--text-dim);background:0 0;border:none;border-radius:6px;font-size:11px;position:absolute;top:6px;right:6px}html.hitstop *,html.hitstop :before,html.hitstop :after{transition:none!important;animation-play-state:paused!important}@media (width<=1180px){.match{--side-w:164px;--hud-w:232px}.mon-panel{grid-template-columns:76px auto minmax(120px,1fr) minmax(190px,260px) minmax(130px,170px);gap:8px}.card-ab{display:none}}@media (height<=720px){.card-ab,.hud-hint{display:none}}html.is-mobile body{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100dvh}html.is-mobile button,html.is-mobile .og-card,html.is-mobile .cell,html.is-mobile .hand-slot,html.is-mobile .mini,html.is-mobile .mon-panel{touch-action:manipulation;-webkit-tap-highlight-color:#128afa24}html.is-mobile .og-body,html.is-mobile .deck-pool-scroll,html.is-mobile .deck-list-scroll,html.is-mobile .hand,html.is-mobile .log,html.is-mobile .og-modal,html.is-mobile .gacha-overlay{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}html.is-mobile .og-body::-webkit-scrollbar{width:0;height:0}html.is-mobile .deck-pool-scroll::-webkit-scrollbar{width:0;height:0}html.is-mobile .deck-list-scroll::-webkit-scrollbar{width:0;height:0}html.is-mobile .hand::-webkit-scrollbar{width:0;height:0}html.is-mobile .log::-webkit-scrollbar{width:0;height:0}html.is-mobile .og-body,html.is-mobile .deck-pool-scroll,html.is-mobile .deck-list-scroll,html.is-mobile .hand,html.is-mobile .log{scrollbar-width:none}html.is-mobile #debug-panel{max-width:48vw;font-size:10px}@media (hover:none){html.is-mobile .og-card.clickable:hover{border-color:color-mix(in srgb, var(--rc) 45%, transparent);box-shadow:var(--card-shadow);transform:none}html.is-mobile .og-card.clickable:active{border-color:var(--rc);box-shadow:0 6px 16px color-mix(in srgb, var(--rc) 34%, transparent), inset 0 0 0 1px #fff;transform:scale(.97)}html.is-mobile .home-mode:hover{border-color:var(--line);transform:none;box-shadow:0 4px 12px #1c4a8c1f}html.is-mobile .home-mode:active{border-color:var(--accent);transform:scale(.985)}html.is-mobile .home-nav-btn:hover{border-color:var(--line);color:var(--text);box-shadow:0 3px 9px #1c4a8c1a}html.is-mobile .home-nav-btn:active{border-color:var(--accent);color:var(--accent-dark)}html.is-mobile .og-btn:hover:not(:disabled){border-color:var(--line);transform:none;box-shadow:0 2px 5px #1c4a8c1a}html.is-mobile .og-btn.accent:hover:not(:disabled){border-color:var(--accent-dark);box-shadow:0 3px 10px #128afa59,inset 0 0 0 1.5px #ffffff61}html.is-mobile .og-btn.ok:hover:not(:disabled){border-color:var(--ok)}html.is-mobile .og-btn.danger:hover:not(:disabled){border-color:var(--danger)}html.is-mobile .og-btn:active:not(:disabled){transform:scale(.97)}html.is-mobile .gacha-pull-btn:hover:not(:disabled){transform:none}html.is-mobile .gacha-pull-btn:active:not(:disabled){transform:scale(.985)}html.is-mobile .dr-btn:hover{background:#fff}html.is-mobile .dr-btn:active{background:#dceeff}html.is-mobile .hand-slot:hover .card{border-color:var(--line);box-shadow:var(--card-shadow);transform:none}html.is-mobile .hand[data-mode=cleanup] .card.is-discardable:hover{border-color:var(--line);box-shadow:var(--card-shadow)}html.is-mobile .btn-pass:hover:not(:disabled){box-shadow:0 3px 0 var(--accent-dark), 0 6px 14px #128afa57, inset 0 0 0 1.5px #ffffff59}}html.is-mobile .og-body{padding:12px 12px calc(22px + env(safe-area-inset-bottom));gap:14px}html.is-mobile .og-topbar{padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top));flex-wrap:wrap;gap:8px}html.is-mobile .og-topbar-left{flex:auto;gap:8px;min-width:0}html.is-mobile .og-topbar-right{flex-wrap:wrap;justify-content:flex-end;gap:6px}html.is-mobile .og-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;overflow:hidden}html.is-mobile .og-chip{padding:7px 10px;font-size:12px}html.is-mobile .og-topbar:after{width:150px}html.is-mobile .og-h3{padding:4px 10px 4px 11px;font-size:11px}html.is-mobile .og-btn{min-height:44px;padding:10px 16px}html.is-mobile .og-btn.small{min-height:44px;padding:8px 12px;font-size:12.5px}html.is-mobile .og-btn.big{min-height:52px}html.is-mobile .og-modal-x{width:44px;height:44px}html.is-mobile .col-chip{min-height:40px;padding:9px 14px;font-size:12.5px}html.is-mobile .og-toggle{width:78px;min-height:44px}html.is-mobile .og-toast-act{min-height:40px}html.is-mobile .og-toasts{bottom:calc(14px + env(safe-area-inset-bottom));width:100%;padding:0 12px}html.is-mobile .og-toast{max-width:100%;padding:11px 14px;font-size:12.5px}html.is-mobile .og-toast-msg{min-width:0}html.is-mobile .og-modal-overlay{align-items:flex-end}html.is-mobile .og-modal{width:100%;max-height:88vh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0}html.is-mobile .og-modal-head,html.is-mobile .og-modal-body{padding:14px}html.is-mobile .og-modal-actions{flex-direction:column-reverse;gap:8px}html.is-mobile .og-modal-actions .og-btn{width:100%}html.is-mobile .og-detail{flex-direction:column;align-items:center;gap:12px}html.is-mobile .og-detail .og-card{width:min(190px,62%)}html.is-mobile .og-detail-info{width:100%}html.is-mobile .og-card-grid,html.is-mobile .og-card-grid.small{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html.is-mobile .og-card-name{font-size:14px}html.is-mobile .og-card-ability{min-height:0;font-size:10.5px}html.is-mobile .og-tag{font-size:9.5px}html.is-mobile .og-card-stats{gap:6px;font-size:11.5px}html.is-mobile .home-hero{padding:calc(16px + env(safe-area-inset-top)) 14px 14px}html.is-mobile .home-logo .lg-1{letter-spacing:.16em;text-indent:.16em;font-size:clamp(16px,5.2vw,26px)}html.is-mobile .home-logo .lg-2{letter-spacing:.32em;text-indent:.32em;margin-top:4px;font-size:clamp(23px,8vw,38px)}html.is-mobile .home-sub{letter-spacing:.01em;margin-top:8px;font-size:11.5px}html.is-mobile .home-hero:after{width:190px}html.is-mobile .home-chips{justify-content:center;margin-top:10px;position:static}html.is-mobile .home-status{grid-template-columns:1fr;gap:12px}html.is-mobile .home-league,html.is-mobile .home-deck{padding:14px}html.is-mobile .home-league-head .lg-name{font-size:16px}html.is-mobile .home-deck-actions{flex-wrap:wrap;gap:8px}html.is-mobile .home-modes{grid-template-columns:1fr;gap:10px}html.is-mobile .home-mode{flex-flow:wrap;align-items:center;gap:3px 11px;min-height:66px;padding:13px 15px}html.is-mobile .hm-ic{flex:none;font-size:23px}html.is-mobile .hm-name{flex:none;font-size:16.5px}html.is-mobile .hm-desc{flex:100%;font-size:11.5px}html.is-mobile .hm-warn{flex:100%;margin-top:2px;font-size:10.5px}html.is-mobile .home-nav{grid-template-columns:1fr 1fr;gap:10px}html.is-mobile .home-nav-btn{min-height:54px;padding:12px 8px;font-size:14px}html.is-mobile .home-history-row{grid-template-columns:minmax(0,1fr) 42px 50px 32px 42px;gap:6px;padding:10px;font-size:11px}html.is-mobile .home-history-row .hh-mode{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html.is-mobile .gacha-banner{gap:8px;padding:16px 14px}html.is-mobile .gacha-banner-title{text-align:center;font-size:19px}html.is-mobile .gacha-banner-sub{text-align:center;font-size:11px;line-height:1.6}html.is-mobile .gacha-pity{width:100%;font-size:11.5px}html.is-mobile .gacha-buttons{grid-template-columns:1fr;gap:10px}html.is-mobile .gacha-pull-btn{min-height:62px;padding:15px;font-size:17px}html.is-mobile .gacha-pull-note{font-size:10.5px}html.is-mobile .gacha-overlay{z-index:9600;padding:calc(16px + env(safe-area-inset-top)) 14px 0;justify-content:flex-start;gap:0;overflow-y:auto}html.is-mobile .gacha-stage{width:100%;max-width:320px;margin:0 auto calc(124px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html.is-mobile .gacha-stage.count-1{grid-template-columns:minmax(0,190px)}html.is-mobile .gacha-overlay-foot{z-index:2;width:100%;padding:14px 14px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#e9f3fc00,#ebf4fdfa 20%,#ebf4fd 40%);gap:10px;position:fixed;bottom:0;left:0;right:0}html.is-mobile .gacha-summary{text-align:center;min-height:0;padding:0 6px;font-size:12px}html.is-mobile .gacha-overlay-actions{width:100%;padding:0 6px}html.is-mobile .gacha-overlay-actions .og-btn{flex:1 1 0}html.is-mobile .gf-name{font-size:12px}html.is-mobile .gb-mark{font-size:18px}html.is-mobile .col-count{font-size:12px}html.is-mobile .col-filters{gap:6px}html.is-mobile .m-seg{background:var(--bg-sunken);border:1.5px solid var(--line-soft);border-radius:12px;flex:none;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}html.is-mobile .m-seg-btn{min-height:44px;color:var(--text-dim);letter-spacing:.01em;background:0 0;border:none;border-radius:9px;font-size:13px;font-weight:800}html.is-mobile .m-seg-btn.on{background:linear-gradient(180deg, var(--accent-light), var(--accent));color:#fff;box-shadow:0 2px 6px #128afa4d}html.is-mobile .deck-body{gap:10px;overflow-y:auto}html.is-mobile .deck-tabs{gap:6px}html.is-mobile .deck-tab{min-height:44px;padding:6px 11px;font-size:12px}html.is-mobile .deck-name-input{width:100%;min-height:44px;margin-left:0}html.is-mobile .deck-notice{padding:10px 12px;font-size:11.5px}html.is-mobile .deck-panes{flex:none;grid-template-columns:1fr}html.is-mobile .deck-panes.m-show-pool>.deck-pane.list,html.is-mobile .deck-panes.m-show-list>.deck-pane.pool{display:none}html.is-mobile .deck-pane{height:60vh;min-height:260px;padding:10px}html.is-mobile .col-filters.tight{gap:5px}html.is-mobile .col-filters.tight .col-chip{min-height:36px;padding:6px 10px}html.is-mobile .deck-pane-head{gap:8px;margin-bottom:8px}html.is-mobile .deck-pool-scroll{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0}html.is-mobile .deck-list-scroll{gap:6px;min-height:0}html.is-mobile .deck-row{grid-template-rows:auto auto;grid-template-columns:auto auto auto minmax(0,1fr) auto;gap:3px 8px;padding:7px 8px 7px 10px;font-size:11.5px}html.is-mobile .deck-row .dr-stars{grid-area:1/1/2/2}html.is-mobile .deck-row .dr-name{grid-area:1/2/2/5;font-size:13px}html.is-mobile .deck-row .dr-acts{grid-area:1/5/3/6;align-self:center}html.is-mobile .deck-row .dr-weapon{grid-area:2/1/3/2}html.is-mobile .deck-row .dr-cost{grid-area:2/2/3/3}html.is-mobile .deck-row .dr-atk{grid-area:2/3/3/4}html.is-mobile .deck-row .dr-count{grid-area:2/4/3/5}html.is-mobile .dr-btn{width:44px;height:44px;font-size:18px}html.is-mobile .deck-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}html.is-mobile .deck-summary .ds-block{order:1}html.is-mobile .deck-summary .ds-block.wide{order:2;grid-column:1/-1}html.is-mobile .deck-summary .ds-block.actions{flex-flow:wrap;order:3;grid-column:1/-1;justify-content:stretch;gap:8px}html.is-mobile .deck-summary .ds-block.actions .og-btn{flex:46%}html.is-mobile .ds-v{font-size:15px}html.is-mobile .ds-v.small{font-size:11px}html.is-mobile .draft-progress{padding:12px 14px}html.is-mobile .draft-hint{font-size:11.5px}html.is-mobile .draft-choice-row{grid-template-columns:1fr;gap:10px}html.is-mobile .draft-choice{flex-direction:row;align-items:center;gap:11px;padding:10px 12px 10px 10px}html.is-mobile .draft-choice .og-portrait{flex:none;width:86px}html.is-mobile .draft-choice .og-card-info{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}html.is-mobile .draft-choice .og-card-stars{font-size:11px;position:absolute;bottom:9px;right:11px}html.is-mobile .draft-choice .og-card-ability{min-height:0;padding-right:58px}html.is-mobile .draft-strip{gap:5px}html.is-mobile .draft-chip{padding:6px 10px;font-size:10.5px}html.is-mobile .draft-done-box{width:min(92vw,340px);padding:26px 22px}html.is-mobile .dd-title{font-size:22px}html.is-mobile .dd-sub{text-align:center;font-size:12px}html.is-mobile .res-hero{padding:calc(18px + env(safe-area-inset-top)) 14px 14px}html.is-mobile .res-title{font-size:30px}html.is-mobile .res-sub{font-size:12px}html.is-mobile .res-cols{grid-template-columns:1fr;gap:12px}html.is-mobile .res-ranking,html.is-mobile .res-reward,html.is-mobile .res-lp{padding:14px}html.is-mobile .res-rank-row{grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr) auto;gap:6px 10px;padding:9px 11px;font-size:12.5px}html.is-mobile .res-rank-row .rr-pos{grid-area:1/1/2/2}html.is-mobile .res-rank-row .rr-name{grid-area:1/2/2/3}html.is-mobile .res-rank-row .rr-score{grid-area:1/3/2/4}html.is-mobile .res-rank-row .rr-bar{grid-area:2/1/3/4}html.is-mobile .res-meta{gap:10px;font-size:11.5px}html.is-mobile .res-actions{flex-direction:column;gap:8px}html.is-mobile .res-actions .og-btn{width:100%}html.is-mobile .match{--foot-h:246px;padding:calc(6px + env(safe-area-inset-top)) 8px calc(6px + env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:6px}html.is-mobile .match>.match-head,html.is-mobile .match>.m-botstrip,html.is-mobile .match>.match-mid,html.is-mobile .match>.match-foot,html.is-mobile .match-foot>.hand,html.is-mobile .match-foot>.hud{min-width:0}html.is-mobile .mon-panel{cursor:pointer;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 8px}html.is-mobile .mon-panel:after{width:150px}html.is-mobile .mon-left{text-align:left}html.is-mobile .mon-round{letter-spacing:.02em;font-size:10.5px}html.is-mobile .mon-phase{margin-top:1px;padding:0 6px;font-size:9.5px}html.is-mobile .mon-art-box{width:40px;height:40px}html.is-mobile .mon-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}html.is-mobile .mon-effect{display:none}html.is-mobile .mon-gauge-row{gap:5px}html.is-mobile .mg-label{display:none}html.is-mobile .mg-val{font-size:16px}html.is-mobile .mg-vs{font-size:9px}html.is-mobile .mon-bar,html.is-mobile .mon-zone,html.is-mobile .mon-next{display:none}html.is-mobile .m-mon-toggle{width:30px;height:34px;color:var(--accent-dark);pointer-events:none;background:0 0;border:none;flex:none;place-items:center;font-size:12px;line-height:1;display:grid}html.is-mobile .mon-panel.is-expanded{grid-template-rows:auto auto}html.is-mobile .mon-panel.is-expanded .mon-effect{white-space:normal;margin-top:3px;font-size:10px;line-height:1.4;display:inline-block}html.is-mobile .mon-panel.is-expanded .mon-bar{height:7px;margin-top:4px;display:block}html.is-mobile .mon-panel.is-expanded .mon-zone{font-size:9.5px;display:block}html.is-mobile .mon-panel.is-expanded .mon-next{border-left:none;border-top:1.5px solid var(--line-soft);grid-area:2/1/auto/-1;margin-top:2px;padding:6px 0 0;display:block}html.is-mobile .mon-panel.is-expanded .mon-next-body{font-size:12px}html.is-mobile .m-botstrip{align-items:stretch;gap:6px;min-height:0;display:flex}html.is-mobile .m-botstrip .mini{flex:1 1 0;grid-template-rows:auto auto auto;gap:2px;min-width:0;padding:5px 7px}html.is-mobile .mini-style{display:none}html.is-mobile .mini-head{gap:4px}html.is-mobile .mini-name{font-size:11px}html.is-mobile .mini-score{font-size:12px}html.is-mobile .mini-ico{font-size:9px}html.is-mobile .mini-hp{gap:4px}html.is-mobile .mini-hp-bar{height:5px}html.is-mobile .mini-hp-val{min-width:18px;font-size:10px}html.is-mobile .mini-power{font-size:10.5px}html.is-mobile .mini-action{font-size:9px}html.is-mobile .mini.is-dead:after{letter-spacing:.18em;font-size:12px}html.is-mobile .m-botstrip .mini-grid{display:none}html.is-mobile .m-botstrip .mini.is-open{border-color:var(--accent)}html.is-mobile .m-botstrip .mini.is-open .mini-grid{z-index:45;aspect-ratio:auto;border:1.5px solid var(--accent);background:#fff;border-radius:10px;gap:3px;width:130px;height:130px;max-height:none;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #1c4a8c4d}html.is-mobile .mini-reveal{background:#eef6fdc7;overflow:visible}html.is-mobile .mini-reveal .reveal-card{width:60px;height:92px}html.is-mobile .mini-reveal .card-ab,html.is-mobile .mini-reveal .card-tags,html.is-mobile .mini-reveal .card-key{display:none}html.is-mobile .reveal-pass{letter-spacing:.12em;padding:4px 8px;font-size:11px}html.is-mobile .match-mid{min-height:0;display:block}html.is-mobile .board-wrap{gap:3px;height:100%;min-height:0;container-type:size}html.is-mobile .board-front-tag{letter-spacing:.1em;font-size:9px}html.is-mobile .board{aspect-ratio:1;gap:6px;width:min(100%,100cqh - 20px);max-width:100%;height:auto}html.is-mobile .cell-row-hint{font-size:11px}html.is-mobile .unit-name{padding:0 30px 0 4px;font-size:12px}html.is-mobile .unit-atk{font-size:12px}html.is-mobile .unit-star{font-size:13px}html.is-mobile .unit-stack{font-size:10px}html.is-mobile .cell.can-stack:after{padding:2px 6px;font-size:10px}html.is-mobile .cell.is-pending:before{padding:3px 10px;font-size:11px}html.is-mobile .match-foot{flex-direction:column;grid-template-columns:none;gap:6px;display:flex}html.is-mobile .match-foot>.hud{order:1}html.is-mobile .match-foot>.hand{order:2}html.is-mobile .hud{grid-template-rows:auto auto auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px 6px;padding:7px 8px}html.is-mobile .hud .hud-prompt{grid-area:1/1/2/6;min-height:0;padding-left:6px;font-size:11.5px;line-height:1.3}html.is-mobile .hud .m-log-btn{grid-area:1/6/2/7}html.is-mobile .hud .g-credit{grid-area:2/1/3/3}html.is-mobile .hud .g-hp{grid-area:2/3/3/5}html.is-mobile .hud .g-score{grid-area:2/5/3/7}html.is-mobile .hud .btn-pass{grid-area:3/1/4/7;min-height:46px;padding:0;font-size:14px}html.is-mobile .hud-hint,html.is-mobile .g-label{display:none}html.is-mobile .g-ico{width:13px;font-size:11px}html.is-mobile .g-val{min-width:20px;font-size:13px}html.is-mobile .g-credit .g-val{font-size:15px}html.is-mobile .g-max{font-size:8.5px}html.is-mobile .g-bar{height:8px}html.is-mobile .m-log-btn{border:1.5px solid var(--line);min-height:44px;color:var(--accent-dark);background:#fff;border-radius:9px;place-items:center;font-size:15px;line-height:1;display:grid}html.is-mobile .hand{scroll-snap-type:x proximity;flex:none;grid-template-columns:none;gap:8px;height:152px;padding:2px 2px 4px;display:flex;overflow:auto hidden}html.is-mobile .hand-slot{scroll-snap-align:center;flex:0 0 104px}html.is-mobile .hand-slot.is-empty{display:none}html.is-mobile .card{padding:5px 5px 6px}html.is-mobile .card-name{font-size:12px}html.is-mobile .card-cost{font-size:11px}html.is-mobile .tag{font-size:8px}html.is-mobile .st{font-size:11.5px}html.is-mobile .card-ab,html.is-mobile .card-key{display:none}html.is-mobile .card.is-dim:after{font-size:8.5px}html.is-mobile .hand-slot.is-selected .card{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent), 0 8px 18px #128afa6b;transform:none}html.is-mobile .m-sheet{z-index:90;height:46vh;max-height:62vh;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg-panel);border-top:2px solid var(--accent);border-radius:16px 16px 0 0;flex-direction:column;gap:6px;transition:transform .26s cubic-bezier(.2,.9,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(102%);box-shadow:0 -10px 30px #1c4a8c3d}html.is-mobile .m-sheet.on{transform:translateY(0)}html.is-mobile .m-sheet-head{justify-content:space-between;align-items:center;display:flex}html.is-mobile .m-sheet-title{color:var(--accent-dark);letter-spacing:.06em;font-size:12px;font-weight:800}html.is-mobile .m-sheet-close{background:var(--bg-sunken);border:1.5px solid var(--line-soft);min-width:56px;min-height:44px;color:var(--text-dim);border-radius:9px;font-size:13px;font-weight:800}html.is-mobile .m-sheet .log-panel{min-height:0;box-shadow:none;background:0 0;border:none;flex:1;padding:0}html.is-mobile .m-sheet .log-title{display:none}html.is-mobile .m-sheet .log{font-size:12px;line-height:1.65}html.is-mobile .m-sheet .log-line{white-space:normal}html.is-mobile .fx-toast{pointer-events:none;width:calc(100% - 24px);max-width:360px;padding:10px 32px 10px 12px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}html.is-mobile .fx-toast-close{pointer-events:auto;width:30px;height:30px}html.is-mobile .fx-toast-title{margin-bottom:4px;font-size:11.5px}html.is-mobile .fx-toast-list{gap:3px}html.is-mobile .fx-toast-list li{padding-left:11px;font-size:10.5px;line-height:1.38}html.is-mobile .fx-banner{font-size:30px;top:40%}html.is-mobile .fx-stamp{font-size:56px}html.is-mobile .fx-float{font-size:18px}@media (orientation:landscape) and (height<=560px){html.is-mobile .match{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:5px}html.is-mobile .match-head{grid-area:1/1/auto/-1}html.is-mobile .m-botstrip{grid-area:2/1/auto/-1}html.is-mobile .match-mid{grid-area:3/1}html.is-mobile .match-foot{grid-area:3/2;min-height:0}html.is-mobile .mon-art-box{width:32px;height:32px}html.is-mobile .mon-name{font-size:13px}html.is-mobile .mg-val{font-size:14px}html.is-mobile .m-botstrip .mini{padding:3px 6px}html.is-mobile .mini-hp-bar{height:4px}html.is-mobile .hand{flex:auto;height:auto;min-height:0}html.is-mobile .hand-slot{flex:0 0 84px}html.is-mobile .hud .btn-pass{min-height:40px;font-size:13px}html.is-mobile .hud{gap:4px 6px;padding:5px 7px}html.is-mobile .hud .hud-prompt{font-size:10.5px}html.is-mobile .m-log-btn{min-height:38px}html.is-mobile .m-sheet{height:78vh;max-height:88vh}html.is-mobile .fx-banner{font-size:24px}html.is-mobile .home-hero,html.is-mobile .res-hero{padding-top:10px;padding-bottom:10px}html.is-mobile .og-body{gap:10px;padding-top:10px}html.is-mobile .deck-pane{height:62vh;min-height:200px}}@media (width<=370px){html.is-mobile .og-body{padding-left:10px;padding-right:10px}html.is-mobile .match{padding-left:6px;padding-right:6px}html.is-mobile .hand{height:144px}html.is-mobile .hand-slot{flex:0 0 98px}html.is-mobile .mini-name{font-size:10px}html.is-mobile .mini-score{font-size:11px}html.is-mobile .mon-name{font-size:14px}html.is-mobile .mg-val{font-size:15px}html.is-mobile .home-history-row{grid-template-columns:minmax(0,1fr) 38px 46px 30px 38px;gap:5px;font-size:10.5px}html.is-mobile .deck-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}