/* Snow glass theme: quiet white surfaces, rounded panes, pixel accents. */
:root{--bg:#f7f8f6;--bg2:#f1f3f0;--deep:#eef1ed;--ink:#222b29;--muted:#66736f;--ice:#69877d;--cyan:#708d80;--gold:#b39a64;--line:rgba(66,82,76,.12);--body:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text',Inter,Arial,sans-serif}
html{scroll-padding-top:105px}body{background:#f7f8f6;color:#222b29;font-family:var(--body);font-size:17px;letter-spacing:-.015em}#snow{opacity:.35}::selection{background:#cce3d6;color:#18221e}.section-pad{padding:122px 0}.reveal{transform:translateY(18px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}
.site-header,.site-header.scrolled{left:24px;right:24px;top:16px;height:68px;padding:0 28px;border:1px solid rgba(255,255,255,.82);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 12px 42px rgba(31,44,39,.1),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(28px) saturate(1.65);-webkit-backdrop-filter:blur(28px) saturate(1.65)}.brand{color:#25302c}.brand-mark{border-radius:12px;background:#dce9df;color:#58786a;box-shadow:none}.brand-dot{color:#829d8d}.desktop-nav a{font-family:var(--body);font-size:14px;letter-spacing:-.01em;font-weight:600;color:#4d5c55}.desktop-nav a:hover,.footer a:hover{color:#1b3429}.season-chip{border:1px solid rgba(70,102,81,.16);border-radius:12px;background:rgba(244,248,243,.75);color:#456351}.live-dot{background:#82ad87;box-shadow:0 0 9px #9ac2a5}.icon-button,.menu-button{color:#2d3932;border-radius:12px}.icon-button:hover,.menu-button:hover{background:#e7eee8}.mobile-nav{top:76px;border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 20px 50px #34453c26}
.hero{background:#f7f8f6;min-height:740px;height:min(850px,100svh)}.hero-image{inset:110px 2.7% 36px 45%;border-radius:32px;background-position:60% center;box-shadow:0 28px 68px rgba(38,58,52,.17);animation:heroImageBreath 16s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,#f7f8f6 0%,#f7f8f6 40%,rgba(247,248,246,.1) 62%,transparent 83%)}.aurora{opacity:.25}.hero-content{padding-top:92px}.hero-copy{max-width:790px;width:62%}.eyebrow,.section-kicker{color:#6d897b}.eyebrow-line{background:#7e9d8b}.hero h1{color:#26322d;filter:none;font-size:clamp(43px,5vw,82px);line-height:1.32;letter-spacing:-.07em}.hero h1 em{color:#7c9b88}.hero-lead{color:#485750;text-shadow:none;font-weight:500}.button{border-radius:16px;box-shadow:0 8px 24px rgba(33,49,41,.1);transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s cubic-bezier(.2,.9,.2,1),background .25s}.button:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 18px 36px rgba(33,49,41,.18)}.button-primary{background:#2b3831;color:#fff;box-shadow:0 8px 24px #27392e2b}.button-primary:hover{background:#3c5345;box-shadow:0 18px 36px #27392e35}.button-ghost{background:rgba(255,255,255,.72);border:1px solid #ffffff;color:#2d3d32;backdrop-filter:blur(20px)}.button-ghost:hover{background:#fff}.button-dark{background:#2d3c33;color:#fff;box-shadow:none}.hero-ticket{border-radius:24px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);color:#334238;box-shadow:0 20px 50px rgba(23,36,30,.18);backdrop-filter:blur(25px) saturate(1.4);transform:rotate(2deg)}.hero-ticket strong{color:#293a30}.ticket-top,.ticket-bottom{color:#577468}.ticket-rule{border-color:#a0b7a5}.scroll-hint{color:#5a6e61}.scroll-line{background:#6f8b79}.scroll-line:after{border-left-color:#6f8b79}
.intro,.route,.mechanics,.storm,.quests,.season,.community{background:#f7f8f6;color:#25312b}.intro{background:radial-gradient(circle at 80% 30%,#e9f1ea 0%,#f7f8f6 48%)}.route,.quests,.community{background:#f1f4ef}.mechanics,.season{background:linear-gradient(180deg,#f7f8f6,#eef3ed)}.storm{background:linear-gradient(120deg,#f7f8f6,#eaf0eb)}.route:before{display:none}.section-kicker{color:#6f8b77}.intro h2,.section-head h2,.storm h2,.quest-heading h2,.community h2,.join h2{line-height:1.42;color:#26322c}.intro h2 span,.section-head h2 span,.storm h2 span,.quest-heading h2 span,.community h2 span,.join h2 span{color:#779982}.intro-heading>p:not(.section-kicker),.section-head>p,.storm-copy>p:not(.section-kicker),.quest-heading p:not(.section-kicker){color:#59695e;font-weight:450}.story-pills span,.week-tags span{border:1px solid rgba(93,130,104,.15);border-radius:100px;background:rgba(255,255,255,.63);color:#526c58;box-shadow:0 3px 10px #2c3c3010}.art-orbit{border-color:#8ca9993b}.village-sticker{filter:drop-shadow(0 26px 26px #71867a3a)}.floating-label{border-radius:18px;background:rgba(255,255,255,.72);border:1px solid #fff;color:#445a49;box-shadow:0 14px 36px #45564722;backdrop-filter:blur(18px)}.floating-label b{color:#698c71}.stats-bar{border-color:#d8e2d8}.stats-bar strong{color:#344439}.stats-bar span{color:#6a7d6d}.stats-bar i{background:#d8e2d8}
.route-experience,.site-screen,.mechanic-card,.weather-console,.quest-ledger,.week-stage,.final-banner,.site-dialog{border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.7);box-shadow:0 22px 55px rgba(39,57,46,.09),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}.route-experience{min-height:0}.map-toolbar{background:rgba(255,255,255,.76);color:#586e5d;border-bottom:1px solid #dce7dc}.map-controls button{border:1px solid #dae6db;border-radius:10px;background:#f8fbf7;color:#344b3b}.map-controls button:hover{background:#e7f1e8}.map-controls output{color:#536758}.map-viewport{background:#d6e3d5}.map-viewport:after{background:linear-gradient(0deg,#1d282239,transparent 16%)}.map-watermark{color:#fff}.map-pin{filter:drop-shadow(0 5px 8px #0005)}.pin-crest{border:3px solid #fff;border-radius:17px;background:rgba(255,255,255,.9);color:#334b3a;box-shadow:0 10px 22px #1728194a;backdrop-filter:blur(12px)}.map-pin:hover .pin-crest,.map-pin.active .pin-crest{background:#f6e6c1;color:#31442e;border-color:#fff;transform:translateY(-5px) scale(1.05)}.pin-label{border:1px solid #fff;border-radius:10px;background:rgba(255,255,255,.9);color:#34463a;box-shadow:0 7px 16px #07150f40}.city-panel{background:rgba(255,255,255,.88);border-top:1px solid #e1e7df}.selected-crest,.mini-crest{border-color:#fff;border-radius:18px;box-shadow:0 8px 18px #344c391d;color:#304338}.crest-port{background:#eddfaF}.crest-taiga{background:#c7e4cf}.crest-observatory{background:#dcebe1}.city-info h3{color:#2c3b30}.city-info p{color:#68776b}.pixel-tag,.city-facts span{color:#6b8b70}.city-facts{border-color:#dbe4d8}.city-facts strong{color:#334337}.map-apply,.settlement-list button,.new-city-callout button{border:1px solid #dce9dd;border-radius:12px;background:#34483a;color:#fff;box-shadow:0 8px 18px #243f2a20}.map-apply:hover,.settlement-list button:hover,.new-city-callout button:hover{background:#4b6752}.map-note{background:#f7faf6;color:#7b897d}
.mechanic-card{background:rgba(255,255,255,.64);border:1px solid #fff;min-height:510px}.mechanic-card:hover{border-color:#c6ddc8;box-shadow:0 30px 65px #354c3a1c}.heat-card{background:linear-gradient(145deg,rgba(255,247,235,.89),rgba(255,255,255,.64))}.beacon-card{background:linear-gradient(145deg,rgba(234,244,236,.92),rgba(255,255,255,.64))}.card-meta{color:#708470}.mechanic-card img{filter:drop-shadow(0 20px 15px #5d705a40)}.card-copy h3{color:#2e3c31}.card-copy p{color:#69786b}.text-button{color:#426748;border-bottom-color:#9cb6a1}.text-button:hover{color:#233d29}
.storm-wind{opacity:.25;background:repeating-linear-gradient(135deg,transparent 0 135px,#799c8022 136px 137px,transparent 138px 260px)}.storm-actions>span{color:#718575}.weather-console{padding:32px;background:rgba(255,255,255,.68);box-shadow:0 22px 55px #364c3b1b}.console-top,.meter-label{color:#58735e}.temperature strong{color:#27392c}.temperature span{color:#7c8d7b}.heat-meter{border-radius:100px;border-color:#d3ded3;background:#e8eee7;overflow:hidden}.heat-meter span{border-radius:100px;background:linear-gradient(90deg,#daa65c,#f0d48f)}.fuel-button{border-radius:13px;border-color:#e2d5ba;background:#fff8ec;color:#7e6040}.fuel-button:hover{background:#f5e9d2}.console-foot{color:#849183}
.quest-ledger{background:rgba(255,253,246,.8);color:#3e4337;border:1px solid #fff;box-shadow:0 22px 55px #3747391a}.quest-ledger:before{display:none}.ledger-tabs{background:#f5f5ee;border-bottom:1px solid #e6e6da}.ledger-tabs button{border-right:1px solid #e3e5db;color:#788479}.ledger-tabs button[aria-selected="true"]{background:#fff;color:#304636}.quest-stamp{color:#78907a}.quest-reward{border-color:#d9dfd2}
.week-selector{border-color:#d8e2d8}.week-selector button{color:#7f9181;border-radius:14px 14px 0 0}.week-selector button.active{background:rgba(255,255,255,.7);color:#365541;border-bottom-color:#8aae91}.week-stage{background:rgba(255,255,255,.68)}.week-number{color:#b8cdbb69}.week-story>span{color:#72947a}.week-story h3{color:#2e3f32}.week-story p{color:#687b6c}.week-stage img{filter:drop-shadow(0 22px 16px #6e80694d)}.final-banner{background:rgba(255,255,255,.76);color:#33473a}.final-banner span{color:#758f78}.final-banner a{border-color:#74967d}
.site-screen{background:rgba(255,255,255,.75)}.screen-topbar{background:rgba(255,255,255,.82);color:#809183;border-bottom:1px solid #e0e9df}.screen-logo{color:#3c5942}.screen-user{color:#7e8e79}.screen-layout{background:rgba(249,251,247,.75)}.screen-sidebar{background:rgba(244,248,243,.8);border-color:#e0e8de}.screen-sidebar button,.screen-sidebar a{border-radius:13px;color:#5f7163}.screen-sidebar button.active,.screen-sidebar button:hover,.screen-sidebar a:hover{background:#e2eee4;border-color:#d5e7d8;color:#365540}.screen-sidebar-bottom{color:#78917a;border-color:#d8e6d9}.screen-content{background:radial-gradient(circle at 55% -20%,#e9f3e9,#f7faf6 60%)}.screen-panel-head small{color:#758f78}.screen-panel-head h3{color:#293c2d}.screen-panel-head>span{color:#879a86}.feed-post,.settlement-list article,.new-city-callout,.ranking-table{border:1px solid #fff;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px #41594a12;overflow:hidden}.post-author strong,.post-copy strong,.settlement-list strong,.new-city-callout strong,.rank-row strong{color:#344238}.post-author small,.post-author>span:last-child,.post-copy p,.settlement-list small,.new-city-callout p,.ranking-intro,.rank-row>span:nth-last-child(2){color:#77887a}.avatar{border-radius:12px}.avatar-t{background:#d7e9da;color:#4a6752}.avatar-o{background:#e6e8dc;color:#6c7156}.post-copy span{border-color:#e5ece3;color:#6a9271}.mini-crest{border-radius:14px;box-shadow:none}.new-city-callout{border-style:solid}.rank-row,.rank-row:nth-child(even){background:rgba(255,255,255,.55);border-color:#e7ede5}.rank-row b,.rank-row em{color:#6f8b73}.rank-avatar{border-radius:10px;background:#d7ead9;color:#3a5941}.rank-avatar.gold{background:#f0e4c6}.rank-avatar.ice{background:#dceadf}.screen-caption{color:#8a9988}
.join{background:#f4f6f2;color:#29392e;min-height:620px}.join-backdrop{background:linear-gradient(90deg,#f4f6f2 0%,rgba(244,246,242,.92) 39%,rgba(244,246,242,.14) 73%),url('./assets/winter-world.png') center 44%/cover;opacity:1}.join-content>p:not(.section-kicker){color:#59695e}.join-content small{color:#819080}.join-train{filter:drop-shadow(0 30px 20px #35473855)}.footer{background:#f7f8f6;border-color:#e0e9df}.footer p,.footer a:last-child{color:#78907c}
.site-dialog{background:rgba(255,255,255,.94);color:#27372b;border:1px solid #fff;box-shadow:0 25px 80px #1a302633}.site-dialog::backdrop{background:#1f2d25a3}.dialog-close{color:#5e7562}.dialog-form p{color:#6e806e}.dialog-form label{color:#6c896e}.dialog-form input,.dialog-form select{border:1px solid #d8e5d9;border-radius:12px;background:#f8fbf7;color:#24352a}.form-message{color:#4f7957}
@keyframes heroImageBreath{to{transform:scale(1.025)}}
@media(max-width:1100px){.hero-copy{width:70%}.hero-image{left:42%}.site-header,.site-header.scrolled{left:16px;right:16px}}
@media(max-width:760px){html{scroll-padding-top:82px}.site-header,.site-header.scrolled{left:10px;right:10px;top:8px;height:60px;padding:0 14px;border-radius:18px}.hero{height:auto;min-height:720px}.hero-image{inset:79px 16px 22px;border-radius:26px;opacity:.28;background-position:63% center}.hero-shade{background:linear-gradient(90deg,#f7f8f6ed,#f7f8f6b8),linear-gradient(0deg,#f7f8f6,transparent 45%)}.hero-copy{width:100%;max-width:100%}.hero-content{padding-top:94px}.hero h1{color:#26322d;filter:none}.hero-lead{color:#465b4d}.scroll-hint{color:#637967}.map-toolbar{background:rgba(255,255,255,.85)}.city-panel-v2{background:rgba(255,255,255,.9)}.screen-sidebar{border-color:#e0e8de}.screen-content{background:#f7faf6}.join-backdrop{background:linear-gradient(90deg,#f4f6f2f0,#f4f6f2b7),url('./assets/winter-world.png') center/cover}.join-train{opacity:.55}.section-pad{padding:90px 0}.mechanic-card{min-height:420px}.site-screen,.route-experience,.mechanic-card,.weather-console,.quest-ledger,.week-stage,.final-banner{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:none}.button,.mechanic-card,.map-pin .pin-crest{transition:none}}
.hero-ticket{background:rgba(255,255,255,.9)}
@media(max-width:760px){.hero h1{font-size:clamp(21px,5.7vw,34px);letter-spacing:-.09em;line-height:1.55}.hero-image{opacity:.62}.hero-shade{background:linear-gradient(180deg,rgba(247,248,246,.95) 0%,rgba(247,248,246,.9) 48%,rgba(247,248,246,.2) 100%)}}