:root{--ink:#3a2a1b;--ink-soft:#7a6650;--paper:#fbf5e6;--paper-2:#f3e7cb;--lip:#d6c294;--line:#3a2a1b21;--accent:#4c8a3a;--accent-lip:#386a2a;--gold:#e7a935;--radius:16px;--hud-shadow:0 3px 0 var(--lip), 0 10px 24px #281e0a2e;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-rounded,SF Pro Rounded,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#cfe6f0;height:100%;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{touch-action:none;display:block}button{font:inherit;background:var(--ink);color:#fbfaf5;cursor:pointer;border:0;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600}button.quiet{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.board h3{color:var(--ink-soft);margin:12px 0 6px;font-size:12px;font-weight:600}.board p{margin:0 0 4px;line-height:1.4}.board ol{margin:0;padding:0;list-style:none}.board .board-credit{color:var(--ink-soft);margin:4px 0 2px;font-size:12px}.board-credit a{color:inherit}.board-tabs{background:#1d24190f;border-radius:999px;gap:4px;margin:12px 0 2px;padding:3px;display:flex}.board-tabs button{white-space:nowrap;min-width:0;color:var(--ink-soft);background:0 0;flex:1;padding:6px 4px;font-size:13px;font-weight:500}.board-tabs button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #1d24191f}.board-person{align-items:center;gap:8px;display:flex}.board-person .board-neighbour{flex:1;min-width:0}.board-empty{color:var(--ink-soft)}.x-link{color:var(--ink-soft);border-radius:50%;flex:none;padding:6px;display:inline-flex}.x-link:hover{color:var(--ink);background:#1d24190f}.x-link svg{fill:currentColor;width:13px;height:13px}.board-neighbour{width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:0;align-items:center;gap:8px;padding:4px 0;font-size:13px;font-weight:500;display:flex}.board-neighbour img{border-radius:50%;width:22px;height:22px}.board-neighbour span:last-child{color:var(--ink-soft);margin-left:auto;font-weight:400}.milestone-next{background:#2f5d3a14;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;margin-top:12px;padding:12px;display:grid}.milestone-next .milestone-icon{background:#fff;width:40px;height:40px;font-size:22px}.milestone-next-text{flex-direction:column;min-width:0;display:flex}.milestone-next strong{font-size:15px}.milestone-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.milestone-track{background:#1d24191a;border-radius:4px;grid-column:1/-1;height:4px;margin-top:6px;overflow:hidden}.milestone-track span{background:var(--accent);transform-origin:0;height:100%;display:block}.milestone-list{flex-direction:column;gap:8px;display:flex}.milestone-list li{align-items:center;gap:10px;display:flex}.milestone-list.later{opacity:.6}.milestone-icon{background:#1d24190f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.milestone-what{flex-direction:column;min-width:0;font-weight:500;display:flex}.milestone-sub{color:var(--ink-soft);font-size:12px;font-weight:400}.milestone-toggle{margin-top:6px}.board .milestone-more{color:var(--ink-soft);margin:8px 0 0;font-size:12px}.panel-name-row{align-items:center;gap:8px;display:flex}.badge-mayor{color:#6b5414;letter-spacing:.02em;background:#f1e4b8;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.badge-mayor[hidden]{display:none}a.panel-handle{color:var(--ink-soft);text-decoration:none}a.panel-handle:hover{color:var(--ink);text-decoration:underline}.panel-home{color:var(--ink-soft);margin:10px 0 0;font-size:13px}.panel-home:empty{display:none}.home-tag{background:var(--paper);white-space:nowrap;pointer-events:none;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;box-shadow:0 2px 10px #1d241929}.panel{right:20px;top:calc(max(16px, env(safe-area-inset-top)) + 66px);background:var(--paper);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:300px;padding:18px;position:fixed;box-shadow:0 10px 40px #1d241929}.panel[hidden]{display:none}.panel-close{width:32px;height:32px;color:var(--ink-soft);background:0 0;padding:0;font-size:20px;font-weight:400;position:absolute;top:8px;right:8px}.panel-head{align-items:center;gap:12px;display:flex}.panel-avatar{object-fit:cover;background:#e6e2d6;border-radius:50%;width:48px;height:48px}.panel-name{font-size:16px;font-weight:700}.panel-handle{color:var(--ink-soft);font-size:14px}.panel-bio{margin:14px 0 0;font-size:14px;line-height:1.45}.panel-bio:empty{display:none}.panel-activity{color:var(--ink-soft);margin:12px 0 0;font-size:14px}.panel-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.panel-actions button{white-space:nowrap}.panel-own{border-top:1px solid var(--line);align-items:center;gap:16px;margin-top:14px;padding-top:14px;display:flex}.look-button{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0;align-items:center;gap:7px;padding:8px 14px 8px 11px;display:inline-flex}.look-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;width:17px;height:17px}.look-button[hidden]{display:none}.look-button:hover{box-shadow:inset 0 0 0 1px var(--ink-soft)}.panel-own #move-out{margin-left:auto}.panel-own[hidden],.look[hidden],.panel-actions[hidden]{display:none}button.text{color:var(--ink-soft);background:0 0;padding:2px 0;font-size:13px;font-weight:500}button.text:hover{color:var(--ink)}.look{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.look-label{color:var(--ink-soft);margin:0 0 8px;font-size:12px;font-weight:600}.look-label+.look-kinds,.look-label+.look-colors{margin-bottom:14px}.look-kinds{flex-wrap:wrap;gap:6px;display:flex}.look-kinds button{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0;padding:6px 11px;font-size:13px;font-weight:500}.look-kinds button[aria-pressed=true]{background:var(--ink);color:#fbfaf5;box-shadow:none}.look-colors{grid-template-columns:repeat(7,28px);gap:8px;display:grid}.look-colors button{border-radius:50%;width:28px;height:28px;padding:0;box-shadow:inset 0 0 0 1px #1d24192e}.look-colors button[aria-pressed=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}.look-colors .look-original{background:conic-gradient(#c23a35 0 25%, #3b6ea8 0 50%, #2f8a4f 0 75%, #6b4b9c 0)}.look-actions{gap:8px;margin-top:16px;display:flex}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));background:var(--ink);color:#fbfaf5;border-radius:999px;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.label{white-space:nowrap;pointer-events:none;background:#fcfbf6eb;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 3px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 8px #1d241926}.label:not(:has(img)){padding:3px 9px}.label img{object-fit:cover;border-radius:50%;width:22px;height:22px}.bubble{pointer-events:none;opacity:0;background:#fff;border-radius:14px;padding:6px 8px;font-size:22px;line-height:1;transition:opacity .18s,transform .18s;transform:translateY(6px)scale(.85);box-shadow:0 3px 10px #1d24192e}.bubble.show{opacity:1;transform:none}.bubble.speech{text-align:center;max-width:220px;color:var(--ink);padding:8px 11px;font-size:14px;font-weight:500;line-height:1.3;position:relative}.bubble.speech.asking{pointer-events:auto;max-width:260px;padding:12px 14px}.bubble-actions{justify-content:center;gap:6px;margin-top:10px;display:flex}.bubble-actions button{padding:7px 13px;font-size:13px}.bubble.speech:after{content:"";background:#fff;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@media (width<=640px){.panel{top:auto;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:auto}}.loading{z-index:10;background:#cfe6f0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-art{width:152px;margin-bottom:18px;animation:3.2s ease-in-out infinite settle}.tile-top{fill:#c3cb47}.tile-side{fill:#9a5b3b}.tree{fill:#1f8f4f;transform-box:fill-box;transform-origin:50% 100%;animation:2.6s ease-in-out infinite sway}.tree .shade{fill:#177040}.tree-b{animation-delay:-.9s}.tree-c{animation-delay:-1.7s}.tent{fill:#e4b67f}.tent-shade{fill:#c68f5b}.tent-door{fill:#7a4e2d}.loading-name{letter-spacing:-.01em;font-size:18px;font-weight:700}.loading-step{color:var(--ink-soft);margin-top:4px;font-size:14px}.loading-track{background:#1d24191f;border-radius:3px;width:140px;height:3px;margin-top:16px;overflow:hidden}.loading-bar{background:var(--ink);transform-origin:0;height:100%;transition:transform .4s;transform:scaleX(.04)}.loading-retry{margin-top:16px}.loading.failed .loading-track,.loading.failed .loading-art{opacity:.5;animation:none}@keyframes sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes settle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.loading-art,.tree{animation:none}}.panel-own{flex-wrap:wrap}.label.live{box-shadow:0 0 0 2px #4fd16b,0 2px 8px #1d241933}.control-bar{left:20px;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 76px);background:var(--paper);border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 8px 8px 14px;font-size:13px;display:flex;position:fixed;box-shadow:0 6px 24px #1d24192e}.control-bar[hidden]{display:none}.control-bar button{flex:none;padding:7px 12px;font-size:13px}.control-dot{background:#4fd16b;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #4fd16b40}.board .stat-row{justify-content:space-between;gap:12px;margin:0;padding:3px 0;display:flex}.stat-row strong{font-variant-numeric:tabular-nums}.stat-bars{align-items:flex-end;gap:3px;height:44px;margin:8px 0 4px;display:flex}.stat-bars span.empty{opacity:.2}.stat-bars span{background:var(--accent);opacity:.85;border-radius:2px;flex:1;max-width:18px}.claim{overscroll-behavior:contain;border-radius:var(--radius);background:var(--paper);width:min(380px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:0;padding:20px;overflow-y:auto;box-shadow:0 20px 60px #1d24194d}.claim::backdrop{background:#1d241959}.claim-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.claim-kind{font-size:18px;font-weight:700}.claim-price{color:var(--accent);font-size:18px;font-weight:700}.claim-blurb{min-height:2.6em;color:var(--ink-soft);margin:0 0 14px;font-size:14px}.claim-field{margin-bottom:12px;font-size:13px;font-weight:600;display:block}.claim-field>span:first-child{margin-bottom:4px;display:block}.claim-field input:not([type=file]){border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:400}.claim-logo{box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:8px;display:flex;position:relative}.claim-logo canvas{background:#1d24190d;border-radius:8px;flex:none;width:44px;height:44px}.claim-logo-text{flex-direction:column;font-size:14px;display:flex}.claim-logo-text span{color:var(--ink-soft);font-size:12px}.claim-logo input{opacity:0;cursor:pointer;position:absolute;inset:0}.claim-terms,.claim-note{color:var(--ink-soft);margin:4px 0 0;font-size:12px;line-height:1.45}.claim-note{color:var(--ink);font-size:14px}.claim-note[hidden],.claim-error[hidden]{display:none}.claim-error{color:#b3312c;margin:10px 0 0;font-size:13px}.claim-actions{gap:8px;margin-top:16px;display:flex}.board .sponsor-row{grid-template-columns:36px 1fr;gap:4px 10px;margin:0 0 12px;display:grid}.sponsor-row img{object-fit:contain;width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:6px}.sponsor-row .sponsor-actions{grid-column:2;gap:6px;display:flex}.sponsor-row .sponsor-actions button{padding:5px 10px;font-size:12px}.board-cta{width:100%;margin-top:12px}@media (pointer:coarse){.say input,.claim-field input:not([type=file]){font-size:16px}}.claim-kinds{background:#1d24190f;border-radius:12px;gap:4px;margin:12px 0 6px;padding:3px;display:flex}.claim-kinds button{color:var(--ink-soft);background:0 0;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:7px 4px;font-size:13px;font-weight:500;display:flex}.claim-kinds button[aria-checked=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #1d24191f}.claim-kinds button:disabled{opacity:.4;cursor:default}.claim-kinds .claim-kind-price{color:var(--accent);font-size:14px;font-weight:700}@media (width<=640px){.claim{padding:16px}.claim-actions{background:var(--paper);margin:12px -16px -16px;padding:12px 16px 16px;position:sticky;bottom:-16px}}body:has(.claim[open]) .dock{display:none}@media (width<=640px){.claim-field{margin-bottom:10px}}.board .board-cta{width:100%;color:var(--ink);text-align:left;background:#d9a52129;border-radius:12px;justify-content:space-between;align-items:center;margin:12px 0 4px;padding:12px 14px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #d9a52180}.board .board-cta span{white-space:nowrap;color:#8a6510;flex:none;margin-left:10px;font-weight:700}.claim-colors{flex-wrap:wrap;gap:8px;margin:2px 0 12px;display:flex}.claim-colors button{border-radius:50%;width:28px;height:28px;padding:0;box-shadow:inset 0 0 0 1px #1d24192e}.claim-colors button[aria-checked=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}.mine-link{color:var(--ink-soft);align-self:center;margin-left:auto;font-size:13px}.name-vote{margin-top:6px}.name-options{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.name-option{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;display:flex;position:relative;overflow:hidden}.name-option:disabled{cursor:default}.name-option[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent);font-weight:700}.name-bar{transform-origin:0;background:#2f5d3a1f;transition:transform .4s;position:absolute;inset:0}.name-label,.name-count{position:relative}.name-count{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.board .name-result{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.name-vote>button.quiet{margin-top:6px;padding:7px 12px;font-size:13px}.board-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;display:flex}.board-foot-btn{align-items:center;gap:6px;display:inline-flex}.board-foot-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:16px;height:16px}.board-tabs button{flex:auto;padding:6px 8px}.tab-dot{vertical-align:2px;background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.hud-top{z-index:5;top:max(16px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:fixed;left:20px;right:20px}.hud-left,.hud-right{pointer-events:none}.hud-left>*,.hud-right>*,.quests>*{pointer-events:auto}.hud-left{flex-direction:column;gap:10px;width:280px;display:flex}.brand-card{text-align:left;width:100%;color:var(--ink);background:var(--paper);border-radius:var(--radius);box-shadow:var(--hud-shadow);padding:14px 16px 15px;font-weight:400;display:block}.brand-card:active,.quest:active,.round:active,.tool:active{transform:translateY(2px)}.brand-name{letter-spacing:-.01em;font-size:24px;font-weight:800;line-height:1.1;display:block}.brand-count{color:var(--ink-soft);margin-top:2px;font-size:13px;display:block}.brand-next{align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600;line-height:1.3;display:flex}.brand-new{background:var(--gold);color:#fff;border-radius:999px;flex:none;padding:2px 7px;font-size:11px;font-weight:800}.brand-next[hidden],.brand-track[hidden],.brand-new[hidden]{display:none}.brand-track{background:#ebdfc1;border-radius:6px;height:10px;margin-top:7px;display:block;overflow:hidden;box-shadow:inset 0 1px #3a2a1b1f}.brand-fill{background:var(--accent);height:100%;box-shadow:inset 0 -2px 0 var(--accent-lip);transform-origin:0;border-radius:6px;transition:transform .6s;display:block}.quests{pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex}.quest{background:var(--paper);max-width:100%;color:var(--ink);text-align:left;box-shadow:var(--hud-shadow);border-radius:14px;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-weight:400;display:flex}.quest[hidden]{display:none}.quest>span:last-child{flex-direction:column;min-width:0;line-height:1.25;display:flex}.quest strong{font-size:14px;font-weight:700}.quest span span{color:var(--ink-soft);font-size:12px}.quest-mark{background:var(--gold);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:16px;font-weight:900;display:grid;box-shadow:inset 0 -2px #b9801f}.quest-mark.news{background:var(--ink);position:relative;box-shadow:inset 0 -2px #000}.quest-mark.news svg{fill:none;stroke:#fbf5e6}.quest-mark.news .dot-badge{top:-2px;right:-2px}.quest-mark.flag{background:#f4e2b2;box-shadow:inset 0 -2px #e2c98a}.quest-mark svg{fill:none;stroke:#8a6510;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;width:18px;height:18px}.quest-mark svg .flag{fill:var(--gold)}.hud-right{align-items:center;gap:10px;display:flex}.here{background:var(--paper);box-shadow:var(--hud-shadow);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.here:before{content:"";background:#4fbf4a;border-radius:50%;width:8px;height:8px}.here[hidden]{display:none}.round{background:var(--paper);width:48px;height:48px;color:var(--ink);box-shadow:var(--hud-shadow);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.round[aria-expanded=true]{background:var(--ink);color:var(--paper)}.round svg,.tool svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round;width:22px;height:22px}kbd{background:var(--ink);color:var(--paper);font:inherit;border-radius:6px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;bottom:-4px;right:-3px}.dot-badge{background:var(--gold);width:12px;height:12px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;position:absolute;top:1px;right:1px}.dot-badge[hidden]{display:none}@media (pointer:coarse){kbd{display:none}}.board-dim{z-index:20;background:#1e160a59;position:fixed;inset:0}.board-dim[hidden],.board[hidden]{display:none}.board{z-index:21;overscroll-behavior:contain;background:var(--paper);width:min(520px,100vw - 32px);max-height:min(80dvh,720px);box-shadow:0 4px 0 var(--lip), 0 24px 60px #140e0459;border-radius:22px;padding:0 22px 16px;font-size:14px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.board-head{z-index:1;background:var(--paper);box-shadow:0 1px 0 var(--line);margin:0 -22px 4px;padding:18px 22px 10px;position:sticky;top:0}.board-head-row{justify-content:space-between;align-items:center;display:flex}.board-head h2{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.board-head .board-tabs{margin:12px 0 0}.board-close{background:var(--paper-2);width:36px;height:36px;color:var(--ink);box-shadow:0 2px 0 var(--lip);border-radius:50%;flex:none;padding:0;font-size:14px}.board .board-tabs{background:var(--paper-2);border-radius:14px;padding:4px}.board .board-tabs button{color:var(--ink-soft);border-radius:10px;font-weight:600}.board .board-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);box-shadow:none}.board .name-option{box-shadow:0 2px 0 var(--lip);background:#fffaf0;border-radius:12px;padding:11px 14px;font-size:15px}.board .name-option[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:0 2px 0 var(--accent-lip)}.board .name-option[aria-pressed=true] .name-count{color:#e3f0dc}.board .name-option[aria-pressed=true] .name-bar{background:#ffffff24}.dock{z-index:4;left:20px;bottom:max(20px, env(safe-area-inset-bottom));align-items:flex-end;gap:12px;display:flex;position:fixed}.sign{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-lip), 0 12px 28px #14280a40;border-radius:16px;padding:14px 26px;font-size:16px;font-weight:800}body:has(.control-bar:not([hidden])) .sign{display:none}.me{align-items:flex-end;gap:14px;display:flex;position:relative}.me[hidden]{display:none}.xp-lv.up{animation:.9s lv-up}@keyframes lv-up{30%{color:var(--ink);background:#e2b33c;transform:scale(1.3)}}.tool.me-face{background:#cfe6f0;padding:0;box-shadow:inset 0 -3px #a9cbd9}.tool.me-face:hover{background:#c2dde8}.me-face canvas{object-fit:cover;border-radius:14px;width:100%;height:100%;display:block}.say{margin-bottom:14px;position:relative}.say input{background:var(--paper);width:260px;box-shadow:var(--hud-shadow);font:inherit;color:var(--ink);border:0;border-radius:16px;padding:12px 16px;font-size:15px}.say input::placeholder{color:var(--ink-soft)}.me-tools{right:20px;bottom:max(20px, env(safe-area-inset-bottom));background:var(--paper);box-shadow:var(--hud-shadow);border-radius:20px;flex-wrap:wrap;gap:8px;padding:8px;display:flex;position:fixed}.tool{background:var(--paper-2);width:54px;height:54px;color:var(--ink);border-radius:14px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 -3px #e0cda0}.tool:hover{background:#efdfba}.tool[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:inset 0 -3px 0 var(--accent-lip)}.tool-extra{display:none}.xp-strip{color:var(--ink);flex-basis:100%;align-items:center;gap:8px;padding:2px 4px 0;font-size:12px;font-weight:800;display:flex;position:relative}.xp-strip[hidden]{display:none}.xp-lv{background:var(--ink);color:#fbf5e6;border-radius:8px;flex:none;padding:2px 7px;font-size:11px}.xp-track{background:#ebdfc1;border-radius:5px;flex:1;height:10px;overflow:hidden;box-shadow:inset 0 2px #3a2a1b1f}.xp-fill{background:#e2b33c;border-radius:5px;width:0;height:100%;transition:width .4s;display:block;box-shadow:inset 0 -2px #b9801f}.xp-num{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none}.xp-strip.gain .xp-track{animation:.5s xp-glow}@keyframes xp-glow{40%{box-shadow:0 0 0 3px #e2b33c8c}}.xp-gain{color:#b9801f;pointer-events:none;font-size:13px;font-weight:900;animation:1.1s ease-out forwards float-up;position:absolute;bottom:100%;right:4px}.me-pop{border-radius:var(--radius);background:var(--paper);width:300px;box-shadow:var(--hud-shadow);border-top:0;margin:0;padding:14px 16px;position:absolute;bottom:calc(100% + 16px);left:0}.me-pop .look-actions{align-items:center}.me-pop #move-out{margin-left:auto}.control-bar{bottom:calc(max(20px, env(safe-area-inset-bottom)) + 96px);background:var(--paper);box-shadow:var(--hud-shadow)}.world-mark{pointer-events:auto;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.world-mark-label{background:var(--paper);color:var(--ink);white-space:nowrap;box-shadow:0 2px 0 var(--lip), 0 4px 10px #0003;border-radius:10px;padding:3px 10px;font-size:12px;font-weight:700}.world-mark-bang{background:var(--gold);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;font-weight:900;animation:1.6s ease-in-out infinite bob;display:grid;box-shadow:0 3px #b9801f,0 6px 14px #00000040}@keyframes bob{50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.world-mark-bang{animation:none}}:is(body:has(.claim[open]) .hud-top,body:has(#mine[open]) .dock){display:none}@media (width<=640px){.hud-top{top:max(12px, env(safe-area-inset-top));gap:10px;left:12px;right:12px}.hud-left{flex:1;gap:8px;width:auto;min-width:0}.brand-card{padding:10px 12px 11px}.brand-name{font-size:19px}.brand-count,.brand-next{font-size:12px}.brand-next{margin-top:6px}.brand-track{height:8px;margin-top:5px}.quests{flex-flow:wrap;gap:6px}.quest{border-radius:999px;gap:7px;padding:5px 12px 5px 5px}.quest span span{display:none}.quest-mark{width:26px;height:26px;font-size:14px}.quest strong{font-size:13px}.hud-right{flex-direction:column;align-items:flex-end;gap:8px}.round{width:44px;height:44px}.here{padding:5px 10px;font-size:12px}body:has(.me:not([hidden])) .hud-right .round{display:none}.dock{left:12px;right:12px;bottom:max(16px, env(safe-area-inset-bottom))}body:has(.me:not([hidden])) .dock{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 82px)}body:has(.me:not([hidden])):has(#xp-strip:not([hidden])) .dock{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 110px)}body:has(#xp-strip:not([hidden])) .control-bar{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 178px)}.sign{flex:1}.me{flex:1;gap:12px;min-width:0}.say{flex:none;min-width:0;margin-bottom:6px}.say input{background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a2a1b' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 5.5h16v10H10l-4 3.5v-3.5H4Z'/%3E%3C/svg%3E") center / 22px no-repeat;color:#0000;cursor:pointer;border-radius:50%;width:46px;height:46px;padding:0;transition:width .2s,border-radius .2s}.say input::placeholder{color:#0000}.say:focus-within{flex:1}.say:has(input:not(:placeholder-shown)){flex:1}.say:focus-within input{width:100%;color:var(--ink);cursor:text;background-image:none;border-radius:16px;padding:12px 16px}.say:has(input:not(:placeholder-shown)) input{width:100%;color:var(--ink);cursor:text;background-image:none;border-radius:16px;padding:12px 16px}.say:focus-within input::placeholder{color:var(--ink-soft)}.me-tools{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));border-radius:18px;justify-content:space-between;gap:6px;padding:6px}.tool{flex:1;width:auto;height:50px}.tool-extra{display:grid}.me-pop{width:auto;left:0;right:0}.board{width:auto;max-height:85dvh;padding:0 18px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;inset:auto 0 0;transform:none}.board-head{margin:0 -18px 4px;padding:16px 18px 10px}.control-bar{left:12px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 150px)}:is(body:has(.panel:not([hidden])) .dock,body:has(.board:not([hidden])) .dock){display:none}}.board-find{background:var(--paper-2);width:100%;font:inherit;color:var(--ink);border:0;border-radius:12px;margin:2px 0 8px;padding:10px 14px;font-size:15px;box-shadow:inset 0 2px #3a2a1b0f}.board-find::placeholder{color:var(--ink-soft)}.board-person[hidden]{display:none}.board-faces{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px 6px;margin-top:4px;display:grid}.board-face{min-width:0;color:var(--ink);background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:6px 2px;font-size:11.5px;font-weight:500;display:flex}.board-face:hover{background:var(--paper-2)}.board-face img{width:48px;height:48px;box-shadow:0 2px 0 var(--lip);border-radius:50%}.board-face span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.board-face-tile{min-width:0;position:relative}.board-face-tile[hidden]{display:none}.board-face{width:100%}.board-face-tile .x-link{background:var(--ink);width:24px;height:24px;color:var(--paper);box-shadow:0 0 0 2px var(--paper);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;left:calc(50% + 12px)}.board-face-tile .x-link svg{fill:currentColor;width:12px;height:12px}.panel-badges{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.panel-badges[hidden]{display:none}.panel-badges li{background:var(--paper-2);box-shadow:0 2px 0 var(--lip);border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 5px;font-size:12px;font-weight:700;display:inline-flex}.badge-icon{background:#fffaf0;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.dock-extra{display:none}@media (width<=640px){.brand-card{grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;padding:9px 92px 10px 12px;display:grid}.brand-name{font-size:18px}.brand-count{margin:0}.brand-next,.brand-track{grid-column:1/-1}.brand-next{margin-top:4px;margin-right:-80px}.brand-track{height:6px;margin-top:5px;margin-right:-80px}.hud-right{position:absolute;top:9px;right:10px}.hud-right .round{display:none}.quests{flex-wrap:nowrap}.quest:not([hidden])~.quest:not([hidden]){padding:5px}.quest:not([hidden])~.quest:not([hidden])>span:last-child{display:none}.dock-extra{flex:none;display:grid}body:has(.me:not([hidden])) .dock-extra{display:none}.sign{padding:13px 16px}.panel{padding:14px 16px}.panel-avatar{width:40px;height:40px}.panel-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:13px;display:-webkit-box;overflow:hidden}.panel-home,.panel-activity{font-size:12px}.panel-badges{margin-top:8px}.panel-actions{margin-top:12px}.panel-actions button{padding:8px 14px;font-size:13px}}.site-card{background:var(--paper);min-width:150px;color:var(--ink);text-align:left;box-shadow:0 3px 0 var(--lip), 0 8px 18px #00000038;pointer-events:auto;border-radius:12px;flex-direction:column;gap:4px;padding:8px 12px 9px;font-size:12px;font-weight:500;display:flex}.site-card strong{font-size:13px}.site-row,.site-line{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.site-bar{background:#ebdfc1;border-radius:4px;flex:1;height:7px;overflow:hidden}.site-bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform .5s;display:block}.site-box{background:var(--paper-2);border-radius:14px;margin:8px 0 4px;padding:2px 14px 12px}.site-line{margin:6px 0;font-size:14px}.site-line>span:first-child{width:72px}.site-count{text-align:right;width:64px;color:var(--ink-soft)}.quest-mark.build{background:#5d6b78;box-shadow:inset 0 -2px #444f59}.swing{z-index:30;left:50%;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 160px);background:var(--paper);width:min(360px,100vw - 32px);color:var(--ink);box-shadow:0 4px 0 var(--lip), 0 16px 40px #00000047;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:18px;padding:14px 18px 12px;transition:opacity .4s,transform .4s;position:fixed;transform:translate(-50%)}.swing.done{opacity:0;transform:translate(-50%,10px)}.swing-title{font-size:17px;font-weight:800}.swing-bar{background:#ebdfc1;border-radius:11px;height:22px;margin:10px 0 8px;position:relative;overflow:hidden;box-shadow:inset 0 2px #3a2a1b1f}.swing-zone{background:#7cc36a;position:absolute;top:0;bottom:0;box-shadow:inset 0 -3px #4c8a3a}.swing-mark{background:var(--ink);border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:-2px;bottom:-2px}.swing-hits{justify-content:center;gap:8px;min-height:22px;font-size:16px;font-weight:800;display:flex}.swing-hits .hit{color:var(--accent)}.swing-hits .miss{color:#c0533a}.swing-hint{color:var(--ink-soft);font-size:12px}.swing.flash-hit .swing-bar{animation:.3s swing-good}.swing.flash-miss .swing-bar{animation:.3s swing-bad}@keyframes swing-good{50%{box-shadow:0 0 0 3px #7cc36a}}@keyframes swing-bad{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.fish-water{background:linear-gradient(#8fcbe0,#5fa9c6);border-radius:14px;height:54px;margin:10px 0 8px;position:relative;overflow:hidden;box-shadow:inset 0 2px #00000014}.fish-float{background:linear-gradient(#e2553d 50%,#fbf5e6 50%);border-radius:7px 7px 5px 5px;width:14px;height:20px;position:absolute;top:16px;left:50%;box-shadow:0 2px #00000026}.fish-ripple{opacity:0;border:2px solid #ffffff8c;border-radius:50%;width:44px;height:10px;margin-left:-22px;position:absolute;top:30px;left:50%}.fish-alert{color:#fbf5e6;opacity:0;font-size:22px;font-weight:900;position:absolute;top:2px;left:calc(50% + 14px)}.swing.biting .fish-ripple{animation:.5s ease-out infinite fish-ripple}.swing.biting .fish-alert{opacity:1}@keyframes fish-ripple{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.well-play{align-items:center;gap:14px;margin:10px 0 8px;display:flex}.well-shaft{background:linear-gradient(#5b4632,#2f241a);border-radius:8px;flex:none;width:34px;height:70px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #8a6a4a}.well-bucket{background:#b98a55;border-radius:2px 2px 6px 6px;width:18px;height:16px;margin-bottom:3px;margin-left:-9px;position:absolute;bottom:0;left:50%;box-shadow:inset 0 3px #5fa9c6}.well-rope{background:#ebdfc1;border-radius:11px;flex:1;height:22px;position:relative;overflow:hidden;box-shadow:inset 0 2px #3a2a1b1f}.well-fill{background:#7cc36a;width:0;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 -3px #4c8a3a}.well-red{background:#c0533a59;position:absolute;top:0;bottom:0;right:0}.swing.spilling .well-fill{background:#c0533a;box-shadow:inset 0 -3px #8e3a27}.swing.spilling .well-shaft{animation:.25s infinite swing-bad}.work-prompt{background:var(--ink);color:var(--paper);pointer-events:auto;border-radius:12px;padding:6px 12px;font-size:13px;font-weight:800;animation:.18s prompt-in;box-shadow:0 3px #1d140b,0 6px 14px #0000004d}@keyframes prompt-in{0%{opacity:0}}.news-item{border-bottom:1px solid var(--line);padding:10px 0 12px}.news-item:last-of-type{border-bottom:0}.news-date{color:var(--ink-soft);font-size:12px;font-weight:700}.news-item h4{margin:2px 0 4px;font-size:16px}.board .news-item p{color:var(--ink);margin:0;font-size:14px;line-height:1.45}.touch-only{display:none}@media (pointer:coarse){.keys-only{display:none}.touch-only{display:inline}}.float-up{background:var(--paper);color:var(--ink);white-space:nowrap;box-shadow:0 2px 0 var(--lip), 0 4px 10px #0003;pointer-events:none;border-radius:10px;padding:3px 9px;font-size:14px;font-weight:800;animation:1.4s ease-out forwards float-up}.float-up.xp{color:var(--ink);background:#e2b33c;font-size:12px;box-shadow:0 2px #b9801f,0 4px 10px #0003}.float-up.big{background:var(--gold);color:#fff;font-size:16px;box-shadow:0 2px #b9801f,0 4px 10px #00000040}@keyframes float-up{0%{opacity:0;translate:0 6px}15%{opacity:1}70%{opacity:1}to{opacity:0;translate:0 -34px}}.place-pin{background:var(--paper);color:var(--ink);box-shadow:0 2px 0 var(--lip), 0 5px 12px #00000038;pointer-events:auto;border-radius:999px;align-items:center;gap:0;padding:3px;font-size:12px;font-weight:700;transition:gap .15s,padding .15s;display:flex}.place-pin.job{background:var(--gold);color:#fff;box-shadow:0 2px #b9801f,0 5px 12px #00000040}.place-icon{background:#ffffff8c;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.place-label{white-space:nowrap;max-width:0;transition:max-width .2s;overflow:hidden}.place-pin:hover,.place-pin:focus-visible{gap:6px;padding-right:10px}.place-pin:hover .place-label,.place-pin:focus-visible .place-label{max-width:140px}.place-pin.store{gap:6px;padding-right:10px}.place-pin.store .place-label{max-width:320px}.stock-nums{font-variant-numeric:tabular-nums;display:none}.place-pin.store:hover .stock-nums,.place-pin.store.hover .stock-nums{display:inline}.stock-card{background:var(--paper);width:210px;color:var(--ink);box-shadow:0 3px 0 var(--lip), 0 10px 26px #00000040;pointer-events:auto;border-radius:16px;padding:12px 14px 10px;position:relative}.stock-card[hidden]{display:none}.stock-title{margin-bottom:6px;font-size:15px;font-weight:800}.stock-close{background:var(--paper-2);width:26px;height:26px;color:var(--ink-soft);border-radius:50%;padding:0;font-size:12px;position:absolute;top:8px;right:8px}.stock-row{border-bottom:1px solid #3a2a1b14;justify-content:space-between;padding:3px 0;font-size:14px;display:flex}.stock-row strong{font-variant-numeric:tabular-nums}.stock-for{color:var(--ink-soft);margin:8px 0 0;font-size:12px;line-height:1.35}body:has(.board:not([hidden])) .stock-card{visibility:hidden}body:has(.board:not([hidden])) .place-pin{visibility:hidden}.halloween-tint{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(75% 70% at 50% 55%,#ffe2c4 0%,#e9c9d6 55%,#8e6fae 100%);position:absolute;inset:0}