:root{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;
  color:#f5f0e7;
  background:#07111f;
  --bg:#07111f;
  --panel:#0c1a2b;
  --panel2:#102238;
  --line:rgba(221,231,242,.14);
  --muted:#9aa9b9;
  --soft:#c8d1dc;
  --glow:#d6bc8f;
  --glow2:#8db7cc;
  --danger:#c89696;
}
*{box-sizing:border-box}
html{background:var(--bg);min-height:100%}
body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,rgba(128,169,190,.16),transparent 38%),linear-gradient(180deg,#07111f 0%,#08101a 60%,#050b13 100%);color:#f5f0e7;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{color:inherit}.app-shell{width:min(100%,560px);min-height:100svh;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.app-shell::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.4) .55px,transparent .7px);background-size:34px 34px;opacity:.06;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:26px}.brand{text-decoration:none;color:#b7c6d5;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:999px;padding:8px 12px;font-size:12px;color:#b9c6d4}.hero{padding:8px 2px 14px}.eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.16em;font-weight:800;color:#9fb1c1;text-transform:uppercase}h1{font-size:clamp(30px,8.2vw,48px);line-height:1.08;letter-spacing:-.055em;margin:0;font-weight:850}.lead{margin:18px 0 0;font-size:15px;line-height:1.85;color:#bdc8d3;max-width:31em}.teaser{margin:26px 0 20px;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(16,34,56,.9),rgba(7,17,31,.94));box-shadow:0 18px 50px rgba(0,0,0,.18)}.teaser-kicker{font-size:12px;letter-spacing:.14em;color:#8ea4b7;font-weight:800;text-transform:uppercase}.teaser-title{font-size:26px;line-height:1.18;letter-spacing:-.035em;margin:9px 0 5px}.teaser-sub{font-size:13px;line-height:1.6;color:#9fb0bf;margin:0}.primary{width:100%;border:0;border-radius:18px;padding:17px 18px;background:#e9dfca;color:#142031;font-weight:850;font-size:16px;box-shadow:0 12px 34px rgba(0,0,0,.22);transition:transform .16s ease,filter .16s ease}.primary:active{transform:scale(.985)}.secondary{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.025);color:#c8d2dc;font-weight:700;font-size:14px}.quiet{border:0;background:transparent;color:#8295a6;font-size:12px;padding:10px 2px;text-decoration:underline;text-underline-offset:4px}.stack{display:grid;gap:10px}.note{font-size:12px;line-height:1.65;color:#73879a;text-align:center;margin:12px 10px 0}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 16px}.world-card{position:relative;min-height:138px;border:1px solid var(--line);background:linear-gradient(165deg,rgba(19,42,65,.86),rgba(7,16,29,.95));border-radius:22px;padding:15px;text-align:left;overflow:hidden}.world-card::after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-26px;bottom:-28px}.world-card strong{display:block;font-size:17px;line-height:1.25;letter-spacing:-.03em;margin-top:36px}.world-card span{display:block;font-size:12px;line-height:1.45;color:#91a6b7;margin-top:7px}.world-symbol{position:absolute;left:14px;top:14px;font-size:20px;color:#d5c5a5}.screen-title{font-size:30px;line-height:1.15;letter-spacing:-.045em;margin:8px 0 8px}.screen-copy{font-size:14px;line-height:1.75;color:#aebdca;margin:0 0 18px}.portal{height:250px;margin:20px 0 22px;border-radius:30px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#102238 0%,#091523 55%,#050a10 100%);box-shadow:inset 0 -44px 70px rgba(0,0,0,.35),0 26px 70px rgba(0,0,0,.2)}.portal .moon{position:absolute;width:76px;height:76px;border-radius:50%;background:#efe2c6;right:40px;top:34px;box-shadow:0 0 40px rgba(239,226,198,.18)}.portal .horizon{position:absolute;left:-6%;right:-6%;bottom:0;height:45%;background:linear-gradient(150deg,#12233a,#08111d);clip-path:polygon(0 48%,14% 42%,24% 54%,34% 35%,44% 52%,54% 37%,66% 55%,78% 31%,88% 45%,100% 37%,100% 100%,0 100%)}.portal .path{position:absolute;left:50%;bottom:-10%;width:38%;height:70%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(214,188,143,.18),rgba(214,188,143,.02));clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}.portal .door{position:absolute;left:50%;bottom:48px;width:56px;height:92px;transform:translateX(-50%);border:1px solid rgba(238,225,198,.38);border-radius:28px 28px 4px 4px;background:linear-gradient(180deg,rgba(239,225,195,.12),rgba(12,23,36,.4));box-shadow:0 0 30px rgba(214,188,143,.10)}.portal-label{position:absolute;left:18px;top:16px;font-size:12px;font-weight:800;letter-spacing:.12em;color:#8fa4b6;text-transform:uppercase}.route-list{display:grid;gap:10px;margin:16px 0 20px}.route{display:flex;align-items:flex-start;gap:12px;width:100%;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:18px;padding:14px 15px;text-align:left}.route.selected{border-color:rgba(214,188,143,.52);background:rgba(214,188,143,.075)}.route-no{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.15);font-size:12px;color:#a9bac9;flex:none}.route strong{display:block;font-size:15px;line-height:1.35}.route span{display:block;margin-top:5px;color:#8297a9;font-size:12px;line-height:1.45}.fragment-intro{font-size:12px;color:#8fa3b5;margin:4px 0 12px}.fragments{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:16px}.fragment{min-height:90px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:18px;padding:13px;text-align:left}.fragment.selected{border-color:rgba(141,183,204,.58);background:rgba(141,183,204,.09)}.fragment small{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7e93a6;font-weight:800}.fragment strong{display:block;font-size:14px;line-height:1.45;margin-top:8px}.slot-row{display:flex;gap:8px;margin:14px 0 18px}.slot{flex:1;min-height:54px;border:1px dashed rgba(255,255,255,.16);border-radius:15px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:12px;color:#607487}.slot.filled{border-style:solid;border-color:rgba(214,188,143,.32);color:#d6dce3;background:rgba(214,188,143,.05)}.dark-screen{min-height:calc(100svh - 60px);display:flex;flex-direction:column;justify-content:center;text-align:center;padding:30px 10px}.dark-screen .tiny{font-size:12px;letter-spacing:.16em;color:#5f7284;text-transform:uppercase;font-weight:800}.dark-screen h2{font-size:36px;line-height:1.15;letter-spacing:-.05em;margin:16px 0 14px}.dark-screen p{font-size:15px;line-height:1.9;color:#92a1ae;margin:0 auto;max-width:28em}.dim{margin:28px auto 0;width:min(100%,360px);padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);color:#75899b;font-size:12px;line-height:1.7;background:rgba(255,255,255,.015)}.finish-btn{margin-top:28px;background:#182433;color:#b7c2cd;border:1px solid rgba(255,255,255,.10)}.map{margin:22px 0 18px;border:1px solid var(--line);border-radius:24px;padding:18px;background:rgba(255,255,255,.02)}.map-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.map-head strong{font-size:14px}.map-head span{font-size:12px;color:#71869a}.map-track{display:flex;gap:8px;align-items:center;overflow:auto;padding-bottom:4px;scrollbar-width:none}.map-track::-webkit-scrollbar{display:none}.landmark{min-width:100px;min-height:86px;border:1px solid var(--line);border-radius:18px;padding:11px;background:rgba(255,255,255,.02)}.landmark.current{border-color:rgba(214,188,143,.42);background:rgba(214,188,143,.06)}.landmark.locked{opacity:.38}.landmark small{display:block;color:#6d8295;font-size:12px;letter-spacing:.1em}.landmark b{display:block;font-size:12px;line-height:1.4;margin-top:17px}.history{margin-top:20px}.history h3{font-size:12px;letter-spacing:.12em;color:#8ba0b2;text-transform:uppercase;margin:0 0 10px}.history-item{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.07);font-size:12px}.history-item span{color:#7c90a2}.history-item strong{font-weight:650;text-align:right}@media(max-width:420px){.app-shell{padding-left:14px;padding-right:14px}.world-card{min-height:130px}.screen-title{font-size:28px}.portal{height:230px}.fragments{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}