:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1112;--fg:#eef3f0;--muted:#a9bdb8;--panel:#090f1094;--panel-strong:#090f10c7;--line:#ecf4f02e;--gold:#e8c06a;--teal:#6fd3c1;--display:"Syne", "Avenir Next", "Segoe UI", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font:14px/1.45 var(--body);margin:0;overflow:hidden}[hidden]{display:none!important}#view{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}#view:active{cursor:grabbing}#hud{left:16px;top:calc(72px + env(safe-area-inset-top,0px));background:var(--panel);max-width:calc(100% - 32px);font:11px/1.4 var(--mono);white-space:pre-wrap;pointer-events:none;border-radius:6px;margin:0;padding:6px 9px;position:fixed}#intro{padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));background:linear-gradient(#060a0b00,#060a0b26 45%,#060a0bd1);place-items:end start;display:grid;position:fixed;inset:0}.intro-card{gap:14px;width:100%;min-width:0;max-width:1180px;display:grid}#intro .lede{max-width:560px}#intro h1{width:-moz-fit-content;width:fit-content;max-width:100%;font:800 clamp(40px, 8.5vw, 96px) / .95 var(--display);letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(100deg, var(--gold) 10%, #f7e7bf 45%, var(--teal) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 -.1em;padding:.04em .06em .1em 0}.byline{color:var(--muted);font:500 13px/1.3 var(--body);letter-spacing:.02em;text-shadow:0 1px 8px #0000008c;margin:-6px 0 0}.byline a,.credit{color:var(--fg);border-bottom:1px solid #ecf4f059;text-decoration:none}.byline a:hover,.credit:hover{border-bottom-color:var(--gold);color:var(--gold)}.byline a:focus-visible,.credit:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.lede{max-width:44ch;color:var(--fg);text-wrap:balance;margin:0;font-size:clamp(15px,2.2vw,18px)}.intro-actions{flex-wrap:wrap;gap:10px;display:flex}button,.select-btn{border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--fg);font:600 14px/1 var(--body);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;padding:0 16px;transition:background .2s,border-color .2s;display:inline-flex}button:hover,.select-btn:hover{border-color:#ecf4f073}button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.select-btn:has(select:focus-visible){outline:2px solid var(--teal);outline-offset:2px}button.primary{background:var(--gold);border-color:var(--gold);color:#1c1409}button[aria-pressed=true]{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.hint{color:var(--muted);margin:0;font-size:12.5px}.touch-only{display:none}@media (pointer:coarse){.touch-only{display:block}.desktop-only{display:none!important}}#bar{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:fixed;left:16px}#bar>*{pointer-events:auto;min-height:36px;padding:0 13px;font-size:13px}#bar>.credit{border:1px solid var(--line);background:var(--panel);min-height:30px;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-self:center;align-items:center;margin-right:auto;padding:0 12px;font-size:12px;display:inline-flex}#bar>.credit:hover{border-color:var(--gold)}.sheet-credit{color:var(--muted);margin:14px 0 0;font-size:12px}.select-btn{gap:6px;position:relative}.select-btn:after{content:"";opacity:.7;border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;margin:-3px 0 0 2px;transform:rotate(45deg)}.select-value{color:var(--gold)}.select-btn select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.select-btn option{color:#ecf4f0;background:#0d1416}button.round{justify-content:center;width:40px;padding:0;font-size:22px;line-height:1}.world-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.world-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(142px,1fr);grid-auto-flow:column;margin:0 -16px;padding:4px 16px 6px;overflow-x:auto}.world-row::-webkit-scrollbar{display:none}.world-card{text-align:left;scroll-snap-align:start;border-radius:12px;grid-template-rows:auto auto auto;align-content:start;gap:2px;min-height:0;padding:0 0 10px;display:grid;overflow:hidden}.world-card img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;margin-bottom:6px;transition:transform .35s;display:block}.world-card:hover img{transform:scale(1.04)}.world-card .wc-title{font:700 14px/1.2 var(--display);letter-spacing:.01em;padding:0 10px}.world-card .wc-tag{color:var(--muted);font:400 12px/1.35 var(--body);white-space:normal;padding:0 10px}.world-card[aria-selected=true]{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}#world-nav{left:16px;top:calc(14px + env(safe-area-inset-top,0px));align-items:center;gap:6px;max-width:calc(100% - 32px);display:flex;position:fixed}#world-open{gap:10px;min-width:0;min-height:46px;padding:0 14px 0 6px}#world-open img{object-fit:cover;border-radius:6px;width:48px;height:30px}.wn-text{text-align:left;min-width:0;display:grid}.wn-title{font:700 15px/1.15 var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wn-count{color:var(--muted);font:500 11px/1.3 var(--body)}#world-nav .round{height:40px}.sheet{right:16px;bottom:var(--sheet-bottom,64px);width:min(760px,100% - 32px);max-height:calc(100% - var(--sheet-bottom,64px) - 80px - env(safe-area-inset-top,0px));overscroll-behavior:contain;background:var(--panel-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:12px 16px 16px;position:fixed;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sheet h2{font:700 17px/1.2 var(--display);letter-spacing:.03em;color:var(--gold);margin:0}.sheet-close{width:36px;height:36px}.sheet-note{color:var(--muted);margin:-4px 0 12px;font-size:12.5px}.pal-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:14px;display:grid}.pal-btn{text-align:left;min-height:0;font:600 12.5px/1.2 var(--body);border-radius:10px;gap:6px;padding:6px 6px 8px;display:grid}.pal-btn .swatch-bar{height:26px}.pal-btn .pal-tag{color:var(--gold);font-weight:500}.pal-btn[aria-selected=true]{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal)}.swatch-bar{border-radius:6px;display:block;box-shadow:inset 0 0 0 1px #ffffff1f}.swatch-dot{border-radius:50%;width:14px;height:14px;margin-right:8px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff40}#fade{opacity:0;pointer-events:none;background:#050808;transition:opacity .22s ease-in;position:fixed;inset:0}#fade.on{opacity:1}@media (max-width:720px){.sheet{width:auto;left:8px;right:8px}.world-grid:not(.world-row),.pal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#toast{top:calc(72px + env(safe-area-inset-top,0px))}#bar{justify-content:center}#bar>.credit{display:none}}#help{left:16px;bottom:calc(68px + env(safe-area-inset-bottom,0px));background:var(--panel-strong);border-radius:10px;max-width:min(460px,100% - 32px);padding:12px 16px;position:fixed}#help h2{font:700 15px/1.2 var(--display);letter-spacing:.04em;color:var(--gold);margin:0 0 6px}#help ul{margin:0 0 6px;padding-left:18px}#help .muted{color:var(--muted);margin:0;font-size:12px}kbd{border:1px solid var(--line);min-width:1.5em;font:11px/1.5 var(--mono);text-align:center;border-radius:4px;margin:0 1px;padding:0 4px;display:inline-block}#toast{left:50%;top:calc(14px + env(safe-area-inset-top,0px));background:var(--panel-strong);opacity:0;pointer-events:none;border-radius:6px;padding:6px 12px;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,-8px)}#toast.show{opacity:1;transform:translate(-50%)}#fallback{text-align:center;background:var(--bg);place-content:center;padding:24px;display:grid;position:fixed;inset:0}#fallback h1{font:800 40px/1 var(--display);color:var(--gold);margin:0 0 8px}#fallback p{max-width:520px;color:var(--muted)}@media (prefers-reduced-motion:reduce){#toast,#fade,button,.world-card img{transition:none}}#help .muted+.muted{margin-top:6px}