:root{--bg: #e8dcc8;--surface: #f4f1ea;--surface-alt: #ddcdb0;--turquoise: #2a9d8f;--turquoise-deep: #1f7268;--saffron: #e9a319;--saffron-deep: #c2820e;--ink: #6b4f35;--shadow: rgba(28, 24, 20, .18);--toast-bg: #6b4f35;--toast-fg: #f4f1ea}@media (prefers-color-scheme: dark){:root{--bg: #1c1814;--surface: #2a2620;--surface-alt: #241f19;--turquoise: #2a9d8f;--turquoise-deep: #36c2b1;--saffron: #e9a319;--saffron-deep: #ffb733;--ink: #e8dcc8;--shadow: rgba(0, 0, 0, .45);--toast-bg: #f4f1ea;--toast-fg: #1c1814}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;user-select:none;-webkit-user-select:none;overflow:hidden}#app{height:100%;display:flex;justify-content:center}.atlas{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;--atlas-ink: #4a3828;background:radial-gradient(58% 58% at 0% 0%,rgba(74,56,40,.045),transparent 62%),radial-gradient(58% 58% at 100% 0%,rgba(74,56,40,.045),transparent 62%),radial-gradient(60% 60% at 0% 100%,rgba(74,56,40,.05),transparent 62%),radial-gradient(60% 60% at 100% 100%,rgba(74,56,40,.05),transparent 62%)}.atlas-svg{display:block;width:100%;height:100%}.atlas-frame{opacity:.3}.atlas-compass{opacity:.18}.atlas-route{opacity:.11}.atlas-vignette{opacity:.09}@media (prefers-color-scheme: dark){.atlas{--atlas-ink: #f4f1ea;background:radial-gradient(58% 58% at 0% 0%,rgba(0,0,0,.16),transparent 62%),radial-gradient(58% 58% at 100% 0%,rgba(0,0,0,.16),transparent 62%),radial-gradient(60% 60% at 0% 100%,rgba(0,0,0,.2),transparent 62%),radial-gradient(60% 60% at 100% 100%,rgba(0,0,0,.2),transparent 62%)}.atlas-frame{opacity:.36}.atlas-compass{opacity:.22}.atlas-route{opacity:.13}.atlas-vignette{opacity:.11}}@media (max-width: 560px){.atlas-compass,.atlas-vignette{display:none}.atlas-route{opacity:.09}}.panorama{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;--atlas-ink: #4a3828;-webkit-mask-image:radial-gradient(118% 84% at 50% 46%,transparent 34%,#000 70%);mask-image:radial-gradient(118% 84% at 50% 46%,transparent 34%,#000 70%)}.pano-layer{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease}.pano-layer.show{opacity:.5}@media (prefers-color-scheme: dark){.panorama{--atlas-ink: #f4f1ea}.pano-layer.show{opacity:.58}}.shell{position:relative;width:100%;max-width:520px;height:100%;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0) + 12px) 16px calc(env(safe-area-inset-bottom,0) + 16px);gap:12px}.iconbtn{position:absolute;top:calc(env(safe-area-inset-top,0) + 12px);right:16px;z-index:5;width:40px;height:40px;border:none;border-radius:50%;background:var(--surface-alt);color:var(--ink);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px var(--shadow)}.iconbtn:active{transform:translateY(1px)}.iconbtn.muted{opacity:.55}.tabs{display:flex;gap:8px;justify-content:center}.tab{border:none;background:var(--surface-alt);color:var(--ink);padding:8px 18px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer}.tab.active{background:var(--turquoise);color:#fff}.header{text-align:center}.header h1{margin:0;font-size:22px;letter-spacing:4px}.header .sub{font-size:14px;opacity:.75;margin-top:2px}.header .sub.tappable{cursor:pointer;text-decoration:underline dotted color-mix(in srgb,var(--ink) 45%,transparent);text-underline-offset:3px}.header .streak{font-size:14px;margin-top:4px;color:var(--saffron-deep);font-weight:600;min-height:18px}.board{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}canvas{display:block;filter:drop-shadow(0 6px 14px var(--shadow));border-radius:18px}.win{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:color-mix(in srgb,var(--surface) 84%,transparent);border-radius:18px;backdrop-filter:blur(2px)}.win.show{display:flex}.win h2{margin:0;font-size:26px;color:var(--turquoise-deep)}.controls{display:flex;gap:10px;justify-content:center}.btn{border:none;border-radius:14px;padding:13px 18px;font-size:15px;font-weight:600;cursor:pointer;background:var(--surface-alt);color:var(--ink);flex:1;max-width:160px}.btn.primary{background:var(--turquoise);color:#fff}.btn.accent{background:var(--saffron);color:#fff}.btn.outline{background:transparent;color:var(--saffron-deep);box-shadow:inset 0 0 0 2px var(--saffron)}.btn:active{transform:translateY(1px)}.citycard-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(3px);opacity:0;transition:opacity .32s ease}.citycard-backdrop.show{opacity:1}.citycard{width:100%;max-width:520px;margin:0 12px calc(env(safe-area-inset-bottom,0) + 18px);background:var(--surface);color:var(--ink);border-radius:22px 22px 18px 18px;padding:22px 22px calc(22px + env(safe-area-inset-bottom,0));box-shadow:0 -10px 34px var(--shadow);transform:translateY(110%);transition:transform .36s cubic-bezier(.22,1,.36,1)}.citycard-backdrop.show .citycard{transform:translateY(0)}.citycard-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--saffron-deep);background:color-mix(in srgb,var(--saffron) 24%,transparent);padding:4px 12px;border-radius:999px}.citycard-title{margin:12px 0 8px;font-size:26px;letter-spacing:1px}.citycard-text{margin:0 0 16px;font-size:15px;line-height:1.5;opacity:.88}.citycard-fact{border-left:3px solid var(--turquoise);padding:4px 0 4px 12px;margin-bottom:20px}.citycard-fact-h{font-size:13px;font-weight:700;color:var(--turquoise-deep);margin-bottom:2px}.citycard-fact-t{font-size:14px;line-height:1.45;opacity:.88}.citycard-btn{width:100%;max-width:none}@media (prefers-reduced-motion: reduce){.citycard{transition:none}.citycard-backdrop{transition:opacity .15s ease}}.sheet-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(3px);opacity:0;transition:opacity .32s ease}.sheet-backdrop.show{opacity:1}.sheet{width:100%;max-width:520px;margin:0 12px calc(env(safe-area-inset-bottom,0) + 18px);background:var(--surface);color:var(--ink);border-radius:22px 22px 18px 18px;padding:20px 22px calc(20px + env(safe-area-inset-bottom,0));box-shadow:0 -10px 34px var(--shadow);transform:translateY(110%);transition:transform .36s cubic-bezier(.22,1,.36,1)}.sheet-backdrop.show .sheet{transform:translateY(0)}.sheet-title{margin:0 0 6px;font-size:22px;letter-spacing:1px}.set-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.set-label{font-size:15px;font-weight:600}.set-stack{display:flex;flex-direction:column;gap:6px;padding:16px 0 4px}.set-stack .btn{width:100%;max-width:none}.linkbtn{background:none;border:none;color:var(--turquoise-deep);font-size:14px;font-weight:600;cursor:pointer;padding:4px;align-self:center}.set-danger{width:100%;max-width:none;margin-top:12px;background:transparent;color:#b5443a;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,#b5443a 45%,transparent)}.set-close{width:100%;max-width:none;margin-top:10px}.set-version{text-align:center;margin-top:18px;font-size:13px;font-weight:600;color:var(--ink);opacity:.6}.set-version span{display:block;margin-top:3px;font-size:11px;font-weight:400;opacity:.85}.switch{position:relative;flex:none;width:52px;height:30px;border:none;border-radius:999px;background:var(--surface-alt);cursor:pointer;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px var(--shadow);transition:transform .2s}.switch.on{background:var(--turquoise)}.switch.on:after{transform:translate(22px)}.seg{display:flex;gap:6px}.seg button{border:none;background:var(--surface-alt);color:var(--ink);padding:7px 14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.seg button.active{background:var(--turquoise);color:#fff}@media (prefers-reduced-motion: reduce){.sheet{transition:none}.sheet-backdrop{transition:opacity .15s ease}}.intro-banner{position:fixed;top:calc(env(safe-area-inset-top,0) + 12px);left:50%;transform:translate(-50%) translateY(-20px);width:calc(100% - 32px);max-width:460px;z-index:30;background:var(--surface);color:var(--ink);border-radius:16px;padding:14px 16px;box-shadow:0 8px 24px var(--shadow);border-left:4px solid var(--saffron);opacity:0;transition:opacity .28s ease,transform .28s cubic-bezier(.22,1,.36,1)}.intro-banner.show{opacity:1;transform:translate(-50%) translateY(0)}.intro-h{font-size:15px;font-weight:700;margin-bottom:3px}.intro-b{font-size:14px;line-height:1.45;opacity:.88}.intro-x{margin-top:10px;border:none;background:var(--saffron);color:#fff;font-size:14px;font-weight:600;padding:7px 16px;border-radius:10px;cursor:pointer}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0) + 88px);transform:translate(-50%) translateY(10px);background:var(--toast-bg);color:var(--toast-fg);padding:10px 16px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}