:root{--el-red: #d64541;--el-blue: #3f7fd6;--el-green: #4caf6d;--el-yellow: #d6a23f;--el-black: #9b6bd6;--el-white: #c9c2a8;--vellum-hi: #f3ead4;--vellum: #dfd1b0;--vellum-lo: #c9b993;--ink: #241d12;--gold: #8a6b2a;--gold-lit: #d6a23f;--crystal-hi: #384376;--crystal: #1f2745;--crystal-lo: #2e3866;--bg: #1b2444;--panel: #222c4e;--line: #4d5a90;--text: #f6f4ec;--text-dim: #bcc4e2;--text-faint: #8e99c2;--stat-atk: #ff8f78;--stat-cst: #ffcf62;--stat-hp: #7fd88f;--serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--sans: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;--r-sm: 4px;--r-md: 8px;--surface-1: rgba(63,78,128,.72);--surface-2: rgba(52,66,111,.82);--surface-3: rgba(41,53,93,.86)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(ellipse 95% 55% at 50% -6%,#56649f 0%,transparent 64%),radial-gradient(ellipse 70% 50% at 88% 8%,rgba(150,110,225,.3),transparent 58%),radial-gradient(ellipse 80% 45% at 6% 96%,rgba(214,162,63,.2),transparent 60%),radial-gradient(ellipse 60% 40% at 92% 88%,rgba(63,127,214,.18),transparent 60%),linear-gradient(#243063,var(--bg) 58%) fixed;color:var(--text);font-family:var(--sans);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card{--u: calc(var(--w) / 100);--ch: calc(var(--u) * 14);--el: var(--el-red);--rar: #8a8f9f;--halo: 0px;width:var(--w);height:calc(var(--w) * 1.55);flex-shrink:0;position:relative;-webkit-user-select:none;user-select:none;padding:calc(var(--u) * 3.4) calc(var(--u) * 3.4) calc(var(--u) * 7.5);border:calc(var(--u) * 1.6) solid var(--ink);border-radius:calc(var(--u) * 1.5);overflow:hidden;background:repeating-linear-gradient(24deg,rgba(140,110,55,.08) 0 calc(var(--u)*4),transparent calc(var(--u)*4) calc(var(--u)*11)),repeating-linear-gradient(-38deg,rgba(120,95,45,.07) 0 calc(var(--u)*3),transparent calc(var(--u)*3) calc(var(--u)*9)),linear-gradient(158deg,var(--vellum-hi),var(--vellum) 55%,var(--vellum-lo));box-shadow:inset 0 0 calc(var(--u) * 9) #6e562852,0 4px 15px #0000008c,0 0 var(--halo) color-mix(in srgb,var(--rar) 45%,transparent)}.card__chamfer{position:absolute;width:var(--ch);height:var(--ch);z-index:6;pointer-events:none}.card__chamfer--tl{top:0;left:0;background:linear-gradient(135deg,var(--gold) 0 50%,transparent 50%)}.card__chamfer--br{bottom:0;right:0;background:linear-gradient(315deg,var(--gold) 0 50%,transparent 50%)}.card__chamfer i{position:absolute;inset:calc(var(--u) * 1.2)}.card__chamfer--tl i{background:linear-gradient(135deg,#e6d8b4 0 50%,transparent 50%)}.card__chamfer--br i{background:linear-gradient(315deg,#e6d8b4 0 50%,transparent 50%)}.card__inner{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2.6);border:calc(var(--u) * .8) solid rgba(138,107,42,.5);background:repeating-linear-gradient(28deg,rgba(255,255,255,.045) 0 calc(var(--u)*4),transparent calc(var(--u)*4) calc(var(--u)*12)),repeating-linear-gradient(-42deg,rgba(255,255,255,.03) 0 calc(var(--u)*3),transparent calc(var(--u)*3) calc(var(--u)*10)),linear-gradient(152deg,var(--crystal-hi),var(--crystal) 55%,var(--crystal-lo));box-shadow:inset 0 0 calc(var(--u) * 8) #0009}.card__head{display:flex;align-items:stretch;gap:calc(var(--u) * 2.2);height:calc(var(--u) * 12)}.card__cost{width:calc(var(--u) * 13.5);flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:var(--gold)}.card__cost i{position:absolute;inset:calc(var(--u) * 1.1);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:linear-gradient(150deg,color-mix(in srgb,var(--el) 60%,#fff),var(--el))}.card__cost span{position:relative;z-index:2;color:#fff;font-size:calc(var(--u) * 9.5);font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.card__plate{flex:1;min-width:0;display:flex;align-items:center;padding:0 calc(var(--u) * 2.6);background:linear-gradient(100deg,var(--vellum-hi),#dccdab);border-left:calc(var(--u) * 1.4) solid var(--el);box-shadow:inset 0 0 calc(var(--u) * 4) #785f2d4d}.card__name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;color:var(--ink);font-weight:700;letter-spacing:.3px;font-family:var(--serif);line-height:1.1;font-size:calc(var(--u) * 7.8)}.card__win{position:relative;overflow:hidden;aspect-ratio:1 / 1;border:calc(var(--u) * .8) solid rgba(138,107,42,.55);background:radial-gradient(ellipse at 50% 38%,#fffdf8,#f6efe1 46%,color-mix(in srgb,var(--el) 16%,#e6dcc9));box-shadow:inset 0 0 calc(var(--u) * 8) color-mix(in srgb,var(--el) 34%,transparent),inset 0 calc(var(--u) * 1) calc(var(--u) * 2) #785f2d4d}.card__win:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(28deg,rgba(120,95,45,.05) 0 calc(var(--u)*3),transparent calc(var(--u)*3) calc(var(--u)*9)),repeating-linear-gradient(-38deg,rgba(120,95,45,.035) 0 calc(var(--u)*2),transparent calc(var(--u)*2) calc(var(--u)*7))}.card__win:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 44%,color-mix(in srgb,var(--el) 26%,rgba(58,44,18,.62)) 100%),linear-gradient(rgba(52,40,16,.26),transparent 15%,transparent 82%,rgba(52,40,16,.3));mix-blend-mode:multiply}.card__win .wch{position:absolute;width:calc(var(--u) * 8);height:calc(var(--u) * 8);z-index:3}.card__win .wch--a{top:0;left:0;background:linear-gradient(135deg,var(--gold) 0 50%,transparent 50%)}.card__win .wch--b{bottom:0;right:0;background:linear-gradient(315deg,var(--gold) 0 50%,transparent 50%)}.card__art{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:2}.card__fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:calc(var(--u) * 28);position:relative;z-index:2;filter:drop-shadow(0 1px 1px rgba(90,70,35,.35))}.card__text{font-size:calc(var(--u) * 4.5);line-height:1.34;flex:1 1 auto;min-height:0;overflow:hidden;color:#d3daf2;padding:calc(var(--u) * .5) calc(var(--u) * .9) 0;word-break:break-word;letter-spacing:-.01em}.card__bar{display:flex;background:linear-gradient(#0a0d1a,#141a2e);border:calc(var(--u) * .8) solid rgba(138,107,42,.55);box-shadow:inset 0 calc(var(--u) * 1) calc(var(--u) * 3) #000000b3}.card__cell{flex:1;display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 1.4);padding:calc(var(--u) * 1.6) 0;border-right:calc(var(--u) * .7) solid rgba(138,107,42,.45)}.card__cell:last-child{border-right:none}.card__cell svg{width:calc(var(--u) * 7);height:calc(var(--u) * 7);flex-shrink:0;opacity:.92}.card__val{font-size:calc(var(--u) * 9.5);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.card__val small{font-size:calc(var(--u) * 5.5);opacity:.6;font-weight:700}.card__support{text-align:center;background:linear-gradient(#0a0d1a,#141a2e);color:var(--el);font-weight:800;border:calc(var(--u) * .8) solid rgba(138,107,42,.55);font-size:calc(var(--u) * 6);padding:calc(var(--u) * 2.4) 0;letter-spacing:calc(var(--u) * 2)}.card__micro{position:absolute;left:0;right:0;bottom:calc(var(--u) * 1.6);z-index:4;text-align:center;font-size:calc(var(--u) * 3.9);letter-spacing:calc(var(--u) * .6);color:#7a6742;font-family:var(--sans)}.card__micro b{color:color-mix(in srgb,var(--rar) 70%,#5a4a28);font-weight:900}.card--board{padding:calc(var(--u) * 3) calc(var(--u) * 3) calc(var(--u) * 3)}.card--board .card__text,.card--board .card__micro{display:none}.card--board .card__win{aspect-ratio:1 / 1;height:auto;flex:none}.card--board .card__inner{justify-content:flex-start}.card--board .card__bar{margin-top:auto}.card--board .card__head{height:calc(var(--u) * 17)}.card--board .card__cost{width:calc(var(--u) * 17)}.card--board .card__cost span{font-size:calc(var(--u) * 11)}.card--board .card__name{font-size:calc(var(--u) * 8.5)}.card--board .card__cell svg{width:calc(var(--u) * 9);height:calc(var(--u) * 9)}.card--board .card__val{font-size:calc(var(--u) * 12)}.card--board .card__val small{font-size:calc(var(--u) * 7)}.card--board .card__cell{padding:calc(var(--u) * 2) 0}.card--playable{cursor:pointer}.card--dim{opacity:.55;filter:saturate(.5)}.card--selected{outline:calc(var(--u) * 2) solid #7fd0ff;outline-offset:calc(var(--u) * 1)}.card--target{outline:calc(var(--u) * 2) solid var(--gold-lit);outline-offset:calc(var(--u) * 1);animation:cardPulse 1.1s ease-in-out infinite}.card--spent{filter:grayscale(.55) brightness(.72)}@keyframes cardPulse{0%,to{box-shadow:0 4px 15px #0000008c,0 0 6px #d6a23f80}50%{box-shadow:0 4px 15px #0000008c,0 0 22px #d6a23ff2}}.card__holo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;border-radius:calc(var(--u) * 1.5);opacity:0;mix-blend-mode:screen;background-size:300% 100%;background-repeat:no-repeat}.card--rar-R{box-shadow:inset 0 0 calc(var(--u)*9) #6e56284d,0 4px 15px #00000080,0 0 9px #74acff80}.card--rar-SR{box-shadow:inset 0 0 calc(var(--u)*9) #6e56284d,0 4px 15px #00000080,0 0 12px #c98dff80}.card--rar-SR .card__holo{background-image:linear-gradient(108deg,transparent 36%,rgba(255,255,255,.9) 49%,transparent 62%);animation:shineRun 5.5s linear infinite}.card--rar-UR{box-shadow:inset 0 0 calc(var(--u)*9) #6e56284d,0 4px 15px #00000080,0 0 16px #ffd75e99}.card--rar-UR .card__holo{background-image:linear-gradient(108deg,transparent 34%,rgba(255,226,140,.95) 48%,rgba(255,248,214,.85) 52%,transparent 66%);animation:shineRun 4.6s linear infinite}.card--rar-GMR{box-shadow:inset 0 0 calc(var(--u)*9) #6e56284d,0 4px 15px #00000080,0 0 20px #ff9a5e9e}.card--rar-GMR .card__holo{background-image:linear-gradient(108deg,transparent 26%,rgba(255,120,140,.75) 35%,rgba(255,226,120,.8) 41%,rgba(140,255,190,.75) 47%,rgba(120,200,255,.8) 53%,rgba(205,140,255,.78) 59%,rgba(255,140,190,.7) 65%,transparent 74%);animation:shineRun 4s linear infinite}@keyframes shineRun{0%{opacity:0;background-position:128% 0}4%{opacity:1}22%{opacity:1}30%{opacity:0;background-position:-32% 0}to{opacity:0;background-position:-32% 0}}.card--foil{border-color:#08090f;background:repeating-linear-gradient(24deg,rgba(255,255,255,.08) 0 calc(var(--u)*4),transparent calc(var(--u)*4) calc(var(--u)*11)),linear-gradient(158deg,#33343f,#171820 52%,#2b2c38);box-shadow:inset 0 0 calc(var(--u)*10) #000000b3,0 4px 16px #000000a6,0 0 14px #bedcff66;animation:foilBreath 3.2s ease-in-out infinite}@keyframes foilBreath{0%,to{box-shadow:inset 0 0 calc(var(--u)*10) #000000b3,0 4px 16px #000000a6,0 0 12px #bedcff59}50%{box-shadow:inset 0 0 calc(var(--u)*10) #000000b3,0 4px 16px #000000a6,0 0 24px #d2ebffbf}}.card--foil .card__inner{border-color:#ffffff4d;position:relative}.card--foil .card__inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(112deg,#ff8cbe1f 0,#ff8cbe1f calc(var(--u)*6),#ffe18c1f calc(var(--u)*6),#ffe18c1f calc(var(--u)*12),#96ffcd1f calc(var(--u)*12),#96ffcd1f calc(var(--u)*18),#96cdff1f calc(var(--u)*18),#96cdff1f calc(var(--u)*24),#cd96ff1f calc(var(--u)*24),#cd96ff1f calc(var(--u)*30));mix-blend-mode:screen}.card--foil .card__micro{color:#b8c2e0}.card--foil .card__win{box-shadow:inset 0 0 calc(var(--u)*8) #78b4ff40}.card__foil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;border-radius:calc(var(--u) * 1.5);padding:calc(var(--u) * 1.6);background:conic-gradient(from 0deg,transparent 0deg,transparent 250deg,rgba(255,150,190,.95) 280deg,rgba(255,238,160,1) 305deg,rgba(160,255,215,1) 325deg,rgba(160,215,255,1) 345deg,rgba(210,160,255,.95) 355deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:foilRun 2.6s linear infinite}.card__foil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--u) * 1.5);background:conic-gradient(from 180deg,transparent 0deg,transparent 280deg,rgba(255,255,255,.8) 320deg,rgba(190,230,255,.9) 345deg,transparent 360deg);animation:foilRun 4.1s linear infinite reverse}.card--foil .card__holo{background-image:linear-gradient(108deg,transparent 26%,rgba(255,170,210,.55) 36%,rgba(255,240,170,.7) 44%,rgba(255,255,255,.85) 50%,rgba(170,255,220,.7) 56%,rgba(170,215,255,.6) 64%,transparent 76%);background-size:250% 100%;animation:shineRun 2.9s linear infinite}.card__foilmark{position:absolute;left:calc(var(--u) * 4);bottom:calc(var(--u) * 1.4);z-index:9;font-size:calc(var(--u) * 4.2);font-weight:900;letter-spacing:calc(var(--u) * .8);background:linear-gradient(92deg,#ff9ec0,#ffe89a,#a6ffd8,#a9d4ff,#d9a8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card--gfoil{border-color:#6b4f10;background:repeating-linear-gradient(24deg,rgba(255,255,255,.1) 0 calc(var(--u)*4),transparent calc(var(--u)*4) calc(var(--u)*11)),linear-gradient(158deg,#ffe9a8,#c99422 42%,#f6dd94 62%,#a8760f);box-shadow:inset 0 0 calc(var(--u)*10) #78540a8c,0 4px 18px #0009,0 0 22px #ffce5cbf}.card--gfoil .card__plate{background:linear-gradient(100deg,#fff3cf,#e6c574);border-left-color:#7a5a12}.card--gfoil .card__micro{color:#6b4f10}.card--gfoil .card__chamfer--tl{background:linear-gradient(135deg,#fff6d8 0 50%,transparent 50%)}.card--gfoil .card__chamfer--br{background:linear-gradient(315deg,#fff6d8 0 50%,transparent 50%)}.card--gfoil .card__chamfer--tl i{background:linear-gradient(135deg,#8a6b2a 0 50%,transparent 50%)}.card--gfoil .card__chamfer--br i{background:linear-gradient(315deg,#8a6b2a 0 50%,transparent 50%)}.card--gfoil .card__inner{border-color:#ffecb2a6;background:repeating-linear-gradient(28deg,rgba(255,255,255,.1) 0 calc(var(--u)*4),transparent calc(var(--u)*4) calc(var(--u)*12)),linear-gradient(115deg,#2a1c46,#3f2a63,#1f4a6b,#1c6b5a,#4d6520,#6b4a1c,#6b2340,#4a1f63 84%,#2a1c46);background-size:auto,340% 100%;animation:gfoilFlow 7s linear infinite}@keyframes gfoilFlow{0%{background-position:0 0,0% 50%}to{background-position:0 0,340% 50%}}.card__gfoil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;border-radius:calc(var(--u) * 1.5);mix-blend-mode:screen;background:linear-gradient(108deg,transparent 12%,rgba(255,180,210,.45) 26%,rgba(255,236,150,.55) 36%,rgba(170,255,220,.45) 46%,rgba(160,215,255,.55) 56%,rgba(215,160,255,.45) 66%,transparent 82%);background-size:220% 100%;animation:gfoilSweep 3.2s linear infinite}@keyframes gfoilSweep{0%{background-position:120% 0}to{background-position:-60% 0}}.card__gfoilmark{position:absolute;left:calc(var(--u) * 4);bottom:calc(var(--u) * 1.4);z-index:9;font-size:calc(var(--u) * 4.2);font-weight:900;letter-spacing:calc(var(--u) * .8);background:linear-gradient(92deg,#fff0b8,#ffd166,#fff6d8,#e0a63a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 6px rgba(255,210,110,.5)}.card--se{border-color:transparent;background:conic-gradient(from 0deg,#ff6f9d,#ffb347,#ffe86b,#7dfba5,#6fe3ff,#8f9bff,#d78bff,#ff7bc8,#ff6f9d 360deg);box-shadow:inset 0 0 calc(var(--u) * 8) #00000080,0 4px 18px #0009,0 0 20px #ffbef080;animation:seTurn 6s linear infinite,seBreath 3.4s ease-in-out infinite}@keyframes seTurn{to{--seang: 360deg}}@keyframes seBreath{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.25) brightness(1.1)}}.card--se:before{content:"";position:absolute;inset:calc(var(--u) * -30);z-index:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.55) 40deg,transparent 90deg,transparent 180deg,rgba(255,255,255,.4) 220deg,transparent 270deg);animation:seSpin 4.5s linear infinite;pointer-events:none}@keyframes seSpin{to{transform:rotate(360deg)}}.card--se .card__inner{position:relative;z-index:2;border-color:#ffffff80;padding:calc(var(--u) * 2.2);background:repeating-linear-gradient(28deg,rgba(255,255,255,.05) 0 calc(var(--u)*4),transparent calc(var(--u)*4) calc(var(--u)*12)),linear-gradient(152deg,#241d3c,#12101f 55%,#201a38)}.card--se .card__plate{background:linear-gradient(100deg,#fff6fb,#ffe4f4 40%,#e6ecff);border-left-color:#ff9ecf}.card--se .card__chamfer{display:none}.card--se .card__win{border:none;margin:0 calc(var(--u) * -2.2);box-shadow:inset 0 0 calc(var(--u) * 8) #00000073}.card--se .card__win .wch{display:none}.card--se .card__win:after{background:radial-gradient(ellipse at 50% 45%,transparent 56%,rgba(24,18,38,.55) 100%),linear-gradient(180deg,rgba(24,18,38,.2) 0%,transparent 18%,transparent 74%,rgba(24,18,38,.32) 100%)}.card--se .card__bar,.card--se .card__support{border-color:#fff6;background:linear-gradient(#140f22,#241d3c)}.card--se .card__micro{color:#c7b6e6}.card--se .card__semark{position:absolute;left:calc(var(--u) * 4);bottom:calc(var(--u) * 1.4);z-index:9;font-size:calc(var(--u) * 4);font-weight:900;letter-spacing:calc(var(--u) * 1.2);background:linear-gradient(92deg,#ff9ecf,#ffe86b,#7dfba5,#8fc8ff,#d78bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card--se .card__holo{background-image:linear-gradient(108deg,transparent 20%,rgba(255,150,200,.5) 32%,rgba(255,236,140,.55) 40%,rgba(150,255,200,.5) 48%,rgba(150,210,255,.55) 56%,rgba(215,150,255,.5) 64%,transparent 78%);background-size:260% 100%;animation:shineRun 3.4s linear infinite}.screen{max-width:620px;margin:0 auto;padding:14px 14px 40px;min-height:100dvh}.btn{font:inherit;font-weight:700;padding:10px 20px;border-radius:var(--r-sm);border:1.5px solid var(--gold-lit);background:#d6a23f1f;color:#ffd75e;cursor:pointer;transition:background .15s,transform .1s}.btn:hover:not(:disabled){background:#d6a23f38}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--gold-lit);border-color:var(--gold-lit);color:#1a1408}.btn--primary:hover:not(:disabled){background:#e8b954}.btn--ghost{border-color:#454c6d;color:var(--text-dim);background:none}.btn:disabled{background:#2c3150;border-color:#2c3150;color:#666e8c;cursor:default}.btn:focus-visible{outline:2px solid #7fd0ff;outline-offset:2px}.panel{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px}.title-lg{font-family:var(--serif);font-size:30px;letter-spacing:5px;margin:0;background:linear-gradient(96deg,#b98a26,#f0e4c4 45%,#b98a26);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.eyebrow{font-size:11px;letter-spacing:5px;color:var(--text-dim)}.muted{color:var(--text-dim);font-size:12.5px;line-height:1.8}.faint{color:var(--text-faint);font-size:11px}.battle{--bw: 98px;--slot: calc(var(--bw) * 1.55 + 4px);display:flex;flex-direction:column;gap:6px;max-width:620px;margin:0 auto;padding:8px 10px 12px;min-height:100dvh;position:relative;overflow-x:hidden}.hero{display:flex;align-items:center;gap:10px;justify-content:space-between}.hero__face{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums;border:2px solid var(--el, #555);flex-shrink:0;background:radial-gradient(circle at 35% 30%,#2a3050,#0d0f1e);position:relative}.hero__face--target{border-color:var(--gold-lit);box-shadow:0 0 16px #d6a23fcc;cursor:pointer;animation:cardPulse 1.1s ease-in-out infinite}.hero__face--low{color:var(--stat-atk)}.hero__face--over{color:var(--stat-hp)}.hero__meta{font-size:11px;color:var(--text-dim);line-height:1.5}.energy{display:flex;gap:3px;align-items:center;flex-wrap:wrap;max-width:220px}.energy__orb{width:13px;height:13px;border-radius:3px;border:1px solid rgba(255,255,255,.22);position:relative}.energy__orb--dead{background:#2b3048!important;opacity:.45}.energy__orb--dead:after{content:"×";position:absolute;top:0;right:0;bottom:0;left:0;font-size:9px;color:#8b93b5;text-align:center;line-height:11px}.energy__count{font-size:11.5px;color:var(--gold-lit);font-weight:800;margin-left:4px;font-variant-numeric:tabular-nums}.energy__debt{font-size:10px;color:#7fd0ff}.board{display:flex;gap:8px;justify-content:center}.slot{width:var(--slot);height:var(--slot);display:flex;align-items:center;justify-content:center;flex-shrink:0}.slot--empty{border:1.5px dashed #3c4774;border-radius:var(--r-md);width:calc(var(--bw) + 6px);height:calc(var(--bw) * 1.55 + 6px)}.slot__card{transition:transform .22s cubic-bezier(.2,.8,.3,1)}.slot__card--def{transform:rotate(90deg)}.slot__card--lunge-up{animation:lungeUp .34s ease-in-out}.slot__card--lunge-down{animation:lungeDown .34s ease-in-out}@keyframes lungeUp{0%{transform:translateY(0)}45%{transform:translateY(-22px) scale(1.06)}to{transform:translateY(0)}}@keyframes lungeDown{0%{transform:translateY(0)}45%{transform:translateY(22px) scale(1.06)}to{transform:translateY(0)}}.logstrip{border-top:1px solid rgba(214,162,63,.3);border-bottom:1px solid rgba(214,162,63,.3);background:#28345cb8;padding:5px 10px;font-size:11px;line-height:1.55;color:#b9bed4;min-height:50px}.logstrip__pacifist{color:#e8e2cf}.actionbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:34px}.actionbar__hint{font-size:12px;color:#ffd75e}.actionbar .btn{padding:7px 14px;font-size:12.5px}.detailbar{display:flex;gap:10px;align-items:center;border:1px solid rgba(138,107,42,.45);border-radius:var(--r-md);background:#0e1120d9;padding:7px 12px}.detailbar__art{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.detailbar__art img{max-width:100%;max-height:100%;object-fit:contain}.detailbar__name{font-family:var(--serif);font-size:13px;font-weight:700}.detailbar__stats{font-size:11px;color:var(--gold-lit);margin:2px 0;font-variant-numeric:tabular-nums}.detailbar__live{color:var(--stat-hp)}.detailbar__txt{font-size:10.5px;color:#b9bed4;line-height:1.5}.reaction{border:2px solid var(--gold-lit);border-radius:var(--r-md);background:#28220af0;padding:10px 12px}.reaction__head{font-size:13px;font-weight:800;color:#ffd75e;margin-bottom:8px}.reaction__row{display:flex;gap:8px;flex-wrap:wrap}.hand{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 4px;scrollbar-width:thin}.hand__card{transition:transform .15s}.hand__card--up{transform:translateY(-10px)}.hand__legend{font-size:9.5px;color:var(--text-faint);padding:2px 2px 0}.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.float{position:absolute;z-index:40;pointer-events:none;font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px rgba(0,0,0,.9);animation:floatUp .95s ease-out forwards}@keyframes floatUp{0%{opacity:0;transform:translate(-50%) scale(.7)}18%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}to{opacity:0;transform:translate(-50%,-46px) scale(1)}}.banner{position:fixed;left:0;right:0;top:38%;z-index:60;pointer-events:none;text-align:center;font-family:var(--serif);font-size:30px;letter-spacing:10px;color:#f0e4c4;text-shadow:0 0 26px rgba(214,162,63,.8);animation:bannerSweep 1.1s ease-out forwards}@keyframes bannerSweep{0%{opacity:0;transform:translate(-40px)}22%{opacity:1;transform:translate(0)}72%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#101528ed;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay__result{font-family:var(--serif);font-size:52px;font-weight:700;letter-spacing:14px}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:6px}.home__menu{display:flex;flex-direction:column;gap:12px;width:260px;margin-top:26px}.home__menu .btn{padding:14px;font-size:15px;letter-spacing:3px}.starter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%}.starter{border:2px solid var(--el);border-radius:var(--r-md);padding:15px;cursor:pointer;background:linear-gradient(160deg,#ffffff0d,#00000040);transition:transform .15s}.starter:hover{transform:translateY(-4px)}.starter__name{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--el)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.topbar__count{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.deck-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.deck-tabs .btn{padding:7px 12px;font-size:12px}.color-head{font-size:13px;font-weight:800;color:var(--el);margin:16px 0 8px;border-bottom:1px solid color-mix(in srgb,var(--el) 35%,transparent);padding-bottom:3px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.mini{border:1.5px solid var(--el);border-radius:7px;padding:6px 8px;background:linear-gradient(160deg,#ffffff0d,#0000004d);cursor:pointer}.mini--locked{border-color:#454f7c;opacity:.45;cursor:default}.mini__top{display:flex;align-items:center;gap:5px}.mini__cost{width:17px;height:17px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;background:var(--el)}.mini__name{font-size:10.5px;font-weight:700;flex:1;font-family:var(--serif)}.mini__rar{font-size:8.5px;font-weight:900}.mini__stats{font-size:8.5px;color:var(--text-dim);margin:3px 0}.mini__foot{display:flex;justify-content:space-between;align-items:center;font-size:9.5px;color:var(--text-dim)}.mini__minus{border:1px solid var(--el-red);background:none;color:var(--el-red);border-radius:3px;font-size:10px;cursor:pointer;padding:1px 7px;font-family:inherit}.pack{width:172px;height:232px;border-radius:12px;cursor:pointer;margin:18px 0;background:linear-gradient(155deg,#2a3158,#151831 60%,#3a2a58);border:2px solid var(--gold-lit);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 26px #d6a23f40;transition:transform .15s}.pack:hover{transform:translateY(-5px)}.pack--broke{opacity:.5;cursor:default}.pack-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.pack-card{position:relative;animation:packPop .38s ease-out}@keyframes packPop{0%{transform:scale(.5) rotate(-6deg);opacity:0}70%{transform:scale(1.07)}to{transform:scale(1) rotate(0);opacity:1}}.pack-back{width:136px;height:201px;border-radius:10px;border:2px solid #4a5686;background:linear-gradient(155deg,#2a3158,#151831);display:flex;align-items:center;justify-content:center;font-size:34px}.pack-new{position:absolute;top:-7px;left:-7px;z-index:20;background:var(--el-red);color:#fff;font-size:9px;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:1px}.pack-shine{animation:shineGlow 1.7s ease-in-out infinite}@keyframes shineGlow{0%,to{filter:drop-shadow(0 0 5px var(--sh))}50%{filter:drop-shadow(0 0 17px var(--sh))}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.backdrop__glow{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(120vw,720px);height:min(120vw,720px);border-radius:50%;background:radial-gradient(circle,rgba(214,162,63,.14),rgba(90,70,140,.07) 45%,transparent 68%)}.backdrop__tower{position:absolute;left:50%;bottom:-4%;transform:translate(-50%);width:min(50vw,280px);opacity:.07}.backdrop__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 44%,transparent 38%,rgba(4,6,14,.8))}.shard{position:absolute;opacity:0;background:linear-gradient(140deg,#d6a23f8c,#7fd0ff38);clip-path:polygon(50% 0,100% 38%,72% 100%,18% 82%,0 30%);animation:drift linear infinite}@keyframes drift{0%{transform:translateY(20vh) rotate(0);opacity:0}12%{opacity:.42}88%{opacity:.22}to{transform:translateY(-118vh) rotate(300deg);opacity:0}}.battle{position:relative;z-index:1}.gate{position:absolute;pointer-events:none;z-index:0;width:calc(var(--bw) + 8px);height:calc(var(--bw) * 1.55 + 8px);left:50%;top:50%;transform:translate(-50%,-50%)}.gate svg{width:100%;height:100%;display:block}.gate--idle{animation:gateBreath 3.4s ease-in-out infinite}@keyframes gateBreath{0%,to{opacity:.5}50%{opacity:.85}}.gate--lit{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--el) 65%,transparent))}.slot--empty{border:none;width:100%;height:100%}.fx-summon{position:absolute;z-index:8;pointer-events:none;width:calc(var(--bw) + 8px);height:calc(var(--bw) * 1.55 + 8px);left:50%;top:50%;transform:translate(-50%,-50%)}.fx-summon svg{width:100%;height:100%;animation:summonRing .62s cubic-bezier(.2,.7,.3,1) forwards}.fx-summon:after{content:"";position:absolute;left:50%;top:50%;width:70%;height:70%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--el) 85%,#fff) 0%,transparent 68%);animation:summonBurst .5s ease-out forwards}@keyframes summonRing{0%{transform:scale(.35) rotate(-25deg);opacity:0}30%{opacity:1}to{transform:scale(1.45) rotate(10deg);opacity:0}}@keyframes summonBurst{0%{opacity:.95;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.fx-shatter{position:absolute;z-index:9;pointer-events:none;width:calc(var(--bw) + 8px);height:calc(var(--bw) * 1.55 + 8px);left:50%;top:50%;transform:translate(-50%,-50%)}.fx-shatter i{position:absolute;left:50%;top:50%;width:15px;height:15px;display:block;background:linear-gradient(140deg,color-mix(in srgb,var(--el) 80%,#fff),var(--el));clip-path:polygon(50% 0,100% 40%,74% 100%,16% 84%,0 32%);animation:shatterOut .68s cubic-bezier(.15,.7,.4,1) forwards}@keyframes shatterOut{0%{transform:translate(-50%,-50%) scale(1.1) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.35) rotate(var(--rot));opacity:0}}.gm{width:58px;height:58px;position:relative;flex-shrink:0}.gm__rim,.gm__core{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.gm__rim{background:linear-gradient(150deg,#d6a23f,#6b5220 60%,#d6a23f)}.gm__core{top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--el) 34%,#101427),#090c18 72%)}.gm__life{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-1px;text-shadow:0 1px 4px rgba(0,0,0,.9)}.gm--target{cursor:pointer;animation:gmPulse 1.05s ease-in-out infinite}@keyframes gmPulse{0%,to{filter:drop-shadow(0 0 5px rgba(214,162,63,.7))}50%{filter:drop-shadow(0 0 18px rgba(214,162,63,1))}}.gm--low .gm__life{color:var(--stat-atk)}.gm--over .gm__life{color:var(--stat-hp)}.energy__orb{width:12px;height:12px;border-radius:2px;transform:rotate(45deg);border:none;box-shadow:0 0 6px color-mix(in srgb,currentColor 60%,transparent);position:relative}.energy__orb:before{content:"";position:absolute;top:1px;right:5px;bottom:5px;left:1px;background:#ffffff80;border-radius:1px}.energy__orb--dead{box-shadow:none}.energy__orb--dead:before{display:none}.energy__orb--dead:after{transform:rotate(-45deg);line-height:12px}.logstrip{position:relative;padding-left:34px;background:linear-gradient(90deg,#1e1808d9,#1a213cb8 24%);box-shadow:inset 0 0 18px #00000080}.logstrip__mark{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:17px;opacity:.75}.banner__sweep{position:fixed;left:0;right:0;top:38%;height:62px;z-index:59;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(214,162,63,.22) 45%,rgba(255,255,255,.14) 50%,rgba(214,162,63,.22) 55%,transparent);animation:sweep 1.1s ease-out forwards}@keyframes sweep{0%{opacity:0;transform:translate(-60%)}30%{opacity:1}to{opacity:0;transform:translate(60%)}}.hitflash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(255,120,90,.32),transparent 62%);animation:hitFade .38s ease-out forwards}@keyframes hitFade{0%{opacity:1}to{opacity:0}}.detailbar__img{max-width:100%;max-height:100%;object-fit:contain}.detailbar__emoji{font-size:28px;line-height:1}.piles{display:flex;gap:6px}.pile{width:36px;height:46px;position:relative;padding:0;border:1px solid rgba(138,107,42,.5);border-radius:4px;background:linear-gradient(155deg,#3a4570,#101427);box-shadow:2px 2px #0a0d1ad9,3px 3px #8a6b2a40;cursor:default;font-family:var(--sans)}.pile svg{width:100%;height:100%;opacity:.55}.pile--open{cursor:pointer;border-color:#b4b4cd99}.pile--open:hover{background:linear-gradient(155deg,#2c3352,#151b2e)}.pile__count{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:var(--text);text-shadow:0 1px 4px rgba(0,0,0,.95);font-variant-numeric:tabular-nums}.pile__label{position:absolute;left:0;right:0;bottom:-13px;text-align:center;font-size:9px;color:var(--text-faint);letter-spacing:1px}.hero{padding-bottom:12px}.graveview{background:linear-gradient(160deg,#171d31,#0d1120);border:1px solid rgba(138,107,42,.5);border-radius:var(--r-md);padding:14px 16px;width:min(94vw,600px);max-height:82vh;overflow-y:auto}.graveview__head{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:15px;font-weight:700;margin-bottom:12px}.graveview__head .btn{margin-left:auto;padding:5px 12px;font-size:12px}.graveview__list{display:flex;flex-wrap:wrap;gap:9px}.graveview__item{position:relative}.graveview__x{position:absolute;right:-4px;bottom:-4px;background:var(--ink);color:var(--vellum-hi);border:1px solid var(--gold);border-radius:3px;font-size:10px;font-weight:900;padding:0 5px}.title{position:relative;min-height:100dvh;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.title__sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 78%,rgba(214,162,63,.22),transparent 58%),radial-gradient(ellipse at 50% 20%,rgba(120,90,190,.16),transparent 62%)}.title__shard{position:absolute;bottom:-10vh;opacity:0;background:linear-gradient(140deg,#f0e4c4bf,#7fd0ff40);clip-path:polygon(50% 0,100% 38%,72% 100%,18% 82%,0 30%);animation:drift linear infinite}.title__tower{position:absolute;left:50%;bottom:-4vh;transform:translate(-50%);height:52vh;max-height:440px;opacity:.26;filter:drop-shadow(0 0 26px rgba(214,162,63,.3))}.title__rings{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(88vw,460px);opacity:.55}.title__body{position:relative;z-index:2;text-align:center;padding:20px}.title__eyebrow{font-size:11px;letter-spacing:7px;color:#a9b0cc;margin-bottom:12px}.title__logo{margin:0;font-family:var(--serif);font-size:clamp(34px,10vw,58px);letter-spacing:7px;background:linear-gradient(96deg,#b98a26,#f7edd2 42%,#b98a26);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 18px rgba(214,162,63,.45))}.title__rule{width:190px;height:1px;margin:16px auto 12px;background:linear-gradient(90deg,transparent,var(--gold-lit),transparent)}.title__sub{font-size:12px;letter-spacing:4px;color:#cfd4e8}.title__start{margin-top:40px;font-size:13px;letter-spacing:5px;color:#ffd75e;animation:blinkSoft 2.1s ease-in-out infinite}@keyframes blinkSoft{0%,to{opacity:.35}50%{opacity:1}}.homescreen{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding-top:16px}.userpanel{display:flex;gap:12px;align-items:center;border:1px solid rgba(138,107,42,.5);border-radius:var(--r-md);background:linear-gradient(120deg,rgba(74,58,20,.55),var(--surface-1));padding:11px 14px}.userpanel__badge{position:relative;width:46px;height:46px;flex-shrink:0;--el: var(--gold-lit)}.userpanel__initial{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:19px;font-weight:700;color:#f0e4c4}.userpanel__body{flex:1;min-width:0}.userpanel__name{font-family:var(--serif);font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.userpanel__edit{font-size:10px;color:var(--text-faint)}.userpanel__rank{font-size:11px;color:var(--gold-lit);margin:1px 0 4px}.userpanel__stats{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.userpanel__free{color:#ffd75e;font-weight:700}.userpanel__bar{height:3px;background:#3a4570;border-radius:2px;margin-top:6px;overflow:hidden}.userpanel__bar i{display:block;height:100%;background:linear-gradient(90deg,#8a6b2a,var(--gold-lit))}.home__hero{text-align:center;margin:6px 0 2px}.tile{position:relative;overflow:hidden;cursor:pointer;font:inherit;color:var(--text);text-align:left;border-radius:12px;padding:14px;border:1px solid color-mix(in srgb,var(--tint) 42%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--tint) 26%,transparent),transparent 58%),linear-gradient(100deg,var(--surface-1),var(--surface-3));box-shadow:inset 0 1px #ffffff24,0 4px 14px #00000059;display:flex;flex-direction:column;gap:4px;transition:transform .14s cubic-bezier(.2,.8,.3,1),box-shadow .14s,border-color .14s}.tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tint) 75%,transparent);box-shadow:inset 0 1px #fff3,0 8px 22px #00000073,0 0 22px color-mix(in srgb,var(--tint) 32%,transparent)}.tile:active{transform:translateY(1px) scale(.995)}.tile__glow{position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;pointer-events:none;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.16) 48%,transparent 58%);transform:translate(-60%);transition:transform .55s ease}.tile:hover .tile__glow{transform:translate(60%)}.tile__emblem{width:40px;height:40px;color:var(--tint);flex-shrink:0;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--tint) 55%,transparent))}.tile__title{font-family:var(--serif);font-size:16.5px;font-weight:700;letter-spacing:1.5px}.tile__sub{font-size:11.5px;color:var(--text-dim);line-height:1.5}.tile__eyebrow{font-size:10px;letter-spacing:4px;color:var(--tint);font-weight:800}.tile__meta{font-size:10.5px;color:var(--tint);font-variant-numeric:tabular-nums}.tile__gauge{display:block;height:4px;border-radius:2px;margin:6px 0 3px;background:#ffffff24;overflow:hidden}.tile__gauge i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--tint) 55%,#fff),var(--tint))}.tile__arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--tint);font-size:13px;opacity:.75}.tile--hero{flex-direction:row;align-items:center;gap:15px;padding:18px 40px 18px 18px;background:radial-gradient(ellipse 70% 130% at 12% 50%,color-mix(in srgb,var(--tint) 30%,transparent),transparent 62%),linear-gradient(100deg,var(--surface-1),var(--surface-3))}.tile--hero .tile__emblem{width:58px;height:58px}.tile--hero .tile__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.tile--hero .tile__title{font-size:21px;letter-spacing:2px}.tile--wide{flex-direction:row;align-items:center;gap:13px;padding:14px 40px 14px 16px}.tile--wide .tile__emblem{width:38px;height:38px}.tile--wide .tile__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.badge{position:absolute;right:12px;top:12px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--el-red);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #d64541cc;animation:badgePop 1.8s ease-in-out infinite}@keyframes badgePop{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (max-width: 380px){.tilegrid{grid-template-columns:1fr}}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:80;background:#141004f2;border:1px solid var(--gold-lit);color:#ffd75e;padding:11px 20px;border-radius:var(--r-md);font-size:13px;font-weight:700;box-shadow:0 6px 22px #0009;animation:toastIn .3s ease-out;max-width:90vw;text-align:center}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.missions{display:flex;flex-direction:column;gap:9px;margin-top:12px}.mission{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);padding:11px 14px}.mission--ready{border-color:var(--gold-lit);box-shadow:0 0 14px #d6a23f40}.mission--done{opacity:.5}.mission__main{flex:1;min-width:0}.mission__name{font-family:var(--serif);font-size:14px;font-weight:700}.mission__desc{font-size:11px;color:var(--text-dim);margin:2px 0 6px}.mission__bar{height:4px;background:#3a4570;border-radius:2px;overflow:hidden}.mission__bar i{display:block;height:100%;background:linear-gradient(90deg,#8a6b2a,var(--gold-lit))}.mission__num{font-size:10px;color:var(--text-faint);margin-top:3px;font-variant-numeric:tabular-nums}.mission__side{text-align:right;flex-shrink:0}.mission__reward{font-size:11px;color:#ffd75e;margin-bottom:6px}.mission__got{font-size:11px;color:var(--text-faint)}.mission__side .btn{padding:6px 14px;font-size:12px}.stages{display:flex;flex-direction:column;gap:9px;margin-top:12px}.stage{position:relative;text-align:left;font:inherit;color:var(--text);cursor:pointer;border:1px solid var(--line);border-left:3px solid var(--el);border-radius:var(--r-md);background:linear-gradient(100deg,color-mix(in srgb,var(--el) 18%,var(--surface-2)),var(--surface-3));padding:12px 15px;display:flex;flex-direction:column;gap:3px;transition:transform .13s}.stage:hover:not(:disabled){transform:translate(3px)}.stage:disabled{cursor:default;opacity:.4;border-left-color:#333a58;background:var(--surface-3)}.stage--next{border-color:var(--gold-lit);box-shadow:0 0 14px #d6a23f33}.stage--cleared{opacity:.78}.stage__floor{font-size:10.5px;letter-spacing:3px;color:var(--gold-lit)}.stage__title{font-family:var(--serif);font-size:16px;font-weight:700}.stage__meta{font-size:11px;color:var(--text-dim)}.stage__seal{position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(-12deg);width:30px;height:30px;border:2px solid rgba(214,69,65,.75);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d64541d9;font-family:var(--serif);font-size:14px;font-weight:700}.scene{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;cursor:pointer;text-align:center;gap:6px}.scene__floor{font-size:11px;letter-spacing:6px;color:var(--gold-lit)}.scene__title{font-family:var(--serif);font-size:27px;letter-spacing:4px;margin:4px 0 22px}.scene__text{max-width:460px}.scene__text p{font-family:var(--serif);font-size:14px;line-height:2.1;color:#d8d3c2;margin:0 0 10px;animation:sceneIn .7s ease-out both}.scene__text p:nth-child(2){animation-delay:.35s}.scene__text p:nth-child(3){animation-delay:.7s}@keyframes sceneIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.scene__go{margin-top:34px;font-size:12px;letter-spacing:4px;color:#ffd75e;animation:blinkSoft 2.1s ease-in-out infinite}.deckinfo{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(120deg,rgba(74,58,20,.32),var(--surface-1));padding:10px 14px;margin:10px 0 12px}.deckinfo__bars{display:flex;gap:5px;align-items:flex-end}.curve{width:20px;text-align:center}.curve__bar{height:42px;display:flex;align-items:flex-end;background:#ffffff1a;border-radius:2px}.curve__bar i{display:block;width:100%;background:linear-gradient(#ffd75e,#8a6b2a);border-radius:2px;min-height:2px}.curve__label{display:block;font-size:9px;color:var(--text-faint);margin-top:3px}.curve__n{display:block;font-size:9px;color:var(--gold-lit);height:11px}.deckinfo__side{flex:1;min-width:140px}.deckinfo__mix{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:5px}.mixchip{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:10px;border:1px solid var(--el);color:var(--el);background:color-mix(in srgb,var(--el) 14%,transparent)}.seg{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:12px}.seg button{flex:1;background:none;border:none;color:var(--text-dim);font:inherit;font-size:12.5px;padding:9px 6px;cursor:pointer;font-weight:700}.seg button.on{background:linear-gradient(#d6a23f,#b8862c);color:#17120a}.decklist{display:flex;flex-direction:column;gap:5px}.drow{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-left:3px solid var(--el);border-radius:6px;background:linear-gradient(100deg,color-mix(in srgb,var(--el) 12%,var(--surface-2)),var(--surface-3));padding:7px 10px}.drow__cost{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--el);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.drow__name{flex:1;min-width:0;font-family:var(--serif);font-size:13px;font-weight:700;cursor:pointer}.drow__sub{display:block;font-family:var(--sans);font-size:9.5px;color:var(--text-dim);font-weight:400}.drow__btn{width:26px;height:26px;flex-shrink:0;border-radius:5px;cursor:pointer;font:inherit;font-size:14px;border:1px solid var(--line);background:#ffffff0f;color:var(--text)}.drow__btn--add{border-color:#d6a23f99;color:#ffd75e}.drow__btn:disabled{opacity:.3;cursor:default}.drow__n{width:18px;text-align:center;font-weight:900;font-variant-numeric:tabular-nums}.cfilter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.cchip{font:inherit;font-size:11.5px;font-weight:800;cursor:pointer;padding:5px 12px;border-radius:14px;border:1px solid var(--el, #4a5686);color:var(--el, var(--text-dim));background:transparent}.cchip--on{background:var(--el, var(--gold-lit));color:#14100a}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-dim);margin-bottom:10px;cursor:pointer}.mini--in{border-style:solid;box-shadow:inset 0 0 0 1px #d6a23f73}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:16px 12px;justify-items:center}.gallery__item{position:relative;cursor:pointer;width:fit-content;line-height:0}.gallery__n{position:absolute;right:-4px;bottom:-4px;background:#141004f2;border:1px solid var(--gold-lit);color:#ffd75e;font-size:10px;font-weight:800;border-radius:9px;padding:1px 6px}.gallery__locked{height:163px;border:1px dashed #4b5688;border-radius:8px;background:var(--surface-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.gallery__q{font-family:var(--serif);font-size:26px;color:#4b5688}.gallery__no{font-size:9px;color:var(--text-faint)}.gallery__rar{font-size:9px;font-weight:900;opacity:.55}.slot--pick{cursor:pointer}.gate--pick{animation:gatePick .9s ease-in-out infinite}@keyframes gatePick{0%,to{filter:drop-shadow(0 0 4px rgba(255,215,94,.6))}50%{filter:drop-shadow(0 0 16px rgba(255,215,94,1))}}@keyframes ringTurn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title__logo{position:relative}.homescreen{position:relative;z-index:1;gap:14px;padding-top:18px}.homescreen__foot{margin-top:8px;text-align:center}.tile{position:relative;overflow:hidden;cursor:pointer;font:inherit;color:var(--text);border-radius:12px;text-align:left;border:1px solid color-mix(in srgb,var(--el, #6d7bb5) 45%,transparent);background:radial-gradient(120% 100% at 0% 0%,color-mix(in srgb,var(--el, #6d7bb5) 26%,transparent),transparent 62%),linear-gradient(160deg,#4a5a966b,#1e2748e6);box-shadow:inset 0 1px #ffffff29,inset 0 -14px 26px #00000047,0 5px 16px #0006;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--el, #6d7bb5) 85%,transparent);box-shadow:inset 0 1px #ffffff38,inset 0 -14px 26px #0000003d,0 9px 24px #0000007a,0 0 22px color-mix(in srgb,var(--el, #6d7bb5) 34%,transparent)}.tile:active{transform:translateY(1px) scale(.985)}.tile:focus-visible{outline:2px solid #9fd4ff;outline-offset:3px}.tile__glyph{color:var(--el, var(--gold-lit));filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--el, #6d7bb5) 60%,transparent))}.tile__aura{position:absolute;right:-18%;top:-30%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--el, #6d7bb5) 42%,transparent),transparent 68%);pointer-events:none}.tile--hero{--el: var(--gold-lit);display:flex;align-items:center;gap:14px;padding:18px 18px 18px 16px;background:radial-gradient(130% 120% at 8% 0%,rgba(214,162,63,.34),transparent 60%),radial-gradient(90% 120% at 100% 100%,rgba(155,107,214,.28),transparent 62%),linear-gradient(150deg,#564c8c80,#20284af0);border-color:#d6a23f99}.tile--hero .tile__glyph{width:54px;height:54px;flex-shrink:0}.tile__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tile__kicker{font-size:10.5px;letter-spacing:4px;color:#ffd75e}.tile__title{font-family:var(--serif);font-size:21px;font-weight:700;letter-spacing:1px}.tile__sub{font-size:12px;color:var(--text-dim)}.tile__bar{display:block;height:4px;border-radius:2px;background:#ffffff24;margin-top:7px;overflow:hidden}.tile__bar i{display:block;height:100%;background:linear-gradient(90deg,#b98a26,#ffe9a8)}.tile__meta{font-size:10px;color:var(--text-faint);margin-top:3px;font-variant-numeric:tabular-nums}.tile__go{font-size:15px;color:#ffd75e;opacity:.8;flex-shrink:0}.tile__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(112deg,transparent 34%,rgba(255,244,214,.2) 48%,transparent 60%);background-size:260% 100%;animation:tileSheen 5.5s ease-in-out infinite}@keyframes tileSheen{0%{background-position:130% 0;opacity:0}16%{opacity:1}48%{opacity:.9}62%{opacity:0}to{background-position:-40% 0;opacity:0}}.tilegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile--sm{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 14px 13px;min-height:104px}.tile--sm .tile__glyph{width:30px;height:30px;margin-bottom:5px}.tile--wide{grid-column:1 / -1;flex-direction:row;align-items:center;gap:13px;min-height:0;padding:13px 15px}.tile--wide .tile__glyph{width:28px;height:28px;margin-bottom:0;flex-shrink:0}.tile--wide .tile__label{flex-shrink:0}.tile--wide .tile__note{margin-left:auto}.tile__label{font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:1.5px}.tile__note{font-size:10.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.tile .badge{right:11px;top:11px;transform:none}.tile--wide .badge{top:50%;transform:translateY(-50%);right:13px}.tile--wide .tile__note{margin-right:26px}.logstrip{color:#cfd5ee}.faint{color:var(--text-faint)}.userpanel--btn{cursor:pointer;transition:border-color .15s,transform .12s}.userpanel--btn:hover{border-color:var(--gold-lit);transform:translateY(-2px)}.userpanel{background:linear-gradient(120deg,#3a2d108c,#2c365cd9)}.userpanel__edit{font-size:9.5px;color:#17120a;background:var(--gold-lit);padding:1px 7px;border-radius:8px;font-weight:800}.userpanel__coin{color:#ffd75e;font-weight:800}.userpanel__bar{background:#3a4470;height:4px}.showcase{display:flex;gap:10px;justify-content:center;align-items:center;padding:14px 12px 12px;border-radius:var(--r-md);border:1px solid rgba(214,162,63,.4);background:radial-gradient(ellipse at 50% 120%,rgba(214,162,63,.22),transparent 62%),linear-gradient(#2a3358,#202946);box-shadow:inset 0 -14px 24px #00000059;cursor:pointer}.showcase--edit{cursor:default}.showcase__slot{width:94px;height:132px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(214,162,63,.45);position:relative;transition:transform .15s}.showcase__slot:has(.card){border:none}.showcase:hover .showcase__slot{transform:translateY(-3px)}.showcase__slot--pick{border-color:var(--gold-lit);box-shadow:0 0 14px #d6a23f80}.showcase__empty{font-size:22px;color:#d6a23f80}.showcase__hint{text-align:center;font-size:10.5px;color:var(--text-faint);margin-top:6px}.hero{position:relative;overflow:hidden;cursor:pointer;font:inherit;color:var(--text);display:flex;align-items:center;gap:14px;text-align:left;padding:20px 18px;border-radius:12px;border:1px solid rgba(255,190,120,.5);background:linear-gradient(105deg,#7a2e2a,#57306b 55%,#2c3560);box-shadow:0 8px 26px #00000080,inset 0 1px #ffffff2e;transition:transform .13s,box-shadow .13s}.hero:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000008c,0 0 22px #ffaa6e59}.hero:active{transform:translateY(0)}.hero__glow{position:absolute;right:-14%;top:-60%;width:62%;height:220%;background:radial-gradient(circle,rgba(255,190,120,.4),transparent 66%);pointer-events:none}.hero__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.28) 48%,transparent 62%);background-size:260% 100%;animation:holoSweep 4.2s ease-in-out infinite}.hero .emblem,.hero svg{width:46px;height:46px;flex-shrink:0;color:#ffe0b0;z-index:2}.hero__text{flex:1;min-width:0;z-index:2;display:flex;flex-direction:column;gap:2px}.hero__eyebrow{font-size:9.5px;letter-spacing:3px;color:#ffe1becc}.hero__title{font-family:var(--serif);font-size:27px;font-weight:700;letter-spacing:8px}.hero__sub{font-size:11.5px;color:#fff0dcd9}.hero__arrow{z-index:2;color:#ffe1bebf;font-size:13px}.storybar{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:var(--text);cursor:pointer;margin-top:12px;border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(100deg,#2c365cd9,#1e2642cc);padding:11px 14px;transition:transform .13s,border-color .13s}.storybar:hover{transform:translate(3px);border-color:#d6a23f80}.storybar svg{width:26px;height:26px;flex-shrink:0;color:var(--gold-lit)}.storybar__text{flex:1;min-width:0;display:flex;flex-direction:column}.storybar__tag{font-size:9.5px;letter-spacing:2px;color:var(--text-faint)}.storybar__title{font-family:var(--serif);font-size:14px;font-weight:700}.storybar__count{font-size:11px;color:var(--gold-lit);font-variant-numeric:tabular-nums}.tile{background:linear-gradient(150deg,color-mix(in srgb,var(--tint) 26%,#2a3358),#212a49);border:1px solid color-mix(in srgb,var(--tint) 45%,transparent);box-shadow:0 4px 14px #0006,inset 0 1px #ffffff1f}.tile:hover{box-shadow:0 8px 20px #00000073,0 0 16px color-mix(in srgb,var(--tint) 40%,transparent)}.psec{margin:16px 0 22px}.psec__head{font-family:var(--serif);font-size:13px;font-weight:700;letter-spacing:2px;border-bottom:1px solid rgba(214,162,63,.35);padding-bottom:5px;margin-bottom:10px}.prow{display:flex;gap:8px;align-items:center}.input{flex:1;font:inherit;font-size:14px;color:var(--text);background:#101528cc;border:1px solid var(--line);border-radius:6px;padding:9px 12px}.avatars{display:flex;gap:10px;flex-wrap:wrap}.avatar{position:relative;width:46px;height:46px;background:none;border:none;cursor:pointer;padding:0;opacity:.55;transition:opacity .15s,transform .15s}.avatar--on{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 9px color-mix(in srgb,var(--el) 70%,transparent))}.avatar__mark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:17px;color:#f0e4c4}.titles{display:flex;gap:7px;flex-wrap:wrap}.titlechip{font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;padding:6px 13px;border-radius:14px;border:1px solid var(--line);background:#283256b3;color:var(--text-dim)}.titlechip--on{border-color:var(--gold-lit);background:var(--gold-lit);color:#17120a}.titlechip:disabled{opacity:.35;cursor:default}.ctiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.ctile{display:flex;flex-direction:column;align-items:center;gap:5px}.ctile__card{cursor:pointer;transition:transform .13s}.ctile__card:hover{transform:translateY(-4px)}.ctile--in .ctile__card{filter:drop-shadow(0 0 8px rgba(214,162,63,.5))}.ctile__ctrl{display:flex;align-items:center;gap:4px}.ctile__btn{width:26px;height:24px;border-radius:5px;cursor:pointer;font:inherit;font-size:14px;font-weight:800;border:1px solid var(--line);background:#283256e6;color:var(--text)}.ctile__btn--add{border-color:#d6a23fa6;color:#ffd75e}.ctile__btn:disabled{opacity:.28;cursor:default}.ctile__n{font-size:12px;font-weight:900;min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.ctile__n small{font-size:9px;color:var(--text-faint);font-weight:700}.pack-foil{position:absolute;top:-7px;right:-7px;z-index:8;background:linear-gradient(90deg,#ff9ecf,#ffe08a,#8ef0c0,#9ec8ff);color:#2a1030;font-size:9px;font-weight:900;padding:2px 7px;border-radius:4px;letter-spacing:1px}.gallery__foil{color:#ffb0e8;margin-left:4px;font-weight:900}.ehand{display:flex;flex-direction:column;align-items:center;gap:2px}.ehand__row{display:flex}.ehand__row .cardback{margin-left:-8px}.ehand__row .cardback:first-child{margin-left:0}.ehand__n{font-size:9.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.shead{display:flex;align-items:center;gap:10px;margin-bottom:6px}.shead__back{width:34px;height:34px;flex-shrink:0;border-radius:9px;cursor:pointer;border:1px solid var(--line);background:#ffffff12;color:var(--text);font-size:22px;line-height:1;font-family:inherit}.shead__back:hover{background:#ffffff24}.shead__body{flex:1;min-width:0}.shead__title{font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:2px}.shead__sub{font-size:11px;color:var(--text-dim)}.input{width:100%;font:inherit;font-size:14px;color:var(--text);background:#0a0e1c99;border:1px solid var(--line);border-radius:7px;padding:9px 11px}.input:focus{outline:none;border-color:var(--gold-lit)}.input--area{resize:vertical;line-height:1.6;font-size:13px}.homescreen{display:flex;flex-direction:column;gap:14px;padding-top:14px}.userbar{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;font:inherit;color:var(--text);border:1px solid rgba(214,162,63,.45);border-radius:12px;background:linear-gradient(115deg,#4638128c,#283256d9 60%);padding:11px 14px;transition:transform .13s,border-color .13s}.userbar:hover{transform:translateY(-2px);border-color:var(--gold-lit)}.userbar__badge{position:relative;width:46px;height:46px;flex-shrink:0;--el: var(--gold-lit)}.userbar__initial{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:19px;font-weight:700;color:#f6ecd0}.userbar__body{flex:1;min-width:0;display:block}.userbar__top{display:flex;align-items:baseline;gap:8px}.userbar__name{font-family:var(--serif);font-size:16px}.userbar__rank{font-size:11px;color:var(--gold-lit)}.userbar__stats{display:flex;gap:9px;flex-wrap:wrap;font-size:11px;color:var(--text-dim);margin-top:2px;font-variant-numeric:tabular-nums}.userbar__coin{color:#ffd75e;font-weight:700}.userbar__bar{display:block;height:3px;background:#ffffff1f;border-radius:2px;margin-top:6px;overflow:hidden}.userbar__bar i{display:block;height:100%;background:linear-gradient(90deg,#b8862c,var(--gold-lit))}.userbar__go{font-size:22px;color:var(--text-faint);flex-shrink:0}.shelf{border:1px solid var(--line);border-radius:12px;padding:10px 12px 12px;cursor:pointer;background:radial-gradient(ellipse at 50% 120%,rgba(214,162,63,.16),transparent 62%),linear-gradient(#ffffff0a,#00000029)}.shelf__label{font-size:10.5px;letter-spacing:3px;color:var(--text-faint);margin-bottom:8px}.shelf__row{display:flex;gap:10px;justify-content:center;align-items:flex-end}.shelf__row--big{margin:12px 0 4px}.shelf__empty{width:78px;height:109px;border:1.5px dashed #454f7d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#454f7d;font-size:20px}.shelf__empty--big{width:104px;height:146px}.shelf__slot{position:relative}.shelf__off{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);font:inherit;font-size:10px;padding:2px 9px;border-radius:9px;cursor:pointer;border:1px solid var(--el-red);background:#140a0ae6;color:#ff9a92}.hero-btn{position:relative;overflow:hidden;cursor:pointer;font:inherit;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,215,94,.6);border-radius:14px;padding:20px;background:linear-gradient(112deg,#7a3a2c,#4a2a5e 52%,#24406e);box-shadow:0 6px 22px #00000073,inset 0 1px #ffffff24;transition:transform .14s,box-shadow .14s}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000080,0 0 24px #ffd75e4d}.hero-btn:active{transform:translateY(0)}.hero-btn__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.2) 48%,transparent 62%);background-size:260% 100%;animation:heroSheen 4.2s ease-in-out infinite}@keyframes heroSheen{0%{background-position:130% 0}60%,to{background-position:-50% 0}}.hero-btn__main{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px}.hero-btn__label{font-family:var(--serif);font-size:27px;font-weight:700;letter-spacing:8px;color:#fff6e0;text-shadow:0 2px 10px rgba(0,0,0,.6)}.hero-btn__sub{font-size:11.5px;color:#ffffffc7;letter-spacing:1px}.hero-btn__side{position:relative;z-index:2;text-align:right;flex-shrink:0}.hero-btn__deck{display:block;font-size:11px;color:#fffc}.hero-btn__count{display:inline-block;margin-top:4px;font-size:12px;font-weight:800;padding:2px 9px;border-radius:10px;background:#0006;color:#ffd75e;font-variant-numeric:tabular-nums}.hero-btn__count.ok{color:#8ff0a8}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{position:relative;cursor:pointer;font:inherit;color:var(--text);text-align:left;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:linear-gradient(140deg,#ffffff12,#0003);display:flex;flex-direction:column;gap:2px;transition:transform .13s,border-color .13s,background .13s}.tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tc) 60%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--tc) 20%,transparent),#00000038)}.tile__icon{width:30px;height:30px;color:var(--tc);margin-bottom:5px}.tile__icon svg{width:100%;height:100%}.tile__label{font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:1px}.tile__sub{font-size:10.5px;color:var(--text-dim)}.tile--deck{--tc: #74acff}.tile--pack{--tc: #ffd75e}.tile--gallery{--tc: #86d9a6}.tile--mission{--tc: #c98dff}.sidebtn{cursor:pointer;font:inherit;color:var(--text);text-align:left;width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 14px;background:#ffffff0b;display:flex;flex-direction:column;gap:2px;transition:background .13s}.sidebtn:hover{background:#ffffff17}.sidebtn__label{font-size:13px;font-weight:700}.sidebtn__sub{font-size:10.5px;color:var(--text-dim)}.profile{display:flex;flex-direction:column;gap:12px;margin-top:12px}.profile__row{display:flex;gap:10px;align-items:flex-start}.profile__key{width:62px;flex-shrink:0;font-size:11.5px;color:var(--text-dim);padding-top:9px}.profile__val{font-size:13px;padding-top:8px}.foilbadge{position:absolute;left:-5px;top:-5px;z-index:20;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;color:#1a2030;background:conic-gradient(#ff8fb0,#ffe178,#8fffc0,#8fc8ff,#cd8cff,#ff8fb0);box-shadow:0 0 9px #bedcffd9}.foilbadge--pack{left:auto;right:-5px;top:-5px}.gallery__item--on>.card{outline:2.5px solid var(--gold-lit);outline-offset:2px}.cardwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:16px 12px;justify-items:center}.cw{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:fit-content}.cw--locked{opacity:.5}.cw__n{position:absolute;right:-3px;top:-4px;z-index:8;background:#141004f2;border:1px solid var(--gold-lit);color:#ffd75e;font-size:10.5px;font-weight:800;border-radius:9px;padding:1px 7px}.cw__own{font-size:9.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.cw__ops{display:flex;gap:5px}.cw__op{width:32px;height:24px;border-radius:5px;cursor:pointer;font:inherit;font-size:14px;font-weight:700;border:1px solid var(--line);background:#ffffff14;color:var(--text)}.cw__op--add{border-color:#d6a23fb3;color:#ffd75e}.cw__op:disabled{opacity:.3;cursor:default}.cw--in .card{outline:2px solid rgba(214,162,63,.55);outline-offset:1px}.shopbody{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:16px}.pack{position:relative;overflow:hidden;width:178px;height:240px;border-radius:14px;cursor:pointer;background:linear-gradient(150deg,#3b3f78,#221f42 55%,#55306a);border:2px solid var(--gold-lit);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 8px 28px #00000080,inset 0 1px #ffffff29;transition:transform .15s}.pack:hover{transform:translateY(-5px) scale(1.02)}.pack--broke{opacity:.45;cursor:default}.pack__shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(118deg,transparent 32%,rgba(255,255,255,.28) 48%,transparent 64%);background-size:260% 100%;animation:heroSheen 3.6s ease-in-out infinite}.pack__mark{width:42px;position:relative;z-index:2}.pack__name{font-family:var(--serif);font-size:16px;font-weight:700;letter-spacing:3px;position:relative;z-index:2}.pack__note{font-size:10.5px;color:#ffffffbf;position:relative;z-index:2}.pack__price{font-size:15px;font-weight:800;color:#ffd75e;position:relative;z-index:2}.ratebox{width:100%;max-width:320px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#ffffff0a}.ratebox__head{font-size:10.5px;letter-spacing:3px;color:var(--text-faint);margin-bottom:6px}.ratebox__row{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:4px}.ratebox__row span{width:32px;font-weight:800}.ratebox__row i{flex:1;height:5px;border-radius:3px;background:currentColor;opacity:.75;min-width:3px}.ratebox__row b{width:42px;text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums}.packopen{position:relative}.packopen__aura{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 45%,rgba(255,225,140,.18),transparent 62%);animation:fadeIn .5s ease-out}.pack-back{width:136px;height:201px;border-radius:10px;border:2px solid rgba(214,162,63,.55);background:linear-gradient(150deg,#3b3f78,#221f42);display:flex;align-items:center;justify-content:center}.pack-back .pack__mark{width:36px}.withnav{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:stretch;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#232e56f2,#1a2242f7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #4d5a90;box-shadow:0 -6px 22px #00000073}.nav__tab{flex:1;position:relative;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 2px 8px;color:#9aa4cb;font:inherit;font-size:10.5px;font-weight:700;transition:color .15s}.nav__tab:active{transform:translateY(1px)}.nav__icon{width:25px;height:25px;display:block}.nav__icon svg{width:100%;height:100%;display:block}.nav__tab--on{color:#ffdc72}.nav__tab--on:before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;background:linear-gradient(90deg,transparent,#ffdc72,transparent);border-radius:0 0 3px 3px}.nav__badge{position:absolute;top:5px;right:22%;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ff4d5e;color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #ff4d5eb3}.titlescreen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.titlescreen__body{text-align:center}.titlescreen__eyebrow{font-size:11px;letter-spacing:7px;color:#aab3d6;margin-bottom:14px}.titlescreen__logo{margin:0 0 44px;font-family:var(--serif);font-size:clamp(32px,9.5vw,54px);letter-spacing:6px;background:linear-gradient(96deg,#c8942a,#fff4d6 44%,#c8942a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.titlescreen__start{font:inherit;font-size:16px;font-weight:800;letter-spacing:6px;cursor:pointer;padding:15px 56px;border-radius:8px;border:none;background:linear-gradient(#ffd970,#d9a233);color:#2a1e05;box-shadow:0 6px 20px #d9a23366}.titlescreen__start:active{transform:translateY(2px)}.rows{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;font:inherit;color:var(--text);border:1px solid var(--line);border-radius:10px;background:linear-gradient(100deg,#2b3760,#212a4c);padding:14px 16px}.row:active{transform:translateY(1px)}.row__body{flex:1;min-width:0}.row__label{font-family:var(--serif);font-size:15px;font-weight:700;display:block}.row__sub{font-size:11.5px;color:var(--text-dim);display:block;margin-top:2px}.row__go{color:#8e99c4;font-size:20px;line-height:1}.badge--row{position:static;transform:none}.quickrow{display:flex;gap:10px}.quick{flex:1;position:relative;text-align:left;cursor:pointer;font:inherit;color:var(--text);border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,#2d3a66,#222b4e);padding:12px 14px}.quick:active{transform:translateY(1px)}.quick__label{display:block;font-family:var(--serif);font-size:14px;font-weight:700}.quick__sub{display:block;font-size:10.5px;color:var(--text-dim);margin-top:3px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#060914b8;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.sheet__body{width:100%;max-height:78dvh;display:flex;flex-direction:column;background:linear-gradient(#28325c,#1d2544);border-top:1px solid #5b6aa5;border-radius:16px 16px 0 0;box-shadow:0 -10px 34px #0000008c;animation:sheetUp .26s cubic-bezier(.2,.8,.3,1)}@keyframes sheetUp{0%{transform:translateY(30%)}to{transform:translateY(0)}}.sheet__head{position:relative;padding:15px 52px 13px 18px;font-family:var(--serif);font-size:16px;font-weight:700;border-bottom:1px solid #46528a}.sheet__close{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid #5b6aa5;background:#ffffff0f;color:var(--text);font-size:19px;cursor:pointer;line-height:1}.sheet__scroll{overflow-y:auto;padding:14px 18px calc(24px + env(safe-area-inset-bottom))}.listgrid{display:flex;flex-direction:column;gap:3px}.listgrid__row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:6px;background:#ffffff0a;font-size:12px}.listgrid__no{color:var(--text-faint);font-variant-numeric:tabular-nums;width:30px}.listgrid__rar{font-weight:900;width:32px;font-size:10.5px}.listgrid__name{flex:1;min-width:0;font-family:var(--serif)}.listgrid__own{font-size:10.5px;color:var(--text-dim)}.packscreen{display:flex;flex-direction:column;align-items:center}.packlinks{display:flex;gap:10px;margin-top:14px}.btn--wide{width:100%;max-width:320px;padding:15px;font-size:15px;letter-spacing:3px;margin-top:18px}.center{text-align:center}.coin{font-size:13px;font-weight:800;color:#ffdc72;font-variant-numeric:tabular-nums}.btn--quit{padding:8px 14px;font-size:12px}.btn--danger{border-color:#ff5f6d;color:#ff8f99;background:#ff5f6d1f}.dialog{background:linear-gradient(#2a3560,#1e2646);border:1px solid #5b6aa5;border-radius:14px;padding:22px 24px;max-width:340px;text-align:center;box-shadow:0 12px 34px #0009}.dialog__title{font-family:var(--serif);font-size:18px;font-weight:700;margin-bottom:8px}.dialog__row{display:flex;gap:10px;justify-content:center}.shelf__edit{float:right;font-size:10.5px;color:#ffdc72}:root{--navh: 66px}.fitscreen{min-height:calc(100dvh - var(--navh));max-height:calc(100dvh - var(--navh));display:flex;flex-direction:column;padding:12px 14px 10px;overflow:hidden}.fitscreen>*{flex-shrink:0}.fitscreen__grow{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.homescreen{min-height:calc(100dvh - var(--navh));max-height:calc(100dvh - var(--navh));display:flex;flex-direction:column;gap:10px;padding:12px 14px 10px;overflow:hidden}.homescreen .shelf{flex:1;min-height:0;display:flex;flex-direction:column}.homescreen .shelf__row{flex:1;min-height:0;align-items:center}.homescreen .shelf__row .card,.homescreen .shelf__empty{max-height:100%}.homescreen .hero-btn{flex-shrink:0}.packscreen{min-height:calc(100dvh - var(--navh));max-height:calc(100dvh - var(--navh));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:8px 14px;overflow:hidden}.packscreen .shead{width:100%}.packscreen .pack{margin:0}.brief{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px 20px;text-align:center}.brief__no{font-size:11px;letter-spacing:6px;color:var(--el);font-weight:800}.brief__title{font-family:var(--serif);font-size:25px;letter-spacing:2px;margin:0}.brief__box{width:100%;max-width:380px;text-align:left;border:1px solid var(--line);border-left:3px solid var(--el);border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--el) 14%,#232c50),#1d2544);padding:16px 18px}.brief__lead{font-size:13px;line-height:1.85;color:#e7e9f7}.brief__tipkey{margin:14px 0 4px;font-size:10.5px;letter-spacing:3px;font-weight:800;color:#ffdc72}.brief__tip{font-size:12.5px;line-height:1.8;color:var(--text-dim)}.brief__life{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:#ffdc72;font-weight:700}.stage__no{font-size:10.5px;letter-spacing:3px;color:var(--el);font-weight:800}:root{--navh: 70px}.withnav{padding-bottom:calc(var(--navh) + env(safe-area-inset-bottom))}.homescreen{min-height:calc(100dvh - var(--navh) - env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding-top:12px;padding-bottom:8px}.homescreen .shelf,.homescreen .hero-btn{margin:0}.packscreen{min-height:calc(100dvh - var(--navh) - env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-top:8px}.packscreen .btn--wide{margin-top:14px}@media (max-height: 780px){.pack{width:150px!important;height:204px!important}.hero-btn{padding:14px 16px!important}}@media (max-height: 680px){.shelf__label{margin-bottom:4px!important}.pack{width:128px!important;height:176px!important}.quick{padding:9px 12px!important}}.screen{padding-bottom:20px}.shelf--slim{padding:8px 12px 10px}.shelf--slim .shelf__label{margin-bottom:6px;font-size:10px}.shelf--slim .shelf__row{gap:8px}.shelf--slim .shelf__empty{width:62px;height:87px;font-size:16px}@media (max-height: 780px){.shelf--slim .shelf__row .card{--w: 54px !important}.shelf--slim .shelf__empty{width:54px;height:76px}}@media (max-height: 680px){.shelf--slim .shelf__row .card{--w: 46px !important}.shelf--slim .shelf__empty{width:46px;height:65px}.shelf--slim{padding:6px 10px 8px}}.shelf--slim{padding:10px 12px 12px}.shelf--slim .shelf__label{margin-bottom:7px;font-size:10.5px}.shelf--slim .shelf__row{gap:10px}.shelf--slim .shelf__empty{width:var(--shelfw, 100px);height:calc(var(--shelfw, 100px) * 1.48);font-size:22px}.homescreen .userbar{padding:9px 13px}.homescreen .hero-btn{padding:13px 16px}.homescreen .quick{padding:10px 13px}.phasebar{display:flex;align-items:center;gap:7px;padding:5px 10px;margin-bottom:4px;border:1px solid #46528a;border-radius:8px;background:linear-gradient(100deg,#2a3560d9,#1a2242d9);font-size:11.5px}.phasebar__step{padding:3px 11px;border-radius:11px;font-weight:800;color:#8e99c4;border:1px solid #46528a}.phasebar__step.on{background:linear-gradient(#ffd970,#d9a233);color:#2a1e05;border-color:#ffd970;box-shadow:0 0 10px #d9a23380}.phasebar__arrow{color:#6b77a8}.phasebar__note{margin-left:auto;color:var(--text-dim);font-size:10.5px}.tut{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:14px 18px calc(20px + env(safe-area-inset-bottom));gap:12px;max-width:560px;margin:0 auto}.tut__head{width:100%;display:flex;align-items:center;justify-content:space-between}.tut__count{font-size:11.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.tut__skip{background:none;border:none;color:var(--text-faint);font:inherit;font-size:12px;cursor:pointer}.tut__stage{display:flex;align-items:center;justify-content:center;padding:6px 0 2px}.tut__panel{width:100%;border:1px solid #46528a;border-radius:12px;background:linear-gradient(#2a3560,#1e2646);padding:16px 18px}.tut__title{font-family:var(--serif);font-size:19px;margin:0 0 10px;letter-spacing:1px}.tut__body p{font-size:13px;line-height:1.85;margin:0 0 9px;color:#dde2f4}.tut__body b{color:#ffdc72}.tut__note{font-size:11.5px!important;color:var(--text-dim)!important}.tut__list{margin:0 0 9px;padding-left:18px}.tut__list li{font-size:12.5px;line-height:1.9;color:#dde2f4}.tut__dots{display:flex;gap:6px}.tut__dot{width:6px;height:6px;border-radius:50%;background:#46528a}.tut__dot.on{background:#ffdc72;box-shadow:0 0 7px #ffdc72cc}.tut__nav{width:100%;display:flex;gap:10px;margin-top:auto}.tut__nav .btn{flex:1;padding:13px;font-size:14px}.tut__next{flex:2!important}.auth{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:min(340px,86vw);margin:0 auto}.auth__title{font-family:var(--serif);font-size:17px;letter-spacing:2px;margin-bottom:2px}.auth__sub{padding:12px;font-size:14px}.auth__go{width:100%;margin-top:4px}.auth__guest{background:none;border:none;color:#a9b3d8;font:inherit;font-size:12.5px;cursor:pointer;padding:6px}.auth__guest:hover{color:#ffdc72}.auth__note{font-size:11px;color:var(--text-faint);line-height:1.8;margin:6px 0 0}.auth__field{display:flex;flex-direction:column;gap:4px;text-align:left}.auth__field span{font-size:11px;color:var(--text-dim)}.auth__err{font-size:12px;color:#ff9aa4;background:#ff5f6d1f;border:1px solid #ff5f6d;border-radius:6px;padding:8px 10px}.input{font:inherit;font-size:14px;padding:11px 12px;border-radius:7px;border:1px solid #4d5a90;background:#0a0e1c99;color:var(--text);width:100%}.input:focus{outline:2px solid #ffdc72;outline-offset:-1px}.dust{font-size:13px;font-weight:800;color:#9ad8ff;font-variant-numeric:tabular-nums}.craftcell{display:flex;flex-direction:column;align-items:center;gap:5px}.craftcell--unknown{filter:grayscale(.8) brightness(.6)}.craftcell__row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:center}.craftcell__n{font-size:10.5px;color:var(--text-dim)}.craftcell__own{font-size:10px;color:var(--text-faint)}.btn--tiny{padding:4px 9px;font-size:10.5px;border-radius:5px}.btn--foil{border-color:#cfe4ff;color:#cfe4ff}.deckview{max-height:82dvh;border-radius:14px;width:min(680px,94vw);margin:auto}.deckview__acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.matching{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px}.matching__ring{position:relative;width:96px;height:96px;margin-bottom:18px}.matching__ring span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:#ffdc72;animation:matchSpin 1.3s linear infinite}.matching__ring span:nth-child(2){top:12px;right:12px;bottom:12px;left:12px;border-top-color:#7fb2ff;animation-duration:1.9s;animation-direction:reverse}.matching__ring span:nth-child(3){top:24px;right:24px;bottom:24px;left:24px;border-top-color:#d8a0ff;animation-duration:2.5s}@keyframes matchSpin{to{transform:rotate(360deg)}}.matching__title{font-family:var(--serif);font-size:17px;letter-spacing:2px}.matching__found{font-size:12px;letter-spacing:4px;color:#ffdc72}.matching__name{font-family:var(--serif);font-size:26px;letter-spacing:3px;margin:4px 0 2px}@media (min-width: 600px){.screen{max-width:720px;padding-left:22px;padding-right:22px}.gallery{grid-template-columns:repeat(auto-fill,minmax(152px,1fr))}.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cardwall{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.nav{max-width:720px;left:50%;transform:translate(-50%);border-radius:14px 14px 0 0;border-left:1px solid #4d5a90;border-right:1px solid #4d5a90}}@media (min-width: 1000px){.screen{max-width:1040px}.gallery{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px 14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.rows,.missions,.stages{max-width:720px}.homescreen{display:grid;justify-content:center;align-content:center;grid-template-columns:minmax(300px,380px) minmax(320px,420px);grid-template-areas:"user shelf" "hero shelf" "quick shelf";gap:14px 24px}.homescreen .userbar{grid-area:user}.homescreen .shelf{grid-area:shelf;align-self:stretch}.homescreen .shelf__row{flex-direction:column;align-items:center;gap:12px}.homescreen .hero-btn{grid-area:hero}.homescreen .quickrow{grid-area:quick}.battle{--bw: 128px;max-width:980px}.hand .card{--w: 146px !important}.logstrip{font-size:12.5px;min-height:58px}.phasebar{font-size:12.5px}.detailbar__txt{font-size:12px}.nav{max-width:900px}.withnav{padding-bottom:88px}}@media (min-width: 1400px){.battle{--bw: 142px;max-width:1120px}.hand .card{--w: 164px !important}.screen{max-width:1180px}}@media (max-height: 560px){.battle{--bw: 74px}.hand .card{--w: 92px !important}.logstrip{min-height:36px;font-size:10px}.phasebar{padding:3px 8px;font-size:10.5px}}@media (pointer: coarse){.btn{min-height:40px}.nav__tab{min-height:56px}}.shelf--slim .shelf__empty{border:1.5px dashed #4d5a90;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b77a8}.headright{display:flex;align-items:center;gap:8px}.foilbadge--g{background:linear-gradient(92deg,#ffe9a8,#d9a233);color:#3a2a06;border-color:#ffd166}.shelf--slim .shelf__row{justify-content:center;gap:14px;align-items:center}.homescreen .shelf{padding:12px 14px 14px}.userbar__icon{position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:2;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;border-radius:50%}.iconpick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.iconpick__prev{width:46px;height:46px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--gold-lit);background:radial-gradient(circle at 35% 30%,#2a3050,#0d0f1e);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:18px;color:#f0e4c4}.iconpick__prev img{width:100%;height:100%;object-fit:cover}.titlepick{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:5px}.segbadge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;margin-left:6px;border-radius:9px;background:#ff4d5e;color:#fff;font-size:10px;font-weight:900}.seg button.on .segbadge{background:#2a1e05;color:#ffdc72}.mission--veiled .mission__name{color:#6b77a8;letter-spacing:3px}.mission--veiled .mission__desc{font-style:italic}.modeselect{display:flex;flex-direction:column;gap:12px}.modecard{position:relative;text-align:left;font:inherit;color:var(--text);cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:5px;transition:transform .13s,border-color .13s}.modecard:hover:not(:disabled){transform:translateY(-2px);border-color:#d6a23f99}.modecard:disabled{opacity:.45;cursor:default}.modecard--casual{background:linear-gradient(105deg,#2b3760,#212a4c)}.modecard--rank{background:linear-gradient(105deg,#4a2f5e,#2a2247 60%,#3d2a1c);border-color:#7a5a9a}.modecard__label{font-family:var(--serif);font-size:21px;font-weight:700;letter-spacing:3px}.modecard__sub{font-size:12px;color:var(--text-dim)}.modecard__meta{font-size:11px;color:var(--text-faint)}.modecard__rank{display:flex;align-items:baseline;gap:10px;margin-top:6px}.modecard__rank b{font-size:17px;color:var(--tier);font-family:var(--serif);letter-spacing:2px}.modecard__rp{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.modecard__gauge{height:5px;border-radius:3px;background:#ffffff1f;overflow:hidden}.modecard__gauge i{display:block;height:100%;border-radius:3px}.tierlist{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;justify-content:center}.tierchip{font-size:10.5px;padding:4px 10px;border-radius:12px;border:1px solid var(--tier);color:var(--tier);opacity:.5}.tierchip i{font-style:normal;opacity:.7;margin-left:5px;font-size:9.5px}.tierchip.on{opacity:1;background:color-mix(in srgb,var(--tier) 20%,transparent);font-weight:800}.termscreen{display:flex;flex-direction:column;min-height:100dvh}.terms{flex:1;overflow-y:auto;max-height:58dvh;border:1px solid var(--line);border-radius:10px;background:#0e1222b3;padding:16px 18px;margin-bottom:14px}.terms section{margin-bottom:16px}.terms h3{font-family:var(--serif);font-size:14px;margin:0 0 6px;color:#ffdc72}.terms p{font-size:12.5px;line-height:1.9;color:#d5dbf0;margin:0}.terms__agree{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#141a2cb3}.terms__agree--wait{opacity:.55;cursor:default}.terms__row{display:flex;gap:10px;margin-top:12px}.terms__row .btn{flex:1;padding:13px}.myid{font-family:ui-monospace,monospace;font-size:17px;font-weight:800;color:#ffdc72;letter-spacing:2px;margin-top:4px}.friendadd{display:flex;gap:8px;margin-top:8px}.friendadd .input{flex:1}.friendadd .btn{flex-shrink:0}.post__body{font-size:13px;line-height:1.9;white-space:pre-wrap}.reply{border:1px solid var(--line);border-radius:9px;background:#141a2c99;padding:10px 13px}.reply__head{display:flex;gap:8px;align-items:baseline;font-size:11.5px;margin-bottom:4px}.reply__body{font-size:12.5px;line-height:1.8;white-space:pre-wrap;color:#d5dbf0}.dcomments{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.dcomments__head{font-size:12px;color:var(--text-dim);margin-bottom:8px}.dcomment{display:flex;gap:8px;align-items:baseline;font-size:12px;padding:6px 0;border-bottom:1px solid rgba(77,90,144,.3)}.dcomment b{color:#ffdc72;flex-shrink:0;font-size:11.5px}.judgment{align-items:center;overflow:auto;padding:18px}.judgment__panel{width:min(920px,96vw);max-height:92vh;overflow:auto;background:#14121cfa;border:1px solid rgba(255,215,94,.45);border-radius:18px;padding:18px;box-shadow:0 22px 70px #0009}.judgment__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.judgment__count{font-weight:800;color:var(--gold-lit);margin-bottom:10px}.judgment__zones{display:grid;gap:12px}.judgment__zone{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px}.judgment__zone h3{margin:0 0 8px;font-size:13px;color:var(--text-dim)}.judgment__cards,.judgment__drawn{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px}.judgment__card{border:1px solid transparent;background:transparent;color:inherit;border-radius:10px;padding:5px;display:grid;gap:4px;justify-items:center}.judgment__card--on{border-color:#ffd75e;background:#ffd75e1f}.judgment__card span{font-size:11px;font-weight:800}.judgment__summary{min-height:38px;margin:12px 0;font-size:12px;color:var(--text-dim)}.judgment__draw{min-width:130px;display:grid;justify-items:center;gap:8px}.judgment__roles{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%}.judgment__roles button{border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#ffffff0f;color:var(--text);padding:7px 4px;font-size:11px}.judgment__roles button.on{border-color:#ffd75e;background:#ffd75e33;color:#fff0a8}.judgment__roles button:disabled{opacity:.3}.initiative__coin{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px;font-size:42px;color:#ffdc72;border:2px solid #b88a32;background:radial-gradient(circle at 35% 30%,#fff1a4,#9c6820 70%);box-shadow:0 0 24px #ffd75e40}.initiative__coin.is-tossed{animation:coin-toss .85s ease-out}@keyframes coin-toss{0%{transform:translateY(0) rotateY(0)}45%{transform:translateY(-70px) rotateY(900deg)}to{transform:translateY(0) rotateY(1440deg)}}.subtabs{display:flex;gap:6px;padding:10px 14px 0;max-width:1040px;margin:0 auto}.subtabs button{flex:1;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;padding:9px 6px;border-radius:8px 8px 0 0;border:1px solid var(--line);border-bottom:none;background:#141a2c99;color:var(--text-dim);position:relative}.subtabs button.on{background:linear-gradient(#3a4a80,#2b3760);color:#ffdc72;border-color:#5b6aa5}.subtabs+.screen{padding-top:10px}.seg--3 button{font-size:12px}.hand{min-height:196px}@media (min-width: 1000px){.hand{min-height:232px}}.initiative__coin{font-size:54px;color:#ffdc72;line-height:1;animation:coinSpin 1.2s cubic-bezier(.3,.1,.2,1) infinite;text-shadow:0 0 22px rgba(255,220,114,.7)}.initiative__coin.is-tossed{animation:coinLand .5s ease-out forwards}@keyframes coinSpin{0%{transform:rotateY(0) scale(1)}to{transform:rotateY(360deg) scale(1)}}@keyframes coinLand{0%{transform:rotateY(0) scale(1.25)}to{transform:rotateY(0) scale(1)}}.pack__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px;z-index:1}.pack__image+.pack__mark,.pack__image~.pack__name,.pack__image~.pack__note,.pack__image~.pack__price{position:relative;z-index:2}.pack-back{position:relative;overflow:hidden}.pack-back__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.pack-back__mark{position:relative;z-index:2}.pack-back__image+.pack__mark{display:none}.pack-back__image{border-radius:8px}.pack__image:not(.is-missing)~.pack__mark{display:none}.pack__foot{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:10px 10px 12px;text-align:center;background:linear-gradient(transparent,#080a148c 34%,#080a14e0);border-radius:0 0 10px 10px}.pack__foot .pack__name{font-family:var(--serif);font-weight:800;letter-spacing:2px}.pack__foot .pack__note{font-size:10.5px;color:#cfd6ee;margin:2px 0 4px}.pack__foot .pack__price{font-size:15px;color:#ffdc72;font-weight:800}.seg__n{margin-left:6px;font-size:10.5px;opacity:.75;font-variant-numeric:tabular-nums}html:has(.battle),body:has(.battle){overflow:hidden;overscroll-behavior:none}body:has(.battle){touch-action:manipulation}.battle{--bk-hand-h:138px;--bk-board-w:104px;--bw:var(--bk-board-w);width:100%;max-width:1180px;height:100dvh;margin:0 auto;padding:max(5px,env(safe-area-inset-top)) 8px max(5px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:54px minmax(0,1fr) 40px minmax(0,1fr) 62px var(--bk-hand-h);align-items:center;gap:3px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 70% 44% at 50% 19%,rgba(214,75,79,.13),transparent 72%),radial-gradient(ellipse 70% 44% at 50% 80%,rgba(70,149,255,.15),transparent 72%),linear-gradient(180deg,#461b2b3d,#12183114 45%,#12183114 55%,#1845703d);box-shadow:inset 0 0 0 1px #ffffff0d}.battle:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(214,162,63,.65),transparent);pointer-events:none;z-index:0}.battle.bk-my-turn{box-shadow:inset 0 0 0 2px #56b9ff9e,inset 0 0 34px #56b9ff17}.battle.bk-enemy-turn{box-shadow:inset 0 0 0 2px #ff727d8c,inset 0 0 34px #ff727d14}.battle>.bk-hero-enemy{grid-row:1}.battle>.bk-board-enemy{grid-row:2}.battle>.phasebar{grid-row:3}.battle>.bk-board-player{grid-row:4}.battle>.bk-hero-player{grid-row:5}.battle>.hand{grid-row:6}.hero{width:100%;min-height:0;height:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:7px;padding:3px 5px;border:1px solid rgba(91,107,166,.7);border-radius:10px;background:linear-gradient(100deg,#242d4ef0,#19213ef0);box-shadow:inset 0 1px #ffffff14,0 2px 10px #00000047;z-index:4}.bk-hero-enemy{padding-left:54px;border-color:#d958626b}.bk-hero-player{grid-template-columns:48px minmax(48px,1fr) auto auto;border-color:#55a9f07a}.hero__meta{min-width:0;font-size:10.5px;line-height:1.22;overflow:hidden}.hero__meta b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero__right{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0}.hero__acts{display:flex;flex-direction:column;gap:3px;align-items:stretch}.gm{width:44px;height:44px}.gm__life{font-size:18px}.board{width:100%;height:100%;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.4vw,12px);padding:15px 3px 2px;border-radius:12px;overflow:visible;z-index:2}.board:before{position:absolute;left:7px;top:2px;padding:1px 7px;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:1.2px;color:#dce4ff;background:#090d1bb8;border:1px solid rgba(108,126,191,.42);pointer-events:none}.bk-board-enemy:before{content:"相手の場"}.bk-board-player:before{content:"自分の場"}.slot{width:var(--bk-board-w);height:var(--bk-board-w)}.slot--empty,.gate,.fx-summon,.fx-shatter{width:calc(var(--bk-board-w) + 6px);height:calc(var(--bk-board-w) + 6px)}.slot__card{transform-origin:center}.slot__card--def{transform:none!important;filter:drop-shadow(0 0 9px rgba(116,206,255,.72))}.slot__card--def:before{content:"🛡";position:absolute;left:-5px;top:-8px;z-index:25;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#153b5e;border:1px solid #bce9ff;font-size:14px;box-shadow:0 2px 8px #000b}.slot__card--def:after{content:"DEF";position:absolute;right:-4px;top:-6px;z-index:25;padding:2px 6px;border-radius:10px;background:#153b5e;border:1px solid #bce9ff;color:#effbff;font-size:9px;font-weight:900;letter-spacing:.6px;box-shadow:0 2px 8px #000b}.card--board .card__boardname{left:calc(var(--u) * 11);right:calc(var(--u) * 1.5);top:calc(var(--u) * 1);font-size:calc(var(--u) * 6.6);line-height:1.03;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.piles{display:flex;gap:5px;flex-shrink:0}.pile{width:38px;height:42px;border-radius:6px;overflow:hidden;box-shadow:2px 2px #090d19cc}.pile svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.38}.pile__count{align-items:flex-start;padding-top:4px;font-size:14px;line-height:1}.pile__label{display:block!important;bottom:2px;font-size:8px;line-height:1;color:#d5dcf7;font-weight:800;letter-spacing:.3px}.pile--grave{cursor:pointer}.energy{position:relative;min-width:94px;max-width:118px;min-height:34px;padding:13px 5px 3px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:0;border:1px solid rgba(108,126,191,.55);border-radius:7px;background:#090d1b8c;overflow:hidden;cursor:pointer}.energy:before{content:"ENERGY";position:absolute;left:5px;top:2px;font-size:7px;line-height:1;font-weight:900;letter-spacing:1px;color:#9eabd6}.energy__orb{width:12px;height:12px;min-width:12px;margin-left:-3px}.energy__orb:first-of-type{margin-left:0}.energy__count{margin-left:auto;padding-left:4px;font-size:10.5px;white-space:nowrap}.energy__debt{position:absolute;right:4px;top:2px;font-size:8px}.ehand{position:relative;display:inline-flex;align-items:center;gap:2px;margin-top:12px;padding-left:29px;min-height:14px}.ehand:before{content:"手札";position:absolute;left:0;top:0;font-size:9px;font-weight:800;color:#aeb9dd}.ehand__card{width:8px;height:12px;flex:none}.ehand__n{font-size:10px;font-weight:900;color:#eef2ff}.phasebar{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:min(100%,640px);height:36px;margin:0 auto;padding:4px 9px;display:flex;align-items:center;gap:5px;border-width:2px;border-radius:10px;background:linear-gradient(100deg,#233058fa,#151d39fa);box-shadow:0 3px 14px #00000059;z-index:8;overflow:hidden}.bk-my-turn .phasebar{border-color:#73cfff;box-shadow:0 0 16px #53bbff5c}.bk-enemy-turn .phasebar{border-color:#ff8791;box-shadow:0 0 16px #ff697647}.phasebar__step{padding:3px 8px;font-size:10px;white-space:nowrap}.phasebar__note{margin-left:auto;min-width:0;font-size:10px;line-height:1.15;text-align:right;white-space:normal;overflow:hidden}.bk-turn-state{font-size:12px;font-weight:900;white-space:nowrap;letter-spacing:.5px}.bk-my-turn .bk-turn-state{color:#9cddff}.bk-enemy-turn .bk-turn-state{color:#ffadb4}.battle>.logstrip{display:none!important}.btn--quit{display:none!important}.bk-menu-button{position:fixed;left:max(9px,env(safe-area-inset-left));top:max(9px,env(safe-area-inset-top));z-index:150;width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid #8797cd;border-radius:10px;background:#0d1223f0;color:#f3f5ff;font:900 25px/1 var(--sans);box-shadow:0 4px 14px #0008;cursor:pointer}.bk-menu-button:focus-visible{outline:3px solid #7fd0ff;outline-offset:2px}.bk-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:16px;background:#040710c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bk-sheet{width:min(94vw,560px);max-height:min(84dvh,720px);display:flex;flex-direction:column;border:1px solid #6d7eb9;border-radius:14px;background:linear-gradient(160deg,#202a4b,#11172c 70%);box-shadow:0 18px 60px #000c;overflow:hidden}.bk-sheet__head{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #465488}.bk-sheet__title{flex:1;font:700 17px/1.3 var(--serif);letter-spacing:1px}.bk-sheet__close{width:36px;height:36px;padding:0;font-size:22px}.bk-sheet__body{padding:13px 15px;overflow:auto;overscroll-behavior:contain}.bk-sheet__section{margin:0 0 15px}.bk-sheet__section:last-child{margin-bottom:0}.bk-sheet__label{margin:0 0 7px;font-size:11px;font-weight:900;letter-spacing:1.5px;color:#aeb9dd}.bk-log-list{display:flex;flex-direction:column;gap:6px}.bk-log-line{padding:8px 10px;border-radius:7px;background:#080c1994;font-size:12px;line-height:1.45;color:#e2e7f8;word-break:break-word}.bk-zone-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px}.bk-zone-card{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 9px;border:1px solid #43517f;border-radius:8px;background:#080c1980;font-size:12px;line-height:1.3}.bk-zone-swatch{width:13px;height:13px;flex:none;transform:rotate(45deg);border:1px solid rgba(255,255,255,.4)}.bk-zone-thumb{width:42px;height:42px;flex:none;object-fit:contain;border-radius:5px;background:#f1ead9;border:1px solid rgba(255,255,255,.28)}.bk-sheet__actions{display:flex;gap:9px;justify-content:flex-end;padding:12px 15px;border-top:1px solid #465488}.bk-danger{border-color:#e06770!important;background:#a93640!important;color:#fff!important}.battle>.reaction{position:fixed;left:50%;top:50%;width:min(calc(100vw - 20px),620px);max-height:min(70dvh,520px);transform:translate(-50%,-50%);overflow:auto;z-index:165;padding:14px;box-shadow:0 18px 52px #000d}.battle>.reaction .reaction__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.energy{font:inherit;color:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.hand{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;height:100%;min-height:0!important;padding:17px 5px 4px;display:flex;align-items:flex-end;justify-content:center;gap:0!important;overflow:visible!important;background:linear-gradient(180deg,#080c192e,#080c19e0 24%,#080c19f5);border:1px solid rgba(85,169,240,.35);border-radius:12px 12px 0 0;z-index:10}.hand:before{content:"自分の手札";position:absolute;left:8px;top:3px;font-size:9px;font-weight:900;letter-spacing:1.2px;color:#c5d9ff}.hand .card{--w:var(--bk-hand-card-w,100px)!important}.hand__card{margin-left:var(--bk-hand-overlap,-18px)!important;transition:transform .14s ease,filter .14s ease}.hand__card:first-child{margin-left:0!important}.hand__card:hover{transform:translateY(-8px);z-index:12}.hand__card--up{transform:translateY(-12px)!important;z-index:14}.hand__legend{display:none}.actionbar,.detailbar{position:fixed!important;left:50%!important;right:auto!important;width:min(calc(100vw - 20px),620px);transform:translate(-50%);border-radius:12px;box-shadow:0 12px 36px #000c;z-index:130}.actionbar{bottom:calc(var(--bk-runtime-hand-h,138px) + 8px)!important;max-height:116px;overflow:auto;padding:7px 9px;background:#080c19f7}.detailbar{top:max(58px,calc(env(safe-area-inset-top) + 52px))!important;bottom:auto!important;max-height:82px;overflow:hidden;padding:7px 10px;background:#080c19f5}.actionbar+.detailbar{bottom:auto!important}.actionbar__hint{width:100%;text-align:center;font-size:12px;font-weight:900}.actionbar .btn{min-height:38px;padding:7px 12px;white-space:normal;line-height:1.2}.detailbar__name,.detailbar__stats,.detailbar__txt{overflow:hidden;text-overflow:ellipsis}.detailbar__txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.btn--turn{min-width:96px;min-height:42px;padding:7px 10px;font-size:12px;line-height:1.15;white-space:normal;border-width:2px;box-shadow:0 0 13px #d6a23f38}.bk-my-turn .btn--turn{box-shadow:0 0 18px #ffd45b7a}.turnwipe{z-index:180;background:radial-gradient(ellipse at 50% 50%,#070c1b8c,#03050ce8)}.banner__sweep{z-index:181;height:78px;top:43%}.banner{z-index:182;top:42%;font-size:clamp(36px,10vw,64px);font-weight:900;letter-spacing:clamp(5px,1.5vw,14px)}.banner__turn{font-size:15px;font-weight:900}@media (max-width:620px){.battle{padding-left:4px;padding-right:4px;grid-template-rows:50px minmax(0,1fr) 38px minmax(0,1fr) 58px var(--bk-hand-h)}.hero{gap:4px;padding:2px 3px;grid-template-columns:42px minmax(0,1fr) auto}.bk-hero-enemy{padding-left:49px}.bk-hero-player{grid-template-columns:42px minmax(34px,1fr) auto auto}.gm{width:40px;height:40px}.gm__life{font-size:16px}.hero__right{gap:3px}.energy{min-width:78px;max-width:94px;padding-left:3px;padding-right:3px}.energy__orb{width:10px;height:10px;min-width:10px;margin-left:-3px}.energy__count{font-size:9px;padding-left:2px}.pile{width:33px;height:38px}.pile__count{font-size:12px}.pile__label{font-size:7px}.btn--turn{min-width:82px;min-height:40px;padding:5px 6px;font-size:10.5px}.phasebar{height:34px;padding:3px 6px}.phasebar__step{padding:2px 6px;font-size:9px}.phasebar__note{font-size:9px}.bk-turn-state{font-size:10px}.detailbar{width:calc(100vw - 12px);top:52px!important}}@media (max-width:390px){.bk-hero-player .hero__meta{max-width:44px}.bk-hero-player .hero__meta b{font-size:9.5px}.bk-hero-player .hero__meta>span,.bk-hero-player .hero__meta:not(:has(b)){font-size:8px}.energy{min-width:72px;max-width:82px}.piles{gap:2px}.pile{width:30px}.btn--turn{min-width:72px;font-size:9.5px}.phasebar__arrow{display:none}}@media (min-width:900px){.battle{grid-template-columns:minmax(0,1fr);grid-template-rows:58px minmax(0,1fr) 44px minmax(0,1fr) 66px var(--bk-hand-h);padding-left:18px;padding-right:18px;gap:5px}.hero{padding:4px 10px;grid-template-columns:52px minmax(0,1fr) auto}.bk-hero-enemy{padding-left:58px}.bk-hero-player{grid-template-columns:52px minmax(100px,1fr) auto auto}.gm{width:48px;height:48px}.gm__life{font-size:19px}.hero__meta{font-size:11.5px}.hero__meta b{font-size:13px}.hero__right{gap:10px}.energy{max-width:170px;min-width:130px}.pile{width:42px;height:46px}.board{gap:18px;padding-top:17px}.board:before{font-size:10px}.phasebar{height:40px}.btn--turn{min-width:126px;min-height:44px;font-size:13px}.actionbar{width:min(680px,calc(100vw - 40px))}.detailbar{left:auto!important;right:18px!important;transform:none;width:380px;top:70px!important}.bk-menu-button{width:44px;height:44px}}@media (max-height:660px){.battle{grid-template-rows:44px minmax(0,1fr) 32px minmax(0,1fr) 50px var(--bk-hand-h);gap:1px}.hero{border-radius:7px}.gm{width:36px;height:36px}.gm__life{font-size:14px}.energy{min-height:29px;padding-top:11px}.pile{height:34px}.phasebar{height:30px}.phasebar__note{font-size:8.5px}.btn--turn{min-height:34px}.board{padding-top:12px}.board:before{font-size:8px;top:0}.detailbar{display:none}}.phasebar{gap:4px}.phasebar__step{padding:3px 7px}@media (max-width:430px){.phasebar{padding-left:5px;padding-right:5px;gap:2px}.phasebar__step{padding:3px 5px;font-size:9px}.phasebar__arrow{font-size:9px}.phasebar__note{font-size:8.5px}}.ehand{width:100%;min-width:0;height:calc(var(--bk-eh-h,30px) + 5px);margin:1px 0 0;padding:5px 23px 0 0;display:flex;align-items:flex-end;justify-content:center;gap:0;position:relative;overflow:visible}.ehand:before{content:"相手の手札";position:absolute;left:0;top:0;font-size:8px;line-height:1;font-weight:900;letter-spacing:.5px;color:#aeb9dd}.ehand__card{width:var(--bk-eh-w,20px)!important;height:var(--bk-eh-h,30px)!important;margin-left:var(--bk-eh-overlap,-7px);flex:none;position:relative;border:1px solid #d2b75f!important;border-radius:3px!important;background:radial-gradient(circle at 50% 50%,#d7b95b 0 9%,transparent 10%),radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(111,145,224,.75) 23% 28%,transparent 29%),linear-gradient(135deg,transparent 42%,rgba(255,255,255,.16) 43% 47%,transparent 48%),linear-gradient(155deg,#344d96,#17254f 58%,#263a7d)!important;box-shadow:0 2px 5px #0008,inset 0 0 0 2px #0a112aa6;transform:perspective(100px) rotateX(-3deg)}.ehand__card:first-of-type{margin-left:0}.ehand__card:after{content:"✦";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#e5cf78;font-size:calc(var(--bk-eh-w,20px) * .42);text-shadow:0 0 4px #000}.ehand__n{position:absolute;right:0;top:5px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 4px;border-radius:10px;background:#111a37;border:1px solid #697bb8;color:#fff!important;font-size:10px!important;font-weight:900!important;box-shadow:0 2px 6px #0008}.hand__card{touch-action:none;cursor:grab}.hand__card:active{cursor:grabbing}.bk-drop-ready{outline:2px solid #75dcff!important;outline-offset:2px;box-shadow:0 0 18px #5fd5ffa6!important}.bk-drag-ghost{position:fixed!important;z-index:500!important;pointer-events:none!important;margin:0!important;opacity:.9;transform:translate(-50%,-58%) rotate(2deg) scale(.82)!important;filter:drop-shadow(0 12px 18px #000c)}.bk-drag-note{position:fixed;z-index:510;transform:translate(-50%,-50%);pointer-events:none;padding:5px 9px;border:1px solid #8edfff;border-radius:10px;background:#080f1ff0;color:#eafbff;font-size:10px;font-weight:900;white-space:nowrap;box-shadow:0 4px 14px #0009}