@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&display=swap";:root{--night: #150f2b;--night-deep: #0b0719;--den: #1f1740;--den-raised: #2a1f52;--mist: #3b2d66;--moonlight: #efe9fa;--fur: #a597c9;--moon: #e3b24b;--moon-deep: #b98c33;--moon-pale: #f3d98e;--danger: #d97e6a;--clan-ember: #e2734d;--clan-bramble: #8aa46a;--clan-fen: #5fa3b8;--clan-gale: #c3cbe0;--clan-ashen: #b9a8e0;--clan-moss: #7a9b76;--font-display: "Cinzel", serif;--font-body: "Nunito Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(900px 500px at 50% -8%,rgba(124,92,196,.35) 0%,transparent 60%),radial-gradient(1400px 900px at 80% 10%,rgba(64,40,120,.3) 0%,transparent 55%),var(--night-deep);color:var(--moonlight);font-family:var(--font-body);font-size:16px;line-height:1.5}.app{max-width:460px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#150f2bd1,#0b0719f5 45%),url(/art/backdrop.jpg) top center / cover no-repeat,var(--night);border-left:1px solid var(--mist);border-right:1px solid var(--mist);box-shadow:0 0 80px #0009}.screen{flex:1;padding:24px 20px 96px}.display{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 24px rgba(124,92,196,.25)}h1.display{font-size:23px;margin:0}.display.gold{background:linear-gradient(180deg,var(--moon-pale) 0%,var(--moon) 55%,var(--moon-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fur)}.motto{color:var(--fur);font-style:italic;margin:4px 0 0;font-size:14px}.ornament{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px auto;color:var(--moon)}.ornament:before,.ornament:after{content:"";height:1px;width:42px;background:linear-gradient(90deg,transparent,var(--moon-deep))}.ornament:after{background:linear-gradient(90deg,var(--moon-deep),transparent)}.ornament svg{display:block}.card{background:linear-gradient(180deg,rgba(124,92,196,.08),transparent 40%),var(--den);border:1px solid var(--mist);border-radius:14px;padding:16px;box-shadow:inset 0 0 30px #00000059,0 2px 12px #00000059}button{font-family:var(--font-body);font-size:15px;font-weight:700;border-radius:10px;border:1px solid var(--mist);background:var(--den-raised);color:var(--moonlight);padding:10px 16px;cursor:pointer}button:hover{border-color:var(--fur)}button:focus-visible{outline:2px solid var(--moon);outline-offset:2px}button:disabled{opacity:.45;cursor:default}button.primary{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:14px;background:linear-gradient(180deg,var(--moon-pale) 0%,var(--moon) 45%,var(--moon-deep) 100%);border:1px solid #8a6826;box-shadow:inset 0 1px #ffffff59,0 2px 10px #00000073;color:#241803;text-shadow:0 1px 0 rgba(255,255,255,.25)}button.primary:hover{filter:brightness(1.06)}input[type=text]{width:100%;font-family:var(--font-body);font-size:16px;color:var(--moonlight);background:var(--night-deep);border:1px solid var(--mist);border-radius:10px;padding:10px 12px}input[type=text]:focus-visible{outline:2px solid var(--moon);outline-offset:1px}label .eyebrow{display:block;margin-bottom:6px}.field{margin-bottom:18px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px}.chip[aria-pressed=true]{background:linear-gradient(180deg,var(--moon-pale),var(--moon));border-color:var(--moon-deep);color:#241803}.clan-list{display:grid;gap:10px}.clan-card{display:flex;align-items:center;gap:14px;text-align:left;padding:14px;border-radius:14px}.clan-card .emblem{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:10px;color:var(--clan-color, var(--clan-moss));background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.07),transparent 70%),var(--night-deep);border:1px solid var(--clan-color, var(--mist))}.clan-card .name{font-family:var(--font-display);font-weight:600;letter-spacing:.08em;font-size:15px}.clan-card .motto{font-size:13px;margin:2px 0 0}.clan-card[aria-pressed=true]{border-color:var(--clan-color, var(--fur));background:var(--den-raised)}.camp-header{text-align:center;margin-bottom:14px}.camp-header h1{color:var(--clan-color, var(--moonlight))}.camp-header .emblem{display:inline-grid;place-items:center;color:var(--clan-color, var(--moonlight));margin-bottom:6px}.moon-badge{display:grid;place-items:center;margin:8px auto 4px;position:relative}.moon-badge svg{display:block;filter:drop-shadow(0 0 18px rgba(227,178,75,.18))}.cat-name{text-align:center;font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:.06em;margin:10px 0 2px}.cat-rank{text-align:center;color:var(--fur);font-size:14px;margin:0}.moon-hint{text-align:center;color:var(--fur);font-size:13px;margin:10px 0 0}.moon-hint strong{color:var(--moon);font-weight:700}.duties{margin-top:26px}.duties>.eyebrow{display:block;text-align:center;padding:8px 0;margin-bottom:12px;color:var(--moon);border-top:1px solid var(--mist);border-bottom:1px solid var(--mist);background:linear-gradient(180deg,rgba(227,178,75,.06),transparent)}.duty{display:flex;align-items:center;gap:12px;margin-bottom:10px}.duty .info{flex:1;min-width:0}.duty .title{font-weight:700;font-size:15px}.duty .desc{color:var(--fur);font-size:13px;margin-top:2px}.duty .xp{color:var(--moon);font-size:13px;font-weight:700;white-space:nowrap}.duty.done{opacity:.55}.duty.done .title{text-decoration:line-through}.duty button{flex:none}.world-condition{border:1px solid var(--mist);border-left:3px solid var(--moon);border-radius:8px;background:linear-gradient(180deg,rgba(227,178,75,.07),transparent);padding:11px 14px;margin-bottom:14px;animation:rise .6s ease-out both}.world-condition-title{display:block;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.05em;color:var(--moon-pale)}.world-condition-title span{color:var(--moon)}.world-condition-line{font-size:13.5px;line-height:1.55;color:var(--fur);margin:5px 0 0}@media (prefers-reduced-motion: reduce){.world-condition{animation:none}}.duty-choose{display:block}.duty-choose .info{margin-bottom:10px}.approach-options{display:grid;gap:8px}.approach{display:block;width:100%;text-align:left;border:1px solid var(--mist);border-radius:10px;background:linear-gradient(180deg,rgba(227,178,75,.04),transparent);padding:11px 13px;cursor:pointer;transition:background .14s ease,border-color .14s ease}.approach:hover:not(:disabled){background:#e3b24b1f;border-color:var(--moon-deep)}.approach:active:not(:disabled){transform:scale(.99)}.approach-label{display:block;font-weight:700;font-size:15px;color:var(--moon-pale)}.approach-hint{display:block;font-size:13px;color:var(--fur);margin-top:2px}.approach-back{margin-top:10px;background:none;border:none;color:var(--fur);font-size:13px;text-decoration:underline;cursor:pointer;padding:4px 0}.duty-resolving{text-align:center;padding:18px 0}.held-breath{color:var(--moonlight);font-style:italic;font-size:14px;margin:0 0 12px}.breath-dots{display:inline-flex;gap:7px}.breath-dots span{width:7px;height:7px;border-radius:50%;background:var(--moon);opacity:.25;animation:breath 1.1s ease-in-out infinite}.breath-dots span:nth-child(2){animation-delay:.18s}.breath-dots span:nth-child(3){animation-delay:.36s}@keyframes breath{0%,to{opacity:.2}50%{opacity:1}}.duty-outcome{display:block;animation:rise .6s ease-out both;border-color:var(--mist)}.duty-outcome-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.duty-outcome-title{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.04em;color:var(--moon-pale)}.duty-outcome .xp{color:var(--moon);font-size:13px;font-weight:700;white-space:nowrap}.duty-outcome-line{font-size:14px;line-height:1.55;color:var(--moonlight);margin:8px 0 0}.duty-outcome-line span{color:var(--moon)}.duty-outcome.tier-great{border-color:var(--moon-deep);background:linear-gradient(180deg,rgba(227,178,75,.12),transparent)}.duty-outcome.tier-surprise{border-color:var(--clan-ashen);background:linear-gradient(180deg,rgba(185,168,224,.14),transparent)}.duty-outcome.tier-surprise .duty-outcome-title{color:var(--clan-ashen)}.duty-outcome.tier-slip{opacity:.82}.duty-outcome.tier-slip .duty-outcome-title{color:var(--fur)}@media (prefers-reduced-motion: reduce){.duty-outcome{animation:none}.breath-dots span{animation:none;opacity:.8}.approach:active:not(:disabled){transform:none}}.ceremony{text-align:center;padding-top:24px;background:linear-gradient(180deg,#0b07198c,#0b0719eb 70%),url(/art/ceremony.jpg) top center / cover no-repeat;border-radius:0 0 18px 18px}.ceremony .invocation{color:var(--fur);max-width:34ch;margin:14px auto 26px}.ceremony .new-rank{color:var(--moon);font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 30px rgba(227,178,75,.45)}.ceremony-banner{margin-top:18px;border-color:var(--moon-deep);background:linear-gradient(180deg,rgba(227,178,75,.1),transparent);text-align:center}.story-entry{display:flex;gap:14px;margin-bottom:4px}.story-entry .moon-dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--moon);margin-top:5px;box-shadow:0 0 12px #e3b24b8c}.story-entry .line{flex:none;width:12px;display:flex;justify-content:center}.story-entry .line:after{content:"";width:2px;background:var(--mist);flex:1;margin-top:4px}.story-entry .body{padding-bottom:22px}.story-entry .when{color:var(--fur);font-size:13px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;display:flex;background:linear-gradient(180deg,var(--night),var(--night-deep));border-top:1px solid var(--mist)}.bottom-nav button{flex:1;border:none;border-radius:0;background:none;color:var(--fur);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:12px;padding:14px 0}.bottom-nav button[aria-current=true]{color:var(--moon);text-shadow:0 0 16px rgba(227,178,75,.45)}.error-banner{border:1px solid var(--danger);background:#d97e6a1a;color:var(--moonlight);border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:16px}.loading{color:var(--fur);text-align:center;padding:48px 0}.pouch{color:var(--fur);font-size:14px;margin:0 0 14px;text-align:center}.pouch strong{color:var(--moon-pale)}.pips{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle}.pip{width:7px;height:7px;border-radius:50%;background:var(--mist)}.pip.lit{background:var(--moon);box-shadow:0 0 7px #e3b24b8c}.territory{margin-bottom:12px}.territory-head{display:flex;align-items:flex-start;gap:12px}.territory-head .swatch{width:10px;align-self:stretch;min-height:56px;border-radius:5px;background:linear-gradient(180deg,var(--clan-color, var(--clan-moss)),color-mix(in srgb,var(--clan-color, var(--clan-moss)) 45%,black));flex:none}.territory-head .info{flex:1;min-width:0}.territory-head .title{font-weight:700;font-size:15px}.territory-head .desc{color:var(--fur);font-size:13px;margin-top:2px}.territory-head button{flex:none}.battle{border-top:1px solid var(--mist);margin-top:12px;padding-top:12px}.battle .sides{font-size:15px;margin:4px 0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ceremony .reveal{animation:rise .7s ease-out both}.ceremony .reveal-late{animation:rise .7s ease-out .5s both}@media (prefers-reduced-motion: reduce){.ceremony .reveal,.ceremony .reveal-late{animation:none}}.moonlands{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--mist);box-shadow:0 4px 24px #00000080}.moonlands img{display:block;width:100%;height:auto}.moonlands-fallback{aspect-ratio:3 / 2;display:grid;place-items:center;background:var(--night-deep);font-family:var(--font-display);letter-spacing:.2em;color:var(--fur);text-transform:uppercase}.moonlands-marker{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;padding:0;border-radius:50%;border:2px solid var(--clan-color, var(--moon));background:radial-gradient(circle at 50% 40%,var(--clan-color, var(--moon)) 0%,transparent 65%),#0b07198c;box-shadow:0 0 10px var(--clan-color, var(--moon)),inset 0 0 6px #0009;cursor:pointer}.moonlands-marker:hover{box-shadow:0 0 16px var(--clan-color, var(--moon));border-color:var(--clan-color, var(--moon))}.moonlands-marker.selected{outline:2px solid var(--moon);outline-offset:3px}.moonlands-marker.battle{animation:marker-pulse 2.2s ease-in-out infinite}.moonlands-marker .clash{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:13px;filter:drop-shadow(0 0 6px rgba(227,178,75,.8))}.moonlands-marker .ripple{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:1.5px solid var(--clan-color, var(--moon));animation:activity-ripple 2.8s ease-out infinite}@keyframes activity-ripple{0%{transform:scale(.6);opacity:.7}to{transform:scale(2.4);opacity:0}}@media (prefers-reduced-motion: reduce){.moonlands-marker .ripple{animation:none;opacity:0}}@keyframes marker-pulse{0%,to{box-shadow:0 0 10px var(--clan-color, var(--moon))}50%{box-shadow:0 0 22px var(--moon),0 0 10px var(--clan-color, var(--moon))}}@media (prefers-reduced-motion: reduce){.moonlands-marker.battle{animation:none}}.moonlands-atmos{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.moonlands-marker{z-index:2}.moonlands-atmos span{position:absolute;display:block}.atmos-sky{top:0;right:0;bottom:0;left:0;transition:background 1.5s ease}.atmos-mist{left:-20%;width:140%;height:40%;background:radial-gradient(ellipse 55% 80% at 50% 50%,rgba(205,214,238,.1),transparent 70%)}.atmos-mist.mist-1{top:28%;animation:mist-a 46s ease-in-out infinite}.atmos-mist.mist-2{top:54%;opacity:.55;animation:mist-b 62s ease-in-out infinite}.atmos-veil{top:0;right:0;bottom:0;left:0;transition:background 1.2s ease,opacity 1.2s ease}.atmos-moon{top:7%;right:9%;line-height:0;filter:drop-shadow(0 0 10px rgba(243,217,142,.45));animation:atmos-breathe 8s ease-in-out infinite}.moon-phase{display:block}.moon-disc-dark{fill:#d2d8ee1a}.moon-disc-lit{fill:var(--moon-pale)}@keyframes atmos-breathe{0%,to{opacity:.82}50%{opacity:1}}@keyframes mist-a{0%,to{transform:translate(-8%)}50%{transform:translate(8%)}}@keyframes mist-b{0%,to{transform:translate(7%)}50%{transform:translate(-9%)}}.moonlands-atmos[data-tod=dawn] .atmos-sky{background:linear-gradient(180deg,#f3c8961f,#785a8c1a)}.moonlands-atmos[data-tod=day] .atmos-sky{background:linear-gradient(180deg,rgba(150,180,220,.06),transparent)}.moonlands-atmos[data-tod=dusk] .atmos-sky{background:linear-gradient(180deg,#e6965a1f,#3c285a29)}.moonlands-atmos[data-tod=night] .atmos-sky{background:linear-gradient(180deg,#14143738,#08081e4d)}.moonlands-atmos[data-mood=calm] .atmos-veil{background:radial-gradient(ellipse at 50% 120%,transparent 55%,rgba(20,15,45,.18))}.moonlands-atmos[data-mood=bright] .atmos-veil{background:radial-gradient(ellipse at 60% 0%,rgba(243,217,142,.16),transparent 60%)}.moonlands-atmos[data-mood=bright] .atmos-moon{filter:drop-shadow(0 0 14px rgba(243,217,142,.6))}.moonlands-atmos[data-mood=harsh] .atmos-veil{background:linear-gradient(180deg,#7887a01a,#1216264d)}.moonlands-atmos[data-mood=harsh] .atmos-moon{opacity:.6;filter:drop-shadow(0 0 6px rgba(180,190,210,.3))}.moonlands-atmos[data-mood=harsh] .atmos-mist{animation-duration:80s}.moonlands-atmos[data-mood=wild] .atmos-veil{background:linear-gradient(180deg,#0f0a2347,#23143c33)}.moonlands-atmos[data-mood=wild] .atmos-mist{opacity:.9;animation-duration:22s}.moonlands-atmos[data-mood=moon] .atmos-veil{background:radial-gradient(ellipse at 60% 0%,rgba(195,203,224,.18),transparent 55%)}.moonlands-atmos[data-mood=moon] .atmos-moon{filter:drop-shadow(0 0 16px rgba(220,228,250,.6))}.moonlands-atmos[data-mood=moon] .moon-disc-lit{fill:#dce4fa}.moonlands-cast{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.moonlands-cast span{position:absolute;display:block;width:16px;height:16px;margin:-8px 0 0 -8px;text-align:center;line-height:16px;font-size:12px}.wilds-cat{color:var(--clan-color, var(--fur));opacity:.6;text-shadow:0 0 6px var(--clan-color, var(--moon));animation:wilds-drift 9s ease-in-out infinite}.wilds-watcher{color:var(--clan-ashen);opacity:.85;font-size:15px;text-shadow:0 0 10px rgba(185,168,224,.7);animation:wilds-drift 12s ease-in-out infinite}@keyframes wilds-drift{0%,to{transform:translate(-2px,-1px);opacity:.45}50%{transform:translate(2px,1px);opacity:.85}}@media (prefers-reduced-motion: reduce){.moonlands-cast span{animation:none;opacity:.6}}.moon-cycle{display:flex;align-items:center;gap:8px;color:var(--fur);font-size:13px;margin-bottom:10px}.moon-cycle .moon-phase{filter:drop-shadow(0 0 6px rgba(243,217,142,.4));flex:none}@media (prefers-reduced-motion: reduce){.atmos-moon,.atmos-mist{animation:none}}.moon-words{text-align:center;font-style:italic;color:var(--fur);font-size:14px;max-width:36ch;margin:14px auto 0}.moon-words span{color:var(--moon);font-style:normal}.chapter-toggle{display:flex;flex-direction:column;gap:2px;width:100%;background:none;border:none;padding:4px 2px;cursor:pointer;text-align:left}.chapter-title{font-family:var(--font-display);font-size:18px;color:var(--gold);letter-spacing:.04em}.chapter-moon{font-size:12px;color:var(--fur);font-style:italic}.chapter-body{margin-top:10px;border-top:1px solid var(--mist);padding-top:10px}.chapter-body p{font-size:14.5px;line-height:1.65;color:var(--parchment, #e8e2d4);margin:0 0 12px}.my-name{background:linear-gradient(transparent 55%,#e3b24b59 55%);color:var(--gold);font-weight:700;padding:0 1px}.echo-line{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin-bottom:8px}.echo-glyph{color:var(--gold);flex-shrink:0}.echo-step{margin-bottom:12px}.echo-step-label{display:block;font-size:12px;color:var(--fur);margin-bottom:6px;letter-spacing:.04em}.echo-step select{width:100%;background:var(--night-deep);color:var(--ink, #efeaf6);border:1px solid var(--mist);border-radius:10px;padding:10px;font-size:14px}.chapter-plate{width:100%;border-radius:12px;margin:10px 0 4px;border:1px solid var(--mist)}.screen textarea{background:var(--night-deep);color:var(--ink, #efeaf6);border:1px solid var(--mist);border-radius:10px;padding:8px}.profile-card{display:flex;gap:10px;align-items:center;width:100%;margin-bottom:10px;font-size:17px;font-weight:700;padding:18px;cursor:pointer;text-align:left}.den-button{position:fixed;top:10px;right:10px;z-index:50;background:var(--den);border:1px solid var(--mist);border-radius:999px;padding:6px 12px;color:var(--fur);font-size:12px;cursor:pointer}.den-ticker{position:fixed;top:10px;left:10px;z-index:50}.den-ticker-tab{display:inline-flex;align-items:center;gap:7px;background:var(--den);border:1px solid var(--mist);border-radius:999px;padding:6px 12px;color:var(--fur);font-size:12px;cursor:pointer}.den-ticker-tab:hover{border-color:var(--moon-deep)}.den-tab-label{font-family:var(--font-display);letter-spacing:.08em}.den-dot{width:7px;height:7px;border-radius:50%;background:#6fcf8f;box-shadow:0 0 8px #6fcf8f;display:inline-block;animation:den-pulse 2.4s ease-in-out infinite}.den-count{background:var(--moon);color:var(--night-deep);border-radius:999px;font-weight:700;padding:0 6px;font-size:11px}.den-panel{margin-top:8px;width:280px;max-width:80vw;background:linear-gradient(180deg,var(--den-raised),var(--den));border:1px solid var(--mist);border-radius:12px;padding:12px;box-shadow:0 8px 30px #00000080;animation:rise .3s ease-out both}.den-here{font-size:13px;color:var(--moonlight);margin:0 0 10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.den-quiet{color:var(--fur);font-style:italic;font-size:12.5px}.den-feed{border-top:1px solid var(--mist);padding-top:8px;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.den-feed-line{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--fur)}.den-feed-dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:5px}@keyframes den-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.den-dot,.den-panel{animation:none}}.moon-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px}.moon-card{background:var(--den);border:1px solid var(--mist);border-radius:14px;padding:12px;text-align:center;position:relative}.moon-card.rare{box-shadow:0 0 12px #d4af372e}.moon-card.moonlit{box-shadow:0 0 16px #cfe3ff40;border-color:#cfe3ff55}.moon-card.locked{opacity:.45}.moon-card-art{position:relative;display:inline-block;border:2px solid;border-radius:50%;padding:6px;margin-bottom:8px}.moon-card-glyph{font-size:28px;display:inline-block;width:64px;line-height:64px}.moon-card-rarity{position:absolute;top:-6px;right:-8px;font-size:13px;color:var(--gold)}.moon-card-name{font-weight:700;font-size:13px;margin-bottom:4px}.moon-card-flavor{font-size:11px;opacity:.75;line-height:1.35}.card-count{color:var(--gold);font-weight:700}.season-banner{border:1px solid var(--gold);background:linear-gradient(160deg,rgba(212,175,55,.1),transparent 60%)}.rank-trail{display:flex;align-items:center;gap:4px;justify-content:center;margin:10px 0 4px;flex-wrap:wrap}.rank-step{font-size:11px;opacity:.45}.rank-step.done{opacity:.8;color:var(--moss)}.rank-step.current{opacity:1;color:var(--gold);font-weight:700;text-shadow:0 0 8px rgba(212,175,55,.5)}.rank-arrow{opacity:.3;font-size:10px}.tonight-line{display:flex;gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.06);font-size:13px}.tonight-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;align-self:center}.landing{width:100%;max-width:none;color:#e8e2f2;background:#07050f}.landing-eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#cabfdd;opacity:.95;margin:0 0 10px;text-shadow:0 1px 6px rgba(7,5,15,.85)}.landing-title{font-family:var(--font-display);font-size:clamp(44px,9vw,88px);letter-spacing:.18em;color:#f3ecd6;margin:6px 0 4px;text-shadow:0 2px 10px rgba(7,5,15,.85),0 2px 30px rgba(212,175,55,.3)}.landing-h2{font-family:var(--font-display);font-size:clamp(22px,4.5vw,34px);letter-spacing:.22em;color:#e9dfc8;margin:4px 0}.landing-rule{color:var(--gold);opacity:.8;font-size:11px;display:flex;align-items:center;gap:12px;justify-content:center;margin:10px auto 18px}.landing-rule:before,.landing-rule:after{content:"";height:1px;width:min(120px,26vw);background:linear-gradient(90deg,transparent,var(--gold));opacity:.6}.landing-rule:after{background:linear-gradient(270deg,transparent,var(--gold))}.landing-hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.landing-hero-art{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background:url(/art/landing/map.png) center 38% / cover no-repeat;transform:scale(1.18);filter:saturate(1.05) brightness(1.12) contrast(1.02)}.landing-hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center 45%,#07050f00,#07050f1f 42%,#07050f6b 78%,#07050fb8),linear-gradient(180deg,#07050f52,#07050f00 28%,#07050f00,#07050fd1 96%)}.landing-hero-inner{position:relative;padding:48px 22px;max-width:760px}.landing-creed{font-family:var(--font-display);font-size:clamp(15px,2.6vw,20px);letter-spacing:.06em;line-height:1.8;color:#ece6f3;text-shadow:0 1px 8px rgba(7,5,15,.9)}.landing-creed.small{font-size:13px;opacity:.8}.landing-hint{font-size:12px;opacity:.65;margin-top:14px;letter-spacing:.04em}.landing-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}.landing-cta{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:14px;padding:14px 26px;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s}.landing-cta.primary{background:linear-gradient(170deg,#e3c468,#b8923a);color:#1c1406;border:1px solid #f0d990;box-shadow:0 4px 26px #d4af3759}.landing-cta.ghost{background:transparent;color:#e9dfc8;border:1px solid rgba(233,223,200,.5)}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3766}.landing-section{padding:64px 22px;text-align:center;max-width:1060px;margin:0 auto}.landing-dark{max-width:none;background:linear-gradient(180deg,#0a0716,#07050f);border-top:1px solid rgba(212,175,55,.12);border-bottom:1px solid rgba(212,175,55,.12)}.landing-dark>*{max-width:1060px;margin-left:auto;margin-right:auto}.landing-clan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:10px}.landing-watchers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,320px));gap:22px;justify-content:center;margin-top:10px}.landing-plate{margin:0}.landing-plate img{width:100%;border-radius:12px;border:1px solid rgba(212,175,55,.28);box-shadow:0 10px 40px #0009;display:block;transition:transform .2s}.landing-plate img:hover{transform:translateY(-4px)}.landing-plate figcaption{font-size:12.5px;font-style:italic;opacity:.75;margin-top:10px;line-height:1.5}.landing-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:12px;text-align:left}.landing-way{background:#150f2ba6;border:1px solid rgba(212,175,55,.16);border-radius:14px;padding:20px}.landing-way-glyph{font-size:22px;color:var(--gold)}.landing-way h3{font-family:var(--font-display);letter-spacing:.1em;font-size:15px;margin:10px 0 6px;color:#e9dfc8}.landing-way p{font-size:13.5px;line-height:1.6;opacity:.85;margin:0}.landing-promises{list-style:none;padding:0;margin:8px auto 0;max-width:620px;text-align:left}.landing-promises li{padding:10px 0;border-bottom:1px dashed rgba(212,175,55,.15);font-size:14px;line-height:1.6}.landing-promises li span{color:var(--gold);margin-right:8px}.landing-footer{text-align:center;padding:46px 22px 60px}.app-full{max-width:none!important;padding:0!important}.sound-toggle{position:fixed;bottom:16px;right:16px;z-index:60;background:#0b0719d9;border:1px solid rgba(212,175,55,.4);color:#e9dfc8;border-radius:999px;padding:10px 16px;font-size:13px;cursor:pointer;letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sound-toggle.on{border-color:var(--gold);box-shadow:0 0 14px #d4af3759}.admin-wide{max-width:880px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:16px}.admin-stat{background:var(--den);border:1px solid var(--mist);border-radius:12px;padding:14px;text-align:center}.admin-stat-value{font-family:var(--font-display);font-size:30px;color:var(--gold)}.admin-stat-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-top:4px}.admin-den{text-align:left}.admin-tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;margin-left:6px}.admin-tag.paused{background:#b43c3c40;color:#ffb4b4;border:1px solid rgba(180,60,60,.5)}.admin-tag.reset{background:#d4af3733;color:var(--gold);border:1px solid rgba(212,175,55,.5)}.admin-players{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}.admin-player{font-size:13px}.tree{display:flex;flex-direction:column;align-items:center;margin-top:16px}.tree-row{display:flex;gap:12px;justify-content:center;align-items:stretch}.tree-row.wrap{flex-wrap:wrap}.tree-link{width:2px;height:22px;background:linear-gradient(var(--gold),transparent);opacity:.5;margin:4px 0}.tree-node{min-width:130px;background:var(--den);border:1px solid;border-radius:12px;padding:12px 14px;margin:6px 0;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:3px;transition:transform .15s}.tree-node:hover{transform:translateY(-2px)}.tree-node.root{box-shadow:0 0 14px #d4af374d}.tree-node.ancestor{opacity:.7;background:transparent;border-style:dashed}.tree-rel{font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.6}.tree-name{font-weight:700;font-size:14px}.tree-meta{font-size:11px;opacity:.7}.cat-portrait{margin:16px 0 8px;padding:0;position:relative;border-radius:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--clan-color, var(--gold)) 50%,transparent);box-shadow:0 6px 24px #00000073,0 0 22px color-mix(in srgb,var(--clan-color, var(--gold)) 22%,transparent);aspect-ratio:3 / 2;background:var(--den)}.cat-portrait-img{display:block;width:100%;height:100%;object-fit:cover}.cat-portrait.placeholder{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--clan-color, var(--moon)) 28%,var(--den)) 0%,var(--den) 70%)}.cat-portrait-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.35}.cat-portrait-sigil{font-size:52px;color:var(--moon);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--moon) 60%,transparent));animation:portrait-breathe 3.6s ease-in-out infinite}.cat-portrait-caption{position:relative;z-index:1;text-align:center;padding:14px;display:flex;flex-direction:column;gap:10px;align-items:center;font-size:14px}.cat-portrait-shimmer{background:linear-gradient(100deg,var(--ink-soft, #cbd2e0) 30%,var(--moon) 50%,var(--ink-soft, #cbd2e0) 70%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:portrait-shimmer 2.6s linear infinite}@keyframes portrait-breathe{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.08);opacity:.5}}@keyframes portrait-shimmer{to{background-position:200% center}}@media (prefers-reduced-motion: reduce){.cat-portrait-sigil{animation:none}.cat-portrait-shimmer{animation:none;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--moon)}}.farewell{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.farewell-trigger{background:none;border:none;color:var(--ink-soft, #9aa3b2);font-size:13px;letter-spacing:.03em;cursor:pointer;opacity:.7;padding:6px 10px}.farewell-trigger:hover{opacity:1;color:var(--moon)}.farewell-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#040610d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.farewell-card{width:100%;max-width:420px;background:var(--den);border:1px solid color-mix(in srgb,var(--moon) 40%,transparent);border-radius:18px;padding:24px;box-shadow:0 18px 50px #0009,0 0 30px color-mix(in srgb,var(--moon) 18%,transparent);text-align:center}.farewell-warning{font-size:14px;color:#ffd9a8;margin:0 0 16px}.farewell-warning strong{color:#ffb4b4}.farewell-label{display:block;text-align:left;font-size:12px;letter-spacing:.04em;opacity:.8;margin-bottom:6px}.farewell-input{width:100%;box-sizing:border-box;padding:11px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#00000047;color:var(--ink, #eef);font-size:16px}.farewell-input:focus{outline:none;border-color:var(--moon)}.farewell-actions{display:flex;gap:10px;margin-top:18px}.farewell-actions button{flex:1;padding:12px;border-radius:10px;font-size:14px;cursor:pointer}.farewell-confirm{background:linear-gradient(180deg,#6b2b3a,#4a1d28);color:#ffe;border:1px solid #8a3a4c;font-weight:600}.farewell-confirm:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.farewell-confirm:not(:disabled):hover{box-shadow:0 0 16px #b43c4c80}