:root{--bg:#0c1925;--bg2:#112434;--panel:#142a37;--line:#7ba9b52c;--text:#edece1;--muted:#a1b7bc;--orange:#d89b59;--orange2:#efc28b;--cream:#f1d7b3}
body{background:radial-gradient(ellipse at 90% 12%,#5c818633,transparent 38%),radial-gradient(ellipse at 0 0,#aa713b25,transparent 30%),#0c1925}
.topbar{background:#0b1827e6}.brand-mark{border-radius:50%;color:#f0c48b;border-color:#b9c6aa66;box-shadow:inset 0 0 0 4px #b1c9bf0b}nav{gap:18px;font-size:12px}
.hero{padding:64px 0 68px;min-height:740px;gap:42px}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(57px,6.5vw,88px);line-height:1.02;letter-spacing:-.05em}.hero h1 span{background:linear-gradient(110deg,#f6ddb6,#df9c60);background-clip:text;color:transparent}.lead{font-size:20px;line-height:1.6}.sublead{font-size:14px;line-height:1.85}.hero-visual:before{content:'';position:absolute;inset:-22px;border:1px solid #adc8ba24;border-radius:140px 140px 42px 42px;pointer-events:none}.hero-visual img{border-radius:120px 120px 30px 30px;box-shadow:0 30px 90px #0007;border-color:#e1bf8155}.hero-card{background:#0f2335e8;border-color:#c3cdb649;bottom:24px}.btn.primary{background:linear-gradient(125deg,#edc590,#ce8d54);color:#152732}.btn.secondary{background:#142936}.eyebrow{font-size:10px}.ticker{color:#a5bbb7;font-size:9px}.ticker i{background:#e7c58a}
.section{scroll-margin-top:90px}.panel,.stat,.world-card{background:linear-gradient(145deg,#1b35414d,#102332);border-color:var(--line)}.swap-row,.contract-box{background:#0c1c29}.contract-box button{background:#1e3945}.world-card.featured{background:linear-gradient(135deg,#b1874824,#1b354144)}.orb{background:#28464b;color:#efc28b}.manifesto{background:#e0b983;color:#142832}.manifesto p{color:#314a4b}.ring:after{background:#142a37}.ring{background:conic-gradient(var(--orange) 0 100%,#233b44 100%)}.community-card{background:radial-gradient(ellipse at 50% 0,#8daea32a,transparent 70%),#112838}.world:before{background:radial-gradient(circle,#68b7b721,transparent 60%)}.lumi-note,.lumi-panel,.lumi-panel-head,.lumi-options button{background:#122b38;border-color:#6c93964d}.lumi-bubble{background:#1e3a46;border-color:#7eaba742}.lumi-launcher{background:#e6b87f;color:#162936}
.workshop-public{margin:46px 0 0;padding:50px 28px 28px;border:1px solid #98bba841;border-radius:28px;background:radial-gradient(ellipse at 50% 50%,#638b8440,transparent 66%),linear-gradient(160deg,#152b3c,#102531);position:relative;overflow:hidden}.workshop-head{display:flex;justify-content:space-between;gap:30px;align-items:center}.workshop-head h2{font-family:Georgia,serif;font-size:clamp(35px,5vw,57px);font-weight:400;margin-top:12px;line-height:1.1}.workshop-head p{max-width:430px;color:var(--muted);font-size:14px;line-height:1.8}.visit-badge{border:1px solid #b2c4a343;padding:10px 14px;border-radius:30px;color:#d6d9b9;white-space:nowrap;font-size:10px;letter-spacing:.13em}
#workshop-map svg{width:100%;height:auto;display:block;margin:-25px 0 -10px}#workshop-map .building{cursor:pointer;outline:none}#workshop-map .building:hover .outline,#workshop-map .building:focus .outline,#workshop-map .building.selected .outline{stroke-width:3;stroke-opacity:1}#workshop-map .station-object:hover{filter:brightness(1.14)}#workshop-map .label:hover .label-bg,#workshop-map .label:focus .label-bg{fill:#2e4b56;stroke-width:2}#workshop-map .plot-number{font:10px monospace;fill:#b7c7b3}.station-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.station-nav button{border:1px solid #98bba833;border-radius:8px;background:#152e3a;color:#e1e7da;padding:13px 9px;text-align:left;cursor:pointer}.station-nav button:before{content:'';display:block;width:23px;height:2px;margin-bottom:9px;background:var(--station-color)}.station-nav strong{display:block;font:10px monospace;letter-spacing:.7px}.station-nav small{display:block;color:#a1babd;font-size:10px;margin-top:5px}.workshop-note{font-size:11px;color:#9cb8bd;margin:22px 0 0;line-height:1.8}.workshop-note strong{color:#ead1ab}
.progress-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.progress-strip article{padding:20px 17px;border-left:2px solid #92b9b6;background:#15303d;border-radius:0 9px 9px 0}.progress-strip small{color:#c3cbaa;font-size:9px;letter-spacing:1.3px}.progress-strip h3{font-size:18px;margin:9px 0}.progress-strip p{color:#a8bfc1;font-size:12px;margin:0;line-height:1.75}
#station-dialog{width:min(520px,calc(100vw - 32px));border:1px solid #97bcb569;border-radius:20px;padding:30px;background:linear-gradient(145deg,#233e4b,#102535);color:#edece1;box-shadow:0 30px 100px #0009}#station-dialog::backdrop{background:#061322cc;backdrop-filter:blur(6px)}#station-dialog h2{font:34px Georgia;margin:24px 0 12px}#station-dialog p{color:#b0c4c5;font-size:14px;line-height:1.8}#station-dialog button{float:right;border:1px solid #97bcb549;border-radius:7px;padding:8px 12px;background:#18323d;color:#d5e0d5;cursor:pointer}.station-status{color:#efc28b;font-size:10px;letter-spacing:1px}.beacon{animation:gentle 5s ease-in-out infinite}@keyframes gentle{50%{opacity:.45}}
@media(max-width:900px){.hero{min-height:0;grid-template-columns:1fr;padding-top:44px}.hero-copy{max-width:620px}.hero-visual{margin:16px auto 0;width:min(100%,600px)}.hero h1{font-size:72px}.workshop-head{flex-direction:column;align-items:flex-start;gap:10px}.station-nav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.hero h1{font-size:57px}.hero-visual:before{inset:-9px}.hero-visual img{border-radius:85px 85px 22px 22px}.hero-visual{margin-top:12px}.floating-card{left:10px;bottom:14px;width:190px}.status-strip{grid-template-columns:repeat(3,1fr)}.hero-actions{flex-direction:row;flex-wrap:wrap}.hero-actions .btn{font-size:12px;padding:12px}.workshop-public{padding:28px 16px 20px;border-radius:18px}.workshop-head h2{font-size:36px}.workshop-head p{font-size:13px}#workshop-map{width:100%;margin:0}#workshop-map svg{width:100%;max-width:100%;height:auto;margin:0}.station-nav{margin:0 10px;gap:6px}.station-nav button{padding:11px 7px}.station-nav small{font-size:9px}.progress-strip{grid-template-columns:1fr}.hero-visual:before{border-radius:90px 90px 32px 32px}.topbar{position:relative}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Landscape island artwork: preserve the complete scene and keep the caption clear of the cats. */
.hero-visual img{height:auto;border-radius:28px}
.hero-visual:before{border-radius:40px}
.hero-visual .hero-card{position:static;width:auto;margin-top:14px}
@media(max-width:600px){.hero-visual img{border-radius:20px}.hero-visual:before{border-radius:28px}}

/* Fit mobile content to the viewport; browser pinch zoom remains available. */
main > *, .hero > *, .section-head > *, .buy-grid > *, .world-grid > *,
.lumi-section > *, .workshop-head > *, .station-nav > *, footer > *{min-width:0}
.contract-box code{min-width:0}
@media(max-width:600px){
  .hero h1{font-size:clamp(40px,12vw,57px)}
  .section h2,.workshop-head h2{overflow-wrap:anywhere}
  .station-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
  .station-nav button{min-width:0;overflow-wrap:anywhere}
  .visit-badge{max-width:100%;white-space:normal}
  .swap-row{gap:8px;padding:14px}
  .swap-row > *{min-width:0}
  .swap-row input{width: min(150px,50%)}
  .footer-links{flex-wrap:wrap}
  .ticker{flex-wrap:wrap;white-space:normal;letter-spacing:.1em}
}