:root{color-scheme:dark;--bt-purple:#7c3aed;--bt-blue:#38bdf8;--bt-green:#22c55e;--bt-yellow:#eab308;--bt-rose:#f43f5e;--bt-surface:#0c1124;--bt-surface-2:#0f1532;--bt-ink:#e2e8f0}.bt-page,body{position:relative;--accent-main:var(--bt-blue);--accent-strong:#7dd3fc;--accent-soft:rgba(56, 189, 248, 0.2);--accent-glow:rgba(56, 189, 248, 0.24);--glow-one:rgba(56, 189, 248, 0.24);--glow-two:rgba(125, 211, 252, 0.2);--glow-three:rgba(14, 165, 233, 0.18);background:radial-gradient(circle at 10% 20%,var(--glow-one),transparent 32%),radial-gradient(circle at 80% 10%,var(--glow-two),transparent 28%),radial-gradient(circle at 30% 80%,var(--glow-three),transparent 30%),linear-gradient(135deg,#070b1a,#0c1025 45%,#0a142f);min-height:100vh;color:var(--bt-ink);overflow-x:hidden;transition:background .45s}.bt-page.trap-blue{--accent-main:var(--bt-blue);--accent-strong:#7dd3fc;--accent-soft:rgba(56, 189, 248, 0.2);--accent-glow:rgba(56, 189, 248, 0.24);--glow-one:rgba(56, 189, 248, 0.24);--glow-two:rgba(125, 211, 252, 0.2);--glow-three:rgba(14, 165, 233, 0.18);background:radial-gradient(circle at 18% 24%,rgba(56,189,248,.32),transparent 32%),radial-gradient(circle at 80% 10%,rgba(125,211,252,.2),transparent 30%),radial-gradient(circle at 22% 80%,rgba(14,165,233,.18),transparent 32%),linear-gradient(145deg,#081019,#0b1723 45%,#0b1f32)}.bt-page.trap-purple,.bt-page.trap-violet{--accent-main:var(--bt-purple);--accent-strong:#c084fc;--accent-soft:rgba(124, 58, 237, 0.2);--accent-glow:rgba(124, 58, 237, 0.26);--glow-one:rgba(124, 58, 237, 0.26);--glow-two:rgba(139, 92, 246, 0.2);--glow-three:rgba(109, 40, 217, 0.18);background:radial-gradient(circle at 18% 24%,rgba(139,92,246,.35),transparent 32%),radial-gradient(circle at 80% 10%,rgba(124,58,237,.2),transparent 30%),radial-gradient(circle at 22% 80%,rgba(107,33,168,.18),transparent 32%),linear-gradient(145deg,#0a0b1c,#0f1230 45%,#0f183c)}.bt-page.trap-green{--accent-main:var(--bt-green);--accent-strong:#4ade80;--accent-soft:rgba(34, 197, 94, 0.2);--accent-glow:rgba(34, 197, 94, 0.24);--glow-one:rgba(34, 197, 94, 0.28);--glow-two:rgba(74, 222, 128, 0.22);--glow-three:rgba(22, 163, 74, 0.18);background:radial-gradient(circle at 18% 24%,rgba(74,222,128,.35),transparent 32%),radial-gradient(circle at 80% 10%,rgba(34,197,94,.22),transparent 30%),radial-gradient(circle at 22% 80%,rgba(20,184,166,.28),transparent 32%),linear-gradient(145deg,#062a1e,#083524 45%,#0a4430)}.bt-page.trap-yellow{--accent-main:var(--bt-yellow);--accent-strong:#facc15;--accent-soft:rgba(250, 204, 21, 0.2);--accent-glow:rgba(234, 179, 8, 0.26);--glow-one:rgba(250, 204, 21, 0.26);--glow-two:rgba(250, 204, 21, 0.18);--glow-three:rgba(217, 119, 6, 0.16);background:radial-gradient(circle at 18% 24%,rgba(255,205,60,.34),transparent 32%),radial-gradient(circle at 80% 10%,rgba(255,165,35,.24),transparent 30%),radial-gradient(circle at 22% 80%,rgba(255,130,20,.22),transparent 32%),linear-gradient(145deg,#1a0f05,#241406 45%,#301807)}.bt-page.trap-red,.bt-page.trap-rose{--accent-main:#f43f5e;--accent-strong:#fb7185;--accent-soft:rgba(244, 63, 94, 0.2);--accent-glow:rgba(244, 63, 94, 0.26);--glow-one:rgba(244, 63, 94, 0.28);--glow-two:rgba(251, 113, 133, 0.22);--glow-three:rgba(225, 29, 72, 0.18);background:radial-gradient(circle at 18% 24%,rgba(251,113,133,.32),transparent 32%),radial-gradient(circle at 80% 10%,rgba(244,63,94,.22),transparent 30%),radial-gradient(circle at 22% 80%,rgba(225,29,72,.2),transparent 32%),linear-gradient(145deg,#1a0808,#240a0f 45%,#300b14)}.bt-page::after,.bt-page::before{content:"";position:fixed;inset:-20% -10% auto;height:120vh;pointer-events:none;background:radial-gradient(circle at 20% 30%,var(--glow-one),transparent 32%),radial-gradient(circle at 70% 70%,var(--glow-two),transparent 28%),radial-gradient(circle at 40% 60%,var(--accent-soft),transparent 30%);filter:blur(60px);opacity:.65;animation:24s ease-in-out infinite float;z-index:0}.bt-page::after{animation-delay:8s;opacity:.5;transform:scale(1.1)}.bt-page{--surface-1:rgba(12, 17, 36, 0.94);--surface-2:rgba(17, 24, 39, 0.75);--border-weak:rgba(255, 255, 255, 0.08);--border-strong:rgba(148, 163, 184, 0.25);--text-strong:#e2e8f0}.page-shell{max-width:72rem;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.75rem}.app-header{position:sticky;top:0;z-index:30;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.12));backdrop-filter:blur(16px)}.app-header__inner{max-width:72rem;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem}.brand{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;min-width:0}.brand--placeholder{grid-template-columns:auto 1fr}.brand__placeholder{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;background:0 0;border:none;border-radius:1rem;width:11rem;aspect-ratio:3/1}.brand__placeholder svg{width:100%;height:auto}.header-titles{display:flex;flex-direction:column;gap:.15rem;min-width:0}@media (min-width:1110px){.app-header__inner{display:flex;justify-content:space-between;align-items:center}.brand,.header-actions{flex-shrink:0}.header-titles{display:none}}.header-titles__title{margin:0;font-size:1.2rem;font-weight:700;color:#e2e8f0}.header-titles__subtitle{margin:0;font-size:.95rem;color:#cbd5e1}.header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.brand__title{margin:0}.nav-toggle{display:none;align-items:center;justify-content:center;padding:.6rem;border-radius:.9rem;border:1px solid var(--border-weak);background:rgba(255,255,255,.03);color:var(--text-strong)}.nav-toggle__icon{width:1.5rem;height:1.5rem}.nav-desktop{display:flex;align-items:center;gap:.75rem;justify-content:flex-start;flex-wrap:wrap;padding:.35rem .5rem;background:0 0;border:none;border-radius:999px}.nav-mobile{display:none;flex-direction:column;gap:1rem;padding:.75rem 1.5rem 1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px) + 60px);border-top:1px solid rgba(148,163,184,.16);width:100%;max-height:calc(100dvh - 70px);overflow-y:auto}.nav{display:flex;align-items:center;gap:.5rem}.nav--stacked{flex-direction:column;align-items:stretch}.nav--stacked .nav__link,.nav--stacked .nav__logout{width:100%}.nav__link{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;padding:.7rem 1.1rem;border-radius:.95rem;border:1px solid rgba(148,163,184,.22);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));color:var(--text-strong);font-weight:700;font-size:.95rem;text-decoration:none;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 12px rgba(0,0,0,.15)}.nav__link:hover{border-color:var(--accent-strong);transform:translateY(-1px)}.nav__link--danger{color:#ffe4e6;border-color:rgba(248,113,113,.35);background:linear-gradient(135deg,rgba(248,113,113,.14),rgba(127,29,29,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 26px rgba(248,113,113,.2)}.nav__link--danger:hover{border-color:#f87171;background:linear-gradient(135deg,rgba(248,113,113,.2),rgba(127,29,29,.32))}.nav__link.is-active{background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.08));border-color:var(--accent-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 26px rgba(14,165,233,.2)}.nav__icon{display:inline-flex;align-items:center;justify-content:center;min-width:1.05rem;font-size:1.05rem;line-height:1}.nav__lock{display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;padding:.15rem .55rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(148,163,184,.35);font-size:.8rem;color:#cbd5e1}.nav__lock--sm{padding:.1rem .4rem;font-size:.6rem}.nav__badge{display:inline-flex;align-items:center;margin-left:auto;padding:.15rem .5rem;border-radius:999px;background:linear-gradient(135deg,#10b981 0,#059669 100%);font-size:.65rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 8px rgba(16,185,129,.4);animation:2s ease-in-out infinite badge-pulse}.nav__badge--sm{padding:.1rem .4rem;font-size:.6rem;margin-left:auto}@keyframes badge-pulse{0%,100%{box-shadow:0 0 8px rgba(16,185,129,.4)}50%{box-shadow:0 0 14px rgba(16,185,129,.7)}}.nav__profile{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;line-height:1.1}.nav__profile--avatar{display:inline-flex;align-items:center;gap:.5rem}.nav__link[href*=profile]{padding:.55rem .95rem}.nav__link[href*=profile] .nav__avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid rgba(148,163,184,.35);background:linear-gradient(145deg,rgba(56,189,248,.18),rgba(99,102,241,.2));display:inline-flex;align-items:center;justify-content:center}.nav__avatar-img{display:inline-block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.nav__avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.2rem;font-weight:700}.nav__label-text{font-weight:700}.nav__logout{display:inline-flex}.field{display:inline-flex;flex-direction:column;gap:.35rem;min-width:180px}.field--compact{min-width:0}.field__select-wrap{position:relative;display:flex;align-items:center;gap:.35rem}.field__select-icon{position:absolute;left:.65rem;color:#cbd5e1;pointer-events:none}.field--stacked{width:100%}.field__label{color:#cbd5e1;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field input,.field textarea,.field__select{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(148,163,184,.28);border-radius:.9rem;padding:.65rem .75rem;color:var(--text-strong)}select.field__select{appearance:none;background-image:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.03));color:#e2e8f0;padding-left:2.4rem}.field__select--icon{padding-left:2.4rem}select.field__select option{background-color:#0b1220;color:#e2e8f0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;border-radius:.95rem;border:1px solid var(--border-weak);font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;cursor:pointer;color:var(--text-strong);background:var(--surface-1)}.btn:hover{transform:translateY(-1px);border-color:var(--accent-strong)}.btn:focus-visible{outline:0;box-shadow:0 0 0 2px var(--accent-main,#38bdf8)}.btn-sm{padding:.45rem .75rem;font-size:.8125rem;border-radius:.625rem}.puzzle-edit-sticky-bar{position:sticky;top:0;z-index:25;padding:.25rem 0}.guide-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:1.5rem;align-items:center;padding:1.5rem}.guide-hero__frame{position:relative;padding:.6rem;border-radius:1.5rem;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(148,163,184,.25);box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)}.guide-hero__frame::after{content:"";position:absolute;inset:0;border-radius:1.25rem;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.15),transparent 40%);pointer-events:none}.guide-hero__video{width:100%;aspect-ratio:16/9;border:none;border-radius:1.25rem;overflow:hidden}.guide-hero__body{display:flex;flex-direction:column;gap:.65rem}.guide-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:rgba(56,189,248,.12);color:#bae6fd;font-weight:700;font-size:.85rem}.guide-title{font-size:2rem;margin:0}.guide-lead{margin:0;color:#cbd5e1}.guide-note{color:#94a3b8;font-size:.95rem}.guide-icon{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;background:rgba(148,163,184,.16);border:1px solid rgba(148,163,184,.28)}.guide-icon--accent{background:rgba(56,189,248,.18);border-color:rgba(56,189,248,.35)}.guide-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;overflow:hidden}.guide-story__image img{width:100%;height:100%;object-fit:cover;min-height:260px}.guide-story__copy{padding:1.5rem;display:flex;flex-direction:column;gap:.45rem}.portal-guide-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.portal-feature-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.portal-feature-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:14px 12px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 32px rgba(0,0,0,.35)}.portal-feature-item--stacked{grid-template-columns:auto 1fr}.portal-feature-icon{height:44px;width:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:#0b1020;background:linear-gradient(135deg,#bbf7d0,#34d399);border:1px solid rgba(52,211,153,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.portal-feature-icon--sky{background:linear-gradient(135deg,#e0f2fe,#38bdf8);border-color:rgba(56,189,248,.35)}.portal-feature-icon--indigo{background:linear-gradient(135deg,#e0e7ff,#818cf8);border-color:rgba(99,102,241,.35)}.portal-feature-icon--amber{background:linear-gradient(135deg,#fef3c7,#f59e0b);border-color:rgba(245,158,11,.35)}.portal-feature-title{margin:0;font-weight:600;color:#e2e8f0}.portal-feature-copy{margin:4px 0 0;font-size:.95rem;color:#94a3b8}.portal-feature-body{display:flex;flex-direction:column;gap:6px}.guide-story__kicker{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;color:#94a3b8;margin:0}.guide-story__title{margin:0;font-size:1.35rem}.guide-story__body{margin:0;color:#cbd5e1}.guide-story--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.guide-story--reverse .guide-story__image{order:2}.guide-story--reverse .guide-story__copy{order:1}.guide-tip{border:1px solid rgba(148,163,184,.2);border-radius:1rem;background:linear-gradient(160deg,rgba(15,23,42,.75),rgba(15,23,42,.92));padding:1rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.guide-tip__media{width:100%;height:120px;border-radius:.8rem;background:radial-gradient(circle at 30% 30%,rgba(56,189,248,.2),transparent 45%),rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.2);margin-bottom:.25rem}.guide-tip__title{margin:0;font-size:1.05rem}.guide-tip__body{margin:0;color:#cbd5e1;font-size:.95rem}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .4s,transform .4s}.reveal-visible{opacity:1;transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--accent-main),var(--accent-strong));color:#0b1020;border-color:var(--accent-strong);box-shadow:0 12px 30px rgba(0,0,0,.35)}.btn-secondary{background:rgba(255,255,255,.04)}.btn-ghost{background:0 0;border-color:rgba(148,163,184,.3)}.btn-danger{background:rgba(248,113,113,.14);color:#fecdd3;border-color:rgba(248,113,113,.35)}.card{border-radius:1.1rem;border:1px solid var(--border-weak);background:var(--surface-1);padding:1.25rem;position:relative}.grid-bg{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.04),transparent 25%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.04),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01))}.trap-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.trap-pill{position:relative;flex-direction:column;gap:.25rem;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.22);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));color:#e2e8f0;font-weight:600;font-size:.875rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 12px rgba(0,0,0,.15)}.trap-pill:hover{transform:translateY(-1px);border-color:rgba(148,163,184,.35)}.trap-pill.is-active{background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.08));border-color:var(--accent-strong);color:#e0f2fe;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 22px var(--accent-glow)}.trap-pill .trap-pill-header{display:flex;align-items:center;justify-content:space-between;gap:.25rem;width:100%}.trap-pill .trap-pill-meta{display:flex;align-items:center;gap:.25rem}.building-card{display:flex;flex-direction:column;gap:1rem;border:1px solid rgba(148,163,184,.25);background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(15,23,42,.75));border-radius:1rem;padding:1.25rem;min-height:100%;transition:border-color .2s,box-shadow .2s,transform .15s}.building-card:hover{border-color:rgba(148,163,184,.4);box-shadow:0 10px 24px rgba(0,0,0,.35);transform:translateY(-1px)}.building-card.is-selected{border-color:var(--accent-main);box-shadow:0 15px 30px rgba(0,0,0,.45),0 0 0 1px var(--accent-main)}.legend-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.35);background:rgba(148,163,184,.12)}.building-thumb{width:4rem;height:4rem;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(56,189,248,.22),rgba(56,189,248,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.stat-stack{display:flex;flex-direction:column;gap:.5rem;min-width:240px;align-items:flex-end}.stat-chip{border:1px solid rgba(148,163,184,.35);background:rgba(148,163,184,.12);border-radius:.9rem;padding:.55rem .85rem;color:#e2e8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);min-width:220px}.stat-chip__label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;margin:0 0 .15rem}.stat-chip__values{font-weight:700;font-size:.9rem;color:#f8fafc}.bonus-note{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .75rem;border-radius:.9rem;background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(59,130,246,.12));border:1px solid rgba(52,211,153,.35);color:#e2f3ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.bonus-note__label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#bbf7d0}.bonus-note__text{font-weight:600}.bonus-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .65rem;border-radius:.75rem;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(96,165,250,.14));border:1px solid rgba(52,211,153,.45);color:#d1fae5;font-weight:700;font-size:.85rem;white-space:nowrap}.stat-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.35);background:rgba(148,163,184,.12);color:#e2e8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.stat-pill__label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1}.stat-pill__values{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.95rem}.stat-pill__separator{color:#94a3b8;font-weight:600}.stat-pill__value{display:inline-flex;align-items:center;gap:.25rem}.building-toggle{padding:.5rem .9rem;border-radius:.75rem;font-weight:700;font-size:.95rem;border:1px solid rgba(148,163,184,.35);background:rgba(148,163,184,.12);color:var(--text-strong);transition:background .15s,color .15s,border-color .15s}.building-card.is-selected .building-toggle{background:var(--accent-main);color:#0b1224;border-color:var(--accent-main);box-shadow:0 10px 25px rgba(0,0,0,.35)}.building-toggle:hover{border-color:var(--accent-main);color:#e2e8f0}.table-shell{border-radius:1rem;border:1px solid var(--border-weak);background:var(--surface-1);overflow:hidden}.table-scroll{overflow-x:auto;width:100%}.table-scroll table{width:100%;border-collapse:collapse;min-width:640px}.table-scroll td,.table-scroll th{padding:.75rem;border-bottom:1px solid rgba(148,163,184,.18)}.table-scroll th{text-align:left;color:#cbd5e1;font-size:.9rem}.table-scroll tr:last-child td{border-bottom:none}.active{color:var(--accent-strong)}@media (max-width:1699px){.app-header__inner{flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:none}.brand{flex:1;min-width:0}.brand__tagline{display:none}.nav-toggle{display:inline-flex;flex-shrink:0}.nav-desktop{display:none}.nav--stacked .nav__logout,.nav-mobile:not(.hidden){display:flex;width:100%}.nav--stacked .nav__logout .btn{width:100%;justify-content:center}.guide-hero,.guide-story{grid-template-columns:1fr}.page-shell{padding:1.5rem 1rem 2rem}}@media (min-width:1700px){.app-header__inner{max-width:none;gap:1.5rem;position:relative}.brand{flex-shrink:0;z-index:2}.header-actions{position:absolute;left:0;right:0;display:flex;justify-content:center;pointer-events:none;margin-left:0}.nav-desktop{gap:.9rem;pointer-events:auto}}.bg-grid{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.ascii-pre{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;font-size:max(min(1rem, 2.16vw), .7rem);line-height:1.15;white-space:pre;word-break:break-word}.glass-card{position:relative;border:1px solid rgba(56,189,248,.14);box-shadow:0 20px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(10px)}.glass-card:not([class*=bg-gradient]){background:linear-gradient(145deg,rgba(15,20,40,.82),rgba(11,17,35,.9))}.glass-hint{position:relative;overflow:hidden}.glass-hint::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(124,58,237,.16));z-index:0}.glass-hint>*{position:relative;z-index:1}.smart-suggest-card{position:relative;overflow:hidden;border:1px solid rgba(51,65,85,.8);background:rgba(15,23,42,.92);box-shadow:0 4px 16px rgba(0,0,0,.3)}.smart-suggest-header{cursor:pointer;position:relative;overflow:hidden;margin:-1rem -1rem 0;padding:.875rem 1rem;background:linear-gradient(145deg,rgba(234,179,8,.12),rgba(217,119,6,.06));border-bottom:1px solid rgba(234,179,8,.2)}@media (min-width:640px){.smart-suggest-header{margin:-1.25rem -1.25rem 0;padding:1rem 1.25rem}}.smart-suggest-header::before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(234,179,8,.08),transparent);animation:4s ease-in-out infinite smart-suggest-shimmer;pointer-events:none}@keyframes smart-suggest-shimmer{0%{left:-100%}100%,50%{left:100%}}.smart-suggest-card.is-collapsed .smart-suggest-header{border-bottom:none}.smart-suggest-body{overflow:hidden}.smart-suggest-card.is-collapsed .smart-suggest-body{display:none}.smart-suggest-setup select{appearance:none;-webkit-appearance:none;background-image:none;padding-right:.75rem}.smart-suggest-setup select option{background-color:#1e293b;color:#e2e8f0;padding:4px 8px}.suggest-deficit{display:inline-block;padding:.125rem .5rem;border-radius:.375rem;border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.1);color:#fbbf24;font-size:.75rem;font-weight:500;white-space:nowrap}.suggest-stretch-item{border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.05);border-radius:.5rem;padding:.5rem}.suggest-applied{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.08)}@media (max-width:768px){.smart-suggest-header::before{display:none}}@media (prefers-reduced-motion:reduce){.smart-suggest-header::before{display:none}}.toast-container{position:fixed;top:18px;left:18px;z-index:60;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 36px)}@media (min-width:640px){.toast-container{max-width:320px}}.toast-card{transition:transform .3s,opacity .3s;transform:translateY(-8px);opacity:0}.toast-card.visible{transform:translateY(0);opacity:1}.hint-bar{position:fixed;left:50%;bottom:22px;transform:translate(-50%,12px);min-width:240px;max-width:520px;padding:12px 16px;border-radius:14px;border:1px solid rgba(56,189,248,.2);background:rgba(9,13,28,.94);color:#e2e8f0;box-shadow:0 25px 80px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;z-index:55}.hint-bar.visible{opacity:1;transform:translate(-50%,0)}.hint-bar.success{background:rgba(16,185,129,.12);border-color:rgba(52,211,153,.4);color:#d1fae5}.hint-bar.error{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.45);color:#ffe4e6}.hint-bar.info{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.4);color:#dbeafe}.hint-bar.warning{background:rgba(245,158,11,.14);border-color:rgba(251,191,36,.45);color:#fff7ed}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.status-card{--start:#38bdf8;--end:#0ea5e9;--border:rgba(255, 255, 255, 0.08);--glow:rgba(14, 165, 233, 0.38);--icon-start:#e0f2fe;border:1px solid var(--border);border-radius:16px;padding:26px 16px;background:linear-gradient(145deg,var(--start),var(--end));box-shadow:0 18px 40px rgba(0,0,0,.28);box-shadow:0 18px 40px color-mix(in srgb,var(--end) 28%,transparent);display:flex;align-items:center;justify-content:center;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s,color .2s;color:#0b1020}.status-card:hover{transform:translateY(-2px);border-color:var(--glow);box-shadow:0 22px 50px rgba(0,0,0,.38);box-shadow:0 22px 50px color-mix(in srgb,var(--end) 38%,transparent)}.status-card.status-active{border-color:var(--glow);box-shadow:0 20px 36px rgba(0,0,0,.38),0 0 0 1px rgba(0,0,0,.55);box-shadow:0 20px 36px color-mix(in srgb,var(--end) 38%,transparent),0 0 0 1px color-mix(in srgb,var(--start) 55%,transparent);background:linear-gradient(145deg,rgba(148,163,184,.78),rgba(71,85,105,.82));background:linear-gradient(145deg,color-mix(in srgb,var(--start) 78%,transparent),color-mix(in srgb,var(--end) 82%,transparent));transform:translateY(-3px)}.status-label{font-size:1.35rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.35)}.status-meter{position:relative;flex:1;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.status-meter span{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--start),var(--end))}.status-card[data-signup=yes]{--start:#22c55e;--end:#16a34a;--border:rgba(34, 197, 94, 0.35);--glow:rgba(16, 185, 129, 0.45);--icon-start:#bbf7d0}.status-card[data-signup=maybe]{--start:#f59e0b;--end:#d97706;--border:rgba(245, 158, 11, 0.35);--glow:rgba(234, 179, 8, 0.45);--icon-start:#fef3c7}.status-card[data-signup=no]{--start:#ef4444;--end:#dc2626;--border:rgba(248, 113, 113, 0.38);--glow:rgba(239, 68, 68, 0.48);--icon-start:#fecdd3}.status-card[data-signup=unknown]{--start:#38bdf8;--end:#0ea5e9;--border:rgba(56, 189, 248, 0.35);--glow:rgba(14, 165, 233, 0.45);--icon-start:#e0f2fe}.status-card-mini{--start:#94a3b8;--end:#475569;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 8px;background:linear-gradient(145deg,rgba(148,163,184,.25),rgba(71,85,105,.2));background:linear-gradient(145deg,color-mix(in srgb,var(--start) 25%,transparent),color-mix(in srgb,var(--end) 20%,transparent));display:flex;align-items:center;justify-content:center;text-align:center;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;color:#94a3b8;cursor:pointer}.status-card-mini:hover{transform:translateY(-1px);border-color:rgba(148,163,184,.5);border-color:color-mix(in srgb,var(--start) 50%,transparent)}.status-card-mini.is-active{background:linear-gradient(145deg,var(--start),var(--end));border-color:rgba(148,163,184,.6);border-color:color-mix(in srgb,var(--start) 60%,transparent);box-shadow:0 8px 20px rgba(0,0,0,.3);box-shadow:0 8px 20px color-mix(in srgb,var(--end) 30%,transparent);color:#0f172a;transform:translateY(-1px)}.status-label-mini{font-size:.8rem;font-weight:700;letter-spacing:.02em}.pill-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.3);background:rgba(148,163,184,.1);color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.pill-toggle:hover{border-color:rgba(148,163,184,.5);background:rgba(148,163,184,.15)}.pill-toggle.is-active{background:linear-gradient(135deg,var(--accent-soft,rgba(56,189,248,.2)),rgba(255,255,255,.08));border-color:var(--accent-strong,#7dd3fc);color:#e0f2fe;box-shadow:0 4px 12px var(--accent-glow,rgba(56,189,248,.24))}.pill-toggle.pill-toggle-lg{padding:.625rem 1.25rem;font-size:.8125rem;min-width:5.5rem}.pill-toggle.pill-toggle-danger.is-active{background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(255,255,255,.08));border-color:#f87171;color:#fecaca;box-shadow:0 4px 16px rgba(239,68,68,.35)}.pill-toggle-label{white-space:nowrap}.setting-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.75rem;border:1px solid rgba(71,85,105,.5);background:rgba(30,41,59,.4);cursor:pointer;transition:background .2s,border-color .2s}.setting-card:hover{border-color:rgba(100,116,139,.6);background:rgba(30,41,59,.6)}.setting-card.is-active{border-color:var(--setting-active-border,rgba(56,189,248,.5));background:var(--setting-active-bg,rgba(56,189,248,.1))}.setting-card-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center}.setting-card-content{flex:1;min-width:0}.setting-card-title{font-weight:600;font-size:.875rem;color:#e2e8f0}.setting-card-desc{font-size:.75rem;color:#94a3b8;margin-top:.125rem;line-height:1.4}.setting-card-toggle{flex-shrink:0;width:2.5rem;height:1.5rem;border-radius:.75rem;background:rgba(71,85,105,.5);position:relative;transition:background .2s}.setting-card-toggle::after{content:'';position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:50%;background:#94a3b8;transition:left .2s,background .2s}.setting-card.is-active .setting-card-toggle{background:rgba(56,189,248,.4)}.setting-card.is-active .setting-card-toggle::after{left:calc(100% - 1.3125rem);background:#38bdf8}.setting-card-compact{padding:.625rem .875rem}.setting-card-compact .setting-card-icon{width:2rem;height:2rem}.setting-card-compact .setting-card-title{font-size:.8125rem}.setting-card-compact .setting-card-desc{font-size:.6875rem}.drag-handle{cursor:grab}.sortable-ghost{opacity:.7;transform:scale(.98)}.disabled-drop{opacity:.55;pointer-events:none}#globalLoader{position:fixed;inset:0;background:rgba(15,23,42,.86);display:none;align-items:center;justify-content:center;z-index:70}#globalLoader.active{display:flex}.loader-dots{display:inline-flex;gap:6px}.loader-dots span{width:10px;height:10px;border-radius:9999px;background:var(--accent-main);animation:.9s ease-in-out infinite pulse}.loader-dots span:nth-child(2){animation-delay:.12s}.loader-dots span:nth-child(3){animation-delay:.24s}@keyframes pulse{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.bt-input{background:radial-gradient(circle at 20% 20%,rgba(148,163,184,.08),transparent 55%),rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 30px rgba(0,0,0,.35);color:#e2e8f0;transition:border-color .2s,box-shadow .2s,transform .15s}.bt-input:focus{border-color:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-soft),0 12px 32px var(--accent-glow);outline:0;transform:translateY(-1px)}.bt-input::placeholder{color:rgba(226,232,240,.75)}.bt-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;position:relative;width:100%}.bt-toggle-track{position:relative;width:54px;height:28px;border-radius:999px;background:linear-gradient(135deg,rgba(148,163,184,.35),rgba(100,116,139,.32));border:1px solid rgba(148,163,184,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:background .25s,border-color .25s;flex-shrink:0;margin-left:auto}.bt-toggle-track::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#fff,#cbd5e1);box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .25s,background .25s}.bt-toggle input:checked+.bt-toggle-track{background:linear-gradient(135deg,rgba(56,189,248,.55),rgba(14,165,233,.55));border-color:rgba(56,189,248,.7);box-shadow:0 10px 28px rgba(56,189,248,.25)}.bt-toggle input:checked+.bt-toggle-track::after{transform:translateX(26px);background:linear-gradient(145deg,#ecfeff,#bae6fd)}select.bt-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E"),radial-gradient(circle at 20% 20%,rgba(148,163,184,.08),transparent 55%),rgba(15,23,42,.8);background-repeat:no-repeat,no-repeat,no-repeat;background-position:right .75rem center,center,center;background-size:1rem,100% 100%,100% 100%;padding-right:2.5rem;cursor:pointer}select.bt-input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2338bdf8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E"),radial-gradient(circle at 20% 20%,rgba(148,163,184,.08),transparent 55%),rgba(15,23,42,.8)}select.bt-input option{background-color:#0f172a;color:#e2e8f0;padding:.5rem}.brand--card{grid-template-columns:auto}.brand__card{display:flex;align-items:center;gap:.75rem;padding:.35rem .5rem;text-decoration:none;color:inherit;border-radius:.75rem;transition:background .2s;flex:1;min-width:0}.brand__card:hover{background:rgba(255,255,255,.04)}.brand__logo{width:38px;height:38px;flex-shrink:0;border-radius:.55rem;overflow:hidden;border:1px solid rgba(148,163,184,.25);background:linear-gradient(135deg,rgba(56,189,248,.12),rgba(124,58,237,.12))}.brand__logo-img{width:100%;height:100%;object-fit:cover}.brand__logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(124,58,237,.16))}.brand__logo-icon{width:24px;height:24px;color:var(--accent-strong,#7dd3fc)}.brand__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.brand__title{font-size:.9rem;font-weight:700;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand__tag{color:var(--accent-strong,#7dd3fc);font-weight:700}.brand__subtitle{font-size:.75rem;color:#94a3b8;margin:0}@media (max-width:480px){.brand__card{gap:.5rem}.brand__title{max-width:none;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand__text{min-width:0;flex:1}.brand__logo{width:32px;height:32px;flex-shrink:0}.brand__subtitle{font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.alliance-logo-preview{width:80px;height:80px;border-radius:.75rem;overflow:hidden;border:2px dashed rgba(148,163,184,.35);background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;transition:border-color .2s}.alliance-logo-preview:hover{border-color:var(--accent-strong,#7dd3fc)}.alliance-logo-preview img{width:100%;height:100%;object-fit:cover}.alliance-logo-preview-placeholder{color:#64748b;font-size:2rem}.alliance-logo-upload-hint{font-size:.75rem;color:#94a3b8;margin-top:.5rem}.alliance-logo-upload-warning{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;border-radius:.5rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);font-size:.8rem;color:#fcd34d}.puzzle-mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;border-radius:.75rem;border:2px solid rgba(148,163,184,.2);background:rgba(15,23,42,.5);color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.puzzle-mode-btn:hover{border-color:rgba(139,92,246,.4);background:rgba(139,92,246,.1);color:#c4b5fd}.puzzle-mode-btn.is-active{border-color:rgba(139,92,246,.6);background:rgba(139,92,246,.2);color:#fff}.kbd-shortcut{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.15)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:.25rem .5rem;border-radius:.375rem;background:rgba(30,41,59,.8);border:1px solid rgba(148,163,184,.25);box-shadow:0 2px 0 rgba(0,0,0,.3);font-family:ui-monospace,monospace;font-size:.75rem;font-weight:600;color:#e2e8f0}.kbd-desc{font-size:.75rem;color:#94a3b8}.kbd-sep{color:#475569;font-size:.75rem}.puzzle-piece-selected{outline:#a855f7 solid 3px!important;outline-offset:2px;box-shadow:0 0 20px rgba(168,85,247,.5),0 0 40px rgba(168,85,247,.25);transform:scale(1.05);z-index:10;position:relative}.timed-status-active{background-color:#22c55e;animation:1s ease-in-out infinite timed-pulse}.timed-status-paused{background-color:#eab308}@keyframes timed-pulse{0%,100%{opacity:1}50%{opacity:.5}}.nav__item-icon{width:1.5rem;height:1.5rem;flex-shrink:0;opacity:.85}.nav__link .nav__item-icon{margin-right:.35rem}.nav__dropdown{position:relative}.nav__dropdown-trigger{cursor:pointer;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}.nav__dropdown-trigger:disabled{cursor:not-allowed;opacity:.7}.nav__dropdown-arrow{width:1rem;height:1rem;margin-left:.25rem;transition:transform .2s;flex-shrink:0}.nav__dropdown.is-open .nav__dropdown-arrow{transform:rotate(180deg)}.nav__dropdown-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);min-width:180px;padding:.5rem;border-radius:1rem;border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.98);backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:50}@media (min-width:1700px){.nav__dropdown:hover .nav__dropdown-arrow{transform:rotate(180deg)}.nav__dropdown.is-open .nav__dropdown-menu,.nav__dropdown:hover .nav__dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}}.nav__dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:.65rem;color:#e2e8f0;font-weight:600;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.nav__dropdown-item:hover{background:rgba(56,189,248,.12);color:var(--accent-strong,#7dd3fc)}.nav__dropdown-item.is-active{background:linear-gradient(135deg,var(--accent-soft,rgba(56,189,248,.2)),rgba(255,255,255,.06));color:var(--accent-strong,#7dd3fc)}.nav__dropdown-item .nav__item-icon{width:1rem;height:1rem}.nav__dropdown-item--indent{position:relative;padding-left:2.25rem;font-size:.8rem;opacity:.9}.nav__dropdown-item--indent::before{content:'';position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:.5rem;height:1px;background:rgba(148,163,184,.3)}.nav__dropdown-item--disabled,.nav__dropdown-item--locked{opacity:.5;cursor:not-allowed;pointer-events:none}.nav__badge--muted{background:rgba(100,116,139,.3);color:#94a3b8;box-shadow:none;animation:none}@media (max-width:1699px){.nav--stacked .nav__dropdown{width:100%}.nav--stacked .nav__dropdown-trigger{display:flex;width:100%}.nav--stacked .nav__dropdown-trigger .nav__label-text{flex-grow:1;text-align:left}.nav--stacked .nav__dropdown-trigger .nav__badge{margin-left:0}.nav--stacked .nav__dropdown-menu{position:relative;top:0;left:0;transform:none!important;width:100%;background:rgba(15,23,42,.6);border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:none;margin:0;padding:0;overflow:hidden}.nav--stacked .nav__dropdown.is-open .nav__dropdown-menu{display:block;opacity:1;visibility:visible;margin-top:.5rem;padding:.5rem;border:1px solid rgba(148,163,184,.15)}@keyframes dropdownSlide{from{opacity:0}to{opacity:1}}.nav--stacked .nav__dropdown-item{padding:.75rem 1rem}.nav--stacked .nav__dropdown-item--indent{padding-left:2.5rem;font-size:.85rem;opacity:.9}.nav--stacked .nav__dropdown-item--indent::before{content:'';position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);width:.5rem;height:1px;background:rgba(148,163,184,.3)}}.sort-icon{font-weight:700;font-size:.875rem;transition:color .15s}.guide-slider{position:relative;padding:0 1rem}.guide-slider__track{position:relative}.guide-slider__slides{display:flex;transition:transform .3s ease-out}.guide-slider__slide{flex-shrink:0;width:100%}.guide-slider__next,.guide-slider__prev{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(30,41,59,.9);border:1px solid rgba(148,163,184,.3);color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s;box-shadow:0 4px 12px rgba(0,0,0,.3)}.guide-slider__next:hover,.guide-slider__prev:hover{background:rgba(51,65,85,.95);border-color:var(--accent-strong,#7dd3fc)}.guide-slider__prev{left:-.5rem}.guide-slider__next{right:-.5rem}.guide-slider__dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.guide-slider__dots button{width:.625rem;height:.625rem;border-radius:50%;border:none;background:rgba(100,116,139,.5);cursor:pointer;transition:background .2s,transform .2s}.guide-slider__dots button:hover{background:rgba(148,163,184,.7);transform:scale(1.2)}.guide-slider__dots button.bg-sky-500{background:#0ea5e9;transform:scale(1.2)}@media (max-width:640px){.guide-slider{padding:0 .5rem}.guide-slider__next,.guide-slider__prev{width:2rem;height:2rem}.guide-slider__prev{left:-.25rem}.guide-slider__next{right:-.25rem}.supporter-float-card:nth-child(n+8),.supporter-mini-float:nth-child(n+4){display:none}.supporter-float-card{--scale:0.7}}.help-info-card{background:linear-gradient(145deg,rgba(56,189,248,.08),rgba(99,102,241,.06));border:1px solid rgba(56,189,248,.2);transition:border-color .2s,box-shadow .2s,transform .2s}.help-info-card:hover{border-color:rgba(56,189,248,.4);box-shadow:0 8px 24px rgba(56,189,248,.15);transform:translateY(-2px)}.puzzle-edit-mode{background:linear-gradient(145deg,rgba(234,179,8,.08),rgba(161,140,93,.06));border-color:rgba(234,179,8,.45)!important;box-shadow:0 0 0 2px rgba(234,179,8,.15),0 8px 32px rgba(234,179,8,.12),inset 0 0 60px rgba(234,179,8,.03);transition:border-color .3s,box-shadow .3s;animation:2s ease-in-out infinite puzzle-edit-pulse}@keyframes puzzle-edit-pulse{0%,100%{box-shadow:0 0 0 2px rgba(234,179,8,.15),0 8px 32px rgba(234,179,8,.12),inset 0 0 60px rgba(234,179,8,.03)}50%{box-shadow:0 0 0 3px rgba(234,179,8,.2),0 8px 32px rgba(234,179,8,.18),inset 0 0 60px rgba(234,179,8,.05)}}@media (prefers-reduced-motion:reduce){.puzzle-edit-mode{animation:none}}.supporter-cards-container{position:fixed;inset:0;overflow:visible;pointer-events:none;z-index:0}.supporter-float-card{position:absolute;left:var(--start-x,50%);top:var(--start-y,0);transform:rotate(var(--rotation,0deg)) scale(var(--scale,1));opacity:.5;animation:supporter-float var(--duration,20s) ease-in-out infinite;animation-delay:var(--delay, 0s);will-change:transform,opacity;transition:opacity .3s}.supporter-float-card:hover{opacity:.9}@keyframes supporter-float{0%,100%{transform:rotate(var(--rotation,0deg)) scale(var(--scale,1)) translateY(0) translateX(0);opacity:.3}20%{transform:rotate(calc(var(--rotation,0deg) + 3deg)) scale(var(--scale,1)) translateY(-25px) translateX(15px);opacity:.55}40%{transform:rotate(calc(var(--rotation,0deg) - 2deg)) scale(var(--scale,1)) translateY(-50px) translateX(-10px);opacity:.5}60%{transform:rotate(calc(var(--rotation,0deg) + 4deg)) scale(var(--scale,1)) translateY(-35px) translateX(20px);opacity:.6}80%{transform:rotate(calc(var(--rotation,0deg) - 1deg)) scale(var(--scale,1)) translateY(-15px) translateX(-5px);opacity:.45}}.supporter-card-inner{transition:transform .3s,box-shadow .3s}.supporter-float-card:hover .supporter-card-inner{transform:scale(1.08);box-shadow:0 8px 32px rgba(236,72,153,.25)}.supporter-mini-float{position:absolute;opacity:.35;animation:12s ease-in-out infinite mini-float;animation-delay:calc(var(--i, 0) * 2s);will-change:transform,opacity}.supporter-mini-float:first-child{top:8%;right:8%}.supporter-mini-float:nth-child(2){top:28%;right:22%}.supporter-mini-float:nth-child(3){top:48%;right:6%}.supporter-mini-float:nth-child(4){top:68%;right:18%}.supporter-mini-float:nth-child(5){top:18%;right:32%}.supporter-mini-float:nth-child(6){top:58%;right:28%}@keyframes mini-float{0%,100%{transform:translateY(0) rotate(0);opacity:.25}50%{transform:translateY(-8px) rotate(4deg);opacity:.45}}@media (prefers-reduced-motion:reduce){.supporter-float-card,.supporter-mini-float{animation:none;opacity:.4}}.bt-page.trap-pink{--accent-main:#ec4899;--accent-strong:#f472b6;--accent-soft:rgba(236, 72, 153, 0.2);--accent-glow:rgba(236, 72, 153, 0.26);--glow-one:rgba(244, 114, 182, 0.28);--glow-two:rgba(236, 72, 153, 0.22);--glow-three:rgba(219, 39, 119, 0.18);background:radial-gradient(circle at 18% 24%,rgba(244,114,182,.32),transparent 32%),radial-gradient(circle at 80% 10%,rgba(236,72,153,.2),transparent 30%),radial-gradient(circle at 22% 80%,rgba(190,24,93,.18),transparent 32%),radial-gradient(circle at 75% 70%,rgba(244,114,182,.15),transparent 28%),linear-gradient(145deg,#1a0a14,#1f0d18 45%,#2a1020)}.supporter-row-hsv{background:linear-gradient(90deg,hsla(var(--card-h,330),calc(var(--card-s,60) * 1%),calc(var(--card-v,25) * .8%),.3),transparent 70%);border-left:3px solid hsl(var(--border-h,330),calc(var(--border-s,70) * 1%),calc(var(--border-v,50) * 1%))}.clb-grid{display:grid;grid-template-columns:4rem 1fr 6rem 7rem 5rem 2.5rem;align-items:center}.clb-grid-row{display:grid;grid-template-columns:4rem 1fr 6rem 7rem 5rem 2.5rem;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(30,41,59,.5)}.clb-fold-item{display:none;align-items:center;opacity:0;transition:opacity .5s;pointer-events:none;flex:1 1 0%;min-width:0;gap:.25rem;justify-content:center}@media (max-width:639px){.clb-fold-item{flex:0 0 100%;justify-content:center}}.clb-fold-item-active{display:flex;opacity:1}.res-fold-item{display:none;align-items:center;gap:.25rem;flex:1 1 0%;min-width:0;justify-content:center}@media (max-width:639px){.res-fold-item{flex:0 0 100%;justify-content:center}}.res-fold-item-active{display:flex}@media (max-width:768px){.app-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(135deg,rgba(12,17,36,.97),rgba(15,23,42,.95))}.nav__dropdown-menu{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(15,23,42,.98)}.bt-page::after,.bt-page::before{animation:none;filter:blur(40px);opacity:.45}.supporter-cards-container{display:none}.supporter-mini-float{animation:none;will-change:auto;opacity:.3}.supporter-card-inner{transition:none}.nav__badge,.puzzle-edit-mode,.timed-status-active{animation:none}.loader-dots span{animation:.9s ease-in-out infinite pulse}.guide-hero__frame{box-shadow:0 8px 24px rgba(0,0,0,.35)}.glass-card{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.03)}.hint-bar{box-shadow:0 10px 30px rgba(0,0,0,.4)}.puzzle-piece-selected{box-shadow:0 0 12px rgba(168,85,247,.4)}.guide-hero__frame::after{display:none}.nav__link{transition:none;box-shadow:none;background:rgba(255,255,255,.04)}.nav__link:hover{transform:none;border-color:rgba(148,163,184,.22)}.nav__link:active{border-color:var(--accent-strong);background:rgba(255,255,255,.08)}.nav__link--danger:hover{border-color:rgba(248,113,113,.35);background:linear-gradient(135deg,rgba(248,113,113,.14),rgba(127,29,29,.22))}.nav__link--danger:active{border-color:#f87171;background:linear-gradient(135deg,rgba(248,113,113,.2),rgba(127,29,29,.32))}.nav__link.is-active{box-shadow:none;background:var(--accent-soft,rgba(56,189,248,.15))}.nav__dropdown-item{transition:none}.nav__dropdown-item:hover{background:0 0;color:#e2e8f0}.nav__dropdown-item:active{background:rgba(56,189,248,.12);color:var(--accent-strong,#7dd3fc)}.btn{transition:border-color .2s,background .2s}.btn:hover{transform:none}.trap-pill{transition:border-color .2s,background .2s}.trap-pill:hover{transform:none}.building-card{transition:border-color .2s}.building-card:hover{transform:none;box-shadow:none}.status-card{transition:border-color .2s}.status-card:hover{transform:none;box-shadow:0 12px 30px rgba(0,0,0,.25);box-shadow:0 12px 30px color-mix(in srgb,var(--end) 25%,transparent)}.status-card-mini{transition:border-color .15s}.status-card-mini:hover{transform:none}.help-info-card{transition:border-color .2s}.help-info-card:hover{transform:none;box-shadow:none}.calendar-fold-item{transition:none}.mv-live-ping{animation:none}}@keyframes mv-live-ping{100%,75%{transform:scale(2);opacity:0}}.mv-live-ping{animation:1s cubic-bezier(0,0,.2,1) infinite mv-live-ping}.calendar-fold-item{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transition:opacity .5s;pointer-events:none}.calendar-fold-item-active{opacity:1}