:root{--bg-void:#0a0a0f;--bg-deep:#0f0f18;--bg-panel:#16161f;--bg-panel-2:#1d1d29;--stone-line:#3a3a4c;--parchment:#e8dcc0;--ink:#cfcad8;--ink-dim:#8b8798;--gold:#d4af37;--gold-bright:#f3d774;--gold-deep:#9a7b1f;--fire:#ff6b35;--fire-deep:#c1440e;--celestial:#7cc7ff;--blood:#a01818;--radius:14px;--radius-sm:8px;--font-display:"Cinzel",Georgia,serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;color-scheme:dark}optgroup,option,select{background-color:var(--bg-panel);color:var(--parchment)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg-void);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1000px 600px at 80% -10%,rgba(124,199,255,.07),transparent 60%),radial-gradient(900px 700px at 10% 10%,rgba(255,107,53,.06),transparent 55%),radial-gradient(1200px 900px at 50% 120%,rgba(212,175,55,.05),transparent 60%)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--parchment);margin:0 0 .5em;letter-spacing:.01em}a{color:var(--gold-bright);text-decoration:none}a:hover{color:var(--gold)}p{margin:0 0 1em}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--parchment);letter-spacing:.04em}.brand__mark{color:var(--gold-bright);font-size:1.4rem;text-shadow:0 0 16px hsla(47,84%,70%,.6)}.brand__accent{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-display);font-weight:600;letter-spacing:.04em;padding:.8em 1.5em;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;font-size:.95rem;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));color:#1a1405}.btn--fire{background:linear-gradient(180deg,var(--fire),var(--fire-deep));color:#fff}.btn--ghost{background:hsla(0,0%,100%,.03);border-color:var(--stone-line);color:var(--parchment)}.btn--ghost:hover{border-color:var(--gold);color:var(--gold-bright)}.btn--danger{background:rgba(160,24,24,.15);border-color:var(--blood);color:#ff9d9d}.btn--block{width:100%}.btn--sm{padding:.5em 1em;font-size:.85rem}.panel{background:linear-gradient(180deg,var(--bg-panel),var(--bg-panel-2));border:1px solid var(--stone-line);border-radius:var(--radius);box-shadow:0 10px 40px rgba(0,0,0,.5)}.field{margin-bottom:16px}.field label{display:block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.input{width:100%;padding:.75em .9em;border-radius:var(--radius-sm);background:rgba(0,0,0,.35);border:1px solid var(--stone-line);color:var(--parchment);font-size:.98rem;font-family:var(--font-body)}.input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.15)}.notice{padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:16px;border:1px solid}.notice--error{background:rgba(160,24,24,.12);border-color:var(--blood);color:#ffb3b3}.notice--ok{background:rgba(102,187,106,.12);border-color:#3f7a44;color:#b6f0bb}.notice--info{background:rgba(124,199,255,.1);border-color:#2b6cb0;color:#bfe2ff}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.26em;font-size:.7rem;color:var(--gold);margin-bottom:.7rem}.muted{color:var(--ink-dim)}.text-gradient{background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.auth{min-height:100vh;display:grid;place-items:center;padding:40px 20px}.auth__card{width:100%;max-width:420px;padding:40px}.auth__brand{text-align:center;margin-bottom:8px;justify-content:center}.auth__title{text-align:center;font-size:1.6rem;margin-bottom:6px}.auth__sub{font-size:.92rem;margin-bottom:28px}.auth__foot,.auth__sub{text-align:center;color:var(--ink-dim)}.auth__foot{margin-top:20px;font-size:.9rem}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--stone-line);background:var(--bg-deep);padding:22px 16px;display:flex;flex-direction:column;gap:6px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain}.sidebar__brand{margin:6px 8px 20px}.sidebar__group{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:16px 10px 6px}.navlink{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--ink-dim);font-size:.94rem;transition:background .15s,color .15s}.navlink:hover{background:hsla(0,0%,100%,.04);color:var(--parchment)}.navlink--active{background:rgba(212,175,55,.12);color:var(--gold-bright)}.navlink__icon{width:20px;text-align:center}.navlink--soon{opacity:.5;cursor:default}.badge-soon{margin-left:auto;font-size:.6rem;letter-spacing:.1em;color:var(--gold-deep);border:1px solid var(--gold-deep);border-radius:4px;padding:1px 5px}.badge-count{margin-left:auto;min-width:18px;height:18px;display:grid;place-items:center;font-size:.68rem;font-weight:700;color:#1a1405;background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));border-radius:999px;padding:0 5px}.content{padding:32px 40px;max-width:1200px}.content:has(.dbx){max-width:none}.shell:has(.game-view){grid-template-columns:1fr}.shell:has(.game-view) .sidebar{display:none}.shell:has(.game-view) .content{max-width:none;padding:8px 16px;height:100vh;overflow:hidden}.game-view{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.game-view>.page-head{flex:0 0 auto;margin-bottom:4px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.page-head h1{font-size:1.9rem;margin:0}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;overflow-x:auto}.content{padding:20px}}.ctile{position:relative;display:flex;flex-direction:column;border-radius:0;overflow:hidden;aspect-ratio:2.5/3.5;container-type:inline-size;-moz-user-select:none;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,#1b1b26,#12121a);border:1px solid var(--stone-line);box-shadow:0 8px 26px rgba(0,0,0,.5);transition:transform .16s,box-shadow .16s,border-color .16s}.ctile[role=button]{cursor:pointer}.ctile:hover{transform:translateY(-5px);border-color:var(--el);box-shadow:0 14px 40px color-mix(in srgb,var(--el) 30%,#000)}.ctile--deity{background:linear-gradient(180deg,#241d0e,#14100a);border-color:var(--gold-deep)}.ctile--warrior{background:linear-gradient(180deg,#44454f,#2a2a32)}.ctile--support{background:linear-gradient(180deg,#294a68,#162836)}.ctile--extra{background:linear-gradient(180deg,#3d2a58,#1e1430);border-color:var(--gold-deep)}.ctile--compact{aspect-ratio:auto}.ctile__top{grid-template-columns:auto 1fr auto;align-items:center;grid-gap:3cqw;gap:3cqw;padding:2.3cqw 4.5cqw}.ctile__cost,.ctile__top{flex:0 0 auto;display:grid}.ctile__cost{place-items:center;min-width:10cqw;height:10cqw;padding:0 1.2cqw;border-radius:1.3cqw;background:radial-gradient(circle at 35% 30%,var(--gold-bright),var(--gold-deep));color:#1a1405;font-weight:800;font-size:5.5cqw}.ctile__name{font-family:var(--font-display);font-size:6.6cqw;line-height:1.05;color:var(--parchment);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ctile__el{font-size:8.5cqw}.ctile__art{flex:0 0 40%;position:relative;display:grid;place-items:center;overflow:hidden;margin:1.5cqw 4.5cqw;background:radial-gradient(60% 55% at 50% 40%,color-mix(in srgb,var(--el) 35%,transparent),transparent 70%),linear-gradient(180deg,#0f0f16,#14141d);border:1px solid color-mix(in srgb,var(--el) 45%,var(--stone-line))}.ctile__glyph{font-size:22cqw;filter:drop-shadow(0 0 3cqw color-mix(in srgb,var(--el) 60%,transparent))}.ctile__img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;pointer-events:none}.ctile__typeline{flex:0 0 auto;font-family:var(--font-display);font-size:4.6cqw;color:var(--gold);letter-spacing:.02em;padding:2.5cqw 4.5cqw 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctile__body{--fit:1;flex:1 1 auto;min-height:0;overflow:hidden;padding:2cqw 4.5cqw}.ctile__effect,.ctile__passive{font-size:calc(5cqw * var(--fit));color:var(--ink-dim);margin:0;line-height:1.28}.ctile__efflabel{display:block;font-size:calc(4cqw * var(--fit));text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:1cqw}.ctile__effdivider{height:1px;margin:2.5cqw 0;background:linear-gradient(90deg,transparent,var(--gold-deep),transparent)}.ctile__stats{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:4cqw;padding:2.3cqw 4.5cqw;border-top:1px solid var(--stone-line);font-weight:700;font-size:5.2cqw}.ctile__atk{color:var(--fire)}.ctile__def{color:#8fb3e0}.ctile__count{color:var(--gold-bright);font-family:var(--font-display)}.cthumb{position:relative;aspect-ratio:2.5/3.5;border-radius:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--el) 55%,var(--stone-line));background:linear-gradient(180deg,#14141d,#0f0f16);display:grid;place-items:center;cursor:pointer;transition:transform .1s,box-shadow .1s,outline .1s}.cthumb:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--el) 40%,#000);z-index:2}.cthumb--sel{outline:2px solid var(--gold);outline-offset:1px}.cthumb img{width:100%;height:100%;object-fit:cover}.cthumb__glyph{font-size:1.4rem;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--el) 60%,transparent))}.cthumb__cost{position:absolute;top:2px;left:2px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:3px;font-size:.62rem;font-weight:800;background:rgba(0,0,0,.7);color:var(--gold-bright)}.stat{padding:22px;border-radius:var(--radius);background:linear-gradient(180deg,var(--bg-panel),var(--bg-panel-2));border:1px solid var(--stone-line)}.stat__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim)}.stat__value{font-family:var(--font-display);font-size:2rem;color:var(--gold-bright)}.tile{display:flex;flex-direction:column;gap:8px;padding:26px;border-radius:var(--radius);background:linear-gradient(180deg,var(--bg-panel),var(--bg-panel-2));border:1px solid var(--stone-line);transition:transform .16s,border-color .16s;color:var(--ink)}.tile:hover{transform:translateY(-4px);border-color:var(--gold-deep);color:var(--ink)}.tile__icon{font-size:1.8rem}.tile h3{font-size:1.15rem;margin:0;color:var(--parchment)}.tile p{font-size:.88rem;color:var(--ink-dim);margin:0}.grid{display:grid;grid-gap:20px;gap:20px}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:900px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.grid--3,.grid--4{grid-template-columns:1fr}}