@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LilitaOne-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LilitaOne-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/Rubik-normal-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/Rubik-normal-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#121419;--ink-2:#181b22;--ink-3:#1f232c;--ink-4:#292e39;--line:#2c313c;--line-2:#3a404d;--text:#ece6d8;--muted:#9b978d;--faint:#6c6a64;--gold:#e2b23c;--gold-2:#f3cf6a;--gold-ink:#1c1406;--good:#63c189;--bad:#e5654d;--bone:#f3ecdc;--bone-2:#e7dcc4;--bone-ink:#25211a;--serif:"Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--sans:"Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r:12px;--r-sm:10px;--nav-w:216px;--top-h:60px;--shadow:0 10px 30px #00000059, 0 2px 6px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;font-synthesis:style}body{background:var(--ink);color:var(--text);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}body.no-scroll{overflow:hidden}a{color:var(--gold-2);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}code{background:var(--ink-3);border-radius:5px;padding:.1em .35em;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9em}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.15}h1{font-size:clamp(28px,4vw,40px)}h2{font-size:21px}h2 small{font-family:var(--sans);color:var(--muted);margin-left:6px;font-size:13px;font-weight:500}p{margin:0}.muted{color:var(--muted);font-size:14px}.gold{color:var(--gold-2)}.eyebrow{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:650;display:flex}.eyebrow .icon{width:15px;height:15px}.icon{flex:none;width:20px;height:20px}:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.boot,.boot-error{text-align:center;min-height:100vh;color:var(--muted);place-content:center;gap:16px;display:grid}.boot-crown{background:url(/icons/icon.svg) 50%/contain no-repeat;width:56px;height:56px;margin:0 auto;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45;transform:scale(.94)}}.btn{border-radius:var(--r-sm);min-height:42px;color:var(--gold-ink);font-family:var(--serif);letter-spacing:.01em;--lip:#8a5d12;box-shadow:inset 0 2px 0 #ffffff73, inset 0 -3px 0 #00000026, 0 4px 0 var(--lip), 0 8px 16px -6px #0009;white-space:nowrap;background:linear-gradient(#f2cb62,#d59d2a);border:1px solid #f6d77f;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:400;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.06);text-decoration:none;transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:inset 0 2px 0 #ffffff4d, 0 1px 0 var(--lip);transform:translateY(3px)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.4)}.btn .icon{width:18px;height:18px}.btn-ghost{--lip:#050608;background:var(--ink-3);border-color:var(--line-2);color:var(--text);box-shadow:none}.btn-ghost.danger{color:var(--bad)}.btn-small{min-height:34px;padding:0 12px;font-size:13px}.btn-big{min-height:52px;padding:0 26px;font-size:16px}.btn-gold{background:linear-gradient(#ffe08a,#e0a526)}.btn-gold .wikey{color:var(--gold-ink)}.icon-btn{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:4px 8px;font-size:18px}.icon-btn:hover{color:var(--text);background:var(--ink-3)}.link{font-size:14px}.row-gap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-gap.center{justify-content:center}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.empty{border:1px dashed var(--line-2);border-radius:var(--r);color:var(--muted);align-items:center;gap:16px;max-width:640px;padding:22px;display:flex}.empty .icon{width:34px;height:34px;color:var(--gold);opacity:.8}.empty.wide{grid-column:1/-1;max-width:none}.notice{border-radius:var(--r-sm);background:#e2b23c14;border:1px solid #e2b23c40;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.notice .icon{color:var(--gold)}.bar{background:var(--ink-4);border-radius:99px;height:6px;margin-top:6px;display:block;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--gold), var(--gold-2));border-radius:inherit;height:100%;display:block}.card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--tier-soft:color-mix(in srgb, var(--tier) 70%, #fff);--body-hi:color-mix(in srgb, var(--tier) 30%, #fff);--body-lo:color-mix(in srgb, var(--tier) 72%, #000);--edge:color-mix(in srgb, var(--tier) 55%, #fff);--ink-c:color-mix(in srgb, var(--tier) 22%, #0d0b08);--swirl:.5;aspect-ratio:63/88;text-align:left;width:100%;color:var(--ink-c);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:5.5cqw;padding:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .2s;display:block;position:relative;container-type:inline-size}.tier-common{--swirl:.25;--body-hi:#eef2f7;--body-lo:#7f8fa3}.tier-uncommon{--swirl:.4}.tier-epic{--swirl:.7}.tier-royal{--swirl:.85}.tier-legendary{--swirl:1;--body-hi:#fff4c4;--body-lo:#b07a08;--edge:#ffe58a;--ink-c:#2a1a00}.card.tilting{transition:transform 60ms linear}button.card:hover{transform:perspective(900px) translateY(-4px) rotateX(var(--rx)) rotateY(var(--ry))}button.card:hover .card-frame{box-shadow:0 18px 36px #00000080, 0 0 28px -4px var(--tier)}.card-sm{max-width:190px}.card-md{max-width:230px}.card-lg{max-width:330px}.card-frame{background:linear-gradient(160deg, #fff 0%, var(--edge) 22%, var(--tier) 50%, var(--edge) 78%, #fff 100%);border-radius:5.5cqw;padding:1.3cqw;transition:box-shadow .2s;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 24px #00000073,0 0 0 .3cqw #00000080}.tier-epic .card-frame{box-shadow:0 10px 24px #00000073, 0 0 0 .3cqw #00000080, 0 0 5cqw -1cqw var(--tier)}.tier-royal .card-frame,.tier-legendary .card-frame{box-shadow:0 10px 24px #00000073, 0 0 0 .3cqw #00000080, 0 0 9cqw -1cqw var(--tier)}.tier-legendary .card-frame{background:linear-gradient(160deg,#fffbe6,#ffd54a 25%,#a86f00 50%,#ffe27a 75%,#fffbe6) 0 0/200% 200%;animation:6s linear infinite goldEdge}@keyframes goldEdge{to{background-position:200% 200%}}.card-inner{background:radial-gradient(90% 50% at 15% 105%, rgba(255, 255, 255, calc(var(--swirl) * .35)), transparent 70%), linear-gradient(180deg, var(--body-hi) 40%, var(--tier) 72%, var(--body-lo));border-radius:4.4cqw;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.card-inner:before{content:"";pointer-events:none;opacity:var(--swirl);mix-blend-mode:soft-light;background:repeating-radial-gradient(circle at 8% 112%,#0000 0 4cqw,#ffffff57 5.2cqw,#0000 7cqw 9.5cqw),repeating-radial-gradient(circle at 110% 55%,#0000 0 5cqw,#ffffff38 6.2cqw,#0000 8cqw 12cqw);position:absolute;inset:0}.card-art{z-index:1;aspect-ratio:4/3.35;box-shadow:0 .5cqw 0 color-mix(in srgb, var(--edge) 80%, #fff), 0 1.6cqw 3cqw #00000059;background:#221f1b;border-radius:4.4cqw 4.4cqw 0 0;flex:none;order:-1;display:block;position:relative;overflow:hidden}.card-art:after{content:"";pointer-events:none;background:linear-gradient(#00000040,#0000 26% 70%,#00000059);position:absolute;inset:0}.card-art img{object-fit:cover;object-position:center 28%;width:100%;height:100%;display:block}.card-noart{background:radial-gradient(circle at 30% 20%, #ffffff2e, transparent 55%), repeating-linear-gradient(45deg, #ffffff0d 0 2cqw, transparent 2cqw 4cqw), color-mix(in srgb, var(--tier) 50%, #17151a);color:#ffffffd9;place-items:center;width:100%;height:100%;display:grid;position:relative}.card-noart .icon{stroke-width:1.2px;opacity:.5;width:30cqw;height:30cqw}.card-noart span{font-family:var(--serif);font-size:16cqw;font-weight:800;position:absolute}.card-cat{z-index:1;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.08em;text-transform:uppercase;background:#0a0a0c9e;border-radius:99px;align-items:center;gap:1cqw;padding:.9cqw 2.4cqw .9cqw 1.8cqw;font-size:max(7px,3.4cqw);font-weight:700;display:inline-flex;position:absolute;bottom:2.4cqw;right:2.4cqw}.card-cat .icon{width:3.8cqw;min-width:8px;height:3.8cqw;min-height:8px}.card-head{align-items:center;min-height:15cqw;padding:2.4cqw 4cqw 0;display:flex;position:relative}.card-title{min-width:0;font-family:var(--sans);letter-spacing:-.015em;color:var(--ink-c);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;font-size:7.4cqw;font-weight:800;line-height:1.08;display:-webkit-box;overflow:hidden}.card-title.tt-m{font-size:6.4cqw}.card-title.tt-l{font-size:5.6cqw}.card-title.tt-xl{font-size:4.9cqw}.card-gem{display:none}.card-desc{min-height:0;color:color-mix(in srgb, var(--ink-c) 78%, transparent);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:0 auto;padding:1.2cqw 4cqw 0;font-size:4.7cqw;line-height:1.28;display:-webkit-box;position:relative;overflow:hidden}.card-marks{z-index:2;flex-direction:column;align-items:flex-start;gap:1.4cqw;display:flex;position:absolute;top:2.6cqw;left:2.6cqw;right:22%}.card-marks>span{letter-spacing:max(.4px,.4cqw);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border-radius:99px;max-width:100%;padding:1cqw 2.6cqw;font-size:max(8px,4.3cqw);font-weight:800;line-height:1.2;overflow:hidden;box-shadow:0 1cqw 2.4cqw #00000073}.card-marks .card-tier{color:var(--ink-c);background:linear-gradient(180deg, #fff, var(--body-hi) 60%, var(--edge));box-shadow:0 0 0 .45cqw var(--tier), 0 1cqw 2.4cqw #00000073}.card-foiltag{color:#1a1030;background:linear-gradient(100deg,#ffb3d9,#ffe9a3,#b3ffe0,#b3dcff,#e0b8ff) 0 0/200% 100%;align-items:center;gap:.8cqw;animation:4s linear infinite foilText;display:inline-flex}.card-foiltag .icon{width:1.1em;height:1.1em}.card-marks .card-tag{color:#fff;background:var(--c);letter-spacing:.02em;text-transform:none;text-shadow:0 1px 2px #0006;font-size:max(8px,3.8cqw)}.tier-legendary .card-tier,.tier-royal .card-tier{color:#ffe27a;background:linear-gradient(#3b2a06,#140d00);box-shadow:0 0 0 .45cqw #ffd54a,0 0 3cqw #ffd54ab3}.tier-royal .card-tier{color:#ffd0e2;background:linear-gradient(#4a1028,#1c0510);box-shadow:0 0 0 .45cqw #ff8ab8,0 0 3cqw #ec4f8ab3}.tier-legendary .card-inner{background:radial-gradient(70% 40% at 80% 60%,#ffffff73,#0000 70%),linear-gradient(#fff3c0 38%,#f5c02a 64%,#c88a00 84%,#7a4f00)}.tier-legendary .card-inner:before{mix-blend-mode:overlay}.card-stats{background:linear-gradient(#2b2723,#0e0d0c);border-radius:3.4cqw;margin:auto 2.6cqw 2.6cqw;display:flex;overflow:hidden;box-shadow:0 0 0 .4cqw #ffffff4d,0 1.2cqw 2.6cqw #00000059}.stat{--sc:#f0603f;border-bottom:.9cqw solid var(--sc);background:radial-gradient(90% 130% at 50% 135%, color-mix(in srgb, var(--sc) 55%, transparent), transparent 75%);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex:1;justify-content:center;align-items:center;gap:1.6cqw;padding:1.3cqw 1cqw .9cqw;font-size:6.2cqw;font-weight:800;line-height:1.2;display:flex}.stat-def{--sc:#3f8ff2;box-shadow:inset .35cqw 0 #ffffff24}.stat .icon{width:5.8cqw;height:5.8cqw;color:color-mix(in srgb, var(--sc) 50%, #fff);filter:drop-shadow(0 0 1.4cqw var(--sc));flex:none}.card-badge{z-index:3;border-radius:99px;padding:1cqw 3cqw;font-size:max(9px,4.6cqw);font-weight:750;position:absolute;top:-2.5cqw}.badge-new{color:var(--gold-ink);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#ffe08a,#e0a526);padding:.8cqw 2.6cqw;font-size:max(9px,4cqw);top:3cqw;right:3cqw;box-shadow:0 3px 10px #0006}.badge-count{color:#fff;box-shadow:0 0 0 .6cqw var(--tier);background:#1c1a16;right:-2cqw}.card-fav{z-index:2;color:var(--gold-2);filter:drop-shadow(0 1px 2px #000000b3);position:absolute;top:3cqw;right:3.4cqw}.card-fav .icon{fill:currentColor;width:7cqw;height:7cqw}.card-wish{color:#ff6b8f}.badge-mark{color:#9fe9c8;background:#0c0e12d1;box-shadow:0 0 0 .4cqw #3fbf86}.card-foil{pointer-events:none;opacity:0;mix-blend-mode:overlay;border-radius:5.5cqw;position:absolute;inset:0}.tier-epic .card-foil,.tier-royal .card-foil,.tier-legendary .card-foil{opacity:.6;background:linear-gradient(110deg,#0000 30%,#ffffffb3 45%,#0000 60%) 0 0/250% 100% no-repeat;animation:5.5s ease-in-out infinite sheen}.tier-royal .card-foil,.tier-legendary .card-foil,.card.is-foil .card-foil{opacity:.7;background:radial-gradient(circle at var(--mx) var(--my), #fff9, transparent 40%), linear-gradient(110deg, transparent 30%, #ffffffbf 45%, transparent 60%) 0 0 / 250% 100% no-repeat, conic-gradient(from 0deg at var(--mx) var(--my), #ff7a7a44, #ffd86b44, #7affc144, #7ac8ff44, #c07aff44, #ff7a7a44);animation:5.5s ease-in-out infinite sheen}@keyframes sheen{0%,60%{background-position:130% 0,130% 0,0 0}to{background-position:-130% 0,-130% 0,0 0}}.card.is-foil .card-frame{background:linear-gradient(115deg,#ff8fb1,#ffd36e,#8affc4,#7cc8ff,#c48bff,#ff8fb1) 0 0/300% 300%;animation:5s linear infinite foilText;box-shadow:0 0 0 .3cqw #00000080,-1.5cqw -1cqw 6cqw -1cqw #ff78c8b3,1.5cqw 1cqw 6cqw -1cqw #6ec8ffb3,0 10px 24px #00000073}.card.is-foil .card-foil{opacity:.85}.card.is-foil .card-art:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:color-dodge;opacity:.4;background:repeating-linear-gradient(115deg,#ff7aa8 0 4%,#ffd36e 8%,#7affc0 12%,#7ac4ff 16%,#c17aff 20%,#ff7aa8 24%) 0 0/300% 300%;animation:7s linear infinite foilText;position:absolute;inset:0}.card.is-foil .card-inner:after{content:"";pointer-events:none;mix-blend-mode:soft-light;opacity:.55;background:linear-gradient(125deg,#ff9d9d,#ffe08a,#9dffcf,#9dd4ff,#d19dff) 0 0/300% 300%;animation:8s linear infinite foilText;position:absolute;inset:0}@keyframes foilText{to{background-position:300% 0}}.card.unowned .card-frame{filter:grayscale()brightness(.5)contrast(.9)}.card.unowned .card-foil{display:none}.card-lock{color:#ffffffb3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.card-lock .icon{filter:drop-shadow(0 2px 6px #000);width:16cqw;height:16cqw}.card-back{--b1:#262b38;--b2:#14161c;--bg:#e2b23c12;--bc:#9c7a2c;--bi:var(--gold);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--bi) 22%, transparent), transparent 55%), repeating-linear-gradient(45deg, var(--bg) 0 8px, transparent 8px 16px), repeating-linear-gradient(-45deg, var(--bg) 0 8px, transparent 8px 16px), linear-gradient(160deg, var(--b1), var(--b2));box-shadow:0 0 0 2px var(--bc) inset, 0 0 0 7px var(--b2) inset, 0 0 0 8px color-mix(in srgb, var(--bc) 70%, #000) inset, 0 10px 24px #00000073;border-radius:6%/4.3%;place-items:center;display:grid;position:absolute;inset:0}.card-back-inner{color:var(--bi);justify-items:center;gap:6px;display:grid}.card-back-inner .icon{stroke-width:1.4px;width:42%;min-width:34px;height:auto}.card-back-name{font-family:var(--serif);letter-spacing:.04em;font-size:clamp(12px,1.4vw,17px);font-weight:750}.back-aurora{--b1:#0f2a3a;--b2:#0a1320;--bg:#6effd614;--bc:#4fd1b5;--bi:#8ff5dc}.back-aurora:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(170deg,#0000 20%,#78ffc82e 40%,#9678ff29 60%,#0000 80%);position:absolute;inset:0}.back-ember{--b1:#3a1610;--b2:#160807;--bg:#ff783c17;--bc:#e0622e;--bi:#ffb06b}.back-frost{--b1:#243446;--b2:#101722;--bg:#b4e1ff1a;--bc:#9fd2f5;--bi:#e1f3ff}.back-verdant{--b1:#18301d;--b2:#0b150d;--bg:#8cdc7814;--bc:#6dbb5a;--bi:#b9f0a2}.back-obsidian{--b1:#1a1720;--b2:#050407;--bg:#b478ff14;--bc:#8b63d8;--bi:#cdb2ff}.back-sunforged{--b1:#4a3510;--b2:#1b1205;--bg:#ffdc781f;--bc:#f3cf6a;--bi:#fff0bf}.back-sunforged .card-back-inner .icon{filter:drop-shadow(0 0 8px #f3cf6a)}.back-glow{animation:1.4s ease-in-out infinite backglow}@keyframes backglow{50%{box-shadow:0 0 0 2px #9c7a2c inset, 0 0 0 7px #1a1d25 inset, 0 0 0 8px #6d5520 inset, 0 0 32px 4px var(--tier)}}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 18px;display:grid}.grid .card{max-width:none}.grid-tight{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px 14px}.strip{scroll-snap-type:x proximity;grid-auto-columns:150px;grid-auto-flow:column;gap:16px;padding:8px 4px 16px;display:grid;overflow-x:auto}.strip>*{scroll-snap-align:start}.more{justify-content:center;margin-top:26px;display:flex}@media (max-width:520px){.grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}.grid-tight{grid-template-columns:repeat(3,1fr);gap:12px 8px}.strip{grid-auto-columns:132px}}.how{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.how-item{border-radius:var(--r);border:1px solid var(--line);background:#181b2399;gap:12px;padding:16px;display:flex}.how-item>span{color:var(--gold)}.how-item p{color:var(--muted);font-size:14px}.how-item b{color:var(--text)}@keyframes float{50%{transform:translateY(-8px)rotate(-1deg)}}.pack{aspect-ratio:63/92;width:190px;color:var(--gold-2);background:radial-gradient(circle at 50% 42%,#e2b23c47,#0000 52%),repeating-linear-gradient(135deg,#ffffff08 0 6px,#0000 6px 12px),linear-gradient(165deg,#34405a,#1b2030 55%,#12151d);border:0;border-radius:16px;padding:0;display:block;position:relative;box-shadow:inset 0 0 0 2px #a8852f,inset 0 0 0 6px #191d27,inset 0 0 0 7px #6d5520,0 20px 40px #0000008c}.pack-top{background:linear-gradient(#c9a03d,#8d6c22);border-radius:16px 16px 0 0;height:13%;transition:transform .5s cubic-bezier(.3,1.4,.5,1),opacity .5s;position:absolute;top:0;left:0;right:0;-webkit-mask:linear-gradient(#000 0 0) top/100% 80% no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 50% repeat-x;mask:linear-gradient(#000 0 0) top/100% 80% no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 50% repeat-x}.pack-body{place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:13% 0 0}.pack-crown .icon{stroke-width:1.3px;filter:drop-shadow(0 0 12px #e2b23c80);width:58px;height:58px}.pack-name{font-family:var(--serif);color:var(--bone);letter-spacing:.01em;font-size:24px;font-weight:750}.pack-kind{color:var(--muted);font-size:13px}.pack-royal{color:#2a1c04;background:radial-gradient(circle at 50% 42%,#ffffff59,#0000 52%),repeating-linear-gradient(135deg,#ffffff0f 0 6px,#0000 6px 12px),linear-gradient(165deg,#f4d47a,#c58f1e 55%,#7b5310)}.pack-royal .pack-name,.pack-royal .pack-kind{color:#2a1c04}.pack-royal .pack-top{background:linear-gradient(#fff1c2,#d9ab3a)}.cards-tabs{margin-bottom:18px}.cards-tabs button{align-items:center;gap:7px;padding:9px 18px;font-size:15px;display:inline-flex}.cards-tabs .icon{width:17px;height:17px}.cards-top p{max-width:420px}.cards-bar{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cards-bar .search{flex:auto;height:44px}.cards-sort{width:auto;height:44px}.cards-fbtn{flex:none;gap:7px;height:44px;padding:0 14px}.cards-fbtn .icon{width:18px;height:18px}.cards-fbtn b{background:var(--gold);min-width:19px;height:19px;color:var(--gold-ink);border-radius:99px;place-items:center;padding:0 5px;font-size:11px;display:grid}.cards-fbtn b:empty{display:none}.cards-active{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.cards-active:empty{display:none}.cards-active .fchip{padding:5px 10px;font-size:13px}.cards-active .x{color:var(--muted);margin-left:2px;font-size:15px;line-height:1}.fchip-plain{box-shadow:none;text-underline-offset:3px;background:0 0;text-decoration:underline}.cards-active+.grid,.cards-bar+.cards-active:empty+.grid{margin-top:14px}.modal-filters .modal-body{width:min(560px,100%)}.fs-h{color:var(--muted);font-size:13px;font-weight:700;font-family:var(--sans);margin:18px 0 8px}.fs-chips{flex-wrap:wrap;gap:7px;display:flex}.fcat-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.fcat{background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--gold);text-align:left;border:0;border-radius:12px;align-items:center;gap:8px;padding:9px 10px;display:flex;position:relative;overflow:hidden}.fcat .icon{flex:none;width:18px;height:18px}.fcat span{color:var(--text);font-size:13px;font-weight:650;line-height:1.2;display:grid}.fcat small{color:var(--faint);font-size:11px;font-weight:550}.fcat i{background:var(--gold);height:2px;position:absolute;bottom:0;left:0}.fcat.on{box-shadow:inset 0 0 0 1.5px var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--ink-2))}.fs-foot{background:inherit;justify-content:space-between;gap:10px;margin:20px -4px 0;padding:12px 4px 2px;display:flex;position:sticky;bottom:-1px}.fs-foot .btn-gold{flex:1;max-width:260px}@media (max-width:760px){.cards-top p,.cards-sort,.cards-fbtn span{display:none}.cards-top{margin-bottom:14px;padding-bottom:12px}.cards-tabs{width:100%;margin-bottom:12px;display:flex}.cards-tabs button{white-space:nowrap;flex:1;justify-content:center}.cards-fbtn{justify-content:center;width:44px;padding:0;position:relative}.cards-fbtn b{position:absolute;top:-5px;right:-5px}.fcat-grid{grid-template-columns:repeat(2,1fr)}}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.search{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-sm);height:40px;color:var(--muted);flex:220px;align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--gold)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.seg{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:6px 12px;font-size:14px;font-weight:550}.seg button.on{background:var(--ink-4);color:var(--text)}select{background:var(--ink-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b978d' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 8px center/16px no-repeat;border:1px solid var(--line);border-radius:var(--r-sm);appearance:none;height:40px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:0 30px 0 12px}select option,select optgroup{color:#f1ece0;background:#1b1a17}.modal{z-index:70;opacity:0;place-items:center;padding:20px;transition:opacity .2s;display:grid;position:fixed;inset:0}.modal.in{opacity:1}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06070ac7;position:absolute;inset:0}.modal-body{background:linear-gradient(170deg, var(--ink-3), var(--ink-2));border:1px solid var(--line-2);width:min(1000px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);border-radius:20px;padding:clamp(20px,3vw,36px);transition:transform .25s cubic-bezier(.2,1.2,.4,1);position:relative;overflow-y:auto;transform:translateY(14px)scale(.98)}.modal.in .modal-body{transform:none}.modal-x{z-index:2;border:1px solid var(--line-2);background:var(--ink-3);width:38px;height:38px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-x:hover{color:var(--text)}.detail-nav{z-index:3;border:1px solid var(--line-2);width:48px;height:48px;color:var(--text);background:#14161bd9;border-radius:50%;place-items:center;margin-top:-24px;display:grid;position:absolute;top:50%}.detail-nav:hover{border-color:var(--gold);color:var(--gold-2)}.detail-nav .icon{width:22px;height:22px}.detail-nav.prev{left:max(12px,50% - 560px)}.detail-nav.prev .icon{transform:rotate(180deg)}.detail-nav.next{right:max(12px,50% - 560px)}.detail-nav.in-card{display:none}.detail{grid-template-columns:minmax(220px,330px) 1fr;align-items:start;gap:clamp(20px,3.5vw,40px);display:grid}.detail-card{position:sticky;top:0}.detail-card .card{max-width:330px}.detail-info{gap:14px;min-width:0;display:grid}.detail-info h2{padding-right:40px;font-size:clamp(26px,3.4vw,36px)}.detail-owned{color:var(--muted)}.detail-owned b{color:var(--text)}.detail-actions,.detail-links{flex-wrap:wrap;gap:8px;display:flex}.detail-actions:empty{display:none}.why{background:var(--line);border:1px solid var(--line);border-radius:var(--r-sm);gap:1px;display:grid;overflow:hidden}.why>div{background:var(--ink-2);color:var(--muted);justify-content:space-between;gap:12px;padding:9px 14px;font-size:14px;display:flex}.why-k{white-space:nowrap;color:var(--text);align-items:center;gap:7px;font-weight:600;display:flex}.why-k .icon{width:16px;height:16px}.extract{color:#d9d2c2;margin:0;font-size:15px;line-height:1.6}.facts{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 18px;margin:0;display:grid}.facts dt{color:var(--faint);font-size:13px}.facts dd{margin:2px 0 0;font-size:15px}.credits{color:var(--faint);font-size:12px;line-height:1.55}.credits a{color:var(--muted);text-decoration:underline}@media (max-width:760px){.modal{align-items:end;padding:0}.modal-body{border-radius:20px 20px 0 0;max-height:92vh}.modal>.detail-nav{display:none}.detail-nav.in-card{width:38px;height:38px;margin-top:-19px;display:grid}.detail-nav.in-card.prev{left:0}.detail-nav.in-card.next{right:0}.detail{grid-template-columns:1fr}.detail-card{justify-content:center;display:flex;position:relative}.detail-card .card{max-width:250px}}.pickable{display:block;position:relative}.pickable.picked .card{opacity:.35;filter:grayscale(.5)}.pickable.picked:after{content:"✓";background:var(--gold);width:36px;height:36px;color:var(--gold-ink);pointer-events:none;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:34%;left:50%;transform:translate(-50%)}.float{font-family:var(--serif);text-shadow:0 3px 12px #000;pointer-events:none;z-index:5;white-space:nowrap;font-size:40px;font-weight:800;animation:1.3s ease-out forwards rise;position:absolute;top:35%;left:50%;transform:translate(-50%)}.float.hit{color:#ff7d5e}.float.miss{color:var(--muted);font-size:30px}.float.block{color:#8cc3ff}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)scale(.7)}20%{opacity:1;transform:translate(-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}.listings{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 18px;display:grid}.listing{gap:10px;display:grid}.listing .card{max-width:none}.listing.sold .card{opacity:.35;filter:grayscale(.8)}.price{font-family:var(--serif);align-items:center;gap:4px;font-size:19px;font-weight:700;display:flex}.odds{border-collapse:collapse;margin-top:12px;font-size:13px}.locked{border-radius:var(--r);border:1px dashed var(--line-2);color:var(--muted);gap:6px;padding:18px;display:grid;position:relative}.locked>.icon{color:var(--gold);opacity:.8;width:26px;height:26px}.locked b{color:var(--text)}.locked small{font-size:13px}.product{text-align:center;background:linear-gradient(170deg, var(--ink-3), var(--ink-2));border:1px solid var(--line);border-radius:18px;justify-items:center;gap:6px;padding:22px 18px 18px;display:grid;position:relative}.product b{font-family:var(--serif);font-size:19px}.product small{color:var(--muted);margin-bottom:8px}.product .btn{width:100%}.pro{background:radial-gradient(500px 220px at 90% 0%, #e2b23c2e, transparent), var(--ink-2);border:1px solid #e2b23c73;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(20px,3vw,32px);display:flex}.pro h2{margin-bottom:12px;font-size:28px}.pro ul{color:var(--muted);gap:8px;margin:0;padding:0;list-style:none;display:grid}.pro li{align-items:center;gap:8px;display:flex}.pro li .icon{color:var(--good);width:18px;height:18px}.pro b{color:var(--text)}.odds td{border-bottom:1px solid var(--line);padding:7px 18px 7px 0}.odds td:last-child{text-align:right;font-variant-numeric:tabular-nums}.dot{border-radius:3px;width:10px;height:10px;margin-right:10px;display:inline-block;transform:rotate(45deg)}.profile-head{align-items:center;gap:18px;display:flex}.profile-head>div{flex:1;max-width:520px}.avatar{width:76px;height:76px;font-family:var(--serif);color:var(--gold-ink);box-shadow:0 0 0 3px var(--ink), 0 0 0 5px #e2b23c80;background:linear-gradient(140deg,#f3cf6a,#8a5f14);border-radius:50%;flex:none;place-items:center;font-size:28px;font-weight:800;display:grid}.profile-head .name-line{align-items:center;gap:4px;display:flex}.name-line{align-items:center;gap:6px;display:flex}.xp small{color:var(--muted);font-size:13px}.stat-line{color:var(--muted);margin:22px 0 0;font-size:15px;line-height:1.6}.stat-line b{font-family:var(--serif);color:var(--text);font-size:18px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.ach{border-radius:var(--r-sm);background:var(--ink-2);border:1px solid var(--line);opacity:.6;align-items:center;gap:12px;padding:12px 14px;display:flex}.ach>span:nth-child(2){flex:1;display:grid}.ach small{color:var(--muted);font-size:13px}.ach-icon{background:var(--ink-4);width:38px;height:38px;color:var(--faint);border-radius:10px;place-items:center;display:grid}.ach.done{opacity:1;border-color:#e2b23c59}.ach.done .ach-icon{color:var(--gold-2);background:#e2b23c29}.ach-reward{color:var(--gold);font-size:13px;font-weight:650}.about p{color:var(--muted);max-width:760px;margin-top:10px}.dev{border-radius:var(--r);border:1px dashed #4a5566;padding:16px}#toasts{z-index:90;pointer-events:none;justify-items:center;gap:8px;width:min(460px,100vw - 32px);display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-2);box-shadow:var(--shadow);opacity:0;background:#262a34;border-radius:12px;align-items:center;gap:10px;padding:11px 16px;font-size:14px;transition:opacity .25s,transform .25s;display:flex;transform:translateY(10px)}.toast.in{opacity:1;transform:none}.toast .icon{color:var(--gold)}.toast-good{border-color:#63c18980}.toast-bad{border-color:#e5654d99}.toast-gold{border-color:var(--gold);background:linear-gradient(120deg,#3a3020,#262a34)}@media (max-width:820px){#toasts{bottom:calc(80px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.settings{gap:10px;max-width:760px;display:grid}.setting{border-radius:var(--r);background:var(--ink-2);border:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.setting>div{gap:2px;display:grid}.setting small{color:var(--muted);font-size:13px}.switch{border:1px solid var(--line-2);background:var(--ink-4);border-radius:99px;flex:none;width:46px;height:26px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{border-color:var(--gold);background:#e2b23c4d}.switch[aria-checked=true]:after{background:var(--gold-2);transform:translate(20px)}.card-battle .card-cat{display:none}.card-battle .card-art{aspect-ratio:4/3.1}.card-kind{color:#fff;max-width:calc(100% - 8cqw);box-shadow:0 0 0 .5cqw var(--edge), 0 1cqw 2cqw #00000059;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:#15130f;border-radius:99px;align-self:flex-start;align-items:center;gap:1.4cqw;margin:1.2cqw 4cqw 0;padding:1cqw 3cqw 1cqw 2.2cqw;font-size:max(9px,5cqw);font-weight:800;line-height:1.2;display:inline-flex;overflow:hidden}.card-kind .icon{width:1.15em;height:1.15em;color:var(--tier-soft);flex:none}.card-battle .stat{padding:1.5cqw 1cqw 1.1cqw;font-size:8.4cqw}.card-battle .stat .icon{width:7.4cqw;height:7.4cqw}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.fchip{--c:var(--muted);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);border:0;border-radius:99px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:650;display:inline-flex}.fchip i{background:var(--c);border-radius:50%;width:9px;height:9px}.fchip small{color:var(--faint);font-weight:600}.fchip .icon{width:15px;height:15px}.fchip.on{color:var(--text);background:color-mix(in srgb, var(--c) 18%, var(--ink-2));box-shadow:inset 0 0 0 1px var(--c)}.fchip-wish{--c:#ff6b8f}.fchip-wish .icon{color:var(--c)}.fchip-add{color:var(--gold-2);background:0 0;box-shadow:inset 0 0 0 1px #e2b23c66}.tag-row-label{color:var(--muted);margin-right:4px;font-size:13px;font-weight:700}.wl-cell{position:relative}.wl-btn{z-index:3;width:32px;height:32px;color:var(--faint);background:#0a0b0fd1;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:42%;left:6%;box-shadow:0 2px 8px #00000080}.wl-btn .icon{width:17px;height:17px}.wl-btn:hover,.wl-btn.on{color:#ff6b8f}.wl-btn.on .icon{fill:currentColor}.tag-form{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;display:flex}.tag-form input{flex:220px}.tag-colors{gap:7px;display:flex}.tag-colors button{background:var(--c);border:0;border-radius:50%;width:28px;height:28px}.tag-colors button.on{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--c)}.tag-pick-head,.tag-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.tag-foot{justify-content:flex-end;margin-top:14px}.modal-tag .pickable.picked .card{opacity:1;filter:none}.modal-tag .pickable.picked:after{width:28px;height:28px;top:6px;left:auto;right:6px;transform:none}.detail-tags{margin:12px 0 0}.is-wished .icon{color:#ff6b8f;fill:currentColor}:root{--side-w:248px;--top-h:0px;--tab-h:0px;--page-max:1240px}.sidebar{z-index:30;width:var(--side-w);background:radial-gradient(260px 220px at 0 0,#e2b23c17,#0000 70%),linear-gradient(#13151b,#0e0f13);border-right:1px solid #ffffff0f;flex-direction:column;gap:18px;padding:22px 16px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:1px 0 #00000080,12px 0 40px #00000040}.env-banner+.sidebar{top:26px}.logo{font-family:var(--serif);color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;padding:0 8px;font-size:25px;font-weight:750;display:flex}.logo:hover{text-decoration:none}.logo .icon{width:28px;height:28px;color:var(--gold);filter:drop-shadow(0 0 10px #e2b23c73)}.logo b{color:var(--gold-2);font-weight:800}.side-wallet{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wallet-item{color:var(--text);background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff12;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;padding:10px 11px;display:grid}.wallet-item:hover{border-color:#e2b23c59;text-decoration:none}.wallet-item>:first-child{grid-row:1/3}.wallet-item b{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:18px;line-height:1.05}.wallet-item small{color:var(--faint);font-size:12px}.wallet-item.ready{box-shadow:0 0 18px -8px var(--gold);border-color:#e2b23c73}.rune-coin{width:26px;height:26px;color:var(--gold-ink);background:radial-gradient(circle at 35% 30%,#ffe9a6,#d39a22 60%,#7b5310);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;box-shadow:0 0 0 2px #00000059}.rune-coin .wikey{width:68%;height:68%;color:var(--gold-ink)}.wikey{vertical-align:-.17em;width:1.05em;height:1.05em;color:var(--gold-2);flex:none}.side-nav{gap:3px;display:grid}.side-link{height:46px;color:var(--muted);border-radius:13px;align-items:center;gap:12px;padding:0 14px;font-size:15px;font-weight:600;transition:color .15s,background .15s;display:flex;position:relative}.side-link .icon{width:20px;height:20px}.side-link:hover{color:var(--text);background:#ffffff0a;text-decoration:none}.side-link.on{color:var(--gold-2);background:linear-gradient(90deg,#e2b23c29,#e2b23c08);box-shadow:inset 0 0 0 1px #e2b23c2e}.side-link.on:before{content:"";background:var(--gold);width:3px;box-shadow:0 0 12px var(--gold);border-radius:0 3px 3px 0;position:absolute;top:10px;bottom:10px;left:-16px}.side-link .badge{margin-left:auto}.badge{color:#fff;text-align:center;background:#e5523b;border-radius:99px;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-style:normal;font-weight:800;line-height:20px;box-shadow:0 0 0 2px #101116,0 0 10px #e5523b73}.side-foot{gap:10px;margin-top:auto;display:grid}.side-pro{color:var(--text);background:linear-gradient(135deg,#f3cf6a33,#f3cf6a0a 60%);border:1px solid #f3cf6a4d;border-radius:14px;align-items:center;gap:11px;padding:12px 13px;display:flex}.side-pro:hover{border-color:#f3cf6a99;text-decoration:none}.side-pro>.icon{width:30px;height:30px;color:var(--gold-ink);background:linear-gradient(#ffe08a,#c58f1e);border-radius:9px;padding:6px}.side-pro span{line-height:1.2;display:grid}.side-pro b{font-size:14px}.side-pro small{color:var(--muted);font-size:11px}.side-pro.on{background:#f3cf6a12}.side-tools{gap:8px;padding:0 2px;display:flex}.side-me{color:var(--text);background:linear-gradient(135deg,#f3cf6a1a,#ffffff08 60%);border:1px solid #f3cf6a38;border-radius:16px;align-items:center;gap:11px;padding:10px 12px 10px 10px;transition:border-color .15s,transform .15s,background .15s;display:flex;position:relative;box-shadow:0 8px 20px #00000040,inset 0 1px #ffffff0f}.side-me:hover,.side-me.on{background:linear-gradient(135deg,#f3cf6a2e,#ffffff0a 60%);border-color:#f3cf6a99;text-decoration:none}.side-me:hover{transform:translateY(-1px)}.side-me>.icon{width:18px;height:18px;color:var(--gold-2);flex:none;margin-left:auto}.avatar-ring{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.avatar-ring:before{content:"";background:conic-gradient(var(--gold-2) calc(var(--p,0) * 360deg), #ffffff1f 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px))}.avatar-ring>.av{width:auto;height:auto;position:absolute;inset:4.5px}.avatar-ring.pro{box-shadow:0 0 12px #f3cf6a73}.avatar-text{flex:1;gap:2px;min-width:0;line-height:1.2;display:grid}.avatar-text b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.avatar-text small{color:var(--gold-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.side-xp{background:#ffffff1a;border-radius:99px;height:4px;margin-top:3px;display:block;overflow:hidden}.side-xp i{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--gold-2));height:100%;display:block}.icon-chip{width:38px;height:38px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;place-items:center;display:grid}.icon-chip:hover{color:var(--text);text-decoration:none}.icon-chip.on{color:var(--gold-2);border-color:var(--gold)}.icon-chip.muted .icon{color:var(--faint)}.icon-chip .icon{width:18px;height:18px}.top-admin{border-radius:10px;width:34px;height:34px}.topbar,.tabbar{display:none}#view,.view{margin-left:var(--side-w)}.view{padding:34px max(clamp(20px, 3.2vw, 48px), calc((100% - var(--side-w) - var(--page-max)) / 2)) 90px;outline:none}.view.in-battle{padding-top:18px;padding-bottom:24px}.install-fab{z-index:25;background:var(--ink-3);border:1px solid var(--line-2);color:var(--text);box-shadow:var(--shadow);border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:flex;position:fixed;bottom:18px;right:18px}.chip{height:38px;color:var(--text);white-space:nowrap;background:#ffffff0b;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:7px;padding:0 12px;font-size:14px;display:inline-flex}.chip:hover{border-color:var(--line-2);text-decoration:none}.chip .icon{width:17px;height:17px;color:var(--gold)}.chip b{font-variant-numeric:tabular-nums}.chip small{display:none}.chip .rune-coin{width:22px;height:22px;font-size:12px}.chip.big{height:44px;padding:0 16px;font-size:16px}.chip.big b{font-family:var(--serif);font-size:20px}.chip.mode{height:30px;font-size:13px;font-weight:700}.chip-packs.ready{box-shadow:0 0 16px -6px var(--gold);border-color:#e2b23c8c}.mini-ring{background:conic-gradient(var(--gold) calc(var(--p,0) * 360deg), #ffffff1a 0);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid;position:relative}.mini-ring:before{content:"";background:#15171d;border-radius:50%;position:absolute;inset:2px}.mini-ring .icon{width:14px;height:14px;color:var(--gold-2);position:relative}.avatar-chip{color:var(--text);border-radius:99px;align-items:center;display:flex}.avatar-chip:hover{text-decoration:none}.page-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex;position:relative}.page-top h1{letter-spacing:-.02em;color:var(--bone);text-shadow:0 3px #000,0 0 30px #e2b23c40;font-size:clamp(32px,4vw,46px)}.page-top p{color:var(--muted);max-width:660px;margin-top:6px}.page-top-side{align-items:center;gap:10px;display:flex}.kicker{font:650 17px/1.2 var(--serif);letter-spacing:0;color:var(--text);align-items:center;gap:7px;margin:0 0 8px;display:inline-flex}.kicker .icon{width:14px;height:14px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tabs{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;gap:4px;width:-moz-fit-content;width:fit-content;max-width:100%;margin-bottom:24px;padding:5px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:11px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:650;display:inline-flex}.tabs button .icon{width:15px;height:15px}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--gold-2);background:linear-gradient(#e2b23c33,#e2b23c14);box-shadow:inset 0 0 0 1px #e2b23c40}.tabs button small{opacity:.8;font-size:12px;font-weight:600}.count{background:var(--gold);min-width:20px;height:20px;color:var(--gold-ink);font-size:11px;font-weight:800;font-family:var(--sans);border-radius:99px;place-items:center;margin-left:4px;padding:0 6px;display:inline-grid}.small{font-size:13px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal-actions .grow{flex:1}.spinner{border:3px solid var(--ink-4);border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@media (max-width:1100px) and (min-width:761px){:root{--side-w:84px}.sidebar{align-items:center;padding:18px 12px}.logo span,.side-link span,.wallet-item small,.side-pro span,.avatar-text,.side-me>.icon{display:none}.side-wallet{grid-template-columns:1fr;width:100%}.wallet-item{grid-template-columns:1fr;justify-items:center;padding:8px 4px}.wallet-item>:first-child{grid-row:auto}.wallet-item b{font-size:15px}.side-link{justify-content:center;width:52px;padding:0}.side-link .badge{margin:0;position:absolute;top:3px;right:3px}.side-link.on:before{left:-12px}.side-pro{justify-content:center;padding:8px}.side-tools{flex-direction:column}.side-me{border-radius:50%;padding:4px}}@media (max-width:760px){:root{--side-w:0px;--top-h:58px;--tab-h:66px}.sidebar{display:none}.topbar{z-index:30;height:var(--top-h);background:#0e0f13;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;display:flex;position:sticky;top:0}.top-right{align-items:center;gap:6px;display:flex}.chip{height:36px;padding:0 10px;font-size:13px}.tabbar{z-index:30;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding:6px 4px env(safe-area-inset-bottom);background:#0e0f13f7;border-top:1px solid #ffffff14;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-link{color:var(--faint);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px;font-size:11px;font-weight:650;display:flex;position:relative}.tab-link .icon{width:22px;height:22px}.tab-link:hover{text-decoration:none}.tab-link.on{color:var(--gold-2)}.tab-link.on .icon{filter:drop-shadow(0 0 8px #e2b23c99)}.tab-link .badge{min-width:18px;height:18px;line-height:18px;position:absolute;top:0;right:calc(50% - 24px)}#view,.view{margin-left:0}.view{padding:20px 16px calc(var(--tab-h) + 32px + env(safe-area-inset-bottom))}.view.in-battle{padding:10px 8px calc(var(--tab-h) + 12px)}.install-fab{bottom:calc(var(--tab-h) + 14px)}#toasts{bottom:calc(var(--tab-h) + 16px + env(safe-area-inset-bottom))}.page-top{margin-bottom:18px}.page-top p{display:none}}.shop-sec{margin-top:6px;margin-bottom:30px}.listing{gap:8px;display:grid;position:relative}.odds-bars{gap:12px;max-width:640px;margin-top:16px;display:grid}.odds-row{grid-template-columns:100px 1fr 60px;align-items:center;gap:12px;display:grid}.odds-name{font-size:14px;font-weight:700}.odds-bar{background:#ffffff0f;border-radius:99px;height:10px;overflow:hidden}.odds-bar i{border-radius:inherit;height:100%;display:block}.odds-row b{text-align:right;font-variant-numeric:tabular-nums}.home{grid-template-columns:minmax(0,1fr) minmax(280px,320px);grid-template-areas:"hero rail""play rail""finds finds""level level";align-items:start;gap:18px;display:grid}.hero{grid-area:hero}.rail{grid-area:rail;gap:18px;display:grid}.play{grid-area:play}.finds{grid-area:finds;margin-top:18px}.level-strip{grid-area:level}.hero{isolation:isolate;background:radial-gradient(70% 100% at 20%,#e2b23c33,#0000 70%),radial-gradient(40% 60% at 100% 0,#788cff12,#0000 70%),linear-gradient(160deg,#1d1f28,#111217 70%);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,4vw,56px);min-height:380px;padding:clamp(24px,3.5vw,44px) clamp(22px,4.5vw,60px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff14,0 30px 60px -30px #000c}.hero:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(140deg,#f3cf6a80,#0000 35% 70%,#f3cf6a40);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-rays{background:repeating-conic-gradient(from 0deg, #f3cf6a12 0 6deg, transparent 6deg 22deg);border-radius:50%;width:1000px;height:1000px;margin:-500px 0 0 -500px;display:none;position:absolute;top:50%;left:22%;-webkit-mask:radial-gradient(closest-side,#000 10%,#0000 70%);mask:radial-gradient(closest-side,#000 10%,#0000 70%)}.royal-next .hero-rays{background:repeating-conic-gradient(from 0deg, #f3cf6a2e 0 6deg, transparent 6deg 22deg);animation:20s linear infinite spin;display:block}.hero-pack{cursor:pointer;background:0 0;border:0;place-items:center;padding:14px 34px 24px;display:grid;position:relative}.hero-pack:disabled{cursor:default}.hero-pack>span{grid-area:1/1}.hero-main{z-index:3;filter:drop-shadow(0 24px 30px #0000008c);transition:filter .2s,transform .15s;animation:3.4s ease-in-out infinite float;display:block;position:relative}.hero-pack:hover:not(:disabled) .hero-main{filter:brightness(1.1)drop-shadow(0 0 30px #f3cf6a73)}.hero-pack:active:not(:disabled) .hero-main{transform:scale(.96)}.hero-copy{opacity:.5;filter:brightness(.5);display:block;position:relative}.hero-copy.c1{z-index:2;transform:translate(26px,8px)rotate(7deg)}.hero-copy.c2{z-index:1;opacity:.3;transform:translate(-26px,12px)rotate(-8deg)}.hero-pack .pack{width:clamp(160px,15vw,210px)}.hero-count{z-index:4;min-width:42px;height:42px;color:var(--gold-ink);font-family:var(--serif);background:linear-gradient(#ffe08a,#e0a526);border-radius:99px;place-items:center;padding:0 10px;font-size:22px;font-weight:800;animation:.5s cubic-bezier(.2,1.6,.4,1) pop;display:grid;position:absolute;top:2px;right:16px;box-shadow:0 0 0 3px #15171d,0 6px 18px #00000080}.no-packs .hero-main{filter:grayscale(.7)brightness(.55);animation:none}.hero-info{justify-items:start;gap:12px;min-width:0;display:grid;container-type:inline-size}.hero-info .kicker{margin-bottom:-2px}.hero-info h1{letter-spacing:-.025em;font-size:clamp(28px,12cqi,46px);line-height:1}.hero-info h1 em{color:var(--gold-2);font-style:normal}.hero-timer{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.hero-timer .icon{width:17px;height:17px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.btn-hero{border-radius:16px;min-height:60px;padding:0 38px;font-size:18px;box-shadow:inset 0 1px #ffffff73,0 5px #8a5d12,0 14px 24px -10px #000000b3}.btn-hero .icon{width:22px;height:22px}.hero-actions .btn-ghost{border-radius:16px;min-height:60px}.hero-actions .hero-test{color:var(--gold-2);border:1px dashed #f3cf6a8c;padding:0 16px;font-size:13px}.royal-track{color:var(--muted);gap:7px;margin-top:8px;font-size:13px;display:grid}.royal-pips{align-items:center;gap:5px;display:flex}.royal-pips i{background:#ffffff1a;border-radius:99px;width:20px;height:5px}.royal-pips i.on{background:var(--gold)}.royal-pips i.crown{border:1px solid var(--gold);background:0 0;border-radius:2px;width:11px;height:11px;margin-left:3px;transform:rotate(45deg)}.royal-next .royal-pips i.crown{background:var(--gold-2);box-shadow:0 0 10px var(--gold)}.hero.royal-next{background:radial-gradient(70% 100% at 20%,#f3cf6a57,#0000 70%),linear-gradient(160deg,#2c2313,#121015 70%);box-shadow:inset 0 0 0 1px #f3cf6a59,0 0 80px -24px #f3cf6ab3}.royal-next .hero-main{filter:drop-shadow(0 0 34px #f3cf6a99)}.hero-ribbon{z-index:5;color:var(--gold-ink);font-family:var(--serif);letter-spacing:.04em;background:linear-gradient(#fff1c2,#e0a526);border-radius:99px;align-items:center;gap:6px;padding:6px 15px 6px 11px;font-size:15px;font-weight:800;display:inline-flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #15171d,0 8px 20px #00000080,0 0 24px #f3cf6a80}.hero-ribbon .icon{stroke-width:2.2px;width:16px;height:16px}.tribute{background:radial-gradient(120% 80% at 100% 0,#f3cf6a38,#0000 60%),linear-gradient(170deg,#2a2213,#16130d);border-radius:16px;gap:16px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f3cf6a4d,0 20px 40px -24px #000c}.tribute.claimed{background:linear-gradient(170deg,#1d1b17,#141310);box-shadow:inset 0 0 0 1px #ffffff12}.tribute-head{justify-content:space-between;align-items:center;display:flex}.tribute-head .kicker{margin:0}.streak{color:#ffb28a;background:#ff8a4c1f;border-radius:99px;align-items:center;gap:5px;padding:4px 11px 4px 8px;display:inline-flex}.streak .icon{color:#ff8a4c;width:17px;height:17px}.streak b{font-family:var(--serif);color:#ffd2b8;font-size:17px}.tribute-days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.tday{background:#00000047;border-radius:10px;justify-items:center;gap:2px;padding:8px 0 7px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.tday small{color:var(--faint);font-size:11px}.tday b{font-family:var(--serif);color:var(--muted);font-size:15px}.tday.got{background:#e2b23c29;box-shadow:inset 0 0 0 1px #e2b23c59}.tday.got b{color:var(--gold-2)}.tday.now{background:linear-gradient(#ffe08a,#d39a22)}.tday.now small,.tday.now b{color:var(--gold-ink)}.tribute-btn{width:100%}.tribute-btn small{opacity:.7;font-size:12px;font-weight:600}.tribute-done{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.tribute-done .icon{width:18px;height:18px;color:var(--good)}.quests{background:linear-gradient(#181a21,#131419);border-radius:16px;padding:18px 18px 8px;box-shadow:inset 0 0 0 1px #ffffff12,0 4px #050608}.quests-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.quests-head .kicker{color:var(--text);margin:0}.quests-head small{color:var(--faint);font-size:12px}.quest-list{margin:0;padding:0;list-style:none}.quest{border-top:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 0;display:flex}.quest:first-child{border-top:0}.quest-check{width:24px;height:24px;color:var(--gold-ink);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #ffffff24}.quest-check .icon{stroke-width:3px;width:14px;height:14px}.quest.ready .quest-check{background:var(--gold);box-shadow:none}.quest.claimed .quest-check{color:#8ad7a8;box-shadow:none;background:#63c18940}.quest-text{flex:1;gap:7px;min-width:0;display:grid}.quest-text b{font-size:14px;font-weight:600}.quest.claimed .quest-text b{color:var(--faint);-webkit-text-decoration:line-through #fff3;text-decoration:line-through #fff3}.quest-bar{background:#ffffff12;border-radius:99px;height:4px;display:block;overflow:hidden}.quest-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--gold-2));height:100%;display:block}.quest.claimed .quest-bar{display:none}.quest-reward{font-family:var(--serif);color:var(--gold-2);white-space:nowrap;align-items:center;gap:2px;font-size:16px;line-height:1.1;display:inline-flex}.quest-text small{color:var(--faint);margin-top:-3px;font-size:11px}.play{align-content:start;gap:12px;display:grid}.battle-tile{color:var(--text);background:linear-gradient(120deg,#2a1712,#16171d 65%);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex;box-shadow:inset 0 0 0 1px #e5603e59}.battle-tile:hover{text-decoration:none;box-shadow:inset 0 0 0 1px #e5603e99}.battle-tile-text{gap:4px;display:grid}.battle-tile b{font-family:var(--serif);font-size:22px;font-weight:650;line-height:1.15}.battle-tile small{color:var(--muted);font-size:13px}.battle-tile .btn{--lip:#7d2a14;color:#fff;background:linear-gradient(#ef7a58,#d8502e);border-color:#f39274;flex:none}.play-list{background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset;border-radius:16px;display:grid;overflow:hidden}.play-list a{color:var(--text);border-top:1px solid var(--line);grid-template-columns:36px auto 1fr 16px;align-items:center;gap:12px;padding:14px 16px;display:grid}.play-list a:first-child{border-top:0}.play-list a:hover{background:#ffffff08;text-decoration:none}.play-list .icon{background:var(--pc,#3a3f4d);color:#fff;border-radius:10px;width:36px;height:36px;padding:8px;box-shadow:inset 0 -3px #0000004d}.play-list a:first-child{--pc:#b8862a}.play-list a:nth-child(2){--pc:#2f9c6a}.play-list a:nth-child(3){--pc:#2f63b8}.play-list a:nth-child(4){--pc:#7a4fd0}.play-list b{font-size:15px;font-weight:650}.play-list span{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.play-list a>.icon:last-child{width:16px;height:16px;box-shadow:none;color:var(--faint);background:0 0;padding:0}.finds .sec-head .kicker{margin:0}.level-strip{color:var(--text);background:linear-gradient(90deg,#e2b23c14,#ffffff05);border-radius:20px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px;margin-top:6px;padding:16px 20px;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.level-strip:hover{text-decoration:none;box-shadow:inset 0 0 0 1px #e2b23c59}.level-strip>div{gap:1px;display:grid}.level-strip b{font-family:var(--serif);font-size:19px}.level-strip small{color:var(--muted);font-size:13px}.level-strip .bar{height:7px;margin:0}.level-strip>.icon{width:16px;height:16px;color:var(--faint)}.level-badge{color:#2a1c04;background:radial-gradient(circle at 35% 30%,#ffe08a,#b07a1a);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}@media (max-width:1200px){.home{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""rail""play""finds""level"}.rail{grid-template-columns:1fr 1fr;align-items:start}}@media (max-width:760px){.rail{grid-template-columns:1fr}.hero{text-align:center;border-radius:18px;grid-template-columns:1fr;justify-items:center;min-height:0;padding:24px 18px}.hero-info{justify-self:stretch;justify-items:center;width:100%}.hero-info h1 br{display:none}.hero-rays{top:30%;left:50%}.hero-pack .pack{width:150px}.btn-hero{padding:0 28px}.hero-actions{justify-content:center}.royal-track{justify-items:center}.battle-tile{gap:12px;padding:16px}.battle-tile b{font-size:18px}.battle-tile .btn{padding:0 18px}.play-list a{grid-template-columns:36px auto 1fr 14px;padding:13px 14px}.level-strip{grid-template-columns:auto 1fr auto}.level-strip .bar{grid-column:1/-1}}.open-overlay{z-index:60;opacity:0;-webkit-user-select:none;user-select:none;background:#07080b;transition:opacity .28s;position:fixed;inset:0;overflow:hidden}.open-overlay.in{opacity:1}.open-scene{transition:filter .5s,opacity .5s;position:absolute;inset:0}.open-ui{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;top:14px;right:14px}.round-btn{min-width:40px;height:40px;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1012188c;border:1px solid #ffffff29;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.round-btn.wide{padding:0 16px}.round-btn:hover{background:#1e212acc}.round-btn .icon{width:18px;height:18px}.open-summary{z-index:15;opacity:0;background:radial-gradient(900px 600px at 50% 45%,#141822b3,#050609eb);padding:0 16px;transition:opacity .3s;position:absolute;inset:0}.open-summary.in{opacity:1}.style-classic.summary-on .open-scene{filter:blur(6px);opacity:.08}.sum-row{left:12px;right:12px;top:max(16px, env(safe-area-inset-top));bottom:calc(50% + var(--lift) + 48px);flex-wrap:wrap;place-content:flex-end center;gap:clamp(8px,1.4vw,16px);display:flex;position:absolute}.sum-card{width:clamp(84px,min(15vw,22vh),180px);animation:dealIn .5s var(--d) cubic-bezier(.2, 1.2, .4, 1) both;background:0 0;border:0;padding:0}.sum-card .card{max-width:none}.sum-card:hover .card{transform:translateY(-6px)}@keyframes dealIn{0%{opacity:0;transform:translateY(40px)scale(.9)rotate(-4deg)}}.sum-foot{left:0;right:0;top:calc(50% - var(--lift) - 33px);justify-items:center;gap:12px;padding:0 16px;display:grid;position:absolute}.sum-main{border-radius:18px;width:min(380px,100%);min-height:66px;font-size:18px}.sum-main small{opacity:.7;font-weight:500}.sum-stats{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 18px;font-size:14px;display:flex}.sum-stats b{font-family:var(--serif);color:var(--text);font-size:20px}@media (max-width:760px){.open-summary{padding:max(60px, env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.sum-row{grid-template-columns:repeat(2, var(--sw));--sw:min(calc((100vw - 44px) / 2), calc((100dvh - 270px) / 4.3));flex:1;place-content:center;gap:10px 12px;min-height:0;display:grid;position:static}.sum-card{width:var(--sw)}.sum-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center}.sum-foot{gap:10px;padding:14px 0 0;position:static}.sum-foot .sum-stats{order:-1;font-size:13px}.sum-main{min-height:58px}}.open-overlay{--cw:min(340px, 80vw, 46vh);--lift:8vh}.classic{touch-action:none;background:radial-gradient(800px 560px at 50% 38%,#1d2230,#0a0b0f 72%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.cl-pack-wrap,.cl-stack,.cl-glow{margin-bottom:calc(var(--lift) * 2)}@media (max-height:720px){.open-overlay{--cw:min(340px, 80vw, 43vh);--lift:3.5vh}}.classic{grid-template:minmax(0,1fr)/minmax(0,1fr)}.classic>:not(canvas){grid-area:1/1}.cl-fx{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cl-pack-wrap{z-index:2;justify-items:center;display:grid;position:relative}.cl-pack{cursor:grab;touch-action:none;width:min(290px,60vw,36vh);animation:3.2s ease-in-out infinite float}.cl-pack:active{cursor:grabbing}.cl-guide{pointer-events:none;background:#ffffff1f;border-radius:99px;height:3px;position:absolute;top:10.5%;left:7%;right:7%;overflow:hidden}.cl-guide i{background:linear-gradient(90deg, #fff3c9, var(--gold));width:0;height:100%;box-shadow:0 0 12px var(--gold);transition:width 80ms linear;display:block}.cl-pack.torn{animation:none}.cl-pack.torn .pack-top{opacity:0;transition:transform .6s cubic-bezier(.2,.8,.3,1),opacity .6s;transform:translate(60px,-160px)rotate(26deg)}.stacked .cl-pack-wrap{animation:.7s cubic-bezier(.5,0,.7,.4) forwards packAway}@keyframes packAway{to{opacity:0;transform:translateY(70vh)scale(.92)}}.cl-stack{z-index:3;width:var(--cw);aspect-ratio:63/88;animation:.6s cubic-bezier(.2,1.1,.4,1) both stackRise;position:relative}@keyframes stackRise{0%{opacity:0;transform:translateY(32vh)scale(.82)}}.cl-stack:before{content:"";z-index:-1;opacity:0;background:var(--hint,#fff);filter:blur(22px);border-radius:9%/6.5%;transition:opacity .5s;position:absolute;inset:-16px}.cl-stack.hinting:before{opacity:.9;animation:1.1s ease-in-out infinite alternate hintAura}@keyframes hintAura{0%{opacity:.55;transform:scale(.98)}to{opacity:1;transform:scale(1.06)}}.cl-stack.hinting .cl-card.top .card-frame{box-shadow:0 0 0 2px var(--hint), 0 8px 22px #0006}.cl-card{--d:var(--i);transform:translateY(calc(var(--d) * 9px)) scale(calc(1 - var(--d) * .035));touch-action:none;transition:transform .45s cubic-bezier(.2,.9,.3,1),opacity .35s,filter .35s;position:absolute;inset:0}.cl-card:not(.top){filter:brightness(.82);pointer-events:none}.cl-card.top{cursor:grab}.cl-card.dragging{cursor:grabbing;transition:none}.cl-card.gone{opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.3,.6,.4,1),opacity .5s .1s}.cl-card .card{pointer-events:none;width:100%;max-width:none}.cl-card.celebrate .card-frame{box-shadow:0 0 0 3px var(--tier), 0 0 70px 14px var(--tier), 0 20px 40px #0009}.cl-card.celebrate{animation:.6s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}.cl-glow{z-index:1;aspect-ratio:1;background:radial-gradient(closest-side, var(--tier), transparent 72%);opacity:0;pointer-events:none;border-radius:50%;width:min(620px,120vw);transition:opacity .7s,transform 1s cubic-bezier(.2,.9,.3,1);position:relative;transform:scale(.5)}.cl-glow.on{opacity:.85;animation:1.4s ease-in-out infinite alternate glowPulse;transform:scale(1)}.cl-glow.legend{background:radial-gradient(closest-side, #fff3c9, var(--tier) 35%, transparent 72%)}@keyframes glowPulse{to{opacity:.55;transform:scale(.92)}}.cl-rays{background:repeating-conic-gradient(from 0deg, #ffffff38 0 5deg, transparent 5deg 20deg);border-radius:50%;animation:16s linear infinite spin;position:absolute;inset:-10%;-webkit-mask:radial-gradient(closest-side,#000 25%,#0000 72%);mask:radial-gradient(closest-side,#000 25%,#0000 72%)}@keyframes spin{to{transform:rotate(360deg)}}.cl-foot{z-index:5;left:0;right:0;top:calc(50% - var(--lift) + var(--cw) * .7 + 26px);pointer-events:none;text-align:center;justify-items:center;gap:12px;padding:0 16px;display:grid;position:absolute}.cl-nav{align-items:center;gap:18px;display:flex}.cl-arrow{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .15s,opacity .2s,transform .15s;display:grid}.cl-arrow .icon{stroke-width:2.4px;width:20px;height:20px}.cl-prev .icon{transform:scaleX(-1)}.cl-arrow:hover:not(:disabled){background:#ffffff29}.cl-arrow:active:not(:disabled){transform:scale(.92)}.cl-arrow:disabled{opacity:.25;cursor:default}.classic:not(.stacked) .cl-arrow{visibility:hidden}.cl-hint{color:#ffffff8c;letter-spacing:.01em;font-size:14px;font-weight:550}.cl-dots{gap:8px;display:flex}.cl-dots i{background:#ffffff2e;border-radius:50%;width:8px;height:8px;transition:background .3s,width .3s}.cl-dots i.on{background:var(--gold)}.cl-dots i.on:last-child{border-radius:99px;width:22px}.cl-dots i.on:has(+i:not(.on)){border-radius:99px;width:22px}.cl-count{text-align:center;letter-spacing:.04em;color:#ffffff80;font-size:13px;font-weight:600;transition:opacity .3s;position:absolute;bottom:calc(100% + 16px);left:0;right:0}.cl-count b{color:var(--gold-2);font-size:16px}.cl-stack.hinting .cl-count{opacity:0}.cl-card.top.nudge>.card{animation:1.6s ease-in-out 2 nudge}@keyframes nudge{20%{translate:-26px;rotate:-4deg}40%,to{translate:0;rotate:0deg}}.classic.done .cl-foot{opacity:0}.classic:after{content:"";z-index:6;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff6d8,#0000 65%);position:absolute;inset:0}.classic.flash:after{animation:1s ease-out lightFlash}.pack-tearline{pointer-events:none;border-top:2px dashed #ffffff38;position:absolute;top:13.5%;left:4%;right:4%}.pack-shine{border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff29 47%,#0000 58%) 0 0/250% 100% no-repeat;animation:4.5s ease-in-out infinite sheen;position:absolute;inset:0}.classic.is-royal{background:radial-gradient(900px 600px at 50% 42%,#3a2a10,#120d06 55%,#07060a 80%)}.classic.is-royal .cl-pack{filter:drop-shadow(0 0 40px #f3cf6a73);width:min(300px,60vw,31vh)}.classic.is-royal .cl-pack-wrap{margin-top:clamp(90px,19vh,170px)}.classic.is-royal:before{content:"";pointer-events:none;background:repeating-conic-gradient(from 0deg, #f3cf6a1f 0 5deg, transparent 5deg 18deg);border-radius:50%;width:1100px;height:1100px;margin:-550px 0 0 -550px;transition:opacity .6s;animation:30s linear infinite spin;position:absolute;top:46%;left:50%;-webkit-mask:radial-gradient(closest-side,#000 15%,#0000 70%);mask:radial-gradient(closest-side,#000 15%,#0000 70%)}.classic.is-royal.opened:before{opacity:.35}.cl-royal{z-index:4;top:calc(7% + env(safe-area-inset-top));pointer-events:none;text-align:center;justify-items:center;gap:6px;transition:opacity .5s,transform .5s;animation:.9s cubic-bezier(.2,1.3,.4,1) both royalIn;display:grid;position:absolute;left:0;right:0}.classic.opened .cl-royal{opacity:0;transform:translateY(-20px)}.cl-royal-crown{color:#2a1c04;background:radial-gradient(circle at 35% 30%,#fff1c2,#e0a526 60%,#8a5f14);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 0 0 3px #f3cf6a59,0 0 40px #f3cf6a99}.cl-royal-crown .icon{stroke-width:2px;width:30px;height:30px}.cl-royal-title{font-family:var(--serif);letter-spacing:.02em;background:linear-gradient(#fff6d8,#f3cf6a 45%,#c58f1e);color:#0000;filter:drop-shadow(0 2px 14px #f3cf6a73);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,6vw,58px);font-weight:800;line-height:1}.cl-royal-sub,.cl-omen{font-size:15px;font-weight:650;font-family:var(--serif);color:#f3dfa6;align-items:center;gap:12px;display:flex}.cl-royal-sub i,.cl-omen i{background:linear-gradient(90deg,#0000,currentColor);width:46px;height:1px;display:block}.cl-royal-sub i:last-child,.cl-omen i:last-child{transform:scaleX(-1)}@keyframes royalIn{0%{opacity:0;transform:translateY(-24px)scale(.9)}}.sum-royal{background:linear-gradient(#ffe08a,#d39a22);border-radius:99px;align-items:center;gap:6px;padding:3px 12px 3px 8px;font-size:13px;font-weight:800;display:inline-flex;color:var(--gold-ink)!important}.sum-royal .icon{width:15px;height:15px}.cl-omen{z-index:4;pointer-events:none;white-space:nowrap;color:var(--hint,#fff);opacity:0;justify-content:center;transition:opacity .5s,transform .5s;position:absolute;bottom:calc(100% + 22px);left:-60%;right:-60%;transform:translateY(8px)}.cl-omen.on{opacity:1;transform:none}.cl-omen b{color:#fff8e6;text-shadow:0 0 18px var(--hint), 0 0 2px var(--hint);font-weight:750}.cl-omen-gem{background:var(--hint);width:9px;height:9px;box-shadow:0 0 12px var(--hint);border-radius:2px;animation:1.2s ease-in-out infinite alternate omenGem;transform:rotate(45deg)}@keyframes omenGem{to{box-shadow:0 0 22px var(--hint);transform:rotate(45deg)scale(1.35)}}.cl-card.celebrate.quiet{animation:none}.cl-card>.card-back{display:none}.cl-card.facedown>.card{visibility:hidden}.cl-card.facedown>.card-back{width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes lightFlash{0%{opacity:.9}to{opacity:0}}.wo{z-index:8;color:#fff;text-align:center;--hi:#fff3c9;position:absolute;inset:0;overflow:hidden}.wo>*{transition:opacity .5s}.wo-bg{opacity:0;background:radial-gradient(60% 50% at 50% 38%,#1c1608,#050406 70%);transition:opacity .3s;position:absolute;inset:0}.wo.in .wo-bg{opacity:1}.wo-fx{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wo-kicker{top:calc(8% + env(safe-area-inset-top));z-index:2;font-family:var(--serif);text-transform:uppercase;color:var(--hi);text-shadow:0 0 18px var(--tier);opacity:0;letter-spacing:.9em;filter:blur(6px);margin:0;font-size:clamp(15px,2.6vw,21px);transition:opacity 1s .2s,letter-spacing 1.4s cubic-bezier(.2,.8,.3,1) .2s,filter 1s .2s;position:absolute;left:0;right:0}.wo.in .wo-kicker{opacity:1;letter-spacing:.34em;filter:none}.wo-stage{z-index:2;margin-bottom:calc(var(--lift) * 2);place-content:center;justify-items:center;gap:clamp(10px,2.2vh,22px);padding:0 16px;display:grid;position:absolute;inset:0}.wo.shake .wo-stage{animation:.38s woShake}@keyframes woShake{20%{translate:-7px 4px}40%{translate:6px -5px}60%{translate:-4px 3px}80%{translate:2px -1px}}.wo-cat{letter-spacing:.16em;text-transform:uppercase;color:var(--hi);opacity:0;border:1px solid color-mix(in srgb, var(--tier) 65%, transparent);box-shadow:0 0 26px color-mix(in srgb, var(--tier) 35%, transparent);background:#ffffff0f;border-radius:99px;align-items:center;gap:8px;padding:7px 18px;font-size:14px;font-weight:800;display:inline-flex}.wo-cat .icon{width:18px;height:18px;color:var(--tier)}.wo-row{align-items:center;gap:clamp(10px,4vw,44px);display:flex}.wo-stat{opacity:0;justify-items:center;gap:2px;width:clamp(70px,20vw,124px);display:grid;position:relative}.wo-stat .icon{width:clamp(24px,6vw,38px);height:clamp(24px,6vw,38px);color:var(--tier);filter:drop-shadow(0 0 10px var(--tier))}.wo-stat b{font-family:var(--serif);font-variant-numeric:tabular-nums;text-shadow:0 0 24px var(--tier), 0 3px 0 #00000073;font-size:clamp(38px,10.5vw,74px);font-weight:400;line-height:1}.wo-stat small{letter-spacing:.18em;text-transform:uppercase;color:#fff9;font-size:11px;font-weight:800}.wo-stat:after{content:"";aspect-ratio:1;border:2px solid var(--tier);opacity:0;pointer-events:none;border-radius:50%;width:170%;position:absolute;top:45%;left:50%;translate:-50% -50%}.wo-stat.hit:after{animation:.7s ease-out woRing}@keyframes woRing{0%{opacity:1;scale:.2}to{opacity:0;scale:1.2}}.wo-pic{aspect-ratio:1;opacity:0;width:clamp(118px,33vw,214px);box-shadow:0 0 0 3px var(--tier), 0 0 0 8px color-mix(in srgb, var(--tier) 25%, transparent), 0 0 70px color-mix(in srgb, var(--tier) 60%, transparent);background:#17130a;border-radius:50%;overflow:hidden}.wo-pic img{object-fit:cover;width:100%;height:100%;display:block}.wo-noart{height:100%;color:var(--tier);place-items:center;display:grid}.wo-noart .icon{width:46%;height:46%}.wo-name{max-width:min(92vw,660px);font-family:var(--serif);perspective:700px;font-size:clamp(30px,7.4vw,60px);line-height:1.08}.wo-w{white-space:nowrap;display:inline-block}.wo-name i{opacity:0;color:#ffe9a8;text-shadow:0 0 20px var(--tier), 0 3px 0 #0006;font-style:normal;display:inline-block}.wo-card{z-index:5;opacity:0;position:absolute}.wo-card .card{width:100%;max-width:none}.wo-card .card-frame{box-shadow:0 0 0 3px var(--tier), 0 0 70px 14px var(--tier), 0 20px 40px #0009}.wo-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.wo:after{content:"";z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 42%,#fffaf0,#ffecb499 30%,#0000 70%);position:absolute;inset:0}.s-def .wo-def,.s-atk .wo-atk{animation:.55s both woDrop}@keyframes woDrop{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.5);transform:translateY(-60vh)scale(1.5)}55%{opacity:1;animation-timing-function:ease-out;transform:translateY(0)scale(1.2,.82)}78%{transform:translateY(-10px)scale(.95,1.05)}to{opacity:1;transform:none}}.s-cat .wo-cat{animation:.55s cubic-bezier(.2,1.5,.4,1) both woBadge}@keyframes woBadge{0%{opacity:0;transform:translateY(-24px)scale(.5)}to{opacity:1;transform:none}}.s-pic .wo-pic{animation:.7s cubic-bezier(.2,1.3,.4,1) both woBadge}.s-pic .wo-pic img,.s-pic .wo-noart{animation:.9s cubic-bezier(.2,.8,.3,1) both woIris}@keyframes woIris{0%{clip-path:circle(0);filter:brightness(4)saturate(0)}to{clip-path:circle(71%);filter:none}}.s-name .wo-name i{animation:woLetter .5s calc(var(--k) * var(--stagger)) cubic-bezier(.2, 1.4, .4, 1) both}@keyframes woLetter{0%{opacity:0;transform:translateY(.5em)rotateX(-90deg)scale(1.5)}to{opacity:1;transform:none}}.wo.s-card .wo-stage{animation:.45s ease-in forwards woOut}@keyframes woOut{to{opacity:0;filter:blur(10px);transform:scale(1.3)}}.s-card:after{animation:1s ease-out woFlash}@keyframes woFlash{8%{opacity:1}}.s-card .wo-card{animation:1.05s cubic-bezier(.15,.9,.25,1) 80ms both woCard}@keyframes woCard{0%{opacity:0;filter:brightness(3);transform:perspective(1100px)rotateY(-320deg)scale(.25)}45%{opacity:1}to{opacity:1;filter:none;transform:perspective(1100px)rotateY(0)scale(1)}}.wo.leave>:not(.wo-card){opacity:0}.wo.calm .wo-kicker{letter-spacing:.34em;filter:none}.wo.calm>*{transition-duration:.4s!important}.wo.calm.s-def .wo-def,.wo.calm.s-atk .wo-atk,.wo.calm.s-cat .wo-cat,.wo.calm.s-pic .wo-pic,.wo.calm.s-name .wo-name i,.wo.calm.s-card .wo-card{animation:.4s both woFade!important}.wo.calm.s-card .wo-stage{animation:.35s forwards woFadeOut!important}.wo.calm .wo-pic img,.wo.calm .wo-noart,.wo.calm:after{animation:none!important}@keyframes woFade{0%{opacity:0}to{opacity:1}}@keyframes woFadeOut{to{opacity:0}}.portrait{width:52px;height:52px;font-family:var(--serif);color:#fff;text-shadow:0 1px 2px #00000080;border-radius:50%;flex:none;place-items:center;font-size:19px;font-weight:750;display:grid;position:relative;box-shadow:0 0 0 2px #14161b,0 0 0 4px #e2b23c8c,0 8px 20px #00000073}.portrait:after{content:"";background:radial-gradient(circle at 35% 25%,#ffffff59,#0000 50%);border-radius:50%;position:absolute;inset:0}.p-0{background:linear-gradient(140deg,#63c189,#2b5f40)}.p-1{background:linear-gradient(140deg,#4f97e6,#213f66)}.p-2{background:linear-gradient(140deg,#f06a48,#6f2214)}.p-me{color:#2a1c04;text-shadow:none;background:linear-gradient(140deg,#f3cf6a,#8a5f14)}.kb-modes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.kb-mode{text-align:left;background:var(--ink-2);border:1.5px solid var(--line);color:var(--text);border-radius:18px;align-items:center;gap:16px;padding:18px;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.kb-mode:hover{border-color:var(--line-2);transform:translateY(-2px)}.kb-mode.on{border-color:var(--gold);background:linear-gradient(120deg, #e2b23c24, var(--ink-2) 70%)}.kb-mode-icon{background:var(--ink-4);width:52px;height:52px;color:var(--gold);border-radius:15px;flex:none;place-items:center;display:grid}.kb-mode-icon .icon{width:26px;height:26px}.kb-mode.on .kb-mode-icon{background:var(--gold);color:var(--gold-ink)}.kb-mode-text{flex:1;gap:3px;display:grid}.kb-mode-text b{font-family:var(--serif);font-size:18px}.kb-mode-text small{color:var(--muted);font-size:13px}.kb-mode-check{border:1.5px solid var(--line-2);color:#0000;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.kb-mode.on .kb-mode-check{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.kb-mode-check .icon{width:15px;height:15px}.kb-top{align-items:center}.kb-switch{width:min(520px,100%);display:flex}.kb-switch button{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:15px;display:inline-flex}.kb-switch .icon{width:17px;height:17px}.kb-switch button.on .icon{color:var(--gold)}.kb-hint{color:var(--muted);margin:8px 2px 22px;font-size:13px}.kb-deckbox{background:radial-gradient(70% 90% at 50% 0,#e2b23c14,#0000 70%),linear-gradient(#1d1914,#14110d);border:1px solid #3a2f20;border-radius:20px;padding:14px}.kb-deckhead{align-items:center;gap:10px;margin-bottom:12px;display:flex}.kb-deckhead>b{font-family:var(--serif);font-size:17px}.kb-power{color:var(--gold-2);margin-right:auto;font-size:13px;font-weight:700}.kb-deckhead .deck-slots button{padding:4px 11px}.kb-deck .card-marks>span{display:none}.kb-deck{grid-template-columns:repeat(5,minmax(0,132px));gap:12px;display:grid}.kb-deck .card{max-width:none}.kb-h{margin:26px 0 12px;font-size:18px}.kb-opps{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px;display:grid}.kb-bot,.kb-friend{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;padding:12px 14px;display:flex}.kb-bot .portrait{width:44px;height:44px;font-size:16px}.portrait>.icon{z-index:1;width:52%;height:52%;position:relative}.kb-bot-text b,.kb-friend b{overflow-wrap:anywhere;line-height:1.25}.kb-bot>.btn,.kb-friend>.btn{flex-shrink:0}.kb-bot-text,.kb-friend>div{flex:1;gap:3px;min-width:0;display:grid}.kb-bot-text b,.kb-friend b{font-size:15px}.kb-friend .rec{font-size:12px}.kb-presence{color:var(--faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.kb-presence i{font-style:normal}.kb-presence .rec>span{white-space:nowrap}.kb-friend.is-online .kb-presence i{color:#8ad7a8}.kb-friend:not(.is-online) .avatar-sm{filter:grayscale(.7);opacity:.75}.kb-friend.is-waiting{border-color:var(--gold)}.kb-waitline{color:var(--gold-2);font-size:13px}.kb-waitline b{font-variant-numeric:tabular-nums}.kb-nofriends{grid-column:1/-1;padding:4px 2px;font-size:13px}.diff{align-items:center;gap:4px;margin-top:4px;display:flex}.diff i{background:var(--ink-4);border-radius:99px;width:16px;height:5px}.diff i.on{background:var(--gold)}.diff em{color:var(--muted);margin-left:6px;font-size:12px;font-style:normal}.kb-reward-note{color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.kb-reward-note .icon{width:16px;height:16px;color:var(--gold)}.modal-deck .modal-body{width:min(980px,100%)}.modal-deck h2 small{font-family:var(--sans);color:var(--muted);font-size:14px}.deck-pick{max-height:60vh;margin-top:14px;padding:4px;overflow-y:auto}@media (max-width:700px){.kb-deck{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.kb-deckbox{padding:10px}.kb-h{margin-top:20px}}.kb-wait{min-height:50vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;display:grid}.kb{isolation:isolate;min-height:560px;height:calc(100dvh - var(--top-h) - var(--tab-h) - 72px);background:radial-gradient(70% 55% at 50% 48%,#e2b23c1f,#0000 70%),repeating-linear-gradient(90deg,#ffffff04 0 2px,#0000 2px 9px),linear-gradient(#211b14,#15110d 60%,#100d0a);border:1px solid #3d3122;border-radius:28px;grid-template-rows:auto 1fr auto;gap:10px;padding:14px clamp(12px,2vw,22px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 140px #000000a6,0 24px 60px #00000073}.kb-fx{pointer-events:none;z-index:25;width:100%;height:100%;position:absolute;inset:0}.kb-bar{z-index:3;grid-template-columns:1fr minmax(200px,320px) auto;align-items:center;gap:14px;display:grid;position:relative}.kb-plate{color:#2a2418;background:linear-gradient(#fbf4de,#e6d7ae);border-radius:6px 18px;gap:5px;padding:8px 14px 7px;display:grid;box-shadow:0 0 0 2px #3b3124,0 0 0 4px #e2b23c8c,0 12px 26px #00000080}.kb-plate.me{border-radius:18px 6px}.kb-plate-top{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.kb-plate-top>b{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.kb-hp{background:#3b3124;border-radius:99px;align-items:center;gap:6px;padding:3px 4px 3px 7px;display:flex}.kb-hp em{font:800 11px var(--sans);letter-spacing:.05em;color:#f3cf6a}.kb-status{white-space:nowrap;font-size:12px}.kb-status i{color:#7a6c52;font-style:normal}.kb-status i.ok{color:#2f8a55}.kb-status i.bad{color:#b8452c}.kb-backs{padding-left:14px;display:flex}.mini{aspect-ratio:63/88;width:42px;margin-left:-14px;transition:transform .4s,opacity .4s;display:block;position:relative}.mini .card-back{box-shadow:inset 0 0 0 1px #9c7a2c,0 6px 12px #00000080}.mini .card-back-name{display:none}.mini .card-back-inner .icon{min-width:14px}.mini.used{opacity:.15;transform:translateY(10px)scale(.85)}.hpbar{background:#15120d;border-radius:99px;flex:1;height:10px;position:relative;overflow:hidden}.hpbar i{border-radius:99px;position:absolute;top:0;bottom:0;left:0}.hp-lag{background:#f5e3bd;transition:width .7s ease-out 50ms}.hp-fill{--hc:#3ec46f;background:linear-gradient(180deg, color-mix(in srgb, var(--hc) 55%, #fff), var(--hc) 55%);transition:width .25s ease-out}.hpbar.mid .hp-fill{--hc:#e8b923}.hpbar.low .hp-fill{--hc:#e5482e;animation:.8s ease-in-out infinite alternate lowHp}@keyframes lowHp{to{filter:brightness(1.4)}}.hp-num{font:700 12px var(--sans);color:#6b5d43;font-variant-numeric:tabular-nums;justify-self:end}.hp-num b{color:#2a2418;font-size:16px}.kb-mid{z-index:2;align-content:center;gap:8px;display:grid;position:relative}.kb-meta{justify-content:center;align-items:center;gap:10px;display:flex}.kb-roundno{color:var(--muted);font-size:13px;font-weight:650}.kb-quit{color:var(--faint);background:#0000004d;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:inline-flex}.kb-quit .icon{width:13px;height:13px}.kb-quit:hover{color:var(--bad)}[data-phase=done] .kb-quit{visibility:hidden}.kb-arena{grid-template-columns:minmax(120px,200px) minmax(0,1fr) minmax(120px,200px);align-items:center;gap:clamp(12px,2.4vw,32px);display:grid}.kb-arena:before{content:"";aspect-ratio:1;pointer-events:none;z-index:-1;border:1px dashed #e2b23c29;border-radius:50%;width:min(560px,74%);position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 90px #e2b23c0d}.kb-slot{aspect-ratio:63/88;place-items:center;width:100%;display:grid;position:relative}.kb-slot>*{position:absolute;inset:0}.kb-slot .card{width:100%;max-width:none}.kb-empty-slot{color:var(--faint);background:#0003;border:2px dashed #ffffff1a;border-radius:6%/4.3%;place-items:center;font-size:13px;display:grid}.kb-back-slot{display:block}.kb-in{animation:.45s cubic-bezier(.2,1.3,.4,1) kbIn}@keyframes kbIn{0%{opacity:0;transform:translateY(30px)scale(.85)rotateY(70deg)}}.kb-slot.hurt:after{content:"";z-index:4;pointer-events:none;background:radial-gradient(circle,#ff46288c,#ff462826);border-radius:6%/4.3%;animation:.55s ease-out forwards hurt;position:absolute;inset:0}@keyframes hurt{to{opacity:0}}.kb-slot .float{z-index:6}.kb-slot.mine{--side:#5fd39a;--dir:1;translate:0 22px}.kb-slot.theirs{--side:#f2765c;--dir:-1;translate:0 -22px}.kb-slot.clash{z-index:5;animation:1.25s cubic-bezier(.3,.7,.3,1) both kbClash}.kb-slot.clash.hit{animation-name:kbClashHit}.kb-slot.knocked{animation:1.25s ease-out both kbKnock}@keyframes kbClash{30%{transform:translate(calc(var(--fx) * -.12), calc(var(--fy) * -.12 - 16px)) scale(1.06) rotate(calc(var(--dir) * -5deg))}57%{transform:translate(var(--fx), var(--fy)) scale(1.12) rotate(calc(var(--dir) * 6deg))}72%{transform:translate(calc(var(--fx) * .7), calc(var(--fy) * .7)) scale(1.04)}}@keyframes kbClashHit{30%{transform:translate(calc(var(--fx) * -.12), calc(var(--fy) * -.12 - 16px)) scale(1.06) rotate(calc(var(--dir) * -5deg))}57%{transform:translate(var(--fx), var(--fy)) scale(1.1)}68%{transform:translate(calc(var(--fx) * .2 - var(--dir) * 40px), calc(var(--fy) * .2)) rotate(calc(var(--dir) * -12deg)) scale(.94);filter:brightness(1.7)}}@keyframes kbKnock{0%,56%{transform:none}64%{transform:translateX(calc(var(--dir) * -50px)) rotate(calc(var(--dir) * -13deg)) scale(.92);filter:brightness(1.9)}80%{transform:translateX(calc(var(--dir) * -28px)) rotate(calc(var(--dir) * -6deg))}}.kb-slot.ko .card{animation:.7s ease-in forwards kbKo}@keyframes kbKo{to{transform:translateY(26px) rotate(calc(var(--dir) * -14deg)) scale(.9);filter:grayscale()brightness(.5);opacity:.6}}.kb-slot .float{animation-name:kbPop;animation-timing-function:cubic-bezier(.2,1.5,.4,1)}.float.crit{color:#ffd36b;text-shadow:0 0 24px #ffbe3ccc,0 3px 12px #000;font-size:58px}.float small{font:800 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff3c9;text-align:center;display:block}@keyframes kbPop{0%{opacity:0;transform:translate(-50%,10px)scale(.3)}14%{opacity:1;transform:translate(-50%)scale(1.35)}28%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50px)}}.kb.shake{animation:.45s kbShake}@keyframes kbShake{20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(2px,-1px)}}.kb.crit{animation:.6s cubic-bezier(.2,1.4,.4,1) kbZoom}.kb.crit:after{content:"";z-index:24;pointer-events:none;background:radial-gradient(circle,#fff4c8e6,#ffc85a4d 45%,#0000 75%);animation:.6s ease-out forwards kbFlash;position:absolute;inset:0}@keyframes kbZoom{18%{transform:scale(1.05)rotate(-.5deg)}}@keyframes kbFlash{to{opacity:0}}@media (prefers-reduced-motion:reduce){.kb-slot .float{animation:none!important}.kb.crit:after{display:none}}.kb-slot:before{content:attr(data-tag);z-index:7;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;color:#0d0c0a;background:var(--side);border-radius:99px;max-width:92%;padding:3px 11px;font-size:12px;font-weight:800;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%,-60%);box-shadow:0 4px 12px #00000080}.kb-slot .card-frame{box-shadow:0 0 0 2px color-mix(in srgb, var(--side) 75%, transparent), 0 0 26px -6px var(--side), 0 14px 30px #00000080}.kb-slot .kb-empty-slot{border-color:color-mix(in srgb, var(--side) 35%, transparent)}.kb-center{align-content:center;justify-items:center;min-height:260px;display:grid}.kb-prompt{text-align:center;justify-items:center;gap:8px;max-width:360px;display:grid}.kb-prompt h3{font-family:var(--serif);font-size:26px}.kb-prompt p{color:var(--muted)}.ring{flex:none;width:52px;height:52px;display:inline-block;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:4px}.ring-fg{fill:none;stroke:var(--gold);stroke-width:4px;stroke-linecap:round;transition:stroke .3s}.ring.hurry .ring-fg{stroke:var(--bad)}.ring b{font-family:var(--serif);font-variant-numeric:tabular-nums;place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.ring.hurry b{color:#ff8f78;animation:.5s ease-in-out infinite pulse}.kb-q{color:#2a2418;background:linear-gradient(#fbf4de,#e6d7ae);border:0;border-radius:6px 18px;width:100%;max-width:600px;padding:16px 18px 12px;animation:.35s cubic-bezier(.2,1.2,.4,1) qIn;box-shadow:0 0 0 2px #3b3124,0 0 0 4px #e2b23c8c,0 20px 40px #0000008c}@keyframes qIn{0%{opacity:0;transform:translateY(12px)scale(.97)}}.kb-q-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.kb-q-head .ring{width:44px;height:44px}.kb-q-head .ring b{font-size:16px}.kb-q-about{color:#6b5d43;font-size:13px;font-weight:650}.kb-q-about b{color:#8a5d12}.kb-q .ring-bg{stroke:#3b312429}.kb-q .ring.hurry b{color:#b2412a}.kb-q-text{font-family:var(--serif);margin:10px 2px 14px;font-size:clamp(18px,2.1vw,23px);line-height:1.3}.kb-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kb-opt{text-align:left;color:#2a2418;background:#fffaf0;border:2px solid #3b3124;border-radius:13px;align-items:center;gap:10px;min-height:52px;padding:8px 12px;font-size:15px;font-weight:600;line-height:1.25;transition:border-color .15s,background .15s,transform .12s,box-shadow .12s,opacity .3s;display:flex;box-shadow:0 3px #3b3124}.kb-opt:hover:not(:disabled){background:#fff1cf;transform:translateY(-1px)}.kb-opt:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #3b3124}.kb-opt:disabled{cursor:default}.kb-opt kbd{width:24px;height:24px;font:700 12px var(--sans);color:#fbf4de;background:#3b3124;border-radius:7px;flex:none;place-items:center;display:grid;box-shadow:inset 0 -2px #00000073}.kb-opt.chosen{background:#f7dd94;border-color:#8a5d12}.kb-opt.right{background:#bfe6c9;border-color:#1f6e3f;animation:.4s cubic-bezier(.2,1.6,.4,1) rightPop;box-shadow:0 3px #1f6e3f}.kb-opt.right kbd{color:#fff;background:#1f6e3f}.kb-opt.wrong{background:#f4c3b8;border-color:#8f2f1f;animation:.4s wrongShake;box-shadow:0 3px #8f2f1f}.kb-opt.wrong kbd{color:#fff;background:#8f2f1f}.kb-opt.dim{opacity:.38}@keyframes rightPop{50%{transform:scale(1.04)}}@keyframes wrongShake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.kb-q-foot{color:var(--muted);text-align:center;margin-top:10px;font-size:13px}.kb-q-foot .good{color:#8ad7a8}.kb-q-foot .bad{color:#f59a84}.kb-q .kb-q-foot{color:#6b5d43}.kb-q .kb-q-foot .good{color:#1f6e3f}.kb-q .kb-q-foot .bad{color:#a8392a}.kb-next{margin:10px auto 0;display:flex}.kb-bar.me{grid-template-columns:auto minmax(200px,300px) 1fr}.kb-hand{grid-area:hand;justify-content:center;align-items:flex-end;margin-bottom:8px;padding:18px 9% 0 0;display:flex}[data-phase=answer] .kb-hand,[data-phase=reveal] .kb-hand{opacity:.45}.kb-hand-card{transform-origin:50% 130%;background:0 0;border:0;width:min(10.5vw,17vh,150px);margin:0 -6px;padding:0;transition:transform .25s cubic-bezier(.2,1.2,.4,1),opacity .3s,filter .3s;position:relative}.kb-hand-card:first-child{transform:rotate(-10deg)translateY(10px)}.kb-hand-card:nth-child(2){transform:rotate(-5deg)translateY(3px)}.kb-hand-card:nth-child(4){transform:rotate(5deg)translateY(3px)}.kb-hand-card:nth-child(5){transform:rotate(10deg)translateY(10px)}.kb-hand-card .card{pointer-events:none;max-width:none}.kb-hand-card.live{cursor:pointer}.kb-hand-card.live .card-frame{box-shadow:0 0 0 2px var(--gold-2), 0 0 24px #f3cf6a4d, 0 10px 20px #00000080}@media (hover:hover){.kb-hand-card.live:hover{z-index:3;transform:translateY(-26px)rotate(0)scale(1.08)}}.kb-hand-card.live.lift{z-index:3;transform:translateY(-22px)rotate(0)scale(1.14)}.kb-hand-card.lift .card-frame{box-shadow:0 0 0 3px #fff3c9,0 0 30px #f3cf6ab3,0 14px 26px #0009}.kb-slot.previewing .card{opacity:.8;filter:saturate(.85)}.kb-play{max-width:100%;margin:4px 0 2px}.kb-hand-card:not(.live){filter:brightness(.7)saturate(.8)}.kb-hand-card.used{opacity:.18;filter:grayscale()}.kb-hand-card.chosen{opacity:.25}.kb-hand-card:disabled{cursor:default}.kb-result{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;background:radial-gradient(circle at 50% 45%,#14161e99,#050609db);place-items:center;padding:16px;transition:opacity .4s;display:grid;position:absolute;inset:0}.kb-result.in{opacity:1}.kb-result-card{text-align:center;border:1px solid var(--line-2);background:linear-gradient(#252a37,#171a22);border-radius:24px;justify-items:center;gap:14px;width:min(520px,100%);padding:30px 26px;transition:transform .5s cubic-bezier(.2,1.4,.4,1);display:grid;transform:scale(.9)translateY(14px);box-shadow:0 30px 70px #0009}.kb-result.in .kb-result-card{transform:none}.kb-result.win .kb-result-card{border-color:#e2b23c99;box-shadow:0 30px 70px #0009,0 0 90px -16px #e2b23c8c}.kb-result-icon .icon{stroke-width:1.3px;width:64px;height:64px}.kb-result.win .kb-result-icon{color:var(--gold-2);filter:drop-shadow(0 0 20px #e2b23c99);animation:3s ease-in-out infinite float}.kb-result.loss .kb-result-icon,.kb-result.draw .kb-result-icon{color:var(--muted)}.kb-result-card h1{font-size:clamp(42px,6vw,58px)}.kb-result.win h1{color:var(--gold-2);text-shadow:0 4px 30px #e2b23c66}.kb-result-card>p{color:var(--muted)}.kb-result-stats{gap:10px;display:flex}.kb-result-stats span{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;min-width:96px;padding:10px 16px;display:grid}.kb-result-stats b{font-family:var(--serif);font-size:24px}.kb-result-stats small{color:var(--muted)}.kb-rewards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.kb-rewards span:not(.muted){background:#ffffff0f;border-radius:99px;padding:6px 12px;font-size:14px;font-weight:650}@media (max-height:760px){.kb-slot.mine,.kb-slot.theirs{translate:none}}@media (max-width:760px){.kb{z-index:50;overscroll-behavior:contain;height:100dvh;min-height:0;padding:calc(10px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom));border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;position:fixed;inset:0}.kb-bar,.kb-bar.me{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.kb-plate{gap:3px;padding:6px 10px 5px}.kb-plate-top>b{font-size:15px}.kb-slot.mine,.kb-slot.theirs{translate:none}.portrait{width:46px;height:46px;font-size:16px}.kb-status{font-size:11px}.hp-num b{font-size:14px}.kb-backs{padding:0}.mini{width:22px;margin-left:-9px}.kb-mid{scrollbar-width:none;gap:10px;overflow-y:auto}.kb-meta{justify-content:space-between}.kb-meta .mode{display:none}.kb-roundno{color:var(--gold-2);font-size:13px}.kb-quit{padding:7px}.kb-quit span{display:none}.kb-quit .icon{width:16px;height:16px}.kb-arena{grid-template-columns:1fr 1fr;grid-template-areas:"mine theirs""center center";gap:12px 14px}.kb-arena:before{display:none}.kb-slot.mine{grid-area:mine;justify-self:end}.kb-slot.theirs{grid-area:theirs;justify-self:start}.kb-center{grid-area:center;min-height:0}.kb-slot{width:min(41vw,19dvh,180px)}[data-phase=answer] .kb-slot,[data-phase=reveal] .kb-slot{width:min(30vw,14dvh)}.kb-prompt{gap:6px}.kb-prompt h3{font-size:22px}.kb-prompt p{font-size:14px}.kb-prompt .ring{width:44px;height:44px}.kb-q{border-radius:6px 16px;padding:12px 12px 10px}.kb-q-text{margin:8px 2px 12px;font-size:19px}.kb-opts{grid-template-columns:1fr}.kb-opt{border-radius:14px;min-height:54px;padding:10px 12px;font-size:16px}.kb-q-foot{font-size:15px}.kb-bar.me{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"p who""hand hand";row-gap:0}.kb-bar.me .portrait{grid-area:p}.kb-bar.me .kb-plate{grid-area:who}.kb-hand{grid-area:hand;min-height:0;margin:0;padding:18px 0 14px}.kb-slot:before{padding:2px 9px;font-size:11px}.kb-hand-card{width:min(21vw,92px,15dvh);margin:0 -10px}[data-phase=answer] .kb-hand,[data-phase=reveal] .kb-hand{display:none}.kb-slot .float{font-size:34px}}.avatar-sm{color:#fff;width:40px;height:40px;font-family:var(--serif);background:linear-gradient(140deg,#4f97e6,#213f66);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:750;display:grid;position:relative}.avatar-sm .dot{background:var(--faint);width:12px;height:12px;box-shadow:0 0 0 3px var(--ink-2);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.is-online .avatar-sm .dot{box-shadow:0 0 0 3px var(--ink-2), 0 0 10px #4cd07d;background:#4cd07d}.avatar-lg{color:#2a1c04;width:72px;height:72px;font-family:var(--serif);box-shadow:0 0 0 3px var(--ink), 0 0 0 5px #e2b23c80;background:linear-gradient(140deg,#f3cf6a,#8a5f14);border-radius:50%;place-items:center;font-size:26px;font-weight:800;display:grid;position:relative}.fr-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.fr-main{gap:14px;display:grid}.fr-h{align-items:baseline;gap:8px;margin-top:10px;font-size:18px;display:flex}.fr-h small{font-family:var(--sans);color:#4cd07d;font-size:13px;font-weight:600}.fr-add{gap:8px;display:grid;position:relative}.fr-add .search{border-radius:14px;height:48px}.fr-results{border:1px solid var(--line);background:var(--line);border-radius:14px;gap:1px;display:grid;overflow:hidden}.fr-results .fr-row{border:0;border-radius:0}.fr-none{padding:4px 4px 0}.fr-list{gap:8px;display:grid}.fr-row{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.fr-row>b{flex:1}.fr-row>.muted{font-size:13px}.fr-name{flex:1;min-width:120px;display:grid}.fr-name small{color:var(--muted);font-size:13px}.is-online .fr-name small{color:#4cd07d}.fr-side{top:calc(var(--top-h) + 16px);gap:14px;display:grid;position:sticky}.fr-top{align-items:center}.fr-me{background:var(--ink-2);border:1px solid var(--line);text-align:left;color:var(--text);border-radius:99px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.fr-me span:last-child{line-height:1.15;display:grid}.fr-me small{color:var(--muted);font-size:11px}.fr-me b{word-break:break-all;font-size:15px}.fr-acts{align-items:center;gap:6px;display:flex}.fr-how{background:var(--ink-2);border:1px solid var(--line);border-radius:20px;padding:16px 18px}.fr-how h3{margin-bottom:8px;font-size:15px}.fr-how ol{color:var(--muted);gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}@media (max-width:900px){.fr-layout{grid-template-columns:1fr}.fr-side{display:none}}@media (max-width:760px){.fr-top p{display:none}.fr-top{flex-wrap:nowrap}.fr-friend{grid-template-columns:auto 1fr auto;gap:4px 12px;padding:12px;display:grid}.fr-friend .fr-who{grid-row:span 2}.fr-friend .rec{grid-column:2;font-size:12px}.fr-friend .fr-name{min-width:0}.fr-friend .fr-acts{grid-column:1/-1;margin-top:6px}.fr-friend .fr-acts .btn{flex:1;justify-content:center}}.modal-invite .modal-body,.modal-handle .modal-body{width:min(460px,100%)}.invite{text-align:center;justify-items:center;gap:10px;display:grid}.invite h2{font-size:24px}.invite-ring{width:72px;height:72px;color:var(--gold-2);background:radial-gradient(circle,#e2b23c4d,#e2b23c0d);border-radius:50%;place-items:center;animation:1.4s ease-out infinite ringPulse;display:grid;box-shadow:0 0 #e2b23c80}.invite-ring .icon{width:34px;height:34px}@keyframes ringPulse{0%{box-shadow:0 0 #e2b23c8c}to{box-shadow:0 0 0 26px #e2b23c00}}.invite.incoming .invite-ring{animation-duration:.9s}.modal-invite .kb-modes{grid-template-columns:1fr;margin-top:14px}.handle-form{text-align:center;justify-items:center;gap:12px;display:grid}.handle-form input{border:1px solid var(--line-2);background:var(--ink);width:100%;height:52px;color:var(--text);font-family:var(--serif);text-align:center;border-radius:14px;padding:0 14px;font-size:22px}.handle-form input:focus{border-color:var(--gold);outline:none}.handle-form .btn{width:100%}.gate-check{text-align:left;gap:10px;font-size:14px;display:flex}.handle-form .gate-check input{width:20px;height:20px;accent-color:var(--gold);flex:none;margin-top:2px}.av{border-radius:50%;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.av-initials{color:#2a1c04;font-family:var(--serif);background:linear-gradient(140deg,#f3cf6a,#8a5f14)}.av-initials b{font-size:38cqw;font-weight:800}.av-emblem{background:radial-gradient(circle at 30% 22%, var(--a1), var(--a2) 78%);color:#fff;box-shadow:inset 0 0 0 1px #ffffff47,inset 0 -8cqw 16cqw #0000004d}.av-emblem .icon{stroke-width:1.7px;filter:drop-shadow(0 1px 2px #0006);width:56%;height:56%}.av-card img{object-fit:cover;object-position:center 28%;width:100%;height:100%}.av-card:after{content:"";box-shadow:inset 0 0 0 2px var(--tier);border-radius:50%;position:absolute;inset:0}.av-xl{width:96px;height:96px;box-shadow:0 0 0 3px var(--ink), 0 0 0 5px #e2b23c80, 0 12px 30px #00000073;flex:none}.avatar-sm>.av,.avatar-lg>.av,.portrait>.av{position:absolute;inset:0}.avatar-chip .avatar-ring{width:40px;height:40px}.avatar-edit{background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.avatar-edit-tag{background:var(--ink-3);border:1px solid var(--line-2);color:var(--gold-2);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.avatar-edit-tag .icon{width:12px;height:12px}.avatar-edit:hover .av{filter:brightness(1.1)}.profile-id{min-width:0}.profile-head .name-line{overflow-wrap:anywhere}.av-pick{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;margin:16px 0 18px;display:grid}.av-opt{aspect-ratio:1;background:0 0;border:2px solid #0000;border-radius:50%;padding:4px;transition:transform .15s,border-color .15s}.av-opt:hover{transform:scale(1.06)}.av-opt.on{border-color:var(--gold-2)}.modal-av .modal-body{width:min(520px,100%)}.showcase{grid-template-columns:repeat(3,minmax(0,210px));gap:16px;display:grid}.sc-slot{justify-items:center;gap:8px;display:grid;position:relative}.sc-slot .card{max-width:none}.sc-empty{aspect-ratio:63/88;color:var(--gold-2);background:#e2b23c0a;border:2px dashed #e2b23c59;border-radius:6%/4.3%;place-content:center}.sc-empty .icon{width:30px;height:30px}.sc-empty:hover{background:#e2b23c1a}.sc-edit{border:1px solid var(--line-2);background:var(--ink-2);color:var(--muted);border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:650;display:inline-flex}.sc-edit .icon{width:14px;height:14px}.sc-edit:hover{color:var(--text)}.fr-who{background:0 0;border:0;border-radius:50%;padding:0}.fr-name{text-align:left;color:inherit;background:0 0;border:0;padding:0;display:grid}.fr-name:hover b,.fr-who:hover+b{color:var(--gold-2)}.modal-player .modal-body{width:min(760px,100%)}.pp-head{align-items:center;gap:18px;margin-bottom:18px;display:flex}.pp-head h2{align-items:center;gap:6px;font-size:28px;display:flex}.pp-rank{color:var(--gold-2);margin:2px 0;font-weight:650}.pp-stats{margin:14px 0 6px}.pp-h{margin:22px 0 10px;font-size:18px}.pp-tiers{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pp-tiers span{color:color-mix(in srgb, var(--tier) 75%, #fff);background:color-mix(in srgb, var(--tier) 14%, transparent);border:1px solid color-mix(in srgb, var(--tier) 40%, transparent);border-radius:99px;align-items:baseline;gap:6px;padding:5px 12px;font-size:13px;font-weight:650;display:inline-flex}.pp-cards{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}@media (max-width:560px){.showcase{gap:8px}.pp-head .av-xl{width:72px;height:72px}}.rec{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.rec b{color:var(--text);font-weight:750}.rec-w b{color:#5fd39a}.rec-l b{color:#ef6b6b}.pp-rec{color:var(--muted);margin:0 0 8px;font-size:14px}.pp-rec .rec{font-size:14px}.tr-list{gap:12px;display:grid}.tr-item{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;gap:12px;padding:14px;display:grid}.tr-item.your-turn{background:linear-gradient(160deg, #e2b23c14, var(--ink-2) 50%);border-color:#e2b23c73}.tr-item header{align-items:center;gap:10px;display:flex}.tr-state{color:var(--muted);margin-left:auto;font-size:13px}.your-turn .tr-state{color:var(--gold-2);font-weight:700}.tr-sides{grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid}.tr-sides h4{color:var(--muted);font-size:13px;font-family:var(--sans);margin:0 0 6px}.tr-arrow{color:var(--faint);align-self:center}.tr-arrow .icon{width:18px;height:18px}.tr-cards{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tr-card{width:44px}.tr-card .card{pointer-events:none}.tr-keys{color:var(--gold-2);background:#e2b23c1f;border-radius:99px;align-items:center;gap:3px;padding:3px 8px;font-size:13px;font-weight:700;display:inline-flex}.tr-keys .wikey{width:13px;height:13px}.tr-nothing{color:var(--faint);font-size:13px}.tr-item footer{justify-content:flex-end;gap:8px;display:flex}.tr-empty{margin:0 0 6px}.tr-hist{margin-top:10px;font-size:14px}.tr-hist summary{cursor:pointer;color:var(--muted)}.tr-hist ul{background:var(--line);border-radius:12px;gap:1px;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.tr-hist li{background:var(--ink-2);grid-template-columns:auto 1fr auto;gap:10px;padding:8px 12px;display:grid}.tr-hist li span{color:var(--muted)}.tr-hist li small{color:var(--faint)}.modal-trade .modal-body{width:min(640px,100%)}.tre{gap:12px;display:grid}.tre h2{padding-right:36px;font-size:22px}.tre-seg{width:100%}.tre-seg button{flex:1}.tre-seg small{opacity:.7}.tre-slots{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.tre-slot{aspect-ratio:63/88;border:1.5px dashed var(--line-2);background:#ffffff05;border-radius:8px;padding:0;position:relative}.tre-slot.full{background:0 0;border:0}.tre-slot .card{pointer-events:none}.tre-slot i{background:var(--ink-4);width:20px;height:20px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.tre-slot i .icon{width:12px;height:12px}.tre-keys{background:var(--ink-2);border:1px solid var(--line);color:var(--gold-2);border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-size:14px;display:flex}.tre-keys span{color:var(--muted);flex:1}.tre-keys input{border:1px solid var(--line-2);background:var(--ink);width:110px;height:34px;color:var(--text);text-align:right;border-radius:9px;padding:0 10px;font-size:16px}.tre-pool{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;max-height:38vh;padding:4px 2px;display:grid;overflow:auto}.tre-pick{background:0 0;border:0;padding:0}.tre-pick .card{pointer-events:none;transition:transform .12s}.tre-pick:hover:not(:disabled) .card{transform:translateY(-3px)}.tre-pick:disabled{opacity:.35;cursor:default}.tre-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.tre-sum{color:var(--muted);font-size:13px}.tre-sum b{color:var(--text)}.tre-sum .wikey{width:12px;height:12px}@media (max-width:720px){.tr-sides{grid-template-columns:1fr}.tr-arrow{justify-self:center;transform:rotate(90deg)}.tr-card{width:40px}.tre-slots{gap:6px}.tre-pool{grid-template-columns:repeat(4,1fr);gap:8px}.tre-foot{text-align:center;flex-direction:column;align-items:stretch}}.modal-ask .modal-body{width:min(400px,100%);padding:24px}.ask p{margin:0 0 20px;font-size:16px;line-height:1.45}.ask-acts{justify-content:flex-end;gap:10px;display:flex}.btn-danger{--lip:#6e1d18;color:#fff;background:#c2413a;border-color:#c2413a}.btn-danger:hover:not(:disabled){background:#d44c44}.bell-push{border-top:1px solid var(--line);justify-items:start;gap:6px;margin-top:14px;padding-top:14px;display:grid}.bell-push:empty{display:none}.bell-push small{color:var(--faint);font-size:13px}.good{color:#8ad7a8}.bad{color:#f59a84}.center-text{text-align:center}.pro-tag{vertical-align:middle;color:var(--gold-ink);font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#ffe08a,#d39a22);border-radius:99px;align-items:center;gap:3px;margin-left:6px;padding:1px 7px 1px 5px;font-size:11px;font-weight:800;line-height:16px;display:inline-flex}.pro-tag .icon{stroke-width:2.4px;width:11px;height:11px}h1 .pro-tag{padding:3px 9px 3px 7px;font-size:12px}.name-gate{background:radial-gradient(900px 500px at 50% 0%, #e2b23c24, transparent 70%), var(--ink);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.name-gate-card{text-align:center;background:linear-gradient(170deg, var(--ink-3), var(--ink-2));border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow);border-radius:24px;justify-items:center;gap:14px;padding:30px 26px;display:grid}.market-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px 18px}.check-row{color:var(--muted);align-items:center;gap:8px;margin:-8px 0 18px;font-size:14px;display:flex}.check-row input{accent-color:var(--gold);width:16px;height:16px}.mlist{border:1px solid var(--line);background:var(--line);border-radius:14px;gap:1px;margin-bottom:22px;display:grid;overflow:hidden}.mrow{background:var(--ink-2);color:var(--text);text-align:left;border:0;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.mrow.mine{background:#e2b23c0f}.mrow.mover:hover{background:var(--ink-3)}.mprice{font-family:var(--serif);color:var(--gold-2);min-width:72px;font-size:19px}.mprice.good{color:#8ad7a8}.mseller{flex:1;min-width:0;line-height:1.25;display:grid}.mseller small{color:var(--muted);font-size:13px}.mprice-col{justify-items:end;line-height:1.2;display:grid}.mprice-col small{color:var(--muted);font-size:12px}.mrow-card{flex:none;width:48px}.mrow-card .card{pointer-events:none}.mrank{text-align:center;width:26px;font-family:var(--serif);color:var(--faint);font-size:18px}.modal-market .modal-body{width:min(880px,100%)}.msheet{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:26px;min-height:200px;display:grid}.msheet>.spinner{grid-column:1/-1;justify-self:center;margin:60px 0}.msheet-card{position:sticky;top:0}.msheet-info{gap:14px;display:grid}.msheet-info h2{margin-top:-6px;font-size:28px}.msheet-info .sec-head{margin:4px 0 -4px}.msheet-info h3{font-size:16px}.mvalue,.detail-market{background:linear-gradient(120deg, #e2b23c1a, var(--ink-2) 60%);border:1px solid #e2b23c40;border-radius:16px;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 26px;padding:14px 16px;display:grid}.mvalue>div,.detail-market>div{line-height:1.15;display:grid}.mvalue small,.detail-market small{color:var(--muted);font-size:13px}.mvalue b,.detail-market b{font-family:var(--serif);color:var(--gold-2);font-size:22px}.mvalue em{color:var(--faint);font-size:12px;font-style:normal}.detail-market{grid-template-columns:auto auto 1fr;align-items:center;margin:4px 0 12px}.detail-market b{font-size:19px}.detail-market>.detail-market-btns{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.foil-word{background:linear-gradient(90deg,#ff9d9d,#ffe08a,#9dffcf,#9dd4ff,#d19dff);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.mtrend{background:var(--ink-2);border:1px solid var(--line);color:var(--text);border-radius:16px;gap:8px;padding:14px 16px;display:grid}.mtrend>span{gap:2px;display:grid}.mtrend small{color:var(--muted);font-size:13px}.mtrend.locked{grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.mtrend.locked:hover{border-color:#e2b23c73;text-decoration:none}.mtrend.locked>.icon{width:22px;height:22px;color:var(--gold)}.mchart{width:100%;height:auto;display:block}.mchart-band{fill:#e2b23c24}.mchart-line{fill:none;stroke:var(--gold-2);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.mchart-dot{fill:var(--gold-2);stroke:var(--ink);stroke-width:2px}.mchart-axis{justify-content:space-between;display:flex!important}.mchart-axis small{color:var(--faint);font-size:11px}.modal-sell .modal-body{width:min(620px,100%)}.sell{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:22px;display:grid}.sell-main{gap:12px;display:grid}.sell-main h2{margin-top:-6px;font-size:24px}.sell-hints{flex-wrap:wrap;gap:8px;display:flex}.sell-hints .chip{cursor:pointer;height:32px;font-size:13px}.sell-hints .chip.muted{cursor:default;color:var(--faint)}.sell-price{color:var(--muted);gap:6px;font-size:13px;display:grid}.sell-input{background:var(--ink);border:1px solid var(--line-2);height:56px;color:var(--gold-2);border-radius:14px;align-items:center;gap:10px;padding:0 16px;font-size:22px;display:flex}.sell-input:focus-within{border-color:var(--gold)}.sell-input input{min-width:0;color:var(--text);font-family:var(--serif);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;font-size:26px}.sell-sum{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;gap:6px;margin:0;padding:12px 14px;display:grid}.sell-sum>div{justify-content:space-between;gap:10px;font-size:14px;display:flex}.sell-sum dt{color:var(--muted)}.sell-sum dd{margin:0;font-weight:700}.sell-get dd{font-family:var(--serif);color:var(--gold-2);font-size:18px}.sell-warn{color:#f3c879;align-items:flex-start;gap:8px;font-size:13px;display:flex}.sell-warn .icon{flex:none;width:16px;height:16px;margin-top:2px}.sell .modal-actions{margin-top:2px}.pro-lock{text-align:center;background:radial-gradient(500px 220px at 50% 0%, #e2b23c29, transparent 70%), var(--ink-2);border:1px solid #e2b23c4d;border-radius:22px;justify-items:center;gap:10px;max-width:620px;margin:0 auto;padding:40px 20px;display:grid}.pro-lock-icon{width:64px;height:64px;color:var(--gold-ink);background:radial-gradient(circle at 35% 30%,#ffe08a,#b07a1a);border-radius:50%;place-items:center;display:grid}.pro-lock-icon .icon{width:32px;height:32px}.insight-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.insight{background:var(--ink-2);border:1px solid var(--line);border-radius:18px;align-content:start;gap:6px;padding:16px 18px;display:grid}.insight h3{margin-bottom:4px;font-size:15px}.insight p{color:var(--muted);font-size:14px}.insight p b{color:var(--text)}.insight-row{grid-template-columns:1fr auto;gap:0 10px;font-size:13px;display:grid}.insight-row .bar{grid-column:1/-1;height:5px;margin-top:3px}.insight-row small{color:var(--muted)}.insight-lock{position:relative}.insight-lock>div{filter:blur(5px);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.insight-lock>p{justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex;position:absolute;inset:0}.insight-lock>p .icon{width:18px;height:18px;color:var(--gold)}.backs{grid-template-columns:repeat(auto-fill,118px);gap:14px;display:grid}.back-pick{background:var(--surface,#14151b);width:118px;color:var(--text);text-align:center;border:0;border-radius:16px;grid-template-rows:auto auto auto;align-content:start;justify-items:center;gap:3px;padding:10px 10px 12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.back-pick:hover{text-decoration:none;box-shadow:inset 0 0 0 1px #ffffff29}.back-pick.on{box-shadow:0 0 0 1.5px var(--gold) inset, 0 0 22px -8px #e2b23cb3}.back-pick-card{aspect-ratio:63/88;width:100%;margin-bottom:6px;display:block;position:relative}.back-pick-card .card-back-name{font-size:11px}.back-pick-name{font-size:13px;font-weight:650;line-height:1.2}.back-pick-state{color:var(--faint);font-size:11px}.back-pick.on .back-pick-state{color:var(--gold-2)}.back-more-face{color:var(--gold-2);background:#e2b23c0d;border:1.5px dashed #e2b23c73;border-radius:6%/4.3%;place-content:center;justify-items:center;gap:4px;display:grid;position:absolute;inset:0}.back-more-face .icon{width:26px;height:26px}.back-more-face b{font-family:var(--serif);font-size:18px}.deck-slots{margin-left:auto;margin-right:8px}.deck-slots button[disabled]{opacity:.5;align-items:center;gap:4px;display:inline-flex}.deck-slots .icon{width:13px;height:13px}@media (max-width:720px){.toolbar{white-space:nowrap;scrollbar-width:none;margin:0 -16px 16px;padding:0 16px;display:block;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.toolbar .search{margin-bottom:8px;position:sticky;left:0}.toolbar select{vertical-align:top;flex:none;height:36px;margin-right:6px}.msheet{grid-template-columns:1fr}.msheet-card{justify-self:center;width:min(220px,70%);position:static}.sell{grid-template-columns:1fr}.sell-card{justify-self:center;width:130px}.mvalue,.detail-market{grid-template-columns:1fr 1fr}.detail-market-btns{flex-wrap:nowrap;grid-column:1/-1}.detail-market-btns .btn{flex:1}.market-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 12px}}.sell-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sell-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sell-input input[type=number]{appearance:textfield}@media (max-width:760px){.page-top-side .chip.big{display:none}}.mk-tabs small{opacity:.7;font-weight:600}.mtile{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-content:start;gap:8px;padding:0;display:grid}.mtile .card{width:100%;max-width:none;transition:transform .15s}.mtile:hover .card{transform:translateY(-3px)}.mtile:disabled{cursor:default;opacity:.6}.mbar{text-align:center;background:linear-gradient(#2a2d38,#1a1c23);border:0;border-radius:0 0 12px 12px;min-width:0;margin:-4px 8px 0;padding:7px 10px 8px;line-height:1.25;display:block;box-shadow:inset 0 1px #ffffff14,0 3px #050608}.mtile:hover .mbar{box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #e2b23c73,0 3px #050608}.mbar.mine{background:linear-gradient(#3a3222,#231f17)}.mbar-price{font-family:var(--serif);color:var(--gold-2);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:5px;font-size:20px;font-weight:400;display:flex}.mbar-price .wikey{width:15px;height:15px}.mbar-sub{color:var(--muted);overflow-wrap:anywhere;font-size:12px;display:block}.mbar-sub .icon{vertical-align:-2px;color:#9dbcff;width:12px;height:12px;margin-right:3px}.mbar.lead .mbar-sub{color:#8ad7a8}.mcount{color:var(--faint);margin:0 0 12px;font-size:13px}.market-grid.is-busy{opacity:.55;pointer-events:none}.mpager{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:14px;margin:26px 0 8px;font-size:14px;display:flex}.mpager [data-page="-1"] .icon{transform:rotate(180deg)}.mrow.focus,.auc.focus{box-shadow:inset 0 0 0 1.5px var(--gold)}.mrow-card{background:0 0;border:0;padding:0}.mrow-note{color:var(--faint);font-size:13px}.mseller small .icon{vertical-align:-2px;width:13px;height:13px;margin-right:3px}.auc{background:linear-gradient(160deg, #5b82d629, var(--ink-2) 55%);border:1px solid #7fa7f04d;border-radius:16px;gap:10px;padding:14px 16px;display:grid}.auc.mine{border-color:#e2b23c59}.auc-head{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.auc-head>span{align-items:center;gap:6px;display:inline-flex}.auc-head .icon{color:#9dbcff;width:15px;height:15px}.auc-time{font-variant-numeric:tabular-nums;color:var(--text);font-size:14px}.auc-now{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.auc-now small{width:100%;color:var(--muted);font-size:13px}.auc-now b{font-family:var(--serif);color:var(--gold-2);align-items:center;gap:6px;font-size:30px;display:inline-flex}.auc-now em{color:var(--muted);font-size:13px;font-style:normal}.auc-form{gap:8px;display:flex}.auc-form .sell-input{flex:1;height:46px;font-size:18px}.auc-form .sell-input input{font-size:20px}.auc-form .btn{height:46px}.auc-lead{color:#8ad7a8;font-size:14px;font-weight:650}.auc-hist{border-top:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.auc-hist li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 72px;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:grid}.auc-hist li:first-child span{font-weight:700}.auc-hist b{color:var(--gold-2);align-items:center;gap:4px;display:inline-flex}.auc-hist b .wikey{width:13px;height:13px}.auc-hist small{text-align:right;color:var(--faint);font-size:12px}.sell-kind{width:100%}.sell-kind button{flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.sell-kind .icon{width:15px;height:15px}.sell-hours{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.sell-hours[hidden]{display:none}.sell-hours>span{margin-right:4px}.sell-hours .chip{cursor:pointer;height:30px;padding:0 12px}.sell-hours .chip.on{border-color:var(--gold);color:var(--gold-2);background:#e2b23c1a}.bell{position:relative}.bell .badge{min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px;position:absolute;top:-6px;right:-6px}.topbar .bell{border-radius:50%;width:36px;height:36px}.modal-bell .modal-body{width:min(480px,100%)}.bell-title{align-items:center;gap:8px;margin-bottom:12px;font-size:22px;display:flex}.bell-title .icon{width:20px;height:20px;color:var(--gold-2)}.bell-list{gap:2px;max-height:min(70vh,560px);margin:0 -8px;display:grid;overflow:auto}.bell-list>.spinner{justify-self:center;margin:30px 0}.bell-item{color:var(--text);border-radius:12px;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:10px 8px;font-size:14px;line-height:1.35;display:grid}.bell-item:hover{background:var(--ink-3);text-decoration:none}.bell-item>.icon{background:var(--ink-3);width:34px;height:34px;color:var(--muted);border-radius:50%;padding:8px}.bell-item.new>.icon{color:var(--gold-2);background:#e2b23c29}.bell-item .wikey{vertical-align:-1px;width:13px;height:13px}.bell-item small{color:var(--faint);margin-top:2px;font-size:12px;display:block}.bell-empty{padding:20px 8px}@media (max-width:720px){.mbar-price{font-size:18px}.mbar{margin:-4px 0 0;padding:7px 6px 8px}.mk-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.mk-tabs button{white-space:nowrap}.mrow-card{width:40px}.auc-hist li{grid-template-columns:1fr auto 60px}}.side-link-center .icon{color:var(--gold)}.rk-bronze{--rk:#c9824b}.rk-silver{--rk:#b9c3cf}.rk-gold{--rk:#e9bd45}.rk-platinum{--rk:#7fd6cf}.rk-diamond{--rk:#8fb4ff}.rk-legend{--rk:#f0709e}.cl-rank{height:32px;color:var(--rk);background:color-mix(in srgb, var(--rk) 13%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--rk) 40%, transparent) inset;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 9px;font-size:14px;font-weight:700;display:inline-flex}.cl-hud>.cl-rank{justify-self:center}.cl-rank .icon{width:16px;height:16px}.cl .card-stats{display:none}.cl .card-battle .card-art{aspect-ratio:auto;flex:1}.cl .card-kind{padding-bottom:4cqw}.cl-wait{color:var(--muted);justify-items:center;gap:14px;padding:90px 0;display:grid}.cl-warn{color:#f59a84;max-width:42ch;font-size:14px}.cl-note{max-width:42ch;color:var(--muted);font-size:13px}.cl-bar{background:#ffffff14;border-radius:99px;width:100%;max-width:360px;height:6px;display:block;overflow:hidden}.cl-bar i{border-radius:inherit;transform-origin:0;height:100%;animation:linear forwards clDrain;display:block;animation-duration:var(--ms)!important}.cl.paused .cl-bar i{animation-play-state:paused}@keyframes clDrain{0%,55%{background-color:var(--gold-2)}to{background-color:var(--bad);transform:scaleX(0)}}.cl-home{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;max-width:1100px;margin:0 auto;display:grid}.cl-hero{text-align:center;background:radial-gradient(70% 55% at 50% 0,#e2b23c33,#0000 70%),linear-gradient(#1c1b1c,#131419);border:1px solid #3a2f20;border-radius:18px;justify-items:center;gap:14px;padding:40px 32px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px -40px #000,inset 0 1px #ffffff0d}.cl-hero h1{letter-spacing:-.02em;font-size:clamp(38px,5vw,58px)}.cl-sub{max-width:40ch;color:var(--muted);font-size:16px}.cl-me{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:16px;display:flex}.cl-me b{font-family:var(--serif);color:var(--gold-2)}.cl-go{border-radius:16px;min-width:240px;min-height:58px;font-size:18px;animation:2.4s ease-in-out infinite clGlow}.cl-go:disabled{animation:none}.cl-go .icon{width:20px;height:20px}@keyframes clGlow{50%{box-shadow:inset 0 1px #ffffff59,0 0 36px -4px #e2b23ccc}}.cl-tower{flex-direction:column-reverse;align-items:center;gap:4px;display:flex}.cl-tower i{width:calc(110px - var(--i) * 15px);height:12px;animation:clLit 2.6s calc(var(--i) * .22s) ease-in-out infinite;background:#4a3c24;border-radius:4px}.cl-tower i:last-child{background:var(--gold-2);width:22px;height:22px;box-shadow:0 0 26px var(--gold);border-radius:50%;animation-name:pulse}@keyframes clLit{15%{background:var(--gold);box-shadow:0 0 16px -2px var(--gold)}40%{box-shadow:none;background:#4a3c24}}.cl-rules{text-align:left;flex-wrap:wrap;justify-content:center;gap:6px 18px;width:100%;max-width:580px;margin:6px 0 0;padding:0;list-style:none;display:flex}.cl-rules li{color:var(--muted);align-items:center;gap:10px;padding:4px 0;font-size:13px;line-height:1.3;display:flex}.cl-rules b{color:var(--text)}.cl-rules .icon,.cl-rules .wikey{width:18px;height:18px;color:var(--gold);flex:none}.cl-powers{width:100%;max-width:580px;color:var(--muted);font-size:13px}.cl-powers summary{cursor:pointer;width:-moz-fit-content;width:fit-content;color:var(--gold-2);margin:0 auto;font-weight:650}.cl-powers ul{text-align:left;background:#ffffff09;border-radius:12px;gap:6px;margin:10px 0 0;padding:12px 14px;list-style:none;display:grid}.cl-powers li b{color:var(--tier)}.cl-prog{width:100%;max-width:420px;color:var(--muted);gap:6px;font-size:14px;display:grid}.cl-prog-ends{justify-content:space-between;font-size:12px;font-weight:700;display:flex}.cl-prog-ends span{color:var(--rk)}.cl-prog-bar{background:#ffffff12;border-radius:99px;height:10px;overflow:hidden}.cl-prog-bar i{width:calc(var(--p) * 100%);border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--gold-2));min-width:8px;height:100%;animation:1s cubic-bezier(.2,.8,.2,1) .2s backwards clFill;display:block}@keyframes clFill{0%{width:0}}.cl-prog b{color:var(--text)}.cl-kick{color:var(--muted);background:#ffffff0f;border-radius:99px;align-items:center;gap:6px;padding:5px 13px;font-size:13px;font-weight:700;display:inline-flex}.cl-kick .icon{width:15px;height:15px}.cl-end.is-best .cl-kick{color:var(--gold-2);background:#e2b23c2e}.cl-big{justify-items:center;line-height:1;display:grid}.cl-big b{font-family:var(--serif);color:var(--gold-2);text-shadow:0 0 50px #e2b23c59;font-variant-numeric:tabular-nums;font-size:clamp(76px,10vw,116px)}.cl-big span{color:var(--muted);margin-top:6px;font-size:18px}.cl-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:520px;display:grid}.cl-tiles p{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;gap:4px;padding:12px 8px;display:grid}.cl-tiles small{color:var(--muted);font-size:12px}.cl-tiles b{font-family:var(--serif);color:var(--rk,var(--text));justify-content:center;align-items:center;gap:5px;font-size:20px;display:inline-flex}.cl-tiles .icon,.cl-tiles .wikey{width:18px;height:18px;color:var(--rk,var(--gold))}.cl-acts{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.cl-acts .cl-go{min-width:0}.cl-end>.cl-burst{top:150px}.cl-board{background:var(--ink-2);border:1px solid var(--line);border-radius:22px;gap:6px;padding:20px 16px 14px;display:grid}.cl-board>.spinner{justify-self:center;margin:40px 0}.cl-board h2{align-items:center;gap:8px;font-size:19px;display:flex}.cl-board h2 .icon{width:18px;height:18px;color:var(--gold)}.cl-board-sub{color:var(--faint);margin-bottom:6px;font-size:13px}.cl-board-empty{color:var(--muted);padding:16px 0;font-size:14px}.cl-board-cols{color:var(--faint);justify-content:space-between;padding:0 8px;font-size:12px;font-weight:650;display:flex}.cl-board ol{margin:0;padding:0;list-style:none;display:grid}.cl-board li{border-radius:10px;grid-template-columns:22px 30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;font-size:14px;display:grid}.cl-board li+li{box-shadow:0 -1px #ffffff0d}.cl-board li.me{background:#e2b23c1a}.cl-board .cl-gap{text-align:center;color:var(--faint);padding:0;display:block}.cl-who{min-width:0;line-height:1.2;display:grid}.cl-who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-who small{color:var(--rk);font-size:12px}.cl-place{color:var(--faint);font-variant-numeric:tabular-nums;text-align:right}.cl-board li:nth-child(-n+3) .cl-place{color:var(--gold-2);font-weight:700}.cl-floors{font-family:var(--serif);color:var(--gold-2);font-size:18px}.cl{overflow-x:clip}.cl-run{isolation:isolate;background:radial-gradient(60% 50%,#e2b23c17,#0000 70%),linear-gradient(#1b1a1c,#111216);border:1px solid #3a2f20;border-radius:28px;flex-direction:column;gap:18px;max-width:1020px;min-height:min(720px,100dvh - 140px);margin:0 auto;padding:18px 26px 26px;display:flex;position:relative;overflow:clip;box-shadow:0 40px 90px -50px #000,inset 0 0 90px #00000073}.cl-run.is-boss{background:radial-gradient(60% 50% at 50% 45%,#ec4f8a29,#0000 70%),linear-gradient(#1e161c,#121115);border-color:#ec4f8a73}.cl-stage{flex:1;align-content:center;justify-items:center;gap:20px;display:grid}.cl-hud{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.cl-hud-end{justify-content:flex-end;align-items:center;gap:10px;display:flex}.cl-streak{font:400 22px var(--serif);color:#ff9d47;align-items:center;gap:3px;animation:.4s cubic-bezier(.2,1.6,.4,1) clPop;display:inline-flex}.cl-streak .icon{fill:currentColor;width:20px;height:20px}.cl-streak.hot{color:#ff6a3d;filter:drop-shadow(0 0 8px #ff6a3dcc)}.cl-floor{align-items:center;gap:12px;display:flex}.cl-floor span{line-height:1;display:grid}.cl-floor small{color:var(--muted);font-size:12px}.cl-floor b{font-family:var(--serif);color:var(--gold-2);font-variant-numeric:tabular-nums;font-size:40px;display:inline-grid;overflow:hidden}.cl-floor b i{grid-area:1/1;font-style:normal}.cl-floor .out{animation:.45s .2s forwards clOut}.cl-floor .in{animation:.45s .2s backwards clIn}@keyframes clOut{to{opacity:0;transform:translateY(-100%)}}@keyframes clIn{0%{opacity:0;transform:translateY(100%)}}.cl-hearts{gap:6px;display:flex}.cl-hearts i{color:var(--ink-4);display:grid}.cl-hearts .icon{fill:currentColor;width:28px;height:28px}.cl-hearts .on{color:#ef5f6f;filter:drop-shadow(0 0 8px #ef5f6f80)}.cl-hearts .break{animation:.7s forwards clBreak}.cl-hearts .gain{animation:.6s cubic-bezier(.2,1.6,.4,1) .2s backwards clPop}@keyframes clBreak{0%{color:#ef5f6f}25%{color:#ff9aa4;transform:scale(1.5)rotate(-14deg)}45%{transform:scale(1.2)rotate(12deg)}65%{transform:scale(1.1)rotate(-6deg)}to{color:var(--ink-4);transform:scale(.85)}}@keyframes clPop{0%{transform:scale(0)}}.cl-path{justify-content:center;align-items:center;gap:6px;display:flex}.cl-path i{background:#ffffff14;border-radius:99px;flex:0 64px;height:8px;transition:background .3s}.cl-path .done{background:var(--gold);box-shadow:0 0 10px -2px var(--gold)}.cl-path .now{background:var(--gold-2);animation:1s ease-in-out infinite pulse}.cl-path .crown{color:#f0709e;background:#ec4f8a24;flex:none;place-items:center;width:26px;height:26px;display:grid}.cl-path .crown .icon{width:15px;height:15px}:is(.cl-run.hit .cl-path .done:has(+.now),.cl-run.hit .cl-path .done:has(+.crown.now)){animation:.5s cubic-bezier(.2,1.6,.4,1) clPop}.cl-bg{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cl-bg:before{content:"";animation:clRise var(--rise) linear var(--rise-d) infinite;background:linear-gradient(90deg,#e2b23c0d,#0000 12% 88%,#e2b23c0d),repeating-linear-gradient(0deg,#ffffff09 0 2px,#0000 2px 80px);position:absolute;inset:-80px 0 0}@keyframes clRise{to{transform:translateY(80px)}}.lifting .cl-bg{animation:.6s cubic-bezier(.2,.8,.2,1) clLiftBg}@keyframes clLiftBg{0%{translate:0 -260px}}.cl-fuse{z-index:3;pointer-events:none;height:4px;position:absolute;top:0;left:26px;right:26px}.cl-fuse i{width:calc(var(--t,0) * 100%);background:var(--gold-2);height:100%;box-shadow:0 0 12px var(--gold);border-radius:99px;transition:width .1s linear,background .3s;display:block;position:relative}.cl-fuse i:after{content:"";width:12px;height:12px;opacity:min(1, calc(var(--t,0) * 50));background:#fff3c9;border-radius:50%;animation:.3s ease-in-out infinite pulse;position:absolute;top:-4px;right:-6px;box-shadow:0 0 16px 4px #ffb347}.cl-run.warn .cl-fuse i{background:#ff9d47;box-shadow:0 0 14px #ff9d47}.cl-run.danger .cl-fuse i{background:var(--bad);height:7px;box-shadow:0 0 20px var(--bad)}.cl-run:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 110px 16px #e8342acc}.cl-run.last-heart:after{--al:.35;animation:1.5s ease-in-out infinite clAlarm}.cl-run.warn:after{--al:.5;animation:1s ease-in-out infinite clAlarm}.cl-run.danger:after{--al:1;animation:.5s ease-in-out infinite clAlarm}@keyframes clAlarm{50%{opacity:var(--al)}}.cl-countdown{z-index:4;pointer-events:none;font:400 clamp(180px, 42vmin, 400px) / 1 var(--serif);color:#ff5a463d;place-items:center;display:grid;position:absolute;inset:0}.cl-countdown:not(:empty){animation:.9s ease-out both clCountIn}@keyframes clCountIn{0%{color:#ff5a4680;transform:scale(1.7)}}.cl-run.danger .cl-pick-card,.cl-run.danger .cl-qcard{animation:.16s linear infinite clTremble}.cl-run.warn .cl-pick-card{animation-duration:1s}@keyframes clTremble{25%{transform:translate(-1.5px,1px)rotate(-.5deg)}75%{transform:translate(1.5px,-1px)rotate(.5deg)}}.cl-run.danger .cl-qtext{color:#ffd2c8}.lifting .cl-stage{animation:.45s cubic-bezier(.2,.9,.3,1.1) clDropIn}@keyframes clDropIn{0%{opacity:0;transform:translateY(-46px)}}.cl-lift{z-index:5;pointer-events:none;border-radius:inherit;background:radial-gradient(closest-side,#0a0806bf,#0000);place-content:center;justify-items:center;animation:.8s ease-in forwards clLiftOut;display:grid;position:absolute;inset:0}.cl-lift small{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);font-size:15px;font-weight:700}.cl-lift b{font:400 clamp(90px, 18vmin, 160px) / 1 var(--serif);color:#fff3c9;text-shadow:0 0 44px var(--gold);animation:.35s cubic-bezier(.3,1.5,.5,1) backwards clSlam}.cl-lift em{color:#f0709e;font-style:normal;font-weight:700}@keyframes clLiftOut{65%{opacity:1}to{opacity:0}}.cl-praise{z-index:5;text-align:center;pointer-events:none;font:400 clamp(36px, 7vw, 68px) / 1 var(--serif);animation:1.15s cubic-bezier(.2,.9,.3,1) forwards clPraise;position:absolute;top:16%;left:0;right:0}.cl-praise.good{color:var(--gold-2);text-shadow:0 0 34px var(--gold), 0 3px 0 #00000080}.cl-praise.bad{color:#ff8f78;text-shadow:0 0 34px var(--bad), 0 3px 0 #00000080}@keyframes clPraise{0%{opacity:0;transform:scale(2.2)rotate(-5deg)}16%{opacity:1;transform:rotate(-2deg)}70%{opacity:1;transform:rotate(-2deg)}to{opacity:0;transform:translateY(-26px)rotate(-2deg)}}.cl-ask{text-align:center;justify-content:center;align-items:center;gap:18px;display:flex}.cl-ask-t{gap:2px;display:grid}.cl-ask-t b{font-family:var(--serif);font-size:28px}.cl-ask-t span{color:var(--muted);font-size:14px}.cl-ask .ring{width:56px;height:56px}.cl-hand{perspective:1200px;grid-template-columns:repeat(3,minmax(0,210px));justify-content:center;gap:24px;width:100%;display:grid}.cl-pick{color:inherit;text-align:center;animation:clDeal .5s calc(var(--i) * 80ms + .12s) cubic-bezier(.2, .9, .3, 1.15) backwards;background:0 0;border:0;gap:10px;padding:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .25s;display:grid;position:relative}.cl-pick:first-child{rotate:-3deg}.cl-pick:nth-child(3),:where(.cl-pick:nth-child(2):last-child){rotate:3deg}.cl-pick-card{animation:clFloat 2.4s calc(var(--i) * -.7s) ease-in-out infinite;display:block}@keyframes clFloat{50%{transform:translateY(-7px)}}.cl-pick .card{max-width:none}.cl-pick:hover:not(:disabled){transform:translateY(-12px)scale(1.04)rotate(0)}.cl-pick:hover:not(:disabled) .card-frame{box-shadow:0 22px 40px #0000008c, 0 0 30px -4px var(--tier)}.cl-pick:disabled{cursor:default}.cl-pick,.cl-run{-webkit-tap-highlight-color:transparent}.cl-pick kbd{z-index:2;background:var(--ink-3);border:1px solid var(--line-2);width:26px;height:26px;font:700 12px var(--sans);color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:-13px;left:calc(50% - 13px)}.cl-hand.picked .cl-pick:not(.chosen){opacity:0;transform:translateY(120px)rotate(-14deg)scale(.85)}.cl-hand.picked .cl-pick:nth-child(3):not(.chosen){transform:translateY(120px)rotate(14deg)scale(.85)}.cl-pick.chosen{transform:translateY(-16px)scale(1.1)rotate(0)}.cl-pick.chosen .card-frame{box-shadow:0 0 44px 2px var(--tier)}@keyframes clDeal{0%{opacity:0;transform:translateY(70px)rotateY(100deg)scale(.8)}}.cl-pw-line{gap:2px;display:grid}.cl-pw-line small{color:var(--muted);font-size:12px;line-height:1.3}.cl-pw{color:var(--gold-2);justify-content:center;align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.cl-pw .icon{width:14px;height:14px}.cl-pw.none{color:var(--faint);font-weight:500}.cl-kb{font:400 26px var(--serif);color:var(--faint);font-variant-numeric:tabular-nums}.won .cl-kb{color:var(--gold-2)}.cl-pick.lost{opacity:.5}.cl-q{grid-template-columns:minmax(170px,260px) minmax(0,1fr);align-items:center;gap:14px 40px;width:100%;max-width:920px;display:grid}.cl-qcard{position:relative}.cl-qcard .card{max-width:none}.cl-qside{gap:14px;display:grid}.cl-qtop{align-items:center;gap:12px;display:flex}.cl-qlabel{justify-items:start;gap:3px;min-width:0;margin-right:auto;display:grid}.cl-qlabel small{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:650;display:inline-flex}.cl-qlabel small .icon{color:#f0709e;width:16px;height:16px}.cl-qlabel b{font-family:var(--serif);font-size:18px}.cl-qtop .ring,.cl-verdict{width:56px;height:56px}.cl .ring-fg{transition:stroke-dashoffset .1s linear,stroke .3s}.cl-verdict{border-radius:50%;flex:none;place-items:center;animation:.4s cubic-bezier(.2,1.6,.4,1) backwards clPop;display:grid}.cl-verdict.good{background:var(--good);color:#0c2416}.cl-verdict.bad{background:var(--bad);color:#2d0d07}.cl-verdict .icon{width:28px;height:28px}.cl-qtext{font-family:var(--serif);font-size:clamp(20px,2.2vw,26px);line-height:1.3}.cl-opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cl-opts .kb-opt{min-height:58px}.cl-opts .kb-opt.cut{opacity:.3;text-decoration:line-through}.on-question .cl-qtop,.on-question .cl-qtext,.on-question .kb-opt{animation:.35s cubic-bezier(.2,.8,.2,1) backwards clUp}.on-question .cl-qtext{animation-delay:60ms}.on-question .kb-opt{animation:clOpt .32s calc(.1s + var(--i) * 40ms) cubic-bezier(.2, .9, .3, 1.1) backwards}.cl-opts .kb-opt:nth-child(odd){--sx:-40px}.cl-opts .kb-opt:nth-child(2n){--sx:40px}@keyframes clOpt{0%{opacity:0;transform:translateX(var(--sx)) scale(.94)}}.cl-opts .right{animation:.5s cubic-bezier(.2,1.6,.4,1) clRight}.cl-opts .wrong{animation:.4s clShake}@keyframes clRight{40%{transform:scale(1.06)}}.cl-run.hit .cl-qcard{animation:.6s cubic-bezier(.2,1.4,.4,1) clCardWin}.cl-run.miss .cl-qcard{animation:.7s forwards clCardLose}@keyframes clCardWin{40%{transform:translateY(-20px)rotate(-3deg)scale(1.07)}}@keyframes clCardLose{30%{transform:rotate(-6deg)translate(-6px)}to{filter:saturate(.3)brightness(.75);transform:rotate(3deg)translateY(10px)scale(.95)}}.on-question .boss .cl-qcard{animation:.6s cubic-bezier(.2,.9,.3,1.15) backwards clDeal}@keyframes clUp{0%{opacity:0;transform:translateY(14px)}}.cl-after{justify-items:start;gap:8px;animation:.3s backwards clUp;display:grid}.cl-after p{font-size:16px}.cl-after .good{color:var(--good)}.cl-after .bad{color:#ff8f78}.cl-after small{color:var(--faint);font-size:12px}.cl-flash{z-index:2;border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.cl-run.hit .cl-flash{background:radial-gradient(55% 60% at 30%,#f3cf6a4d,#0000 70%);animation:1s ease-out clFlash}.cl-run.miss .cl-flash{background:radial-gradient(80% 80%,#0000 35%,#e5654d66);animation:.7s ease-out clFlash}.cl-run.miss{animation:.45s clShake}.cl-run.over{animation:.45s clShake,1.9s ease-in forwards clOver}@keyframes clOver{to{filter:saturate(.15)brightness(.7)}}@keyframes clFlash{15%{opacity:1}}@keyframes clShake{20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.cl-burst{z-index:3;pointer-events:none;position:absolute;top:50%;left:50%}.cl-burst:before,.cl-burst i{content:"";opacity:0;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:-5px}.cl-burst:before{border:2px solid var(--gold-2);animation:.7s ease-out clRing}.cl-burst i{background:var(--gold-2);box-shadow:0 0 10px var(--gold);animation:.85s cubic-bezier(.1,.7,.3,1) clBurst}@keyframes clRing{0%{opacity:1}to{transform:scale(26)}}@keyframes clBurst{0%{opacity:1;transform:rotate(var(--a)) scale(1.3)}to{transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(.3)}}.cl-bossin{text-align:center;cursor:pointer;justify-items:center;gap:10px;display:grid}.cl-boss-crown{background:radial-gradient(circle,#ec4f8a59,#0000 70%);border-radius:50%;place-items:center;width:120px;height:120px;animation:.6s cubic-bezier(.3,1.5,.5,1) backwards clSlam;display:grid}.cl-boss-crown .icon{color:#f0709e;filter:drop-shadow(0 0 18px #f0709ecc);width:66px;height:66px}.cl-bossin small{color:var(--muted);font-size:13px;font-weight:650}.cl-bossin h2{color:#ffd6e5;text-shadow:0 0 40px #ec4f8a99;font-size:clamp(42px,6vw,66px);animation:.5s cubic-bezier(.2,1.4,.4,1) .15s backwards clPop}.cl-bossin p{max-width:36ch;color:var(--muted)}@keyframes clSlam{0%{opacity:0;transform:scale(2.6)rotate(-20deg)}}.on-boss .cl-run{animation:.5s .12s clShake}.is-boss .cl-fuse i{background:#f0709e;box-shadow:0 0 14px #f0709e}@media (hover:none){.cl-pick kbd,.cl-opts kbd{display:none}}@media (max-width:1100px){.cl-home{grid-template-columns:minmax(0,1fr);max-width:680px}}@media (max-width:760px){.tab-link-center{color:var(--gold-ink);isolation:isolate;flex:0 0 64px;justify-content:space-between;gap:0;margin-top:-24px;padding:11px 0 2px}.tab-link-center .icon{width:30px;height:30px}.tab-link-center:before{content:"";z-index:-1;background:linear-gradient(#f7dc8a,#d9a43a);border-radius:50%;width:52px;height:52px;margin-left:-26px;position:absolute;top:0;left:50%;box-shadow:0 0 0 5px #0e0f13,0 8px 20px -6px #e2b23cb3}.tab-link-center span{color:var(--gold-2)}.tab-link-center.on{color:var(--gold-ink)}.tab-link-center.on .icon{filter:none}.tab-link-center.on:before{background:linear-gradient(#fff0bf,#e8b649)}.cl-home{gap:16px}.cl-hero{border-radius:18px;gap:12px;padding:26px 16px 20px}.cl-big span{font-size:16px}.cl-tiles{gap:6px}.cl-tiles b{font-size:16px}.cl-end>.cl-burst{top:120px}.cl-run{border-radius:20px;gap:12px;min-height:calc(100dvh - 180px);padding:12px 12px 16px}.cl-stage{gap:14px}.cl-hud{grid-template-columns:auto 1fr auto}.cl-hearts{justify-self:center;gap:4px}.cl-hearts .icon{width:24px;height:24px}.cl-floor{gap:8px}.cl-floor b{font-size:32px}.cl-ask-t b{font-size:22px}.cl-ask .ring{width:48px;height:48px}.cl-praise{top:10%}.cl-pick:first-child{rotate:-1.5deg}.cl-pick:nth-child(3){rotate:1.5deg}.cl-hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cl-pw-line small{display:none}.cl-pw{font-size:12px}.cl-q{grid-template-columns:104px minmax(0,1fr);gap:12px 14px}.cl-qside{display:contents}.cl-qtop{align-self:center}.cl-qtext,.cl-opts,.cl-after{grid-column:1/-1}.cl-qtop .ring,.cl-verdict{width:48px;height:48px}.cl-qlabel b{font-size:16px}.cl-qtext{font-size:19px}.cl-opts{grid-template-columns:minmax(0,1fr);gap:8px}.cl-opts .kb-opt{min-height:52px}.cl-bossin h2{font-size:44px}}:root{--ink:#0c0d11;--ink-2:#15161c;--ink-3:#1c1e26;--ink-4:#262933;--line:#ffffff13;--line-2:#ffffff21;--surface:linear-gradient(180deg, #ffffff0a, #ffffff03), #14151b;--surface-edge:inset 0 1px 0 #ffffff17, inset 0 0 0 1px #ffffff0d, 0 4px 0 #050608;--lift:0 18px 40px -26px #000000e6}body{background:radial-gradient(120% 70% at 50% -10%, #1d1912, transparent 65%), repeating-linear-gradient(45deg, #ffffff03 0 2px, transparent 2px 12px), var(--ink);background-attachment:fixed}h1,h2,h3{letter-spacing:-.015em}.cat-chip,.kb-mode,.kb-bot,.kb-friend,.fr-row,.fr-me,.fr-how,.setting,.ach,.insight,.mcard-bar,.mtrend,.sell-sum,.product,.empty,.how-item,.why>div{background:var(--surface);box-shadow:var(--surface-edge);border-color:#0000}.empty{border:1px dashed var(--line-2);box-shadow:none;background:#ffffff04}.cat-chip:hover,.kb-mode:hover,.kb-bot:hover,.fr-row:hover{box-shadow:inset 0 0 0 1px #ffffff24}.cat-chip.on,.kb-mode.on{background:linear-gradient(120deg,#e2b23c29,#e2b23c08 70%),#14151b;box-shadow:inset 0 0 0 1px #e2b23c80,0 0 24px -10px #e2b23c99}.ach.done{background:linear-gradient(120deg,#e2b23c17,#0000 70%),#14151b;box-shadow:inset 0 0 0 1px #e2b23c59}.modal-body{background:linear-gradient(#1b1d25,#121318);border:0;box-shadow:inset 0 0 0 1px #ffffff17,0 40px 80px #0009}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050609d1}.toast{background:#1d1f27;border:0;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff1a,0 18px 40px #00000080}.toast-good{box-shadow:inset 0 0 0 1px #63c18980,0 18px 40px #00000080}.toast-bad{box-shadow:inset 0 0 0 1px #e5654d99,0 18px 40px #00000080}.toast-gold{background:linear-gradient(120deg,#3a3020,#1d1f27);box-shadow:inset 0 0 0 1px #e2b23cb3,0 18px 40px #00000080}.search,select{background-color:#ffffff08;border-color:#ffffff17;border-radius:12px;height:44px}.seg{background:#0a0b0e;border-color:#0000;border-radius:12px;padding:4px;box-shadow:inset 0 2px 4px #0009}.seg button{border-radius:9px;padding:7px 14px}.seg button.on{color:var(--gold-ink);font-family:var(--serif);background:linear-gradient(#f2cb62,#d59d2a);font-weight:400;box-shadow:inset 0 1px #fff6,0 3px #8a5d12}.btn{border-radius:12px}.btn-ghost{background:#ffffff0b;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff14,0 3px #050608}.btn-ghost:hover:not(:disabled){background:#ffffff14}.section{margin-top:42px}.sec-head h2{font-size:22px}.sec-head h2 small{font-family:var(--sans);color:var(--faint);margin-left:8px;font-size:13px;font-weight:600}.shop-top{align-items:center}.shop-band{margin:0 0 30px}.ribbon{--r:#c8902a;--r2:#f3cf6a;letter-spacing:.02em;color:#2a1c04;background:linear-gradient(180deg, var(--r2), var(--r));clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);text-shadow:0 1px #ffffff59;margin:0 0 14px 6px;padding:7px 26px 8px;font-size:19px;display:inline-block;position:relative}.ribbon-green{--r:#2f9c48;--r2:#79dc84;color:#06240d}.ribbon-blue{--r:#2f63b8;--r2:#7fb1ff;color:#071a3a}.band-note{color:var(--muted);margin:-6px 0 14px 6px;font-size:13px}.shop-row{flex-wrap:wrap;gap:12px;display:flex}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.shop-grid.backs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tile{text-align:center;background:linear-gradient(#23252f,#16171d);border-radius:20px;align-content:end;justify-items:center;gap:6px;padding:18px 14px 14px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 6px #0c0d11,0 14px 30px -12px #000000b3}.tile>b{font-family:var(--serif);font-size:18px;line-height:1.1}.tile>small{color:var(--muted);font-size:13px}.tile-tag{white-space:nowrap;background:var(--gold);color:var(--gold-ink);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:750;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.tile-free{background:linear-gradient(#1d2a22,#131a16);width:min(220px,100%)}.tile-free.ready{box-shadow:inset 0 0 0 1.5px #5fd37a,0 6px #0c0d11,0 0 34px -10px #5fd37a8c}.tile-art{border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:4px;display:grid}.tile-art .icon{width:36px;height:36px}.art-flame{color:#fff6d8;background:radial-gradient(circle at 50% 70%,#ffb347,#e2522b 70%);box-shadow:0 0 24px #ff8c3c73}.art-back{color:#fff;background:radial-gradient(circle at 50% 35%,#8fb7ff,#2f4f9e 75%)}.tile-free.ready .tile-art{animation:2.4s ease-in-out infinite tileBob}@keyframes tileBob{50%{transform:translateY(-4px)rotate(-3deg)}}.tile-keys{--k:#e2b23c;background:radial-gradient(90% 70% at 50% 0%, color-mix(in srgb, var(--k) 26%, transparent), transparent 70%), linear-gradient(180deg, #23252f, #16171d);padding-top:22px}.tile-keys>b{color:#ffe39a;text-shadow:0 2px #00000080;font-size:28px}.tile-keys.best{box-shadow:inset 0 0 0 1.5px #f3cf6ab3,0 6px #0c0d11,0 0 40px -12px #f3cf6a99}.key-pile{width:120px;height:84px;margin-bottom:2px;position:relative}.key-pile span{background:radial-gradient(circle at 35% 30%,#fff1c2,#e0a526 55%,#7b5310);border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;box-shadow:0 5px 12px #0000008c,0 0 0 2px #0000004d}.key-pile .wikey{width:58%;height:58%;color:var(--gold-ink)}.key-pile span:first-child{z-index:5;width:54px;height:54px;top:30px;left:33px}.key-pile span:nth-child(2){z-index:4;filter:brightness(.9);top:36px;left:8px}.key-pile span:nth-child(3){z-index:4;filter:brightness(.9);top:36px;right:8px}.key-pile span:nth-child(4){z-index:3;filter:brightness(.8);top:6px;left:22px}.key-pile span:nth-child(5){z-index:3;filter:brightness(.8);top:6px;right:22px}.tile-back{gap:8px;padding:12px 12px 14px}.tile-back .back-item-card{aspect-ratio:63/88;width:100%;display:block;position:relative}.tile-back .card-back{transition:transform .25s}.tile-back:hover .card-back{transform:translateY(-4px)rotate(-1.5deg)}.tile-back>b{font-size:15px}.tile-back.on{box-shadow:inset 0 0 0 1.5px #e2b23ccc,0 6px #0c0d11}.btn-buy{color:#fff;letter-spacing:.01em;text-shadow:0 1.5px #00000059;background:linear-gradient(#7fe07a,#36a83f);border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:46px;margin-top:6px;padding:6px 12px;font-size:17px;font-weight:850;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 4px #1f6e27,inset 0 1px #ffffff80}.btn-buy:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #1f6e27,inset 0 1px #ffffff80}.btn-buy:disabled{color:var(--muted);text-shadow:none;cursor:default;background:#2b2d36;font-size:14px;box-shadow:0 4px #18191f}.btn-buy small{opacity:.85;font-size:12px;font-weight:700}.btn-buy .icon{width:16px;height:16px}.btn-buy-gold{color:#2a1c04;text-shadow:0 1px #fff6;background:linear-gradient(#ffe08a,#e0a526);box-shadow:0 4px #8a5f14,inset 0 1px #fff9}.btn-buy-gold:active:not(:disabled){box-shadow:0 1px #8a5f14}.btn-buy-plain{background:linear-gradient(#3a3d4a,#2a2c36);font-size:15px;box-shadow:0 4px #15161b}.btn-buy-plain:disabled{color:var(--gold-2);flex-direction:row;gap:6px}.offer-pro{background:radial-gradient(60% 120% at 0 0,#f3cf6a47,#0000 60%),linear-gradient(135deg,#3a2a10,#1a1610 55%,#121216);border-radius:24px;grid-template-columns:auto minmax(0,1fr) 240px;align-items:center;gap:22px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #f3cf6a73,0 6px #0c0d11,0 20px 40px -18px #f3cf6a59}.offer-crown{color:#3a2604;background:radial-gradient(circle at 50% 35%,#fff1c2,#e0a526 60%,#7b5310);border-radius:26px;place-items:center;width:92px;height:92px;display:grid;transform:rotate(-6deg);box-shadow:0 8px #5b3d0c,0 0 40px #f3cf6a66}.offer-crown .icon{stroke-width:1.6px;width:54px;height:54px}.offer-text h2{margin:2px 0 12px;font-size:clamp(24px,2.6vw,32px)}.pro-table{border-collapse:collapse;background:#111217;border-radius:12px;width:100%;max-width:560px;font-size:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,0 4px #050608}.pro-table th,.pro-table td{text-align:center;font-variant-numeric:tabular-nums;padding:11px 12px}.pro-table tbody tr:nth-child(odd){background:#ffffff0b}.pro-table tbody th{text-align:left;color:var(--muted);padding-left:14px;font-weight:500}.pro-table thead th{color:var(--faint);background:#0a0b0e;font-size:13px;font-weight:650}.pro-table thead th:last-child{color:var(--gold-2);font-family:var(--serif);font-size:15px;font-weight:400}.pro-table td:last-child{color:#ffd76a;font-family:var(--serif);background:#f3cf6a12;font-size:16px;font-weight:400}.pt-no{color:var(--faint)}.pt-yes .icon{vertical-align:-3px;width:16px;height:16px}.pro-same{color:var(--faint);margin:10px 0 0;font-size:13px}.pro-until{color:var(--gold-2);align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.pro-until .icon{width:16px;height:16px}.offer-buy{justify-items:center;gap:8px;display:grid}.offer-buy .btn-buy{min-height:60px;font-size:20px}.offer-buy .fine{color:var(--faint);font-size:12px}.shop-fine{color:var(--faint);text-align:center;margin:10px 0 20px;font-size:13px}@media (max-width:900px){.offer-pro{grid-template-columns:auto minmax(0,1fr)}.offer-buy{grid-column:1/-1}}@media (max-width:760px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-grid .tile-keys:last-child:nth-child(odd){grid-column:1/-1}.shop-grid.backs{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-free{text-align:left;flex:100%;grid-template-columns:auto 1fr auto;place-items:center start;gap:2px 12px;width:100%;padding:12px}.tile-free .tile-art{grid-row:span 2;width:52px;height:52px;margin:0}.tile-free .tile-art .icon{width:30px;height:30px}.tile-free .btn-buy{grid-area:1/3/span 2;width:auto;min-width:104px;margin:0}.offer-pro{grid-template-columns:1fr;gap:14px;padding:18px}.offer-crown{border-radius:18px;width:58px;height:58px;position:absolute;top:16px;right:16px}.offer-crown .icon{width:34px;height:34px}.offer-text h2{min-height:58px;padding-right:70px}.offer-buy{grid-column:auto}}.auth{background:radial-gradient(70% 55% at 50% 0%, #e2b23c24, transparent 70%), var(--ink);place-content:center;justify-items:center;gap:18px;min-height:100vh;padding:24px 16px;display:grid}.auth-card{background:linear-gradient(170deg, var(--ink-3), var(--ink-2));border:1px solid var(--line-2);width:min(420px,100%);box-shadow:var(--shadow);border-radius:24px;gap:14px;padding:30px 28px;display:grid}.auth-brand{font-family:var(--serif);letter-spacing:-.02em;justify-content:center;align-items:center;gap:10px;font-size:34px;font-weight:750;display:flex}.auth-brand .icon{width:34px;height:34px;color:var(--gold)}.auth-brand b{color:var(--gold-2)}.auth-tagline{text-align:center;color:var(--muted);margin-top:-6px}.auth-card h2{text-align:center;font-size:22px}.auth-note{border-radius:var(--r-sm);background:#e2b23c14;border:1px solid #e2b23c40;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.auth-note .icon{width:16px;height:16px;color:var(--gold)}.auth-error{border-radius:var(--r-sm);background:#e5654d1f;border:1px solid #e5654d73;padding:10px 12px;font-size:14px}.auth-ok{border-radius:var(--r-sm);background:#63c1891f;border:1px solid #63c18973;padding:10px 12px;font-size:14px}.btn-google{--lip:#a7a7a7;color:#1f1f1f;box-shadow:none;background:#fff;border-color:#fff;width:100%}.btn-google .icon{width:20px;height:20px}.auth-or{color:var(--faint);align-items:center;gap:12px;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line-2);flex:1;height:1px}.auth-tabs{width:100%}.auth-tabs button{flex:1}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--muted);gap:5px;font-size:13px;font-weight:600;display:grid}.auth-form input:not([type=checkbox]){border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--ink);height:44px;color:var(--text);padding:0 12px;font-size:15px}.auth-form input:focus{border-color:var(--gold);outline:none}.auth-form .btn{width:100%}.auth-check{align-items:center;gap:8px;font-weight:500!important;display:flex!important}.auth-check input{width:18px;height:18px;accent-color:var(--gold)}.auth-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.link-btn{color:var(--gold-2);background:0 0;border:0;padding:4px;font-size:13px}.link-btn:hover{text-decoration:underline}.auth-small{color:var(--faint);text-align:center;font-size:13px}.auth-verify{text-align:center;justify-items:center;gap:12px;display:grid}.auth-verify p{color:var(--muted)}.auth-mail{width:56px;height:56px;color:var(--gold-2);background:#e2b23c24;border-radius:50%;place-items:center;display:grid}.auth-foot{color:var(--faint);text-align:center;max-width:420px;font-size:12px}.env-banner{z-index:40;letter-spacing:.08em;text-transform:uppercase;color:#ffd98a;background:repeating-linear-gradient(45deg,#5a3d0c 0 12px,#4a320a 12px 24px);justify-content:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:700;display:flex;position:sticky;top:0}.env-banner.env-local{color:#a9d0ff;background:repeating-linear-gradient(45deg,#1d3a5c 0 12px,#18304d 12px 24px)}.announce{border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--ink-2);align-items:center;gap:10px;margin:0 0 16px;padding:10px 14px;font-size:14px;display:flex}.announce .icon{color:var(--gold);flex:none}.announce.warning{background:#e5654d14;border-color:#e5654d80}.announce.event{background:#e2b23c14;border-color:#e2b23c80}.announce button{color:var(--muted);background:0 0;border:0;margin-left:auto}.fatal{text-align:center;place-content:center;justify-items:center;gap:14px;min-height:70vh;padding:20px;display:grid}.fatal p{color:var(--muted);max-width:460px}