:root{--bg:#0b0d10;--ink:#efe7d6;--muted:#9a9384;--card:#16141a;--line:#c9a36a29;--gold:#c9a36a;--forge:#d4893a;--sans:"Outfit", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--sans);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.starfield{pointer-events:none;z-index:0;position:fixed;inset:0}.starfield i{background:#fff;border-radius:50%;position:absolute}.app{z-index:1;flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;padding:14px 16px 18px;display:flex;position:relative}.app.shake{animation:.45s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)rotate(-.5deg)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.screen{flex-direction:column;flex:1;gap:10px;min-height:0;display:none}.screen.on{display:flex}.top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ver{letter-spacing:.04em;color:var(--gold);border:1px solid var(--line);white-space:nowrap;background:#c9a36a1f;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.icon-btn{min-width:44px;min-height:44px;color:var(--ink);background:#1c1814;border-radius:14px;font-size:16px;font-weight:700}.icon-btn.on{outline:1px solid var(--gold);color:var(--gold)}.title{letter-spacing:-.04em;color:#f3e6c4;margin:0;font-size:30px;font-weight:700}.sub{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.35}.kicker{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:11px}.back{color:var(--muted);align-self:flex-start;min-height:44px;padding:0 4px;font-size:14px}.globe-stage{aspect-ratio:1;touch-action:none;width:100%;margin:0 auto;position:relative}.globe-canvas{width:100%;height:100%;display:block}.globe-wx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.globe-labels{pointer-events:none;position:absolute;inset:0}.globe-tag{color:#efe7d6;white-space:nowrap;background:#0b0d10c7;border:1px solid #c9a36a59;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:650;position:absolute;transform:translate(-50%,-120%)}.globe-tag.on{color:#1a1208;background:#c9a36a;border-color:#f3e6c4;padding:5px 10px;font-size:13px;font-weight:800}.globe-tag.hot{color:#1a1208;background:#efe7d6;border-color:#fff;font-weight:800}.globe-plate{z-index:2;pointer-events:none;border:1px solid var(--place,var(--gold));box-shadow:inset 4px 0 0 var(--place,var(--gold));background:#0b0d10d1;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.globe-plate[hidden]{display:none}.globe-plate b{letter-spacing:-.03em;color:#f3e6c4;font-size:16px}.globe-plate span{color:var(--muted);font-size:12px}.place-head{align-items:flex-start;gap:12px;display:flex}.place-dot{border:2px solid #f3e6c4;border-radius:50%;flex:none;width:18px;height:18px;margin-top:8px;box-shadow:0 0 0 3px #00000059}.hint{text-align:center;color:var(--muted);margin:0;font-size:13px}.cta{background:var(--forge);color:#1a0e04;border-radius:999px;width:100%;min-height:52px;margin-top:8px;padding:15px 18px;font-size:16px;font-weight:700}.cta.push{margin-top:auto}.cta:disabled{opacity:.4}.cta.ghost{color:var(--ink);background:#221c18}.cta.strike{color:#1a0e04;background:#c45a32;margin-top:0}.cta.strike:disabled{opacity:.45}.bang{z-index:30;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 38%,#ffbe5a8c,#0000 58%);position:fixed;inset:0}.bang.on{animation:.45s ease-out bang}@keyframes bang{0%{opacity:1}to{opacity:0}}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px}.era-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.era-name{letter-spacing:-.03em;color:#f3e6c4;font-size:22px;font-weight:700}.era-ga{color:var(--gold);font-size:14px;font-weight:700}.wx-chip{letter-spacing:.04em;text-transform:uppercase;color:#1a1208;background:#c9a36a;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.wx-chip[data-wx=rain]{background:#5ec8ff}.wx-chip[data-wx=storm]{color:#0b1020;background:#8aa4d4}.wx-chip[data-wx=snow]{background:#e8f0f8}.wx-chip[data-wx=haze]{background:#c4b48a}.wx-chip[data-wx=clear]{background:#c9a36a}.legend{flex-wrap:wrap;gap:8px;margin:8px 0 6px;display:flex}.legend span{color:var(--muted);align-items:center;gap:5px;font-size:11px;font-weight:650;display:inline-flex}.legend span.on{color:var(--ink)}.legend span.on i{box-shadow:0 0 0 1px #f3e6c4}.ticker{flex-direction:column;gap:4px;min-height:52px;max-height:88px;display:flex;overflow:hidden}.tick{color:var(--ink);border-bottom:1px solid #ffffff0a;padding:4px 0;font-size:13px;animation:.35s ease-out tick-in}.tick:first-child{color:#f3e6c4;font-weight:600}.tick em{color:var(--muted);margin-right:6px;font-style:normal;font-weight:500}.tick.empty{color:var(--muted);border:0;font-weight:400;animation:none}@keyframes tick-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;color:#1a1208;pointer-events:none;opacity:0;background:#f3e6c4;border-radius:999px;max-width:min(92vw,420px);padding:10px 14px;font-size:13px;font-weight:700;transition:opacity .2s;position:fixed;transform:translate(-50%)}.toast.on{opacity:1}.board{border:1px solid var(--line);touch-action:manipulation;background:#07060a;border-radius:18px;width:100%;height:268px;display:block}.detail{color:var(--ink);margin:0;font-size:13px;line-height:1.4}.detail span{color:var(--muted)}.theater{border:1px solid var(--line);background:#12161c;border-radius:18px;width:100%;height:188px;display:block;overflow:hidden}.knob{grid-template-columns:72px 1fr 40px;align-items:center;gap:8px;margin:8px 0;font-size:13px;font-weight:600;display:grid}.pct{color:var(--muted);text-align:right;font-size:12px;font-weight:500}input[type=range]{appearance:none;background:#2a241c;border-radius:99px;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--thumb,#fff);border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 3px #00000040}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button,.tbtn,.pwr{background:#221c18;border-radius:999px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:650}.seg button.on{color:#1a1208;background:#efe7d6}.dock{padding:10px 0 calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 28%);z-index:5;flex-direction:column;gap:8px;margin-top:auto;display:flex;position:sticky;bottom:0}.transport{grid-template-columns:52px 1fr 52px 52px 52px;gap:8px;display:grid}.tbtn.play{background:var(--forge);color:#1a0e04;font-size:16px;font-weight:800}.powers{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;display:grid}.pwr{text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:8px 4px;font-size:11px;line-height:1.15;display:flex}.pwr b{font-size:16px;font-weight:700}.pwr:disabled{opacity:.45}.pwr.cd{outline:1px solid #c9a36a59}.seeds{grid-template-columns:1fr;display:grid}.seed-row{grid-template-columns:14px 22px 1fr 36px;align-items:center;gap:8px;margin:6px 0;font-size:13px;display:grid}.swatch{border-radius:50%;width:12px;height:12px}.coach{background:#c9a36a14;border:1px dashed #c9a36a73;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex}.coach p{margin:0;font-size:13px;line-height:1.35}.coach button{color:var(--gold);white-space:nowrap;min-height:36px;margin-left:auto;padding:0 8px;font-size:12px;font-weight:700}.meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{color:var(--muted);background:#221c18;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.chip button{color:var(--gold);min-height:28px;font-size:11px;font-weight:700}.empty{color:var(--muted);text-align:center;padding:8px;font-size:13px}@media (width>=860px){body{background:radial-gradient(900px 520px at 50% -8%, #2a2218, transparent 50%), var(--bg)}.app{max-width:920px;padding:20px 22px 24px}.lab-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:12px;display:grid}.board{height:320px}.theater{height:220px}.dock{background:0 0;position:static}}