:root{--cream:#fbf6ea;--cream-2:#f3ecdb;--ink:#3d3326;--muted:#8a7d69;--line:#5c482c24;--green:#6aa84f;--green-soft:#dcefc8;--red:#d9674f;--gold:#e3a92b;--shadow:0 6px 20px #283c462e, 0 1px 3px #283c461f;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--ink)}*{box-sizing:border-box}html,body,#root{background:#2b93ab;width:100%;height:100%;margin:0;overflow:hidden}.hud{pointer-events:none;position:fixed;inset:0}.card{background:var(--cream);box-shadow:var(--shadow);pointer-events:auto;border-radius:18px;padding:12px 14px;position:absolute}.card-title{font-family:var(--serif);margin-bottom:6px;font-size:15px;font-weight:700}button{font:700 13px var(--sans);color:var(--ink);background:var(--cream-2);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:7px 11px;transition:transform .12s,background .12s}button:hover{background:#ece2cb;transform:translateY(-1px)}button.primary{background:var(--green);color:#fff;border-color:#0000}.row{gap:8px;margin-top:8px;display:flex}.island-card{gap:12px;width:300px;display:flex;top:16px;left:16px}.clock{pointer-events:auto;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;display:flex;top:16px;left:50%;transform:translate(-50%)}.clock-dial{flex:none;width:44px;height:44px}.clock-time{font-family:var(--serif);white-space:nowrap;font-size:20px;font-weight:700;line-height:1.1}.clock-sub{color:var(--muted);white-space:nowrap;font-size:12px}.clock-seasons{gap:4px;margin-top:2px;font-size:11px;line-height:1;display:flex}.clock-seasons span{opacity:.3;filter:grayscale()}.clock-seasons span.on{opacity:1;filter:none}.sub-time{display:none}@media (width<=960px){.clock{display:none}.sub-time{display:inline}}.badge{border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:30px;display:grid;box-shadow:inset 0 0 0 4px #ffffffb3,0 2px 6px #0000001f}.island-info{flex:1;min-width:0}.island-name{font-family:var(--serif);align-items:center;gap:8px;font-size:20px;font-weight:700;line-height:1.1;display:flex}.island-sub{color:var(--muted);margin-top:2px;font-size:12px}.mcap{font-family:var(--serif);font-variant-numeric:tabular-nums;margin-top:6px;font-size:28px;font-weight:700}.era{color:var(--muted);font-size:12px}.bar{background:var(--cream-2);border-radius:99px;height:7px;margin-top:6px;overflow:hidden}.bar-fill{border-radius:99px;height:100%;transition:width .6s}.era-fill{background:linear-gradient(90deg,#9fd162,#e3c14b)}.pressure{background:#e7b3a3;border-radius:99px;height:5px;margin-top:10px;overflow:hidden}.pressure-buy{background:var(--green);height:100%;transition:width .6s}.pressure-label{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.status{font:700 10px var(--sans);text-transform:uppercase;letter-spacing:.06em;background:var(--cream-2);color:var(--muted);border-radius:99px;padding:2px 7px}.status-offline{color:var(--red)}.toolbar{background:var(--cream);box-shadow:var(--shadow);pointer-events:auto;border-radius:20px;gap:4px;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.tool{background:0 0;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:74px;padding:7px 10px;font-weight:700;display:flex}.tool.stat{cursor:default}.tool:hover:not(.stat),.tool.active{background:var(--green-soft);box-shadow:inset 0 0 0 2px #9fcf82}.tool-icon{font-size:20px;line-height:1}.tool-label{color:var(--muted);white-space:nowrap;font-size:11px}.log{width:312px;top:16px;right:16px}.log-empty{color:var(--muted);font-size:13px}.log-row{border-top:1px solid var(--line);align-items:center;gap:8px;padding:4px 0;font-size:13px;animation:.35s slide-in;display:flex}.log-icon{text-align:center;width:20px}.log-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.log-text b{font-family:ui-monospace,monospace;font-size:12px}.log-sol{font-variant-numeric:tabular-nums;color:var(--green);font-weight:800}.log-row.wilt .log-sol{color:var(--red)}.log-row.visitor,.log-row.landmark,.log-row.lantern{font-weight:700}.log-row.lantern.mine{color:#c77a1c}.log-row.visitable{cursor:pointer;border-radius:8px}.log-row.visitable:hover{background:var(--green-soft)}.log-row.mine .log-text b{color:var(--gold)}.banner{text-align:center;background:var(--cream);box-shadow:var(--shadow);border:2px solid #0000;border-radius:20px;padding:10px 28px 12px;animation:.45s cubic-bezier(.2,1.6,.4,1) pop;position:absolute;top:18px;left:50%;transform:translate(-50%)}.banner.visitor{border-color:#b9de9c}.banner.storm{border-color:#aebfcc}.banner.landmark{border-color:#ecd58a;padding:14px 36px 16px}.banner-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.banner-title{font-family:var(--serif);font-size:26px;font-weight:700}.banner.landmark .banner-title{font-size:34px}.banner.wonder{padding:14px 40px 16px}.banner.wonder .banner-kicker{color:#d9812b}.banner.wonder .banner-title{font-size:36px}@media (width>=961px){.banner{top:88px}}.banner-sub{color:var(--muted);font-size:13px}.my-wallet-toggle{border:none;border-radius:16px;padding:10px 14px;font-size:13px;top:auto;bottom:16px;left:16px}.my-wallet{width:300px;bottom:16px;left:16px}.hint{color:var(--muted);font-size:12px}.my-wallet input{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:8px;padding:8px 10px;font:13px ui-monospace,monospace}.controls{opacity:.92;width:290px;bottom:84px;right:16px}.buttons{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.nameplate{white-space:nowrap;font:700 12px var(--sans);color:var(--ink);background:#fbf6eaeb;border-radius:99px;padding:3px 9px;box-shadow:0 2px 6px #00000026}.nameplate.mine{background:#ffd970}.nameplate.floating{animation:4.5s ease-out forwards float-up}@keyframes float-up{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes slide-in{0%{opacity:0;transform:translate(10px)}}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.7)}}body.stream{cursor:none}body.stream .island-card{width:360px}body.stream .mcap{font-size:36px}body.stream .log{width:360px;font-size:15px}body.stream .banner-title{font-size:34px}@media (width<=700px){.island-card{width:calc(100% - 32px);padding:10px 12px}.badge{width:48px;height:48px;font-size:22px}.mcap{font-size:22px}.log{width:auto;max-height:22vh;inset:auto 16px 96px;overflow:hidden}.log .card-title{display:none}.toolbar{justify-content:space-between;left:16px;right:16px;overflow-x:auto;transform:none}.tool{flex:1;min-width:0;padding:6px 2px}.tool-label{white-space:normal;text-align:center;font-size:10px;line-height:1.15}.my-wallet-toggle{padding:7px 11px;top:196px;bottom:auto}.my-wallet{width:calc(100% - 32px);top:196px;bottom:auto}.controls{width:180px;top:196px;bottom:auto;right:16px}.controls .card-title{display:none}.controls button{padding:5px 6px;font-size:11px}.banner{width:calc(100% - 32px);padding-left:12px;padding-right:12px;top:auto;bottom:calc(22vh + 160px)}}.wallet-card{width:280px;bottom:16px;left:16px}.wallet-row{align-items:center;gap:10px;display:flex}.wallet-dot{background:var(--green);width:10px;height:10px;box-shadow:0 0 0 3px var(--green-soft);border-radius:50%;flex:none}.wallet-id{flex-direction:column;flex:1;min-width:0;display:flex}.wallet-id b{font-family:ui-monospace,monospace;font-size:13px}.wallet-id span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.icon-btn{border-radius:50%;flex:none;width:30px;height:30px;padding:0}.find-btn{width:100%;margin-top:10px;padding:9px 12px;font-size:14px}.wallet-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.wallet-option{border:1px solid var(--line);color:var(--ink);font:700 14px var(--sans);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;display:flex}.wallet-option img{border-radius:6px}.wallet-option:hover{background:var(--green-soft)}.link-btn{color:var(--muted);background:0 0;border:none;padding:6px 0 0;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--ink);background:0 0;transform:none}.hint.error{color:var(--red);margin-top:6px}.hint a{color:var(--green);font-weight:700}@media (width<=700px){.wallet-card{width:calc(100% - 32px);top:196px;bottom:auto}}.font-pick{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:700;display:flex}.font-pick select{width:100%;min-width:0;font:600 12px var(--sans);border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;flex:1;padding:5px 6px}.era-panel{flex-direction:column;width:400px;max-height:min(62vh,560px);animation:.25s rise;display:flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.era-head{align-items:center;gap:8px;display:flex}.era-head .card-title{margin:0;font-size:18px}.era-count{color:var(--muted);flex:1;font-size:12px}.era-list{flex-direction:column;gap:6px;margin-top:8px;padding-right:2px;display:flex;overflow-y:auto}.era-row{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.era-row:disabled{cursor:default;transform:none}.era-row.open:not(:disabled):hover{background:var(--green-soft)}.era-row.current{box-shadow:inset 0 0 0 2px #9fcf82}.era-row.locked{background:var(--cream-2);color:var(--muted)}.era-section{letter-spacing:.12em;text-transform:uppercase;color:#d9812b;margin:10px 2px 2px;font-size:11px;font-weight:800}.era-row.wonder.current{box-shadow:inset 0 0 0 2px #f0b35c}.era-icon{background:var(--green-soft);border-radius:12px;flex:none;place-items:center;min-width:40px;height:40px;padding:0 4px;font-size:20px;display:grid}.era-row.locked .era-icon{color:#a39377;font-family:var(--serif);background:#e4dac4;font-size:22px;font-weight:800}.era-text{flex-direction:column;flex:1;min-width:0;display:flex}.era-text b{font-family:var(--serif);font-size:15px}.era-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.era-bar{background:#e4dac4;border-radius:99px;height:5px;margin-top:4px;display:block;overflow:hidden}.era-bar span{background:linear-gradient(90deg,#9fd162,#e3c14b);height:100%;display:block}.era-mcap{color:var(--muted);flex:none;font-size:12px;font-weight:800}.era-row.open .era-mcap{color:var(--green)}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}@media (width<=700px){.era-panel{width:auto;animation:none;bottom:84px;left:0;right:0;transform:none}}.token-bar{flex-direction:column;gap:6px;width:300px;padding:8px;display:flex;top:214px;left:16px}.buy-btn{color:#0f2a22;font:800 15px var(--sans);background:#5cc78f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;transition:transform .12s,filter .12s;display:flex;box-shadow:inset 0 -3px #0000001f}.buy-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.buy-btn.disabled{background:var(--cream-2);color:var(--muted);pointer-events:none}.pill-icon{background:linear-gradient(#fff 50%,#3fb57a 50%);border:2px solid #1d3a33;border-radius:99px;width:11px;height:20px;transform:rotate(35deg)}.ca-btn{background:#fff;border-radius:12px;align-items:center;gap:8px;padding:7px 10px;display:flex}.ca-label{background:var(--cream-2);color:var(--muted);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:800}.ca-value{text-align:left;word-break:break-all;flex:1;min-width:0;font:600 11px/1.35 ui-monospace,monospace}@media (width<=700px){.token-bar{width:auto;top:196px;left:16px;right:16px}.buy-btn{padding:8px;font-size:13px}.ca-btn{padding:6px 8px}.ca-value{font-size:10px}.my-wallet-toggle,.wallet-card,.my-wallet,.controls{top:300px}}.era-track{pointer-events:auto;width:min(560px,100% - 700px);min-width:360px;height:34px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.era-track-line{height:7px;box-shadow:var(--shadow);background:#fbf6ead9;border-radius:99px;position:absolute;top:14px;left:0;right:0;overflow:hidden}.era-track-fill{background:linear-gradient(90deg,#9fd162,#e3c14b);border-radius:99px;height:100%;transition:width .8s}.era-dot{background:var(--cream);cursor:default;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-14px;font-size:14px;display:grid;position:absolute;top:3px;box-shadow:0 2px 6px #283c4640}.era-dot.locked{color:#a39377;font:800 14px var(--serif);background:#e4dac4}.era-dot.current{width:34px;height:34px;margin-left:-17px;font-size:17px;top:0;box-shadow:0 0 0 3px #9fcf82,0 3px 8px #283c464d}.era-dot em{white-space:nowrap;font:700 12px var(--sans);color:var(--ink);background:var(--cream);box-shadow:var(--shadow);border-radius:8px;padding:3px 8px;font-style:normal;display:none;position:absolute;bottom:38px}.era-dot:hover em{display:block}.era-track:hover .era-track-next{visibility:hidden}.era-track-next{pointer-events:none;white-space:nowrap;font:700 12px var(--sans);color:var(--ink);background:#fbf6eaeb;border-radius:99px;padding:2px 10px;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #283c4626}@media (width<=700px){.era-track{width:auto;min-width:0;bottom:calc(22vh + 110px);left:16px;right:16px;transform:none}.era-dot{width:20px;height:20px;margin-left:-10px;font-size:10px;top:7px}.era-dot.current{width:26px;height:26px;margin-left:-13px;font-size:13px;top:4px}}.postcard-backdrop{pointer-events:auto;z-index:20;background:#1e283259;place-items:center;display:grid;position:fixed;inset:0}.postcard{flex-direction:column;gap:10px;width:min(760px,100vw - 32px);display:flex;position:relative}.postcard-photo{aspect-ratio:3/2;background:var(--cream-2);border-radius:12px;overflow:hidden}.postcard-photo img{width:100%;height:100%;display:block}.postcard-wait{background:linear-gradient(120deg, var(--cream-2), #fff);width:100%;height:100%;animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.5}}.postcard-actions{flex-wrap:wrap;gap:8px;display:flex}.postcard-btn{background:var(--cream-2);color:var(--ink);font:700 14px var(--sans);cursor:pointer;border:none;border-radius:12px;flex:130px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;text-decoration:none;display:inline-flex}.postcard-btn:hover:not(:disabled){background:var(--green-soft)}.postcard-btn:disabled,.postcard-btn.disabled{opacity:.5;pointer-events:none}.postcard-btn.buy-btn{background:var(--green);color:#fff}.visit-card{flex-direction:column;gap:10px;width:312px;display:flex;top:316px;right:16px}.visit-head{align-items:center;gap:10px;display:flex}.visit-icon{font-size:26px}.visit-title{flex-direction:column;flex:1;min-width:0;display:flex}.visit-title b{font-family:var(--serif);font-size:16px;line-height:1.2}.visit-title span{color:var(--muted);font-size:12px}.visit-actions{gap:8px;display:flex}.visit-actions button{flex:1;padding:9px 10px;font-size:13px}.lantern-picker{flex-direction:column;gap:8px;display:flex}.picker-row{justify-content:space-between;gap:6px;display:flex}.swatch,.wish{cursor:pointer;border:2px solid #0000;border-radius:10px;flex:1;height:34px;padding:0}.wish{background:var(--cream-2);font-size:18px}.swatch.on,.wish.on{border-color:var(--ink);transform:translateY(-1px)}@media (width<=700px){.visit-card{width:auto;top:246px;left:16px;right:16px}}.tool-short{display:none}@media (width<=700px){.island-card{align-items:center;gap:10px;width:calc(100% - 20px);padding:8px 12px;top:10px;left:10px}.badge{width:42px;height:42px;font-size:20px}.island-info{flex:1;grid-template-columns:1fr auto;align-items:center;column-gap:8px;min-width:0;display:grid}.island-name{grid-column:1;font-size:17px}.island-sub{white-space:nowrap;text-overflow:ellipsis;grid-column:1;font-size:11px;overflow:hidden}.mcap{grid-area:1/2/span 2;font-size:24px}.island-card .era,.island-card .bar{display:none}.pressure{grid-column:1/-1;margin-top:6px}.pressure-label{grid-column:1/-1;font-size:10px}.token-bar{gap:5px;padding:6px;top:110px;left:10px;right:10px}.buy-btn{padding:7px}.ca-btn{padding:5px 8px}.my-wallet-toggle{padding:6px 10px;font-size:12px;top:202px;left:auto;right:10px}.wallet-card,.my-wallet,.controls{width:calc(100% - 20px);top:202px;left:10px}.toolbar{gap:2px;padding:4px;bottom:10px;left:10px;right:10px;overflow:hidden}.tool{padding:5px 1px}.tool-icon{font-size:17px}.tool-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.tool-word{display:none}.tool-short{display:inline}.log{height:84px;max-height:none;padding:4px 12px;bottom:72px;left:10px;right:10px}.log-row{padding:3px 0;font-size:12px}.era-track{bottom:172px;left:10px;right:10px}.banner{width:calc(100% - 20px);bottom:236px}.visit-card{top:202px;left:10px;right:10px}.era-panel{bottom:72px}}