:root{--bg: #07061a;--line: rgba(157, 123, 255, .22);--gold: #c9a24d;--ink: #eeeaff;--mute: #a19cc9;--indigo: #6a4bff;--epic: #a335ee;--good: #4ade80;--bad: #ff4d5e;--display: "Big Shoulders Display", Impact, "Arial Narrow", sans-serif;--body: "Inter Tight", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--cw: 132px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{color:var(--ink);font:400 15px/1.45 var(--body);background:radial-gradient(70% 60% at 50% 50%,#241466,#0e0930 55%,#07061a 85%),var(--bg);overflow:hidden}.mono{font-family:var(--mono)}.grad{background:linear-gradient(92deg,#c9b8ff,var(--indigo) 55%,var(--epic));-webkit-background-clip:text;background-clip:text;color:transparent}.floor{position:fixed;inset:0;z-index:0;overflow:hidden}.hc{position:absolute;width:var(--cw);aspect-ratio:5 / 7;padding:0;border:0;border-radius:10px;background:#120e33;cursor:pointer;transform:rotate(var(--rot, 0deg)) scale(var(--sc, 1));box-shadow:0 14px 30px #000b,0 2px 4px #0008;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.hc img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;pointer-events:none}.floor .hc:hover{transform:rotate(calc(var(--rot) * .4)) scale(calc(var(--sc) * 1.12)) translateY(-6px);z-index:500!important;box-shadow:0 0 0 2px #ffd166,0 24px 46px #000d}.floor:after{content:"";position:absolute;inset:0;z-index:400;background:#06031a33;pointer-events:none}.floor .hc:not(:hover){box-shadow:0 8px 16px #000a}.hub{position:fixed;left:50%;top:50%;z-index:600;translate:-50% -50%;display:grid;justify-items:center;gap:10px;padding:30px 40px 26px;border-radius:28px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#2a1a72ee,#0c0826f2);box-shadow:inset 0 0 0 1px #c9a24d66,inset 0 0 0 7px #0a0720,inset 0 0 0 8px #9d7bff33,0 40px 100px #000e,0 0 120px #6a4bff55;transition:opacity .4s,scale .4s}.hub.away{opacity:0;scale:.9;pointer-events:none}.hub-logo{width:190px;height:auto;filter:drop-shadow(0 0 24px #7b3cffaa);animation:breathe 4s ease-in-out infinite alternate}@keyframes breathe{to{filter:drop-shadow(0 0 40px #a335eedd)}}.hub.away .hub-logo,body:has(#chm:not([hidden])) .hub-logo{animation-play-state:paused}.hub h1{margin:0;font:900 clamp(46px,6vw,72px)/.9 var(--display);text-transform:uppercase}.hub p{margin:0 0 8px;color:var(--mute);font-size:13px}.hub{width:min(680px,calc(100vw - 24px))}.hub-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(600px,100%);margin-top:20px}.big{min-width:0;width:100%;padding:18px 16px;border:0;border-radius:14px;font:900 22px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(180deg,#2b1f73,#160f45);box-shadow:inset 0 0 0 1px #9d7bff77,0 10px 24px #000a;transition:transform .15s,filter .15s,box-shadow .15s}.big:hover{transform:translateY(-2px);filter:brightness(1.2);box-shadow:inset 0 0 0 1px #c9b8ff,0 14px 30px #000c}.big.play{background:linear-gradient(135deg,#ff8000,#f5b301);color:#1a0d00;box-shadow:0 0 0 2px #ffcf7a66,0 0 34px #ff800066,0 10px 24px #000a}a.big{display:inline-grid;place-items:center;text-decoration:none}.lore-link{grid-column:1 / -1;padding:12px 16px;border:1px dashed #2f8fff99;border-radius:12px;background:#2f8fff14;color:#9cc8ff;font:700 15px/1.3 var(--body, sans-serif);text-align:center;text-decoration:none}.lore-link:hover{background:#2f8fff26;color:#fff}.big.play{position:relative}.big .big-n{display:block;margin-top:6px;font:700 12px/1 var(--mono, monospace);letter-spacing:.06em;font-style:normal;opacity:.75}.new-tag{position:absolute;left:50%;bottom:100%;translate:-50% -9px;white-space:nowrap;padding:5px 10px;border-radius:99px;background:#ffd166;color:#1a0d00;font:800 11px/1 var(--display);letter-spacing:.08em;box-shadow:0 6px 16px #000a;cursor:pointer}.new-tag:before{content:"";position:absolute;left:50%;bottom:-5px;translate:-50% 0;border:5px solid transparent;border-bottom:0;border-top-color:#ffd166}.new-tag:hover{filter:brightness(1.08)}.hub-small{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;width:min(600px,100%);margin-top:2px}.hub-small>[hidden]{display:none}a.small-go{display:inline-grid;place-items:center;text-decoration:none}.hub-small .small-go{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;height:44px;margin:0;padding:0 8px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:560px){.hub-small{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}}.back{padding:11px 20px!important;font-size:16px!important;border-color:#c9b8ff!important;background:linear-gradient(180deg,#2a1f6e,#150f3e)!important;box-shadow:0 0 0 1px #9d7bff55,0 8px 20px #000a}.back:hover{filter:brightness(1.25)}.small-go{margin-top:2px;padding:8px 18px;border:0;border-radius:10px;background:#120d38;color:var(--mute);font:800 14px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 0 1px #9d7bff44}.small-go:hover{color:#fff;box-shadow:inset 0 0 0 1px #c9b8ff}.small-go.boss-go{color:#ffb15c;box-shadow:inset 0 0 0 1px #ff800066}.small-go.boss-go:hover{color:#fff;box-shadow:inset 0 0 0 1px #ffb15c}.small-go.ch-go{color:#ffd34d;box-shadow:inset 0 0 0 1px #ff9a3c88;background:linear-gradient(180deg,#2a1608,#120d38)}.small-go.ch-go:hover{color:#fff;box-shadow:inset 0 0 0 1px #ffd34d,0 0 18px #ff9a3c55}.chm{position:fixed;inset:0;z-index:900;overflow-y:auto;padding:clamp(18px,4vh,44px) clamp(16px,3vw,48px) 32px;background:#050410d9;backdrop-filter:blur(8px)}.chm[hidden]{display:none}.chm-box{position:relative;width:min(1760px,100%);margin:0 auto}.chm-x{position:fixed;top:14px;right:16px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff1a;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 0 0 1px #fff3}.chm-x:hover{background:#ffffff2e}.chm-kicker{margin:0;color:#ffb15c;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.chm-box h2{margin:4px 0;font:900 clamp(34px,3.2vw,48px)/1 var(--display);text-transform:uppercase;text-shadow:0 4px 18px #000}.chm-sub{margin:0 0 16px;color:var(--mute);font-size:13px}.chm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(168px,14.5vw,240px),1fr));gap:clamp(12px,1.2vw,20px)}.chm-tile{--c: #ffd34d;display:grid;justify-items:center;align-content:start;gap:4px;padding:12px;border-radius:14px;background:linear-gradient(180deg,#1a1240f2,#0b0820f7);box-shadow:inset 0 0 0 1px #ffffff1f,0 14px 34px #000b;text-align:center}.chm-tile{position:relative}.chm-i-wrap{position:absolute;top:8px;right:8px;z-index:5}.chm-i{width:24px;height:24px;border-radius:50%;border:1px solid color-mix(in srgb,var(--c) 60%,#ffffff40);background:#0b0820e6;color:var(--c);font:italic 700 14px/1 Georgia,serif;cursor:pointer;display:grid;place-items:center;padding:0}.chm-i:hover,.chm-i:focus-visible,.chm-i-wrap.open .chm-i{background:var(--c);color:#120b2e}.chm-pop{display:none;position:absolute;top:30px;right:0;width:min(290px,78vw);padding:12px 14px;border-radius:12px;background:#120b30f7;box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent),0 18px 40px #000c;text-align:left;font-size:12px;line-height:1.35;color:#e9e2ff}.chm-i-wrap.flip .chm-pop{right:auto;left:0}.chm-i-wrap:hover .chm-pop,.chm-i-wrap:focus-within .chm-pop,.chm-i-wrap.open .chm-pop{display:grid;gap:4px}.chm-pop-h{font-size:12px;color:var(--c);letter-spacing:.04em;margin-top:4px}.chm-pop small{color:#b9b0e0;font-size:11px}.chm-pop ul{list-style:none;margin:2px 0 4px;padding:0;display:grid;gap:3px}.chm-pop li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;color:#a69bd0}.chm-pop li.done{color:#9be7a8}.chm-pop li.next{color:#fff;font-weight:700}.chm-pop li em{font-style:normal;font-size:11px}.chm-pop-bar{grid-column:1 / -1;height:4px;border-radius:3px;background:#ffffff1a;overflow:hidden}.chm-pop-bar b{display:block;height:100%;background:var(--c)}.chm-tile.beaten{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent),0 14px 34px #000b}.chm-art{width:100%;aspect-ratio:5 / 7;border-radius:10px;background:#0b0820 center / cover;filter:brightness(0) drop-shadow(0 0 10px var(--c));display:grid;place-items:center}.chm-tile.beaten .chm-art{filter:none;box-shadow:0 0 0 2px var(--c),0 0 24px color-mix(in srgb,var(--c) 50%,transparent)}.chm-tile:not(.locked):not(.beaten) .chm-art{filter:none;box-shadow:0 0 0 1px #fff3}.chm-tile.locked .chm-art{filter:none;box-shadow:0 0 0 1px #fff2}.chm-tile.locked .chm-name{color:#a9a2d6}.chm-task{color:#e9e5ff;font-size:12px;font-weight:600}.chm-reset{margin:-8px 0 14px;color:#ffd34d;font-size:12px;letter-spacing:.06em}.chm-reset b{color:#fff}.chm-bounty{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;background:#3a2a08;color:#ffd34d;font:800 12px var(--display);letter-spacing:.04em;box-shadow:inset 0 0 0 1px #ffd34d66,0 0 12px #ffb34733}.chm-rank{position:relative;display:inline-flex;align-items:center;overflow:hidden;padding:3px 10px;border-radius:99px;background:#ffffff0d;color:#e2ddff;font:800 12px var(--display);letter-spacing:.04em;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}.chm-rank i{position:absolute;left:0;bottom:0;height:2px;background:var(--c)}.chm-rank.mastered{background:linear-gradient(135deg,#fff1b8,#ffc531 45%,#b8860b);color:#2a1a00;box-shadow:0 0 12px #ffc53177}.chm-bounty.claimed{background:#ffffff10;color:var(--mute);box-shadow:inset 0 0 0 1px #fff2;font-weight:700}.chm-bounty .coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c0,#ffd34d 40%,#c8901a 75%);box-shadow:0 0 6px #ffd34d88,inset 0 0 0 1px #8a5a0a}.chm-bar{width:100%;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.chm-bar i{display:block;height:100%;background:linear-gradient(90deg,#9d7bff,#c9b8ff)}@media(max-width:480px){.chm{padding:16px 10px 24px}.chm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chm-tile{padding:8px}.chm-name{font-size:16px}.chm-task{font-size:11px}.chm-fight{padding:7px 12px;font-size:12px}}.chm-name{margin-top:4px;font:900 20px/1 var(--display);text-transform:uppercase}.chm-state{color:var(--c);font:800 12px var(--display);letter-spacing:.08em;text-transform:uppercase}.chm-stats,.chm-hint{color:var(--mute);font-size:11px}.chm-fight{margin-top:6px;padding:8px 18px;border:0;border-radius:10px;background:linear-gradient(180deg,#ffd34d,#ff9a3c);color:#2a1608;font:900 14px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}.chp{position:fixed;inset:0;z-index:950;display:grid;place-items:center;padding:16px;background:#05041088;backdrop-filter:blur(4px)}.chp-box{--c: #ffd34d;width:min(460px,100%);max-height:calc(100vh - 32px);display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#1a1240,#0b0820);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 24px 60px #000d}.chp-box h3{margin:0;font:900 24px/1.05 var(--display);text-transform:uppercase}.chp-box h3 em{font-style:normal;color:var(--c)}.chp-note{margin:0;color:var(--mute);font-size:12.5px}.chp-list{display:grid;gap:6px;min-height:0;overflow-y:auto;margin:0;padding:0 2px 2px 0;list-style:none}.chp-opt{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:#ffffff0b;color:#e9e5ff;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1a;font:700 14px var(--body, sans-serif)}.chp-opt:hover,.chp-opt:focus-visible{background:#ffffff18;box-shadow:inset 0 0 0 1px var(--c);outline:none}.chp-opt small{color:var(--mute);font:700 10.5px var(--mono, monospace);letter-spacing:.08em;text-transform:uppercase}.chp-opt.last{background:linear-gradient(180deg,#ffd34d,#ff9a3c);color:#2a1608;box-shadow:none;font:900 15px var(--display);letter-spacing:.04em}.chp-opt.last small{color:#4a2a08}.chp-row{display:flex;justify-content:flex-end}.chp-row button{padding:8px 16px;border:0;border-radius:10px;background:#ffffff14;color:#e9e5ff;font:800 13px var(--display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.chm-fight:hover,.chm-fight:focus-visible{filter:brightness(1.1);outline:2px solid #fff;outline-offset:2px}.small-go i{font-style:normal;font-size:10px;opacity:.8;letter-spacing:.08em}.hub-back{margin-top:6px;color:var(--mute);font-size:12px;text-decoration:none}.hub-back:hover{color:#fff}.viewbar{position:fixed;top:0;left:0;right:0;z-index:700;display:flex;align-items:center;gap:14px;padding:16px 24px;background:linear-gradient(#07061af2,#07061a00)}.back,.playsmall,.filters button{padding:9px 14px;border-radius:10px;border:1px solid #9d7bff55;background:#120d38cc;color:#e9e5ff;font:800 14px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.filters{display:flex;gap:6px;margin:0 auto;min-width:0;overflow-x:auto;padding:3px 2px}.filters button{flex:none}.fsep{flex:none;width:1px;margin:4px;background:#9d7bff44}.filters button.tick{display:inline-flex;align-items:center;gap:6px}.filters button.tick:before{content:"";width:11px;height:11px;border-radius:3px;box-shadow:inset 0 0 0 1.5px #9d7bff99;transition:background .12s,box-shadow .12s}.filters button.tick.on:before{background:#ffd166 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.3 4.7-5' fill='none' stroke='%231a0d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 10px no-repeat;box-shadow:none}.roles{display:inline-flex;gap:6px;align-items:center;transition:opacity .15s}.roles.na{opacity:.45}.roles-na{flex:none;color:var(--mute);font:600 11px var(--body);font-style:italic;white-space:nowrap}.filters button.on{border-color:#ffd166;color:#ffd166}.search{flex:0 1 220px;min-width:120px;height:36px;padding:0 12px;border-radius:10px;border:1px solid #9d7bff55;background:#07061acc;color:#fff;font:500 14px var(--body)}.search:focus{outline:none;border-color:#ffd166;box-shadow:0 0 0 3px #ffd16633}.grid .hc.nomatch{display:none!important}.grid-empty{position:fixed;left:50%;top:200px;z-index:660;translate:-50% 0;margin:0;padding:12px 18px;border-radius:12px;background:#0b0826e6;color:var(--mute);font-size:14px;box-shadow:inset 0 0 0 1px #9d7bff44}body.db-building .grid-empty{left:calc((100vw - var(--dbw)) / 2)}.p-type .rarity.legendary{color:#ff9a2e}.p-type .rarity.rare{color:#5aa8ff}.playsmall{background:linear-gradient(135deg,#ff8000,#f5b301);color:#1a0d00;border:0}.grid{position:fixed;inset:70px 0 0;z-index:650;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;padding:20px 28px 60px;align-content:start}.grid .hc{position:relative;left:auto!important;top:auto!important;width:100%;transform:none;z-index:auto!important}.grid .hc:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 0 0 2px #ffd166,0 22px 40px #000c}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:800;width:min(380px,92vw);padding:22px 18px;overflow:auto;--cls: #9d7bff;background:radial-gradient(120% 40% at 50% 0%,color-mix(in srgb,var(--cls) 20%,transparent),transparent 60%),linear-gradient(180deg,#160f40f8,#0c0828f8);box-shadow:inset 1px 0 #c9a24d55,-30px 0 60px #000c;transform:translate(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.drawer.open{transform:none}.d-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#0b0826;color:var(--mute);font-size:18px;cursor:pointer;z-index:1}.p-flip{display:flex;justify-content:center;gap:6px;margin:-4px 0 10px}.p-flip button,.filters .sub{padding:5px 12px;border:0;border-radius:99px;background:#0b0826;color:var(--mute);font:800 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 0 1px #9d7bff44}.p-flip button.on{color:#1a0d00;background:#ffb15c;box-shadow:none}.p-forms{display:flex;align-items:stretch;justify-content:center;gap:6px;margin:-4px auto 12px;max-width:340px}.p-forms>button{flex:none;width:38px;border:0;border-radius:10px;background:#0b0826;color:#ffb15c;font:800 20px/1 var(--display);cursor:pointer;box-shadow:inset 0 0 0 1px #9d7bff44}.p-forms>button:disabled{opacity:.3;cursor:default}.p-forms label{position:relative;flex:1;display:grid;gap:3px;padding:7px 34px 8px 12px;border-radius:10px;background:#0b0826;box-shadow:inset 0 0 0 1px #ffb15c66}.p-forms label:after{content:"▾";position:absolute;right:12px;top:50%;translate:0 -50%;color:#ffb15c;font-size:13px;pointer-events:none}.p-forms span{color:var(--mute);font:700 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.p-forms select{appearance:none;width:100%;padding:0;border:0;background:none;color:#ffd9a8;font:800 15px/1.1 var(--display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;outline:none}.p-forms select option{background:#0b0826;color:#f4eaff;text-transform:none}.p-forms label:focus-within{box-shadow:inset 0 0 0 1.5px #ffb15c}.filters .sub.on{color:#fff;box-shadow:inset 0 0 0 1px #ffb15c}.p-card{width:72%;margin:6px auto 12px;border-radius:12px;box-shadow:0 0 0 2px var(--cls),0 0 40px color-mix(in srgb,var(--cls) 45%,transparent),0 14px 34px #000b}.p-card img{display:block;width:100%;border-radius:12px}.p-fx{width:66%;aspect-ratio:5 / 7;margin:6px auto 12px;--cw: 190px}.drawer h3{margin:0;font:900 30px/1 var(--display);text-transform:uppercase;text-align:center}.p-type{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px 0 12px;color:var(--mute);font-size:13px;text-align:center;flex-wrap:wrap}.p-type img{width:18px;height:18px;border-radius:4px}.p-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.p-stats span{display:grid;justify-items:center;padding:8px 4px;border-radius:10px;background:#0b0826;box-shadow:inset 0 0 0 1px #9d7bff26}.p-stats b{font:900 24px/1 var(--display)}.p-stats .atk b{color:#ffc94d}.p-stats .def b{color:#cbd5e1}.p-stats .hp b{color:#ff6b7f}.p-stats em{font-style:normal;font-size:10px;color:var(--mute);letter-spacing:.1em;text-transform:uppercase}.hc .art-soon{position:absolute;inset:0;display:grid;place-content:center;gap:6px;padding:10%;border-radius:inherit;background:linear-gradient(#0b0826b0,#0b0826d0),url(https://teamindigo-assets.hub-cdn.workers.dev/_astro/card-back.DV3_28Hv.webp) center / cover;text-align:center;font-style:normal;color:#c9b8ff;font:700 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.hc .art-soon b{color:#fff;font:800 clamp(11px,calc(var(--cw, 120px) * .11),18px)/1.05 var(--display);letter-spacing:.03em;text-transform:uppercase}.needs-rule{position:absolute;left:50%;bottom:8%;translate:-50% 0;padding:2px 7px;border-radius:99px;background:#0b0826e6;color:#fde68a;font:700 9px var(--mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 0 1px #f59e0b66;pointer-events:none}.p-res{margin:0 0 6px;font-size:10.5px;color:var(--mute)}.p-sec h4 .cd{margin-left:auto;font:700 9.5px var(--mono);color:var(--mute);letter-spacing:0;text-transform:none}.p-sec{margin:8px 0;padding:9px 11px;border-radius:12px;background:#0b0826;box-shadow:inset 0 0 0 1px #9d7bff26}.p-sec h4{display:flex;gap:8px;align-items:baseline;margin:0 0 3px;font:800 16px var(--display);letter-spacing:.06em;text-transform:uppercase;color:#7dd3fc}.p-sec h4 span{font:700 9.5px var(--mono);color:var(--mute);letter-spacing:.12em}.p-sec.sig{background:linear-gradient(160deg,#2a1f05,#0b0826 70%);box-shadow:inset 0 0 0 1px #ffd16655}.p-sec.sig h4{color:#ffd166}.p-sec p{margin:0;color:#d6d1f5;font-size:13.5px}.kw b{color:#fff}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.chip{padding:3px 9px;border-radius:999px;font:700 11px var(--mono);color:var(--mute);background:#0b0826;box-shadow:inset 0 0 0 1px #9d7bff33;cursor:help}.flavor{margin:12px 4px 0;color:var(--mute);font-style:italic;font-size:13px}.fxface{--tc: #ffd166;--bg1: #4a3608;--bg2: #120c02;position:relative;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;align-items:center;width:100%;height:100%;padding:8% 7% 9%;border-radius:10px;text-align:center;overflow:hidden;background:radial-gradient(90% 60% at 50% 38%,color-mix(in srgb,var(--tc) 30%,transparent),transparent 70%),linear-gradient(170deg,var(--bg1),var(--bg2));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tc) 75%,transparent),inset 0 0 0 5px #0008,inset 0 0 0 6px color-mix(in srgb,var(--tc) 30%,transparent);color:#fff}.fxface.has-img{padding:0;display:block}.fxface.has-img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.fxface.has-img .fx-banner.turns{position:absolute;left:50%;bottom:6%;translate:-50% 0}.fxface.t-effect{--tc: #c084fc;--bg1: #3b0764;--bg2: #11021f}.fxface.t-trap{--tc: #ff4d5e;--bg1: #4c0519;--bg2: #14020a}.fx-banner{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--tc) 85%,#000);color:#120c02;font:900 calc(var(--cw) * .085)/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase}.fx-icon{display:grid;place-items:center;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--tc) 55%,#fff),color-mix(in srgb,var(--tc) 40%,#000) 70%);box-shadow:0 0 24px color-mix(in srgb,var(--tc) 60%,transparent),inset 0 0 0 2px #fff4}.fx-icon svg{width:58%;height:58%;fill:#fff;filter:drop-shadow(0 2px 3px #0009)}.fx-name{font:900 calc(var(--cw) * .12)/1 var(--display);text-transform:uppercase;text-shadow:0 2px 4px #000}.fx-text{margin-top:4%;font:500 calc(var(--cw) * .068)/1.25 var(--body);color:#e9e5ff}.floor .hc.fx .fx-text{display:none}.grid .hc.fx{--cw: 160px}.modal{position:fixed;inset:0;z-index:900;display:grid;place-items:center;background:#07061acc;backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(560px,92vw);max-height:86vh;overflow:auto;padding:26px 26px 22px;border-radius:24px;background:radial-gradient(120% 60% at 50% 0%,#2a1a72f0,#0c0826f6);box-shadow:inset 0 0 0 1px #c9a24d66,0 40px 100px #000e}.modal-card h2{margin:0 0 14px;font:900 44px/.9 var(--display);text-transform:uppercase}#board{place-items:stretch;background:#07061a}#board .modal-card{width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;padding:30px clamp(16px,4vw,64px) 48px;box-shadow:none}#board .modal-card>.d-x{position:fixed;top:14px;right:16px;z-index:3}#board .modal-card>h2,#board #board-body{width:min(1180px,100%);margin-inline:auto}#board .modal-card>h2{font-size:clamp(44px,6vw,72px);margin-bottom:18px}.lb-sec{margin:12px 0;padding:14px 16px;border-radius:16px;background:#0b0826;box-shadow:inset 0 0 0 1px #9d7bff26}.lb-sec h3{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px;font:800 20px var(--display);letter-spacing:.06em;text-transform:uppercase}.lb-sec h3 span{font-size:10px;color:var(--mute);letter-spacing:.1em}.lb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lb-stats span{display:grid;justify-items:center;padding:10px 4px;border-radius:12px;background:#120d38}.lb-stats b{font:900 30px/1 var(--display)}.lb-stats em{font-style:normal;font-size:10px;color:var(--mute);letter-spacing:.1em;text-transform:uppercase}.lb-games{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:5px}.lb-games li{display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:center;padding:7px 10px;border-radius:9px;background:#120d38;font-size:13px}.lb-games li.win b{color:var(--good)}.lb-games li.loss b{color:var(--bad)}.lb-games time{color:var(--mute);font-size:11px}.lb-empty,.soon p{margin:0;color:var(--mute)}.soon{opacity:.85}.curtain{position:fixed;inset:0;z-index:1000;background:#07061a;opacity:0;pointer-events:none;transition:opacity .45s}.curtain.on{opacity:1}@media(max-width:720px){.viewbar{gap:8px;padding:12px}.search{flex:1}:root{--cw: 92px}.hub{padding:22px 18px;width:90vw}.big{min-width:0;flex:1;font-size:18px}.viewbar{flex-wrap:wrap;row-gap:6px}.filters{order:3;flex:1 1 100%;margin:0}.grid{inset:112px 0 0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0b082699;border-radius:99px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6a4bff,#a335ee);border:2px solid transparent;border-radius:99px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8f75ff,#c45cff);border:1px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.filters::-webkit-scrollbar{height:6px}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#8b5cf6 #0b082699}}@media(prefers-reduced-motion:reduce){.hub-logo{animation:none}}