: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;isolation:isolate;contain:paint;transform:translateZ(0);backface-visibility: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;transform:translateZ(0) scale(1.002);transform-origin:center;backface-visibility:hidden}.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:-1px;right:-1px;bottom:-1px;left:-1px;z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen;background-size:300% 100%;background-repeat:no-repeat;transform:translateZ(0);backface-visibility:hidden;will-change:opacity,background-position}.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--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}.gallery__item,.gallery__locked{width:128px;box-sizing:border-box}.gallery__locked{height:auto;aspect-ratio:5 / 7}.gallery__locked{width:128px!important;height:198.4px!important;aspect-ratio:auto}@media (max-width: 599px){.gallery .card__art{transform:scale(1.12);transform-origin:center}}.detailbar{position:fixed;top:82px;right:12px;z-index:90;width:min(520px,calc(100vw - 24px));max-height:min(260px,calc(100dvh - 100px));align-items:flex-start;overflow-y:auto;box-sizing:border-box;overscroll-behavior:contain}.detailbar__txt{white-space:normal;overflow-wrap:anywhere}@media (max-width: 700px){.detailbar{top:auto;right:8px;bottom:8px;left:8px;width:auto;max-height:38dvh}}.detailbar{max-height:min(45dvh,360px)!important;overflow-y:auto!important;overflow-x:hidden!important;align-items:flex-start!important}.detailbar__name,.detailbar__stats,.detailbar__txt{overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.detailbar__txt{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;overflow-wrap:anywhere!important}@media (max-width: 620px){.detailbar{top:max(58px,calc(env(safe-area-inset-top) + 52px))!important;right:6px!important;left:6px!important;width:auto!important;max-height:42dvh!important}}.detailbar{position:fixed!important;top:clamp(56px,8vh,88px)!important;right:clamp(6px,1.5vw,16px)!important;left:auto!important;bottom:auto!important;width:min(460px,calc(100vw - 20px))!important;max-height:clamp(96px,24vh,210px)!important;padding:7px 10px!important;gap:8px!important;align-items:flex-start!important;overflow:hidden!important;box-sizing:border-box!important}.detailbar__art{width:40px!important;height:40px!important}.detailbar__name{font-size:12px!important;line-height:1.25!important}.detailbar__stats{font-size:10px!important;line-height:1.35!important}.detailbar__txt{display:block!important;margin-top:3px!important;max-height:clamp(42px,13vh,110px)!important;overflow-y:auto!important;overflow-x:hidden!important;font-size:10px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;scrollbar-width:thin;overscroll-behavior:contain}@media (max-width: 700px),(max-height: 700px){.detailbar{top:max(52px,calc(env(safe-area-inset-top) + 46px))!important;right:5px!important;left:5px!important;width:auto!important;max-height:min(24dvh,170px)!important}.detailbar__art{width:34px!important;height:34px!important}.detailbar__txt{max-height:min(11dvh,78px)!important}}html body #root .battle .detailbar{position:absolute!important;top:auto!important;left:clamp(8px,2vw,18px)!important;right:clamp(8px,2vw,18px)!important;bottom:calc(var( --bk-runtime-hand-h, var(--bk-hand-h, 138px) ) + clamp(76px,9dvh,96px) + env(safe-area-inset-bottom))!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:min(25dvh,210px)!important;margin:0!important;padding:clamp(8px,1.5vw,12px)!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:clamp(44px,7vw,64px) minmax(0,1fr)!important;align-items:start!important;gap:clamp(8px,1.5vw,12px)!important;overflow:hidden!important;transform:none!important;border:1px solid color-mix(in srgb,var(--el) 55%,rgba(138,107,42,.55))!important;border-radius:12px!important;background:#080c1bf7!important;box-shadow:0 8px 28px #000000ad,0 0 18px color-mix(in srgb,var(--el) 18%,transparent)!important;z-index:45!important}html body #root .battle .detailbar__art{width:100%!important;height:auto!important;max-height:64px!important;aspect-ratio:1 / 1!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}html body #root .battle .detailbar__img,html body #root .battle .detailbar__art img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}html body #root .battle .detailbar>div:nth-child(2){min-width:0!important;width:100%!important;max-height:calc(min(25dvh,210px) - 24px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}html body #root .battle .detailbar__name,html body #root .battle .detailbar__stats,html body #root .battle .detailbar__live,html body #root .battle .detailbar__txt{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}html body #root .battle .detailbar__name{font-size:clamp(12px,2.1vw,15px)!important;line-height:1.35!important}html body #root .battle .detailbar__stats{display:flex!important;flex-wrap:wrap!important;column-gap:4px!important;font-size:clamp(10px,1.7vw,12px)!important;line-height:1.45!important}html body #root .battle .detailbar__live{display:inline!important}html body #root .battle .detailbar__txt{margin-top:4px!important;font-size:clamp(10.5px,1.8vw,13px)!important;line-height:1.55!important}@media (max-width: 480px){html body #root .battle .detailbar{grid-template-columns:minmax(0,1fr)!important;bottom:calc(var( --bk-runtime-hand-h, var(--bk-hand-h, 120px) ) + 72px + env(safe-area-inset-bottom))!important;max-height:min(23dvh,165px)!important}html body #root .battle .detailbar__art{display:none!important}html body #root .battle .detailbar>div:nth-child(2){max-height:calc(min(23dvh,165px) - 20px)!important}}@media (max-height: 680px){html body #root .battle .detailbar{bottom:calc(var( --bk-runtime-hand-h, var(--bk-hand-h, 100px) ) + 68px + env(safe-area-inset-bottom))!important;max-height:132px!important}html body #root .battle .detailbar>div:nth-child(2){max-height:108px!important}html body #root .battle .detailbar__art{max-height:50px!important}}.packlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px 18px;width:100%;max-width:620px;margin:16px auto;align-items:start}.packchoice{display:flex;flex-direction:column;align-items:center;gap:10px}.pack--premium{border-color:#bfe8ff;background:radial-gradient(circle at 25% 20%,rgba(165,225,255,.35),transparent 38%),radial-gradient(circle at 78% 78%,rgba(225,145,255,.28),transparent 45%),linear-gradient(150deg,#324d84,#252451 55%,#53316c);box-shadow:0 8px 28px #0000008c,0 0 24px #9bd7ff4d,inset 0 1px #fff3}.premium-pack__mark{position:relative;z-index:2;width:70px;height:70px;display:grid;place-items:center;color:#f1fbff;font-size:38px;text-shadow:0 0 12px #fff,0 0 24px rgba(160,220,255,.9);border:1px solid rgba(220,245,255,.8);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:linear-gradient(145deg,#94dbff,#7654ba)}.premium-coin{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid rgba(190,230,255,.6);border-radius:10px;color:#e0f6ff;background:#5a7dbe3d;font-size:11px;font-weight:900;white-space:nowrap}.foilbadge--se{width:auto;padding:0 6px;border-radius:9px;color:#27112c;background:linear-gradient(90deg,#ff9fcf,#ffe58a,#91ffca,#9bcfff,#dda0ff);font-size:8px}.packopen__title{display:block;margin-bottom:5px;color:#eef7ff;font-family:var(--serif);font-size:17px;letter-spacing:3px}@media (max-width: 520px){.packlist{grid-template-columns:1fr}}.loginbonus{z-index:190}.loginbonus__card{width:min(90vw,390px);padding:25px 20px;text-align:center;border:1px solid rgba(200,235,255,.7);border-radius:17px;background:radial-gradient(circle at 50% 0,rgba(175,225,255,.26),transparent 48%),radial-gradient(circle at 90% 90%,rgba(220,145,255,.18),transparent 45%),linear-gradient(155deg,#2b3b69,#171d3a 62%,#30234b);box-shadow:0 18px 55px #000000b3,0 0 30px #96d7ff33}.loginbonus__eyebrow{color:#bfe5ff;font-size:9px;font-weight:900;letter-spacing:4px}.loginbonus__card h2{margin:6px 0 20px;font-family:var(--serif);letter-spacing:3px}.loginbonus__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:18px}.loginbonus__days span{aspect-ratio:1;display:grid;place-items:center;border:1px solid #4c5989;border-radius:50%;color:#818daf;background:#11172d;font-size:11px;font-weight:900}.loginbonus__days span.is-done{border-color:#d6f1ff;color:#14223b;background:linear-gradient(145deg,#effbff,#8fcfff);box-shadow:0 0 13px #96dcff8c}.loginbonus__day{color:#bdd8f5;font-size:12px;font-weight:800}.loginbonus__stamp{margin:8px 0 3px;color:#ffe49a;font-family:var(--serif);font-size:20px;font-weight:900}.loginbonus__reward{margin:8px 0 3px;color:#e6f8ff;font-family:var(--serif);font-size:24px;font-weight:900;letter-spacing:2px;text-shadow:0 0 17px rgba(175,225,255,.9)}.loginbonus__card .btn{min-width:140px;margin-top:12px}.packscreen{box-sizing:border-box;height:calc(100dvh - 118px);min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.pack-picker{width:min(100%,620px);box-sizing:border-box;display:flex;gap:9px;margin:10px auto 16px;padding:2px 12px 8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin}.pack-picker__item{flex:0 0 154px;min-height:76px;padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;scroll-snap-align:start;text-align:left;color:var(--text-dim);border:1px solid rgba(110,130,190,.55);border-radius:11px;background:linear-gradient(145deg,#324173cc,#1e264ceb);box-shadow:inset 0 1px #ffffff0f;cursor:pointer}.pack-picker__item strong{max-width:100%;overflow:hidden;color:#d7e1ff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.pack-picker__item small{color:#8998c5;font-size:10px}.pack-picker__kind{color:#7f91c8;font-size:8px;font-weight:900;letter-spacing:2px}.pack-picker__item.is-selected{border-color:#f0ce6d;background:radial-gradient(circle at 15% 10%,rgba(255,220,115,.18),transparent 45%),linear-gradient(145deg,#435a9a,#283764);box-shadow:0 0 16px #f5cd5f2e,inset 0 1px #ffffff26}.pack-picker__item.is-selected .pack-picker__kind{color:#ffe071}.pack-picker__item.is-selected strong{color:#fff1a7}.packstage{width:min(100%,430px);box-sizing:border-box;margin:0 auto;padding:0 14px 30px;display:flex;flex-direction:column;align-items:center;gap:14px}.packstage .pack{margin:0 auto}.packstage__buy{width:min(100%,400px);min-height:56px}.packstage .packlinks{margin-top:2px}.pack--selected .pack__foot{min-height:66px;display:flex;flex-direction:column;justify-content:flex-end}.pack--selected .pack__note{display:none}@media (max-width: 520px){.pack-picker{padding-left:10px;padding-right:10px}.pack-picker__item{flex-basis:142px}.packstage{padding-left:10px;padding-right:10px}}.packstage__buy{position:sticky;top:8px;z-index:30;width:min(100%,400px);min-height:58px;margin:0 auto 4px;border-width:1px;border-style:solid;box-shadow:0 8px 20px #0000004d}.packstage__buy:disabled{opacity:1!important;color:#aeb9de!important;border-color:#7d8fc380!important;background:linear-gradient(145deg,#303955,#272e49)!important;box-shadow:inset 0 1px #ffffff0d,0 6px 16px #00000038!important;cursor:not-allowed}.packstage{gap:12px}.pack-selectbar{width:min(100%,430px);box-sizing:border-box;margin:10px auto 14px;padding:0 14px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.pack-selectbar label{color:#aebce6;font-size:11px;font-weight:800;white-space:nowrap}.pack-selectbar select{width:100%;min-width:0;height:42px;padding:0 34px 0 12px;color:#f3f6ff;border:1px solid rgba(135,158,220,.72);border-radius:8px;outline:none;background:linear-gradient(145deg,#354571,#242e50);font-size:13px;font-weight:800;cursor:pointer}.pack-selectbar select:focus{border-color:#f0cf69;box-shadow:0 0 0 2px #f0cf6929}.pack-selectbar option{color:#10182d;background:#eef3ff}.pack-picker{display:none!important}.packstage__buy{position:static!important;top:auto!important;z-index:auto!important;width:min(100%,360px);min-height:50px;margin:0 auto!important;box-shadow:0 5px 14px #0000003d}.packstage__buy:disabled{opacity:1!important;color:#a9b4d7!important;border-color:#7486b985!important;background:linear-gradient(145deg,#303954,#272e48)!important}.packstage{gap:11px;padding-top:0;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.packstage .pack{margin-top:0;margin-bottom:2px}.packstage .packlinks{margin-top:0}.packscreen{height:calc(100dvh - 112px);padding-bottom:0}@media (max-width: 390px){.pack-selectbar{grid-template-columns:1fr;gap:5px}.pack-selectbar label{padding-left:2px}}.card-choice{z-index:180}.card-choice__panel{width:min(820px,96vw)}.card-choice__cards{align-items:stretch;padding-bottom:12px}.card-choice__card{position:relative;flex:0 0 auto;width:122px;min-width:122px;padding:7px;align-content:start;cursor:pointer}.card-choice__card:disabled{opacity:.35;cursor:default}.card-choice__visual{position:relative;display:block;min-height:148px}.card-choice__visual>.card,.card-choice__visual>.cardback{display:block;margin:0 auto}.card-choice__order{position:absolute;top:-5px;right:-4px;z-index:20;width:25px;height:25px;display:grid;place-items:center;border:1px solid #fff1a4;border-radius:50%;color:#211807;background:linear-gradient(145deg,#fff1a4,#d6a23f);box-shadow:0 3px 10px #0000008c;font-size:12px}.card-choice__label{width:100%;min-height:31px;display:-webkit-box;overflow:hidden;color:#eef2ff;font-size:11px;line-height:1.35;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-choice__note{color:#9fb0df;font-size:9px!important;font-weight:700!important}.card-choice__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 520px){.card-choice{padding:8px}.card-choice__panel{width:100%;max-height:96dvh;padding:12px;border-radius:13px}.card-choice__card{width:108px;min-width:108px;padding:5px}.card-choice__visual{min-height:133px}.card-choice__actions{position:sticky;bottom:-12px;z-index:30;margin-left:-12px;margin-right:-12px;padding:11px 12px calc(11px + env(safe-area-inset-bottom));background:#14121cfa}}.bk-card-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:230;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));overflow:auto;background:radial-gradient(circle at 50% 42%,rgba(214,162,63,.16),transparent 52%),#040711e6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.bk-card-reveal__panel{width:min(94vw,440px);max-height:94dvh;box-sizing:border-box;padding:18px;overflow-y:auto;border:1px solid rgba(255,215,94,.62);border-radius:17px;background:linear-gradient(160deg,#2d2940,#151a31 68%,#101426);box-shadow:0 24px 80px #000c,inset 0 1px #ffffff17;text-align:center;animation:bkRevealAppear .24s ease-out}@keyframes bkRevealAppear{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.bk-card-reveal__eyebrow{color:#e5c663;font-size:10px;font-weight:900;letter-spacing:3px}.bk-card-reveal__title{margin:5px 0 14px;color:#fff1b8;font-family:var(--serif);font-size:21px;letter-spacing:2px}.bk-card-reveal__card{display:flex;justify-content:center;min-height:260px;margin-bottom:10px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.65))}.bk-card-reveal__name{color:#fff;font-family:var(--serif);font-size:18px;font-weight:900}.bk-card-reveal__type{margin-top:3px;color:#adb9df;font-size:11px;font-weight:800}.bk-card-reveal__text{max-height:105px;margin-top:11px;padding:10px 11px;overflow-y:auto;border:1px solid rgba(115,132,188,.4);border-radius:9px;color:#dce3fa;background:#070b197a;font-size:12px;line-height:1.65;text-align:left}.bk-card-reveal__result{margin-top:12px;padding:9px 10px;border:1px solid rgba(112,177,224,.52);border-radius:9px;color:#c9e9ff;background:#28659133;font-size:12px;font-weight:900}.bk-card-reveal__result.is-support{border-color:#ffc54cb8;color:#ffe28a;background:#965b0f40}.bk-card-reveal__close{width:100%;min-height:48px;margin-top:14px}@media (max-height: 650px){.bk-card-reveal{place-items:start center}.bk-card-reveal__panel{padding:13px}.bk-card-reveal__card{min-height:205px}.bk-card-reveal__card .card{transform:scale(.82);transform-origin:center top;margin-bottom:-42px}.bk-card-reveal__text{max-height:72px}}.bk-effect-event{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2600;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at center,#30275447,#050711e6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bk-effect-event__panel{width:min(560px,94vw);max-height:92vh;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:15px;padding:22px;border:1px solid rgba(255,215,94,.56);border-radius:18px;background:linear-gradient(145deg,#1d1a32fa,#0a0c19fa);box-shadow:0 24px 80px #000000a3,0 0 30px #ffd75e1f}.bk-effect-event__counter{align-self:flex-end;font-size:11px;letter-spacing:.14em;color:#ffffff85}.bk-effect-event__title{font-size:clamp(21px,5vw,30px);font-weight:800;text-align:center;color:#ffe69a}.bk-effect-event__body{width:100%;display:flex;align-items:center;justify-content:center;gap:20px}.bk-effect-event__card{flex:0 0 auto}.bk-effect-event__info{min-width:0;flex:1;display:flex;flex-direction:column;gap:10px}.bk-effect-event__name{font-size:19px;color:#fff}.bk-effect-event__text{font-size:15px;line-height:1.7;white-space:pre-wrap;color:#ffffffe0}@media (max-width: 540px){.bk-effect-event__panel{padding:17px}.bk-effect-event__body{flex-direction:column}.bk-effect-event__info{text-align:center}.bk-effect-event__card .card{max-width:132px}}.bk-effect-event,.bk-effect-event-disabled,.bk-effect-event__panel{display:none!important;visibility:hidden!important;pointer-events:none!important}.board .slot{position:relative;isolation:isolate}.board .slot__card,.board .slot__card *,.board .slot__card:before,.board .slot__card:after{pointer-events:none!important}.board .slot__card--def{transform:none!important}.bk-board-hit{position:absolute;left:50%;top:50%;z-index:35;display:block;padding:0;margin:0;transform:translate(-50%,-50%);border:0;border-radius:8px;outline:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bk-board-hit:focus-visible{outline:2px solid #9fdcff;outline-offset:3px}@media (min-width: 900px){html body #root .battle{--bk-board-w: clamp( 88px, 10.5dvh, 116px ) !important;grid-template-rows:58px minmax(calc(var(--bk-board-w) * 1.55 + 22px),1fr) 44px minmax(calc(var(--bk-board-w) * 1.55 + 22px),1fr) 66px var(--bk-hand-h)!important}html body #root .battle .board .card{--w: var(--bk-board-w) !important}html body #root .battle .board .slot{width:var(--bk-board-w)!important;height:calc(var(--bk-board-w) * 1.55)!important}html body #root .battle .board .slot--empty,html body #root .battle .board .gate,html body #root .battle .board .fx-summon,html body #root .battle .board .fx-shatter{width:calc(var(--bk-board-w) + 6px)!important;height:calc(var(--bk-board-w) * 1.55 + 6px)!important}html body #root .battle .bk-board-hit{width:var(--bk-board-w)!important;height:calc(var(--bk-board-w) * 1.55)!important}html body #root .battle:has(>.detailbar),html body #root .battle:has(>.actionbar){max-width:1420px!important;grid-template-columns:minmax(0,1fr) minmax(260px,320px)!important;column-gap:12px!important}html body #root .battle>.bk-hero-enemy,html body #root .battle>.bk-board-enemy,html body #root .battle>.phasebar,html body #root .battle>.bk-board-player,html body #root .battle>.bk-hero-player,html body #root .battle>.hand{grid-column:1!important}html body #root .battle>.detailbar{position:relative!important;grid-column:2!important;grid-row:2 / span 2!important;align-self:start!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:100%!important;margin:0!important;transform:none!important;overflow:auto!important;z-index:20!important}html body #root .battle>.actionbar{position:relative!important;grid-column:2!important;grid-row:4 / span 2!important;align-self:start!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:100%!important;margin:0!important;transform:none!important;overflow:auto!important;z-index:20!important}html body #root .battle>.actionbar .btn{width:100%;min-height:42px;justify-content:center}html body #root .bk-menu-button{position:fixed!important;left:max(10px,env(safe-area-inset-left))!important;top:max(10px,env(safe-area-inset-top))!important;z-index:300!important;display:grid!important;visibility:visible!important;opacity:1!important}}@media (min-width: 900px) and (max-height: 760px){html body #root .battle{--bk-board-w: clamp( 76px, 9.5dvh, 94px ) !important}}.profile-screen{width:min(100%,1080px);margin-inline:auto}.profile-hero{display:flex;align-items:center;gap:18px;padding:18px;margin-bottom:14px}.profile-hero__icon,.profile-icon-editor__preview{flex:0 0 auto;overflow:hidden;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(214,162,63,.7);background:#ffffff0f;color:#ffe2a0;font-family:var(--serif);font-weight:800}.profile-hero__icon{width:92px;height:92px;font-size:32px}.profile-hero__icon img,.profile-hero__icon>*,.profile-icon-editor__preview img,.profile-icon-editor__preview>*{width:100%;height:100%;object-fit:cover}.profile-hero__body{min-width:0;flex:1}.profile-hero__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.profile-hero__name{margin:0;font-family:var(--serif);font-size:clamp(21px,3vw,28px)}.profile-hero__title{padding:3px 9px;border:1px solid rgba(214,162,63,.45);border-radius:999px;background:#d6a23f1a;color:#f1d58b;font-size:11px;font-weight:700}.profile-hero__rank{display:flex;align-items:baseline;gap:8px;margin-top:7px;color:var(--profile-rank-color)}.profile-hero__rank span{color:var(--text-dim);font-size:12px}.profile-hero__comment{margin:10px 0 0;color:var(--text-dim);font-size:13px;line-height:1.6}.profile-hero__next{margin-top:6px;color:var(--text-faint);font-size:11px}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.profile-stat{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#ffffff0b}.profile-stat__label,.profile-stat__sub{display:block}.profile-stat__label{color:var(--text-faint);font-size:10px}.profile-stat__value{display:block;margin-top:5px;font-size:20px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}.profile-stat__value small{color:var(--text-dim);font-size:11px}.profile-stat__sub{margin-top:5px;color:var(--text-dim);font-size:10.5px}.profile-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:14px}.profile-edit,.profile-showcase{margin:0}.profile-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line)}.profile-section-head h3{margin:0;font-family:var(--serif);font-size:15px}.profile-section-head p{margin:4px 0 0;color:var(--text-dim);font-size:10.5px}.profile-field{position:relative;display:grid;gap:7px;margin-bottom:16px}.profile-field:last-child{margin-bottom:0}.profile-field__label{color:var(--text-dim);font-size:11px;font-weight:700}.profile-field__count{position:absolute;right:8px;bottom:7px;color:var(--text-faint);font-size:9px;pointer-events:none}.profile-icon-editor{display:flex;align-items:center;gap:12px}.profile-icon-editor__preview{width:68px;height:68px;font-size:24px}.profile-icon-editor__actions{display:flex;flex-wrap:wrap;gap:7px}.profile-card-picker,.profile-showcase__picker{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.profile-showcase__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:10px}.profile-showcase__empty{width:118px;height:175px;display:grid;place-content:center;gap:5px;border:1px dashed rgba(255,255,255,.2);border-radius:9px;background:#ffffff06;color:var(--text-faint);text-align:center}.profile-showcase__empty span{font-size:28px}.profile-showcase__empty small{font-size:9px}.profile-gifts{margin-top:14px;padding:0;overflow:hidden}.profile-gifts__summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;list-style:none}.profile-gifts__summary::-webkit-details-marker{display:none}.profile-gifts__summary>span:first-child{display:flex;flex-direction:column;gap:3px}.profile-gifts__summary small{color:var(--text-dim);font-size:10.5px}.profile-gifts__body{padding:10px 14px 14px;border-top:1px solid var(--line)}@media (max-width: 760px){.profile-hero{align-items:flex-start;padding:14px}.profile-hero__icon{width:72px;height:72px}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:1fr}.profile-showcase__cards{overflow-x:auto;justify-content:start;grid-template-columns:repeat(3,118px);padding-bottom:6px}}@media (max-width: 420px){.profile-hero{gap:12px}.profile-hero__icon{width:62px;height:62px}.profile-stat{padding:11px}.profile-stat__value{font-size:17px}.profile-icon-editor{align-items:flex-start}.profile-icon-editor__actions{flex-direction:column;align-items:stretch}}.route-loading{min-height:min(70vh,620px);display:grid;place-content:center;justify-items:center;gap:12px;text-align:center}.route-loading__spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.16);border-top-color:currentColor;border-radius:50%;animation:bk-route-loading-spin .7s linear infinite}@keyframes bk-route-loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){.route-loading__spinner{animation:none}}.turnwipe,.banner__sweep,.banner,.hitflash{pointer-events:none!important}.friendhub{display:flex;flex-direction:column;gap:14px;padding-bottom:32px}.friendhub-self{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:radial-gradient(circle at 90% 0%,rgba(255,210,112,.18),transparent 42%),linear-gradient(145deg,#252c48fa,#12172bfa);box-shadow:0 12px 30px #00000038}.friendhub-self__main{width:100%;min-width:0;display:flex;align-items:center;gap:13px;padding:16px;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.friendhub-self__body,.friendhub-card__body{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.friendhub-self__name{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.friendhub-self__id,.friendhub-card__body span{color:#ffffff94;font-size:11px;letter-spacing:.04em}.friendhub-eyebrow{color:#ffda87c7;font-size:9px;font-weight:800;letter-spacing:.18em}.friendhub-copy{width:calc(100% - 28px);margin:0 14px 14px}.friendhub-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,226,157,.42);border-radius:50%;background:linear-gradient(145deg,#ffd36f3d,#7185c12e);color:#fff1d0f2;font-family:var(--serif);font-size:18px;font-weight:800;box-shadow:inset 0 0 0 3px #070a178c}.friendhub-avatar--self{width:56px;height:56px;flex-basis:56px;font-size:22px}.friendhub-avatar img{width:100%;height:100%;object-fit:cover}.friendhub-add{display:flex;flex-direction:column;gap:12px}.friendhub-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.friendhub-section-head h2{margin:3px 0 0;font-size:16px}.friendhub-add__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.friendhub-add__form .btn{min-width:78px}.friendhub-add__note{margin:0;font-size:11px;line-height:1.65}.friendhub-error{margin:0}.friendhub-list{display:flex;flex-direction:column;gap:10px}.friendhub-count{min-width:52px;padding:5px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0d;color:#ffffffad;font-size:10px;text-align:center}.friendhub-search{position:relative;display:block}.friendhub-search>span{position:absolute;top:50%;left:13px;z-index:1;transform:translateY(-50%);color:#ffffff75;pointer-events:none}.friendhub-search .input{padding-left:36px}.friendhub-cards{display:flex;flex-direction:column;gap:9px}.friendhub-card{padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,#1d233bfa,#101426fa);box-shadow:0 7px 18px #00000029}.friendhub-card__profile{display:flex;align-items:center;gap:12px}.friendhub-card__body strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.friendhub-card__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.friendhub-card__actions .btn{min-height:40px}.friendhub-confirm{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.09)}.friendhub-confirm p{margin:0 0 9px;color:#ffffffb8;font-size:12px;line-height:1.55}.friendhub-confirm>div{display:flex;gap:8px}.friendhub-empty{display:grid;place-items:center;min-height:155px;padding:26px 18px;text-align:center}.friendhub-empty__mark{margin-bottom:8px;color:#ffda87bf;font-size:28px}.friendhub-empty p{max-width:260px;margin:7px 0 0;line-height:1.7}.friendhub-loading{display:grid;gap:9px}.friendhub-loading span{display:block;height:78px;border-radius:16px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:220% 100%;animation:friendhub-loading 1.25s linear infinite}@keyframes friendhub-loading{to{background-position:-220% 0}}@media (max-width: 420px){.friendhub-self__main{padding:14px}.friendhub-avatar--self{width:50px;height:50px;flex-basis:50px}.friendhub-card__actions{grid-template-columns:1fr 76px}}.player-data-settings,.player-data-settings__panel{display:flex;flex-direction:column;gap:12px}.player-data-settings__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.player-data-settings__head span{color:#ffda87b8;font-size:9px;font-weight:800;letter-spacing:.16em}.player-data-settings__head h4{margin:3px 0 0;font-size:15px}.player-data-settings__head>small{color:#ffffff73;font-size:9px}.player-data-settings__notice{margin:0;padding:9px 11px;border:1px solid rgba(255,218,135,.16);border-radius:10px;background:#ffda870d;color:#ffffff9e;font-size:10px;line-height:1.65}.player-data-settings__rows{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:13px}.player-data-setting{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:#0000001a;color:inherit;text-align:left;cursor:pointer}.player-data-setting:last-child{border-bottom:0}.player-data-setting:disabled{opacity:.55;cursor:wait}.player-data-setting__body{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.player-data-setting__body strong{font-size:12px}.player-data-setting__body small{color:#ffffff78;font-size:9px;line-height:1.45}.player-data-setting__switch{width:42px;height:24px;flex:0 0 42px;position:relative;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;transition:background .18s ease,border-color .18s ease}.player-data-setting__switch span{width:18px;height:18px;position:absolute;top:2px;left:3px;border-radius:50%;background:#ffffff8f;transition:transform .18s ease,background .18s ease}.player-data-setting--on .player-data-setting__switch{border-color:#ffd2708c;background:#d6a23f4d}.player-data-setting--on .player-data-setting__switch span{transform:translate(17px);background:#ffe097}.player-data-settings__message{padding:9px 11px;border-radius:9px;background:#ffffff0f;color:#ffffffb8;font-size:10px;text-align:center}.player-data-settings__save{width:100%;min-height:43px}@media (max-width: 420px){.player-data-settings__head{align-items:flex-start}.player-data-setting{min-height:62px}}.friendhub-avatar__card{max-width:40px;overflow:hidden;color:#ffebbcdb;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.friendhub-data{margin-top:11px;border-top:1px solid rgba(255,255,255,.08)}.friendhub-data summary{padding:10px 2px 2px;color:#ffda87c7;font-size:10px;font-weight:800;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none}.friendhub-data summary::marker{color:#ffda8794}.friendhub-data__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:9px}.friendhub-data__item{min-width:0;display:flex;flex-direction:column;gap:4px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#00000021}.friendhub-data__item--wide{grid-column:1 / -1}.friendhub-data__item>span{color:#ffffff73;font-size:8px;font-weight:700;letter-spacing:.06em}.friendhub-data__item>strong{overflow-wrap:anywhere;color:#ffffffd6;font-size:11px;line-height:1.5}.friendhub-data__cards{display:flex;flex-wrap:wrap;gap:6px}.friendhub-data__cards b{padding:4px 7px;border:1px solid rgba(255,218,135,.2);border-radius:7px;background:#ffda870f;color:#ffe8b1cc;font-size:9px}@media (max-width: 360px){.friendhub-data__grid{grid-template-columns:1fr}.friendhub-data__item--wide{grid-column:auto}}.profile-screen,.friendhub{gap:10px;padding-bottom:24px}.profile-screen .panel,.friendhub .panel,.profile-section-head{border-radius:13px}.profile-section-head{gap:8px;margin-bottom:10px}.profile-section-head h3,.friendhub-section-head h2{margin:0;font-size:14px;line-height:1.25}.profile-section-head p{margin:3px 0 0;font-size:9px;line-height:1.45}.profile-hero{gap:12px;padding:13px;border-radius:15px}.profile-hero__icon{width:62px;height:62px;flex:0 0 62px}.profile-hero__body{gap:6px}.profile-hero__title-row{gap:7px}.profile-hero__name{font-size:17px;line-height:1.2}.profile-hero__title{padding:3px 7px;font-size:9px}.profile-hero__rank{gap:7px;font-size:10px}.profile-hero__comment{margin:0;font-size:10px;line-height:1.45}.profile-hero__next{margin-top:1px;font-size:9px}.profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.profile-stat{min-height:78px;padding:10px 8px;border-radius:12px}.profile-stat__label{font-size:8px}.profile-stat__value{margin-top:5px;font-size:15px}.profile-stat__value small{font-size:9px}.profile-stat__sub{margin-top:3px;font-size:8px}.profile-layout{gap:10px}.profile-edit,.profile-showcase,.player-data-settings__panel{padding:13px}.profile-field{gap:6px;margin-top:11px}.profile-field__label{font-size:10px}.profile-field__count,.profile-edit .faint{font-size:8px}.profile-icon-editor{gap:10px}.profile-icon-editor__preview{width:58px;height:58px;flex:0 0 58px}.profile-icon-editor__actions{gap:6px}.profile-showcase__cards{gap:7px}.profile-showcase__empty{min-height:128px}.player-data-settings,.player-data-settings__panel{gap:9px}.player-data-settings__rows{border-radius:10px}.player-data-setting{min-height:50px;padding:8px 10px}.player-data-setting__body strong{font-size:11px}.player-data-setting__body small{font-size:8px}.player-data-setting__switch{width:38px;height:22px;flex-basis:38px}.player-data-setting__switch span{width:16px;height:16px}.player-data-setting--on .player-data-setting__switch span{transform:translate(15px)}.friendhub-self{border-radius:14px}.friendhub-self__main{gap:10px;padding:12px}.friendhub-avatar--self{width:48px;height:48px;flex-basis:48px;font-size:19px}.friendhub-self__name{font-size:15px}.friendhub-copy{width:calc(100% - 20px);min-height:34px;margin:0 10px 10px}.friendhub-add{gap:9px;padding:12px}.friendhub-add__form .btn{min-width:70px}.friendhub-add__note{font-size:9px;line-height:1.5}.friendhub-list{gap:8px}.friendhub-cards{gap:7px}.friendhub-card{padding:11px;border-radius:13px;box-shadow:0 5px 14px #00000024}.friendhub-card__profile{gap:10px}.friendhub-avatar{width:40px;height:40px;flex-basis:40px;font-size:16px}.friendhub-card__body strong{font-size:13px}.friendhub-card__body span{font-size:9px}.friendhub-card__actions{gap:6px;margin-top:9px}.friendhub-card__actions .btn{min-height:35px}.friendhub-data{margin-top:8px}.friendhub-data summary{padding-top:8px;font-size:9px}.friendhub-data__grid{gap:5px;padding-top:7px}.friendhub-data__item{gap:3px;padding:7px 8px;border-radius:8px}.friendhub-data__item>strong{font-size:10px}.friendhub-confirm{margin-top:9px;padding-top:9px}@media (max-width: 620px){.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stat{min-height:70px}}@media (max-width: 420px){.profile-hero{align-items:flex-start}.profile-hero__icon{width:54px;height:54px;flex-basis:54px}.profile-hero__name{font-size:15px}.profile-edit,.profile-showcase,.player-data-settings__panel{padding:11px}.friendhub-card__actions{grid-template-columns:minmax(0,1fr) 68px}}.profile-screen,.friend-screen{--section-bg: #141927;--section-bg-raised: #191f2f;--section-line: rgba(226, 191, 111, .24);--section-line-soft: rgba(255, 255, 255, .09);--section-gold: #d8b56b;--section-text-soft: rgba(238, 240, 247, .62)}.profile-screen .panel,.friend-screen .panel{border:1px solid var(--section-line-soft);border-radius:8px;background:var(--section-bg);box-shadow:none}.profile-screen .btn,.friend-screen .btn{border-radius:6px}.screen-section-title,.profile-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0;padding:0 0 9px 11px;border-bottom:1px solid var(--section-line-soft);border-left:2px solid var(--section-gold)}.screen-section-title h2,.profile-section-head h3{margin:0;color:#f8f4eaf0;font-size:14px;font-weight:700;letter-spacing:.02em}.screen-section-title p,.profile-section-head p{margin:3px 0 0;color:var(--section-text-soft);font-size:9px;line-height:1.4}.profile-section-nav{position:sticky;top:6px;z-index:18;display:flex;overflow-x:auto;margin-bottom:10px;border:1px solid var(--section-line-soft);border-radius:7px;background:#0f131ef5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-section-nav button{min-width:78px;flex:1;padding:11px 14px 9px;border:0;border-right:1px solid var(--section-line-soft);border-bottom:2px solid transparent;background:transparent;color:#eef0f7ad;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.profile-section-nav button:last-child{border-right:0}.profile-section-nav button:hover,.profile-section-nav button:focus-visible{border-bottom-color:var(--section-gold);background:#d8b56b0f;color:#fff}.profile-screen{gap:11px}.profile-hero{position:relative;gap:14px;padding:16px;overflow:hidden;border-radius:8px;background:var(--section-bg-raised);box-shadow:none;scroll-margin-top:66px}.profile-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--section-gold)}.profile-hero__icon{border:1px solid rgba(216,181,107,.46);border-radius:6px;box-shadow:none}.profile-hero__title{border:1px solid rgba(216,181,107,.28);border-radius:3px;background:transparent}.profile-hero__rank{width:fit-content;padding:4px 0;border:0;background:transparent}.profile-hero__comment{padding-left:10px;border-left:1px solid rgba(255,255,255,.14)}.profile-stat-grid{gap:1px;overflow:hidden;border:1px solid var(--section-line-soft);border-radius:8px;background:var(--section-line-soft)}.profile-stat{min-height:80px;border:0;border-radius:0;background:var(--section-bg);box-shadow:none}.profile-stat__value{color:#f7f3e9f2}.profile-layout{gap:11px}.profile-edit,.player-data-settings,.profile-showcase{scroll-margin-top:66px}.profile-edit,.profile-showcase,.player-data-settings__panel{padding:15px}.profile-field{padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.profile-field:first-of-type{border-top:0}.profile-icon-editor__preview,.profile-showcase__empty{border-radius:6px}.player-data-settings__panel{gap:12px}.player-data-settings__rows{border-radius:6px}.player-data-setting{border-radius:0;background:#ffffff04}.player-data-setting:hover{background:#ffffff09}.player-data-setting__switch{border-radius:4px}.player-data-setting__switch span{border-radius:2px}.friend-screen{gap:11px}.friend-nav{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--section-line-soft);border-radius:7px;background:var(--section-bg)}.friend-nav__button{min-height:43px;position:relative;border:0;border-right:1px solid var(--section-line-soft);border-bottom:2px solid transparent;background:transparent;color:var(--section-text-soft);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.friend-nav__button:last-child{border-right:0}.friend-nav__button span{margin-left:6px;color:#d8b56bcc;font-size:9px}.friend-nav__button--active{border-bottom-color:var(--section-gold);background:#d8b56b0d;color:#fff}.friend-self{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--section-line-soft);border-radius:7px;background:var(--section-bg)}.friend-self__body{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.friend-self__body span{color:var(--section-text-soft);font-size:8px}.friend-self__body strong{overflow:hidden;font-size:12px;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.friend-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(216,181,107,.36);border-radius:5px;background:#202638;color:#ead8ad;font-size:15px;font-weight:800}.friend-avatar--large{width:58px;height:58px;flex-basis:58px;font-size:20px}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-avatar small{display:flex;flex-direction:column;align-items:center;font-size:6px;letter-spacing:.08em}.friend-avatar small b{max-width:32px;overflow:hidden;font-size:8px;text-overflow:ellipsis}.friend-screen__error{margin:0}.friend-workspace{display:grid;grid-template-columns:minmax(270px,.9fr) minmax(300px,1.1fr);min-height:420px;overflow:hidden;border:1px solid var(--section-line-soft);border-radius:8px;background:var(--section-bg)}.friend-list-pane{min-width:0;padding:14px;border-right:1px solid var(--section-line-soft)}.friend-detail-pane{min-width:0;padding:17px;background:var(--section-bg-raised)}.friend-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin:12px 0 8px}.friend-search>span{color:var(--section-text-soft);font-size:9px}.friend-search .input{min-height:36px}.friend-list{border-top:1px solid var(--section-line-soft)}.friend-list-row{width:100%;min-height:61px;display:flex;align-items:center;gap:10px;padding:9px 8px;border:0;border-bottom:1px solid var(--section-line-soft);background:transparent;color:inherit;text-align:left;cursor:pointer}.friend-list-row:hover{background:#ffffff06}.friend-list-row--active{background:#d8b56b13;box-shadow:inset 2px 0 0 var(--section-gold)}.friend-list-row__body{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.friend-list-row__body strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.friend-list-row__body small{color:var(--section-text-soft);font-size:8px}.friend-list-row__arrow{color:#d8b56b8c;font-size:17px}.friend-list-loading,.friend-list-empty,.friend-detail-empty{min-height:190px;display:grid;place-content:center;justify-items:center;gap:8px;padding:20px;color:var(--section-text-soft);text-align:center}.friend-list-empty strong,.friend-detail-empty strong{color:#f5f2eae0;font-size:13px}.friend-list-empty p,.friend-detail-empty p{max-width:250px;margin:0;font-size:9px;line-height:1.6}.friend-detail-empty>span{color:#d8b56b8c;font-size:24px}.friend-detail-head{display:flex;align-items:center;gap:13px;padding-bottom:14px;border-bottom:1px solid var(--section-line-soft)}.friend-detail-head h2{margin:0;font-size:18px}.friend-detail-head p{margin:4px 0 0;color:var(--section-text-soft);font-size:9px}.friend-detail-comment{margin:13px 0;padding:10px 12px;border-left:2px solid var(--section-gold);background:#0000001f;color:#f1f1f4c2;font-size:10px;line-height:1.6}.friend-detail-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--section-line-soft);border-left:1px solid var(--section-line-soft)}.friend-detail-data>div{min-width:0;display:flex;flex-direction:column;gap:4px;padding:11px;border-right:1px solid var(--section-line-soft);border-bottom:1px solid var(--section-line-soft)}.friend-detail-data span,.friend-detail-showcase h3{color:var(--section-text-soft);font-size:8px;font-weight:700}.friend-detail-data strong{font-size:13px}.friend-detail-data strong small{color:var(--section-text-soft);font-size:8px}.friend-detail-showcase{margin-top:14px}.friend-detail-showcase h3{margin:0 0 7px}.friend-detail-showcase>div{display:flex;flex-wrap:wrap;gap:5px}.friend-detail-showcase>div span{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--section-line-soft);border-radius:4px;color:var(--section-text-soft);font-size:7px}.friend-detail-showcase b{color:#ead8ad;font-size:9px}.friend-detail-showcase p{margin:0;color:var(--section-text-soft);font-size:9px}.friend-detail-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:17px;padding-top:14px;border-top:1px solid var(--section-line-soft)}.friend-detail-actions>.btn{min-height:40px}.friend-remove-confirm{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:9px;border:1px solid rgba(215,100,100,.23);border-radius:5px;background:#8c222214}.friend-remove-confirm p{margin:0;font-size:9px}.friend-add-screen{max-width:620px;width:100%;margin:0 auto;padding:17px;border:1px solid var(--section-line-soft);border-radius:8px;background:var(--section-bg)}.friend-add-screen__form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;margin-top:17px}.friend-add-screen__form label{display:flex;flex-direction:column;gap:6px}.friend-add-screen__form label>span{color:var(--section-text-soft);font-size:9px}.friend-add-screen__form .btn{min-height:42px}.friend-add-screen__guide{margin-top:18px;padding:12px;border-top:1px solid var(--section-line-soft);color:var(--section-text-soft)}.friend-add-screen__guide strong{color:#f4f1e9db;font-size:10px}.friend-add-screen__guide p{margin:7px 0 0;font-size:9px;line-height:1.55}@media (max-width: 720px){.friend-workspace{grid-template-columns:1fr}.friend-list-pane{border-right:0;border-bottom:1px solid var(--section-line-soft)}.friend-detail-pane{min-height:270px}}@media (max-width: 480px){.profile-section-nav button{min-width:72px;padding-inline:10px}.profile-hero{padding:13px}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-self{padding:9px}.friend-list-pane,.friend-detail-pane,.friend-add-screen{padding:12px}.friend-add-screen__form,.friend-detail-actions{grid-template-columns:1fr}.friend-remove-confirm{grid-template-columns:1fr 1fr}.friend-remove-confirm p{grid-column:1 / -1}}.bk-mode-select,.bk-matching{--bk-match-bg: #0b0f18;--bk-match-panel: #121824;--bk-match-panel-raised: #171e2c;--bk-match-line: rgba(255, 255, 255, .11);--bk-match-muted: rgba(235, 239, 247, .58);--bk-match-gold: #d9ba72}.bk-deck-ready{min-width:54px;padding:5px 8px;border:1px solid rgba(220,101,101,.35);border-radius:4px;color:#e49494;font-size:10px;text-align:center}.bk-deck-ready--ok{border-color:#6fc29759;color:#8ed4ad}.bk-mode-warning{padding:10px 12px;border-left:3px solid #c76f6f;background:#92323217;color:#ffe2e2c2;font-size:10px}.bk-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--bk-match-line);border-radius:6px;background:var(--bk-match-panel)}.bk-mode-tabs button{min-height:54px;padding:9px 5px;border:0;border-right:1px solid var(--bk-match-line);border-bottom:2px solid transparent;background:transparent;color:var(--bk-match-muted);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.bk-mode-tabs button:last-child{border-right:0}.bk-mode-tabs small{display:block;margin-bottom:3px;color:#ffffff4f;font-size:7px;letter-spacing:.17em}.bk-mode-tabs .is-active{border-bottom-color:var(--bk-match-gold);background:#d9ba720e;color:#fff}.bk-mode-tabs .is-active small{color:var(--bk-match-gold)}.bk-mode-panel{display:grid;grid-template-columns:70px minmax(0,1fr);overflow:hidden;border:1px solid var(--bk-match-line);border-radius:7px;background:var(--bk-match-panel)}.bk-mode-panel__index{display:grid;place-items:start center;padding-top:25px;border-right:1px solid var(--bk-match-line);color:#d9ba724d;font-family:ui-monospace,monospace;font-size:27px;font-weight:900}.bk-mode-panel__body{padding:22px}.bk-mode-panel__body>span{color:var(--bk-match-gold);font-size:8px;font-weight:800;letter-spacing:.19em}.bk-mode-panel__body h1{margin:6px 0 8px;font-size:22px}.bk-mode-panel__body>p{max-width:590px;margin:0;color:var(--bk-match-muted);font-size:11px;line-height:1.75}.bk-mode-panel dl{display:grid;grid-template-columns:repeat(3,1fr);margin:19px 0 0;border-top:1px solid var(--bk-match-line);border-left:1px solid var(--bk-match-line)}.bk-mode-panel dl div{padding:10px;border-right:1px solid var(--bk-match-line);border-bottom:1px solid var(--bk-match-line)}.bk-mode-panel dt{color:var(--bk-match-muted);font-size:8px}.bk-mode-panel dd{margin:4px 0 0;font-size:10px;font-weight:800}.bk-mode-start{min-height:43px;margin-top:20px;padding-inline:23px;border-radius:4px!important}.bk-current-rank{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;max-width:500px;margin-top:17px;padding:13px 15px;border-left:3px solid var(--bk-current-tier);background:#ffffff09}.bk-current-rank span{color:var(--bk-match-muted);font-size:8px}.bk-current-rank strong{color:var(--bk-current-tier);font-size:17px}.bk-current-rank b{grid-column:2;grid-row:1 / 3;align-self:center;font-size:18px}.bk-current-rank small{grid-column:1 / -1;color:var(--bk-match-muted);font-size:9px}.bk-private-room{max-width:430px;display:flex;flex-direction:column;gap:6px;margin-top:18px}.bk-private-room>span{color:var(--bk-match-muted);font-size:9px}.bk-private-note{display:block;margin-top:6px;color:var(--bk-match-muted);font-size:8px}.bk-ranking-section{overflow:hidden;border:1px solid var(--bk-match-line);border-radius:7px;background:var(--bk-match-panel)}.bk-ranking-section>header{padding:12px 14px;border-bottom:1px solid var(--bk-match-line)}.bk-ranking-section h2{margin:0;font-size:13px}.bk-ranking-section p{margin:3px 0 0;color:var(--bk-match-muted);font-size:8px}.bk-ranking{max-height:520px;overflow:auto}.bk-ranking>header,.bk-ranking__row{display:grid;grid-template-columns:46px minmax(120px,1fr) minmax(105px,.65fr) 72px;align-items:center}.bk-ranking>header{position:sticky;top:0;z-index:2;min-height:31px;padding:0 12px;background:#101621;color:#ffffff63;font-size:7px}.bk-ranking__row{min-height:51px;padding:7px 12px;border-top:1px solid rgba(255,255,255,.065)}.bk-ranking__row--gm{background:#d9ba720f}.bk-ranking__row>strong{color:var(--bk-match-gold);font-size:14px}.bk-ranking__name{min-width:0;display:flex;flex-direction:column;gap:2px}.bk-ranking__name b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.bk-ranking__name small{color:var(--bk-match-muted);font-size:8px}.bk-ranking__tier{color:var(--bk-ranking-tier);font-size:9px;font-weight:800}.bk-ranking__rp{text-align:right;font-size:11px}.bk-ranking-empty{padding:28px;color:var(--bk-match-muted);font-size:10px;text-align:center}.bk-matching{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px;padding:28px 16px;background:var(--bk-match-bg);text-align:center}.bk-matching>h1{margin:0;font-size:20px}.bk-matching>p{max-width:420px;margin:0;color:var(--bk-match-muted);font-size:10px;line-height:1.7}.bk-match-search{width:68px;height:68px;position:relative;border:1px solid rgba(217,186,114,.26);border-radius:50%}.bk-match-search:before,.bk-match-search:after,.bk-match-search span{content:"";position:absolute;border:1px solid rgba(217,186,114,.43);border-radius:50%;animation:bk-match-spin 1.7s linear infinite}.bk-match-search:before{top:8px;right:8px;bottom:8px;left:8px}.bk-match-search:after{top:18px;right:18px;bottom:18px;left:18px;animation-direction:reverse}.bk-match-search span{top:29px;right:29px;bottom:29px;left:29px;background:var(--bk-match-gold)}.bk-match-search--error{border-color:#d663638c}@keyframes bk-match-spin{to{transform:rotate(360deg)}}.bk-match-found{color:var(--bk-match-gold);font-size:9px;font-weight:900;letter-spacing:.34em}.bk-opponent{width:min(620px,calc(100vw - 28px));display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border:1px solid var(--bk-match-line);border-left:3px solid var(--bk-match-gold);border-radius:6px;background:var(--bk-match-panel);text-align:left}.bk-match-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(217,186,114,.36);border-radius:5px;background:var(--bk-match-panel-raised);color:var(--bk-match-gold);font-weight:900}.bk-match-avatar--large{width:86px;height:86px;font-size:28px}.bk-match-avatar img{width:100%;height:100%;object-fit:cover}.bk-opponent__identity>span{color:var(--bk-match-muted);font-size:8px}.bk-opponent__identity h1{margin:4px 0;font-size:23px}.bk-opponent__identity p{margin:0;color:var(--bk-match-gold);font-size:10px}.bk-opponent__rank{min-width:138px;padding-left:14px;border-left:1px solid var(--bk-match-line);text-align:right}.bk-opponent__rank span{display:block;color:var(--bk-opponent-tier);font-size:11px;font-weight:900}.bk-opponent__rank strong{display:block;margin-top:4px;font-size:17px}.bk-opponent__rank small{display:block;margin-top:3px;color:var(--bk-match-muted);font-size:8px}.bk-opponent__stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--bk-match-line);border-left:1px solid var(--bk-match-line)}.bk-opponent__stats div{padding:10px;border-right:1px solid var(--bk-match-line);border-bottom:1px solid var(--bk-match-line)}.bk-opponent__stats span{display:block;color:var(--bk-match-muted);font-size:8px}.bk-opponent__stats strong{display:block;margin-top:4px;font-size:11px}.bk-opponent blockquote{grid-column:1 / -1;margin:0;padding:9px 11px;border-left:2px solid rgba(217,186,114,.46);background:#ffffff06;color:var(--bk-match-muted);font-size:10px}.bk-match-launch{display:flex;align-items:center;gap:12px}.bk-match-launch .btn{min-width:160px;min-height:42px;border-radius:4px}.bk-match-launch span{color:var(--bk-match-muted);font-size:9px}.friend-detail-actions{display:flex;justify-content:flex-end}.friend-detail-actions>.btn{min-width:130px}@media (max-width: 600px){.bk-mode-tabs button{min-height:50px;font-size:10px}.bk-mode-panel{grid-template-columns:43px minmax(0,1fr)}.bk-mode-panel__index{padding-top:20px;font-size:18px}.bk-mode-panel__body{padding:17px 14px}.bk-mode-panel__body h1{font-size:19px}.bk-mode-panel dl{grid-template-columns:1fr}.bk-ranking>header,.bk-ranking__row{grid-template-columns:34px minmax(100px,1fr) 74px 54px}.bk-ranking__row{padding-inline:8px}.bk-ranking__tier{font-size:7px}.bk-opponent{grid-template-columns:69px minmax(0,1fr);padding:15px}.bk-match-avatar--large{width:66px;height:66px}.bk-opponent__identity h1{font-size:18px}.bk-opponent__rank{grid-column:1 / -1;padding:10px 0 0;border-top:1px solid var(--bk-match-line);border-left:0;text-align:left}.bk-match-launch{flex-direction:column}}.bk-mode-select,.bk-matching{--bk-match-bg: transparent;--bk-match-panel: rgba(28, 50, 82, .76);--bk-match-panel-raised: rgba(36, 61, 96, .9);--bk-match-line: rgba(190, 218, 247, .18);--bk-match-muted: rgba(225, 236, 249, .68)}.bk-mode-tabs,.bk-mode-panel,.bk-ranking-section,.bk-opponent{background:linear-gradient(180deg,#264268d1,#192f4ec7);box-shadow:inset 0 1px #ffffff09,0 8px 24px #0a19301f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bk-mode-tabs .is-active{background:#74a9dc1c}.bk-mode-panel dl div,.bk-current-rank,.bk-opponent blockquote{background:#6c99c90e}.bk-ranking>header{background:#253f63f7}.bk-ranking__row--gm{background:linear-gradient(90deg,#d9ba7221,#4c75a214)}.bk-matching{background:radial-gradient(circle at 50% 28%,rgba(89,147,207,.2),transparent 43%),linear-gradient(180deg,#1f3d631f,#132b4b14)}.bk-match-search{background:#3c66941f}.bk-match-avatar{background:#2d4b70e6}.friend-screen,#profile-visibility{--bk-community-panel: rgba(35, 58, 94, .82);--bk-community-panel-deep: rgba(25, 44, 76, .94);--bk-community-row: rgba(111, 158, 211, .08);--bk-community-hover: rgba(112, 162, 220, .16);--bk-community-line: rgba(190, 216, 247, .17);--bk-community-muted: rgba(220, 232, 247, .64);--bk-community-gold: #e3c574}.friend-screen .friend-self,.friend-screen .friend-add-screen,.friend-screen .friend-list-pane,.friend-screen .friend-detail-pane,#profile-visibility .player-data-settings__panel{border:1px solid var(--bk-community-line)!important;border-radius:7px!important;background:linear-gradient(180deg,#2b466cd6,#1d3354d6)!important;box-shadow:inset 0 1px #ffffff09,0 12px 28px #0a19331f}.friend-workspace{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);align-items:start;gap:12px}.friend-list-pane{min-width:0;overflow:hidden}.friend-list{max-height:min(58dvh,560px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-top:1px solid var(--bk-community-line)}.friend-list-row{width:100%;min-height:62px;display:grid;grid-template-columns:43px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 11px;border:0;border-bottom:1px solid rgba(190,216,247,.1);border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.friend-list-row:last-child{border-bottom:0}.friend-list-row:hover,.friend-list-row:focus-visible{background:var(--bk-community-hover)}.friend-list-row--active{background:linear-gradient(90deg,#e3c57421,#6a9ad212);box-shadow:inset 3px 0 0 var(--bk-community-gold)}.friend-list-row .friend-avatar{width:42px;height:42px;overflow:hidden;border:1px solid rgba(227,197,116,.35);border-radius:5px;background:#47668f73}.friend-list-row__body{min-width:0;display:flex;flex-direction:column;gap:3px}.friend-list-row__body strong,.friend-list-row__body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-list-row__body strong{font-size:12px}.friend-list-row__body small{color:var(--bk-community-muted);font-size:8px}.friend-list-row__arrow{color:var(--bk-community-gold);font-size:17px}.friend-search .input{border-color:var(--bk-community-line);background:#0f1e3759}.friend-detail-pane{position:sticky;top:12px;min-width:0;max-height:calc(100dvh - 138px);overflow-y:auto;overscroll-behavior:contain;padding:17px}.friend-detail-close{display:none}.friend-detail-head{padding-bottom:15px;border-bottom:1px solid var(--bk-community-line)}.friend-detail-comment{border-left-color:var(--bk-community-gold)!important;background:#557eb212!important}.friend-detail-data{border-color:var(--bk-community-line)!important;background:#4e719e0b!important}.friend-detail-data>div{border-color:var(--bk-community-line)!important}.friend-detail-showcase{border-color:var(--bk-community-line)!important}.friend-detail-showcase span{border-color:var(--bk-community-line)!important;background:#557eb214!important}.friend-detail-actions{position:sticky;bottom:-17px;z-index:3;margin:18px -17px -17px;padding:12px 17px;border-top:1px solid var(--bk-community-line);background:#1a2e4ef7}.friend-detail-actions .btn{min-height:40px;border-radius:5px}#profile-visibility.player-data-settings{display:grid;gap:12px}#profile-visibility .profile-section-head{padding-bottom:10px;border-bottom:1px solid var(--bk-community-line)}#profile-visibility .profile-section-head h3{margin-bottom:4px}#profile-visibility .profile-section-head p,#profile-visibility .player-data-settings__head small,#profile-visibility .player-data-settings__notice{color:var(--bk-community-muted)}#profile-visibility .player-data-settings__panel{overflow:hidden;margin:0;padding:0!important}#profile-visibility .player-data-settings__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid var(--bk-community-line);background:#6997cd0e}#profile-visibility .player-data-settings__head span{color:var(--bk-community-gold);font-size:8px;font-weight:800;letter-spacing:.12em}#profile-visibility .player-data-settings__head h4{margin:3px 0 0;font-size:13px}#profile-visibility .player-data-settings__notice{margin:0;padding:11px 14px;border-bottom:1px solid var(--bk-community-line);background:#557eb20e;font-size:9px;line-height:1.65}#profile-visibility label:has(input[type=checkbox]){min-height:51px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;margin:0;padding:9px 14px;border-bottom:1px solid rgba(190,216,247,.1);background:transparent;cursor:pointer}#profile-visibility label:has(input[type=checkbox]):last-child{border-bottom:0}#profile-visibility label:has(input[type=checkbox]):hover{background:var(--bk-community-hover)}#profile-visibility input[type=checkbox]{width:42px;height:23px;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;margin:0;border:1px solid rgba(190,216,247,.28);border-radius:999px;background:#08152b80;cursor:pointer;transition:background .16s ease,border-color .16s ease}#profile-visibility input[type=checkbox]:after{content:"";width:17px;height:17px;position:absolute;top:2px;left:3px;border-radius:50%;background:#dee9f8bd;transition:transform .16s ease,background .16s ease}#profile-visibility input[type=checkbox]:checked{border-color:#e3c574b3;background:#a47d2a94}#profile-visibility input[type=checkbox]:checked:after{transform:translate(18px);background:#ffe19a}#profile-visibility .btn{border-radius:5px}@media (max-width: 760px){.friend-workspace{display:block}.friend-list{max-height:calc(100dvh - 320px);min-height:125px}.friend-detail-pane{display:none}.friend-detail-pane--open{width:100vw;max-width:none;max-height:none;display:block;position:fixed;z-index:160;top:0;right:0;bottom:0;left:0;overflow-y:auto;margin:0;padding:max(14px,env(safe-area-inset-top)) 15px max(24px,env(safe-area-inset-bottom));border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(94,148,211,.21),transparent 34%),linear-gradient(180deg,#213b63,#172c4c)!important}.friend-detail-close{width:36px;height:36px;display:grid;place-items:center;position:sticky;top:max(7px,env(safe-area-inset-top));z-index:5;margin:0 0 7px auto;border:1px solid var(--bk-community-line);border-radius:5px;background:#38577ef7;color:#f2f6ff;font-size:23px;line-height:1;cursor:pointer}.friend-detail-actions{bottom:calc(-1*max(24px,env(safe-area-inset-bottom)));margin:18px -15px calc(-1*max(24px,env(safe-area-inset-bottom)));padding:12px 15px max(18px,env(safe-area-inset-bottom))}#profile-visibility .player-data-settings__head{align-items:flex-start}#profile-visibility label:has(input[type=checkbox]){padding-inline:12px}}.termscreen--updated{--terms-panel: rgba(34, 57, 92, .86);--terms-panel-deep: rgba(24, 43, 73, .94);--terms-line: rgba(191, 216, 246, .17);--terms-muted: rgba(221, 232, 247, .66);--terms-gold: #e2c475}.terms-update{margin-bottom:12px;overflow:hidden;border:1px solid var(--terms-line);border-left:3px solid var(--terms-gold);border-radius:7px;background:linear-gradient(180deg,#335077d1,#223a5ed1)}.terms-update__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:13px 14px 10px}.terms-update__head>span{grid-column:1 / -1;color:var(--terms-gold);font-size:8px;font-weight:900;letter-spacing:.18em}.terms-update__head strong{font-size:13px}.terms-update__head small{color:var(--terms-muted);font-size:8px}.terms-update ul{margin:0;padding:10px 16px 12px 31px;border-top:1px solid var(--terms-line);background:#6591c60e}.terms-update li{margin:5px 0;color:var(--terms-muted);font-size:9px;line-height:1.6}.terms--updated{height:min(58dvh,620px);padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--terms-line);border-radius:7px;background:linear-gradient(180deg,#274268d6,#1b3152db)}.terms--updated section{margin:0;padding:16px;border-bottom:1px solid var(--terms-line)}.terms--updated section:last-of-type{border-bottom:0}.terms--updated h3{margin:0 0 10px;color:#f4f7ff;font-size:12px}.terms--updated p{margin:7px 0 0;color:var(--terms-muted);font-size:10px;line-height:1.85;white-space:normal}.terms--updated p:first-of-type{margin-top:0}.terms-effective{display:flex;flex-direction:column;gap:5px;padding:17px;border-top:1px solid var(--terms-line);color:var(--terms-muted);font-size:8px}.terms-effective strong{margin-top:8px;color:var(--terms-gold);text-align:right}.terms-consent{position:sticky;bottom:0;z-index:4;margin-top:11px;padding:11px;border:1px solid var(--terms-line);border-radius:7px;background:#192c4bf7;box-shadow:0 -10px 28px #0a183029}.terms-consent .terms__agree{margin:0 0 10px;border-color:var(--terms-line);background:#618bbe12}.terms-consent .terms__row{margin:0}.terms-consent .btn{min-height:41px;border-radius:5px}@media (max-width: 600px){.terms--updated{height:53dvh}.terms--updated section{padding:14px 13px}.terms-update__head{grid-template-columns:1fr}.terms-consent .terms__row{display:grid;grid-template-columns:1fr 1.25fr}}.friend-detail-pane{opacity:1!important;isolation:isolate;background-color:#20385d!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;mix-blend-mode:normal!important}.friend-detail-pane--open{opacity:1!important;background-color:#172c4c!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.friend-detail-head,.friend-detail-comment,.friend-detail-data,.friend-detail-showcase{position:relative;z-index:1}.friend-detail-actions{background-color:#162a48!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media (max-width: 760px){.friend-detail-pane--open{width:100vw!important;height:100dvh!important;min-height:100dvh!important;position:fixed!important;z-index:1000!important;top:0!important;right:0!important;bottom:0!important;left:0!important;opacity:1!important;background:#172c4c!important}.friend-detail-close{background:#304f78!important;opacity:1!important}}.more-hub,.info-screen{--info-panel-top: #29466f;--info-panel-bottom: #1d3559;--info-panel-deep: #182e50;--info-row-hover: #31537f;--info-line: rgba(195, 218, 246, .18);--info-muted: #aebed5;--info-gold: #e3c575}.more-groups{display:grid;gap:14px}.more-group,.info-intro,.guide-entry,.notice-entry,.patch-entry,.account-summary,.account-card{border:1px solid var(--info-line);border-radius:7px;background:linear-gradient(180deg,var(--info-panel-top),var(--info-panel-bottom));box-shadow:inset 0 1px #ffffff09,0 12px 28px #0c1d3921}.more-group{overflow:hidden}.more-group__head{display:flex;align-items:baseline;gap:9px;padding:12px 14px;border-bottom:1px solid var(--info-line);background:#253f66}.more-group__head span,.info-intro>span,.account-summary span,.account-card>header span{color:var(--info-gold);font-size:8px;font-weight:900;letter-spacing:.16em}.more-group__head h2{margin:0;font-size:13px}.more-group__rows{display:grid}.more-link{width:100%;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:10px 14px;border:0;border-bottom:1px solid var(--info-line);border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.more-link:last-child{border-bottom:0}.more-link:hover,.more-link:focus-visible{background:var(--info-row-hover)}.more-link__body{min-width:0;display:flex;flex-direction:column;gap:4px}.more-link__body strong{font-size:12px}.more-link__body small{overflow:hidden;color:var(--info-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.more-link__badge{padding:3px 6px;border:1px solid rgba(227,197,117,.35);border-radius:4px;background:#e3c5751a;color:var(--info-gold);font-size:7px;font-weight:900}.more-link__arrow{color:var(--info-gold);font-size:18px}.info-intro{padding:17px;margin-bottom:12px}.info-intro h2{margin:7px 0 6px;font-size:17px}.info-intro p{max-width:650px;margin:0 0 14px;color:var(--info-muted);font-size:10px;line-height:1.75}.info-intro .btn{min-height:40px;border-radius:5px}.guide-list,.notice-list,.patch-list{display:grid;gap:9px}.guide-entry{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px}.guide-entry__number{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(227,197,117,.32);border-radius:5px;background:#e3c57514;color:var(--info-gold);font-size:9px;font-weight:900}.guide-entry h3,.notice-entry h3{margin:0 0 6px;font-size:12px}.guide-entry p,.notice-entry p,.account-action p,.account-confirm p{margin:0;color:var(--info-muted);font-size:9px;line-height:1.7}.info-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:4px;border:1px solid var(--info-line);border-radius:7px;background:var(--info-panel-deep)}.info-tabs button{min-height:38px;border:0;border-radius:4px;background:transparent;color:var(--info-muted);font-size:10px;font-weight:800;cursor:pointer}.info-tabs button.is-active{background:#355985;color:#f4f7ff}.notice-entry,.patch-entry{padding:14px}.notice-entry header,.patch-entry header{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px}.notice-entry time,.patch-entry time{color:var(--info-muted);font-size:8px}.notice-entry header span{padding:3px 6px;border:1px solid rgba(227,197,117,.3);border-radius:4px;color:var(--info-gold);font-size:7px;font-weight:900}.patch-entry header strong{color:var(--info-gold);font-size:13px}.patch-entry ul{margin:0;padding-left:18px}.patch-entry li{margin:6px 0;color:var(--info-muted);font-size:9px;line-height:1.55}.info-version{margin:4px 2px 0;color:var(--info-muted);font-size:8px;text-align:right}.account-summary{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:13px;padding:15px;margin-bottom:12px}.account-summary__mark{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(227,197,117,.42);border-radius:6px;background:#355985;color:var(--info-gold);font-size:20px;font-weight:900}.account-summary h2{margin:4px 0;font-size:16px}.account-summary p{margin:0;color:var(--info-muted);font-size:9px}.account-card{overflow:hidden;margin-bottom:11px}.account-card>header{padding:13px 14px;border-bottom:1px solid var(--info-line);background:#253f66}.account-card>header h3{margin:4px 0 0;font-size:12px}.account-data{margin:0}.account-data>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:13px;padding:12px 14px;border-bottom:1px solid var(--info-line)}.account-data>div:last-child{border-bottom:0}.account-data dt{color:var(--info-muted);font-size:9px}.account-data dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:10px;font-weight:700}.account-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px}.account-action strong,.account-confirm strong{display:block;margin-bottom:5px;font-size:11px}.account-action .btn,.account-confirm .btn{min-height:38px;border-radius:5px}.account-card--danger{border-color:#db737340}.account-card--danger>header{background:#493b54}.account-confirm{padding:14px}.account-confirm>div{display:flex;gap:8px;margin-top:12px}@media (max-width: 600px){.more-link{min-height:61px;padding-inline:12px}.guide-entry{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px}.guide-entry__number{width:30px;height:30px}.account-data>div{grid-template-columns:1fr;gap:5px}.account-action{grid-template-columns:1fr}.account-action .btn{width:100%}.account-confirm>div{display:grid;grid-template-columns:1fr 1fr}}:root{color-scheme:dark;--ui-bg: #0d1118;--ui-bg-soft: #111720;--ui-surface: #171d26;--ui-surface-raised: #202733;--ui-surface-active: #2a3442;--ui-surface-input: #111720;--ui-line: #394555;--ui-line-soft: rgba(176, 190, 209, .15);--ui-text: #f1f3f5;--ui-muted: #a9b2bf;--ui-faint: #778291;--ui-gold: #d6b56d;--ui-gold-light: #ebce88;--ui-danger: #d56a6a;--ui-success: #72b690;--ui-radius: 6px;--ui-radius-small: 4px;--ui-shadow: 0 12px 30px rgba(0, 0, 0, .28);--ui-shadow-strong: 0 20px 50px rgba(0, 0, 0, .48);--ui-nav-height: 66px;--ui-z-nav: 80;--ui-z-overlay: 200;--ui-z-dialog: 210;--ui-z-detail: 220;--ui-z-toast: 300}html,body,#root{min-height:100%;background:var(--ui-bg)}body{margin:0;color:var(--ui-text);background:radial-gradient(circle at 50% -15%,rgba(49,79,116,.24),transparent 42%),linear-gradient(180deg,#101722 0,var(--ui-bg) 42%,#0b0f15 100%)}body,button,input,textarea,select{font-family:Inter,Noto Sans JP,Hiragino Sans,Yu Gothic UI,sans-serif}button,input,textarea,select{font:inherit}::selection{color:#17120a;background:var(--ui-gold-light)}.backdrop{opacity:.2!important;filter:saturate(.62) contrast(1.05) brightness(.72)}.screen{color:var(--ui-text)}.screen:not(.brief){width:min(100%,1120px);margin-inline:auto;padding-inline:clamp(13px,3vw,24px)}.withnav{padding-bottom:calc(var(--ui-nav-height) + 24px + env(safe-area-inset-bottom))}.shead{min-height:54px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 15px;padding:4px 0 12px;border-bottom:1px solid var(--ui-line-soft)}.shead__title{color:var(--ui-text)!important;font-size:clamp(16px,3vw,21px)!important;font-weight:800;letter-spacing:.015em}.shead__sub{margin-top:3px;color:var(--ui-muted)!important;font-size:9px;line-height:1.45}.shead button{min-width:38px;min-height:38px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-small);background:var(--ui-surface);color:var(--ui-text)}.screen .panel,.friend-self,.friend-add-screen,.friend-list-pane,.friend-detail-pane,.player-data-settings__panel,.more-group,.info-intro,.guide-entry,.notice-entry,.patch-entry,.account-summary,.account-card,.terms-update,.terms--updated,.bk-mode-tabs,.bk-mode-panel,.bk-ranking-section,.bk-opponent{border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface)!important;background-image:none!important;box-shadow:var(--ui-shadow);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.screen .panel{padding:15px}.screen .panel+.panel{margin-top:10px}.muted{color:var(--ui-muted)!important;line-height:1.65}.faint{color:var(--ui-faint)!important}.row__sub,.more-link__body small,.friend-list-row__body small{color:var(--ui-muted)!important}.screen p{text-wrap:pretty}.info-intro p,.guide-entry p,.notice-entry p,.account-action p,.friend-add-screen__guide p,.bk-mode-panel__body p{max-width:68ch}.row__sub,.more-link__body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-small);background:var(--ui-surface-raised);color:var(--ui-text);font-weight:750;letter-spacing:.015em;box-shadow:none;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .08s ease}.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled){border-color:#57677b;background:var(--ui-surface-active)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary,.titlescreen__start,.auth__go{border-color:#b79550!important;background:var(--ui-gold)!important;color:#18130a!important;font-weight:850}.btn--primary:hover:not(:disabled),.titlescreen__start:hover:not(:disabled),.auth__go:hover:not(:disabled){background:var(--ui-gold-light)!important}.btn--ghost{border-color:var(--ui-line)!important;background:transparent!important;color:var(--ui-text)!important}.btn--danger{border-color:#d56a6aad!important;background:#d56a6a21!important;color:#f2b0b0!important}.input,input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius-small)!important;background:var(--ui-surface-input)!important;color:var(--ui-text)!important;box-shadow:inset 0 1px 3px #00000038}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--ui-faint)}.input:focus,input:focus,textarea:focus,select:focus{border-color:#7d8da2!important;outline:2px solid rgba(214,181,109,.14);outline-offset:1px}.auth__err{border:1px solid rgba(213,106,106,.34);border-radius:var(--ui-radius-small);background:#d56a6a17;color:#efaaaa}.rows{display:grid;gap:8px}.screen .row,.more-link,.friend-list-row{border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius-small)!important;background:var(--ui-surface)!important;color:var(--ui-text);box-shadow:none!important}.screen .row:hover,.screen .row:focus-visible,.more-link:hover,.more-link:focus-visible,.friend-list-row:hover,.friend-list-row:focus-visible{border-color:#536175!important;background:var(--ui-surface-raised)!important}.row__go,.more-link__arrow,.friend-list-row__arrow{color:var(--ui-gold)!important}.friend-list-row--active,.more-link.is-active,.row.on{border-color:#d6b56d94!important;background:var(--ui-surface-active)!important;box-shadow:inset 3px 0 0 var(--ui-gold)!important}.subtabs,.seg,.deck-tabs,.info-tabs,.friend-nav,.bk-mode-tabs{padding:4px;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;background:var(--ui-bg-soft)!important;box-shadow:none!important}.subtabs button,.seg button,.deck-tabs button,.info-tabs button,.friend-nav button,.bk-mode-tabs button{min-height:37px;border:1px solid transparent!important;border-radius:var(--ui-radius-small)!important;background:transparent!important;color:var(--ui-muted)!important}.subtabs button.on,.seg button.on,.deck-tabs button.on,.info-tabs button.is-active,.friend-nav button.is-active,.bk-mode-tabs button.is-active{border-color:var(--ui-line)!important;background:var(--ui-surface-active)!important;color:var(--ui-text)!important;box-shadow:inset 0 -2px 0 var(--ui-gold)}.homescreen{gap:12px!important}.hero,.hero-btn,.quick,.userbar{border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface)!important;background-image:none!important;box-shadow:var(--ui-shadow)}.hero:hover,.hero-btn:hover,.quick:hover{border-color:#536175!important;background:var(--ui-surface-raised)!important}.hero__arrow{color:var(--ui-gold)!important}.quick__sub,.hero-btn__sub{color:var(--ui-muted)!important}.more-hub,.info-screen{--info-panel-top: var(--ui-surface);--info-panel-bottom: var(--ui-surface);--info-panel-deep: var(--ui-bg-soft);--info-row-hover: var(--ui-surface-raised);--info-line: var(--ui-line);--info-muted: var(--ui-muted);--info-gold: var(--ui-gold)}.more-group__head,.account-card>header{border-bottom:1px solid var(--ui-line)!important;background:var(--ui-surface-raised)!important}.more-group__head>span,.info-intro>span,.account-summary span,.account-card>header span{color:var(--ui-gold)!important}.more-link{min-height:60px;border-width:0 0 1px!important;border-radius:0!important}.more-link:last-child{border-bottom:0!important}.more-link__badge{border-color:#d6b56d66!important;background:#d6b56d1a!important;color:var(--ui-gold-light)!important}.guide-entry__number,.account-summary__mark{border-color:#d6b56d7a!important;background:var(--ui-surface-active)!important;color:var(--ui-gold-light)!important}.notice-entry header span{border-color:#d6b56d6b!important;background:#d6b56d17!important;color:var(--ui-gold-light)!important}.account-card--danger,.account-card--danger>header{border-color:#d56a6a61!important}.account-card--danger>header{background:#2d2429!important}.profile-screen,#profile-visibility{--bk-community-panel: var(--ui-surface);--bk-community-panel-deep: var(--ui-surface);--bk-community-row: var(--ui-surface-raised);--bk-community-hover: var(--ui-surface-active);--bk-community-line: var(--ui-line);--bk-community-muted: var(--ui-muted);--bk-community-gold: var(--ui-gold)}.profile-hero,.profile-edit,.profile-showcase,.profile-gifts{background:var(--ui-surface)!important;background-image:none!important}.player-data-settings__head,.profile-section-head{border-color:var(--ui-line)!important;background:var(--ui-surface-raised)!important}.player-data-settings__notice{border-color:var(--ui-line)!important;background:var(--ui-bg-soft)!important}#profile-visibility label:has(input[type=checkbox]):hover{background:var(--ui-surface-raised)!important}.friend-screen{--bk-community-panel: var(--ui-surface);--bk-community-panel-deep: var(--ui-surface);--bk-community-row: var(--ui-surface-raised);--bk-community-hover: var(--ui-surface-active);--bk-community-line: var(--ui-line);--bk-community-muted: var(--ui-muted);--bk-community-gold: var(--ui-gold)}.friend-list-pane,.friend-detail-pane,.friend-self,.friend-add-screen{opacity:1!important;background:var(--ui-surface)!important}.friend-search .input{background:var(--ui-surface-input)!important}.friend-list-row{border-width:0 0 1px!important;border-radius:0!important}.friend-detail-head,.friend-detail-data,.friend-detail-showcase{border-color:var(--ui-line)!important}.friend-detail-comment,.friend-detail-data,.friend-detail-showcase span{background:var(--ui-bg-soft)!important}.friend-detail-actions{border-color:var(--ui-line)!important;background:var(--ui-surface-raised)!important}.bk-mode-select,.bk-matching{--bk-match-bg: transparent;--bk-match-panel: var(--ui-surface);--bk-match-panel-raised: var(--ui-surface-raised);--bk-match-line: var(--ui-line);--bk-match-muted: var(--ui-muted)}.bk-mode-panel,.bk-ranking-section,.bk-opponent{background:var(--ui-surface)!important}.bk-mode-panel dl div,.bk-current-rank,.bk-opponent blockquote,.bk-match-search{border-color:var(--ui-line)!important;background:var(--ui-bg-soft)!important}.bk-ranking>header{background:var(--ui-surface-raised)!important}.bk-ranking__row{border-color:var(--ui-line-soft)!important}.bk-ranking__row--gm{background:#d6b56d13!important}.bk-match-avatar{background:var(--ui-surface-active)!important}.termscreen--updated{--terms-panel: var(--ui-surface);--terms-panel-deep: var(--ui-surface);--terms-line: var(--ui-line);--terms-muted: var(--ui-muted);--terms-gold: var(--ui-gold)}.terms-update,.terms--updated{background:var(--ui-surface)!important}.terms-update__head,.terms-update ul,.terms--updated section,.terms-effective{border-color:var(--ui-line)!important}.terms-update ul{background:var(--ui-bg-soft)!important}.terms-consent{border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface-raised)!important;box-shadow:0 -12px 28px #00000047}.post__body,.deckview{background:var(--ui-surface)!important;color:var(--ui-text)}.sheet__head{border-color:var(--ui-line)!important;background:var(--ui-surface-raised)!important}.sheet__scroll{background:var(--ui-surface)!important}.overlay,.bk-sheet-backdrop{background:#04070bd1!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.overlay{z-index:var(--ui-z-overlay)}.sheet__body,.dialog,.judgment__panel,.overlay__result,.bk-sheet{border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface)!important;background-image:none!important;box-shadow:var(--ui-shadow-strong);opacity:1!important}.dialog__title,.bk-sheet__head{color:var(--ui-text)!important}.sheet__close,.friend-detail-close{border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius-small)!important;background:var(--ui-surface-active)!important;color:var(--ui-text)!important}.bottomnav,.app-nav,.tabbar,nav.nav{border-top:1px solid var(--ui-line)!important;background:#111720!important;box-shadow:0 -10px 28px #00000052;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:var(--ui-z-nav)!important}.bottomnav button,.app-nav button,.tabbar button,nav.nav button{color:var(--ui-muted)!important}.bottomnav button.on,.app-nav button.on,.tabbar button.on,nav.nav button.on,.bottomnav button[aria-current=page],.app-nav button[aria-current=page],.tabbar button[aria-current=page],nav.nav button[aria-current=page]{color:var(--ui-gold-light)!important}*{scrollbar-width:thin;scrollbar-color:#465366 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#465366;background-clip:padding-box}@media (max-width: 760px){.screen:not(.brief){padding-inline:12px}.shead{margin-bottom:12px}.screen .panel{padding:13px}.friend-detail-pane--open{width:100vw!important;height:100dvh!important;min-height:100dvh!important;position:fixed!important;z-index:var(--ui-z-detail)!important;top:0!important;right:0!important;bottom:0!important;left:0!important;padding:max(13px,env(safe-area-inset-top)) 13px max(22px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:var(--ui-surface)!important}.sheet__body,.dialog,.judgment__panel,.overlay__result,.bk-sheet{max-width:calc(100vw - 20px)}.row__sub,.more-link__body small{max-width:76vw}}@media (prefers-reduced-motion: reduce){.btn,.row,.more-link,.friend-list-row{transition:none!important}}.shead{width:100%;min-height:58px;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 16px!important;padding:5px 0 12px!important;border-bottom:1px solid var(--ui-line-soft)!important;background:transparent!important}.shead>:first-child:not(.shead__body){justify-self:start}.shead__body{min-width:0}.shead__title{margin:0!important;overflow:hidden;color:var(--ui-text)!important;font-size:clamp(17px,3.2vw,21px)!important;font-weight:850!important;letter-spacing:.015em!important;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.shead__sub{max-width:64ch;margin-top:4px!important;overflow:hidden;color:var(--ui-muted)!important;font-size:9px!important;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.shead__sub:empty{display:none}.shead>button,.shead .back{width:40px;min-width:40px!important;height:40px;min-height:40px!important;display:grid;place-items:center;padding:0!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius-small)!important;background:var(--ui-surface)!important;color:var(--ui-text)!important}.shead>:last-child:not(.shead__body){justify-self:end}.home-dashboard{gap:13px!important;padding-top:14px!important}.home-dashboard .userbar{width:100%;min-height:72px;margin:0;padding:12px 14px;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface)!important;background-image:none!important;box-shadow:var(--ui-shadow)}.home-dashboard .userbar:hover,.home-dashboard .userbar:focus-visible{border-color:#59687b!important;background:var(--ui-surface-raised)!important}.home-dashboard .userbar__rank,.home-dashboard .userbar__go{color:var(--ui-gold)!important}.home-dashboard .userbar__stats{color:var(--ui-muted)!important}.home-dashboard__layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(285px,.68fr);align-items:start;gap:14px}.home-dashboard__main,.home-dashboard__side{min-width:0;display:grid;gap:14px}.home-play,.home-summary,.home-showcase{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow)}.home-play{position:relative;overflow:hidden;min-height:255px;padding:clamp(18px,4vw,27px)}.home-play:after{content:"";width:210px;height:210px;position:absolute;top:-112px;right:-85px;border:28px solid rgba(214,181,109,.045);border-radius:50%;pointer-events:none}.home-play__eyebrow{position:relative;z-index:1;color:var(--ui-gold);font-size:8px;font-weight:900;letter-spacing:.2em}.home-play__heading{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-top:9px}.home-play__heading h1{margin:0;color:var(--ui-text);font-size:clamp(30px,6vw,46px);line-height:1;letter-spacing:.08em}.home-play__heading p{margin:9px 0 0;color:var(--ui-muted);font-size:10px}.home-play__status{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(213,106,106,.4);border-radius:var(--ui-radius-small);background:#d56a6a14;color:#efa0a0;font-size:7px;font-weight:900;letter-spacing:.12em}.home-play__status--ready{border-color:#72b6906b;background:#72b69014;color:#9fd2b5}.home-play__deck{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .65fr 1fr;gap:0;margin:23px 0 0;overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--ui-radius-small);background:var(--ui-bg-soft)}.home-play__deck>div{min-width:0;padding:11px 12px;border-right:1px solid var(--ui-line-soft)}.home-play__deck>div:last-child{border-right:0}.home-play__deck dt{margin-bottom:5px;color:var(--ui-faint);font-size:8px}.home-play__deck dd{min-width:0;margin:0;overflow:hidden;color:var(--ui-text);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.home-play__actions{position:relative;z-index:1;display:flex;gap:9px;margin-top:18px}.home-play__actions .btn{min-width:150px}.home-section{display:grid;gap:9px}.home-section__head{padding-inline:2px}.home-section__head h2{margin:0;color:var(--ui-text);font-size:13px}.home-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-action{min-width:0;min-height:104px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:1fr auto;align-items:center;gap:7px 10px;padding:13px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-text);text-align:left;cursor:pointer}.home-action:hover,.home-action:focus-visible{border-color:#59687b;background:var(--ui-surface-raised)}.home-action__mark{width:36px;height:36px;display:grid;grid-row:1 / 3;place-items:center;border:1px solid var(--ui-line);border-radius:var(--ui-radius-small);background:var(--ui-surface-active);color:var(--ui-gold);font-size:15px;font-weight:900}.home-action__body{min-width:0;display:flex;flex-direction:column;gap:4px}.home-action__body strong{font-size:11px}.home-action__body small{overflow:hidden;color:var(--ui-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.home-action__badge{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--ui-danger);color:#fff;font-size:8px;font-weight:900}.home-action__arrow{align-self:end;color:var(--ui-gold);font-size:17px}.home-summary{width:100%;padding:0;overflow:hidden;text-align:left;cursor:pointer}.home-summary:hover,.home-summary:focus-visible{border-color:#59687b;background:var(--ui-surface-raised)}.home-summary>header,.home-showcase__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid var(--ui-line);background:var(--ui-surface-raised)}.home-summary>header{justify-content:flex-start}.home-summary>header span,.home-showcase__head span{color:var(--ui-gold);font-size:7px;font-weight:900;letter-spacing:.16em}.home-summary>header strong{color:var(--ui-text);font-size:11px}.home-summary dl{margin:0}.home-summary dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 13px;border-bottom:1px solid var(--ui-line-soft)}.home-summary dt{color:var(--ui-muted);font-size:8px}.home-summary dd{margin:0;color:var(--ui-text);font-size:10px;font-weight:800}.home-summary__link{display:flex;justify-content:space-between;padding:11px 13px;color:var(--ui-gold);font-size:8px;font-weight:800}.home-showcase{overflow:hidden}.home-showcase__head h2{margin:3px 0 0;font-size:11px}.home-showcase__head button{min-height:31px;padding:5px 9px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-small);background:var(--ui-surface);color:var(--ui-muted);font-size:8px;cursor:pointer}.home-showcase__head button:hover{color:var(--ui-text)}.home-showcase__cards{width:100%;min-height:170px;display:flex;align-items:center;justify-content:center;gap:7px!important;padding:13px;overflow:hidden;background:var(--ui-bg-soft)}.home-showcase .shelf__empty{display:grid;place-items:center;flex:0 0 auto;border:1px dashed var(--ui-line);border-radius:var(--ui-radius-small);background:var(--ui-surface);color:var(--ui-faint)}.nav{width:min(650px,calc(100% - 18px))!important;height:auto!important;min-height:64px;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;position:fixed!important;right:auto!important;bottom:max(7px,env(safe-area-inset-bottom))!important;left:50%!important;z-index:var(--ui-z-nav)!important;padding:6px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#111720!important;box-shadow:0 16px 38px #00000070!important;transform:translate(-50%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nav__tab{min-width:0;min-height:51px;display:grid;grid-template-rows:23px auto;place-items:center;position:relative;padding:5px 3px 4px;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:var(--ui-faint)!important;cursor:pointer}.nav__tab:hover,.nav__tab:focus-visible{background:var(--ui-surface-raised)!important;color:var(--ui-text)!important}.nav__tab--on{border-color:var(--ui-line)!important;background:var(--ui-surface-active)!important;color:var(--ui-gold-light)!important}.nav__tab--on:after{content:"";width:20px;height:2px;position:absolute;right:auto;bottom:3px;left:50%;border-radius:999px;background:var(--ui-gold);transform:translate(-50%)}.nav__icon{width:21px;height:21px;display:grid;place-items:center}.nav__icon svg{width:21px;height:21px}.nav__label{overflow:hidden;font-size:8px;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}.nav__badge{min-width:18px;height:18px;display:grid;place-items:center;position:absolute;top:1px;right:max(4px,18%);padding:0 4px;border:2px solid #111720;border-radius:999px;background:var(--ui-danger);color:#fff;font-size:7px;font-weight:900}.withnav{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}@media (max-width: 820px){.home-dashboard__layout{grid-template-columns:1fr}.home-dashboard__side{grid-template-columns:minmax(0,.78fr) minmax(270px,1.22fr)}}@media (max-width: 620px){.home-dashboard{padding-top:10px!important}.home-dashboard .userbar{min-height:66px;padding:10px 11px}.home-dashboard .userbar__stats{gap:5px 8px}.home-dashboard .userbar__stats>span:nth-child(3){display:none}.home-play{min-height:0;padding:18px 15px}.home-play__heading h1{font-size:32px}.home-play__deck{grid-template-columns:1fr 1fr}.home-play__deck>div{border-bottom:1px solid var(--ui-line-soft)}.home-play__deck>div:nth-child(2){border-right:0}.home-play__deck>div:last-child{grid-column:1 / -1;border-bottom:0}.home-play__actions{display:grid;grid-template-columns:1fr}.home-play__actions .btn{width:100%;min-width:0}.home-action-grid{grid-template-columns:1fr}.home-action{min-height:65px;grid-template-columns:36px minmax(0,1fr) auto auto;grid-template-rows:1fr}.home-action__mark{grid-row:auto}.home-action__arrow{align-self:center}.home-dashboard__side{grid-template-columns:1fr}.home-showcase__cards{min-height:155px}.shead{grid-template-columns:40px minmax(0,1fr) auto;margin-bottom:12px!important}.shead__title{font-size:17px!important}.nav{width:calc(100% - 12px)!important;bottom:max(5px,env(safe-area-inset-bottom))!important;padding:5px!important}.nav__tab{min-height:49px}.nav__label{font-size:7px}}@media (max-width: 380px){.home-dashboard .userbar__stats>span:nth-child(2){display:none}.home-play__heading{display:block}.home-play__status{display:inline-block;margin-top:10px}.nav__icon,.nav__icon svg{width:19px;height:19px}}.home-dashboard,.home-dashboard__layout,.home-dashboard__main,.home-section,.home-action-grid{min-width:0}.home-dashboard{overflow-x:hidden;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.home-action-grid{grid-template-columns:1fr!important;gap:7px!important}.home-action{width:100%;min-width:0;min-height:64px!important;grid-template-columns:38px minmax(0,1fr) auto auto!important;grid-template-rows:1fr!important;gap:8px 10px!important;padding:10px 12px!important;overflow:hidden}.home-action__mark{width:38px!important;height:38px!important;grid-row:auto!important}.home-action__body{min-width:0;overflow:hidden}.home-action__body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-action__body small{max-width:100%;overflow:hidden;color:var(--ui-muted);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.home-action__arrow{align-self:center!important}@media (min-width: 1180px){.home-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-action{min-height:98px!important;grid-template-columns:36px minmax(0,1fr) auto!important;grid-template-rows:1fr auto!important;padding:12px!important}.home-action__mark{width:36px!important;height:36px!important;grid-row:1 / 3!important}.home-action__arrow{align-self:end!important}}@media (max-width: 620px){.home-dashboard__layout{gap:10px!important}.home-action{min-height:60px!important;grid-template-columns:34px minmax(0,1fr) auto auto!important;padding:8px 10px!important}.home-action__mark{width:34px!important;height:34px!important}.home-action__body small{font-size:8px}}.home-dashboard.homescreen{width:min(100%,1120px)!important;max-width:1120px!important;display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-auto-flow:initial!important;grid-auto-columns:initial!important;margin-inline:auto!important;overflow-x:hidden!important}.home-dashboard>.userbar{width:100%!important;max-width:none!important;display:flex!important;margin:0 0 14px!important}.home-dashboard__layout{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1.75fr) minmax(320px,.85fr)!important;align-items:start!important;gap:14px!important}.home-dashboard__main,.home-dashboard__side{width:100%!important;max-width:none!important;min-width:0!important}.home-dashboard__main,.home-dashboard__side{display:grid!important;grid-template-columns:1fr!important;align-content:start!important}.home-showcase__cards.shelf__row{width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;overflow:hidden!important}.home-showcase__cards.shelf__row>*{flex:0 0 auto!important}@media (min-width: 1180px){.home-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width: 980px){.home-dashboard__layout{grid-template-columns:1fr!important}.home-dashboard__side{grid-template-columns:minmax(0,.8fr) minmax(300px,1.2fr)!important}.home-action-grid{grid-template-columns:1fr!important}}@media (max-width: 680px){.home-dashboard__side{grid-template-columns:1fr!important}.home-showcase__cards.shelf__row{min-height:150px!important}}