:root{--page:#f4f6f4;--ink:#14120f;--muted:#79776f;--line:#dedbd4;--warn:#248f66;--green:#5fcb88;--green-dark:#248f66;--green-deep:#248f66;--forest:#1d3934;--green-soft:#eaf7f0;--panel:#fff;--tray:#f2f2ef}*{box-sizing:border-box}html,body{background:var(--page);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.shell{flex-direction:column;display:flex;position:fixed;inset:0}.topbar{z-index:10;pointer-events:none;align-items:baseline;gap:14px;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{letter-spacing:.16em;font-size:15px;font-weight:600}.tagline{letter-spacing:.12em;color:var(--muted);font-size:11px}.badge{letter-spacing:.16em;border:1px solid var(--warn);color:var(--warn);pointer-events:auto;margin-left:auto;padding:4px 8px;font-size:10px}.scene{flex:1;min-height:0}.scene canvas{touch-action:none;display:block}.scene-loading{letter-spacing:.16em;color:var(--muted);place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.hint{z-index:10;letter-spacing:.1em;color:var(--muted);pointer-events:none;padding:14px 20px;font-size:10px;position:absolute;bottom:0;left:0;right:0}@media (max-width:720px){.tagline{display:none}.wordmark{font-size:13px}}.selected{z-index:10;letter-spacing:.16em;color:#0f9b5e;background:#fffc;border:1px solid #0f9b5e;padding:5px 9px;font-size:11px;position:absolute;bottom:44px;left:20px}.clock{z-index:12;border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;background:#ffffffd9;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 10px;display:flex;position:absolute;top:46px;right:20px}.clock:hover{border-color:var(--warn)}.clock-time{letter-spacing:.08em;font-size:13px}.clock-mode{letter-spacing:.16em;color:var(--muted);font-size:9px}@media (max-width:720px){.clock{padding:5px 8px;top:42px;right:12px}.clock-time{font-size:12px}}.tag{letter-spacing:.08em;border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:#ffffffe6;padding:3px 7px;font:11px ui-monospace,monospace}.phone{z-index:20;will-change:transform;background:#14120f;border-radius:24px;width:234px;height:min(476px,100dvh - 96px);padding:4px;transition:transform .26s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:20px;right:20px;transform:translateY(calc(100% - 52px));box-shadow:0 2px #0002,4px 4px #14120f18}.phone:hover{transform:translateY(calc(100% - 132px))}.phone.up,.phone.up:hover{transform:translateY(0)}.grab{z-index:8;cursor:pointer;background:0 0;border:0;border-radius:24px;position:absolute;inset:0}.screen{background:var(--panel);border-radius:20px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.island{z-index:6;background:#14120f;border-radius:9px;width:62px;height:17px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.bar{border-bottom:2px solid var(--green);flex:none;align-items:center;gap:6px;height:44px;padding:22px 9px 0;display:flex}.bar-name{letter-spacing:.14em;font-size:9px;font-weight:600}.bar-hold{font-variant-numeric:tabular-nums;color:var(--ink);align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.dot{background:var(--muted);width:6px;height:6px;display:block}.dot-ok{background:var(--green)}.dot-below,.dot-expired{background:#d1622f}.bar-connect{font:inherit;letter-spacing:.14em;background:var(--green);color:var(--forest);cursor:pointer;border:0;margin-left:auto;padding:4px 8px;font-size:9px}.bar-btn{font:inherit;letter-spacing:.12em;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 3px;font-size:9px}.bar-btn:hover{color:var(--ink)}.bar-x{font:inherit;background:var(--ink);color:#fff;border:1px solid var(--ink);cursor:pointer;place-items:center;width:20px;height:18px;padding:0;font-size:11px;line-height:1;display:grid}.bar-x:hover{background:#a4361f;border-color:#a4361f}.apps{grid-template-columns:repeat(4,1fr);align-content:start;gap:10px 2px;padding:12px 6px;display:grid;overflow-y:auto}.app{cursor:pointer;height:68px;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex}.app-icon{color:#fff;place-items:center;width:38px;height:38px;padding:8px;display:grid}.app:hover .app-icon{outline:2px solid var(--ink);outline-offset:1px}.app-label{letter-spacing:.02em;text-align:center;font-size:8px;line-height:1.1}.app-count{letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:7px}.dock{background:var(--tray);border-top:1px solid var(--line);flex:none;justify-content:space-around;align-items:center;gap:4px;margin-top:auto;padding:6px 8px 8px;display:flex}.dock-app{cursor:pointer;background:0 0;border:0;padding:2px;line-height:0}.dock-icon{color:#fff;place-items:center;width:30px;height:30px;padding:6px;display:grid}.dock-app.on .dock-icon{outline:2px solid var(--ink);outline-offset:1px}.dock-tone{background:#4a4740}.pop{z-index:5;background:var(--ink);color:#fff;align-items:flex-start;gap:8px;padding:8px 9px;animation:.26s ease-out pop-in;display:flex;position:absolute;top:6px;left:6px;right:6px}@keyframes pop-in{0%{transform:translateY(-120%)}to{transform:translateY(0)}}.pop-icon{color:#fff;flex:none;place-items:center;width:22px;height:22px;padding:4px;display:grid}.pop-text{flex-direction:column;gap:2px;font-size:9px;line-height:1.4;display:flex}.pop-text b{letter-spacing:.12em;font-size:9px}.app-bar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;height:36px;padding:0 8px;display:flex}.back{font:inherit;letter-spacing:.14em;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:3px 7px;font-size:9px}.back:hover{border-color:var(--ink);color:var(--ink)}.app-name{letter-spacing:.12em;margin-right:auto;font-size:11px}.body{flex-direction:column;gap:6px;padding:8px;display:flex;overflow:hidden}.scroll{overflow-y:auto}.tile-row{text-align:left;font:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.tile-row:hover:not(:disabled){border-color:var(--green);background:var(--green-soft)}a.tile-row{color:var(--ink);text-decoration:none}a.tile-row .t-name{color:var(--green-deep)}.tile-row:disabled{opacity:.4;cursor:default}.tile-row.still{cursor:default}.t-name{letter-spacing:.03em;font-size:12px}.t-note{letter-spacing:.05em;color:var(--muted);font-size:10px}.link{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.card-head{flex-direction:column;align-items:center;gap:2px;padding:1px 0 2px;display:flex}.card-name{letter-spacing:.1em;font-size:14px;font-weight:600}.card-sub{letter-spacing:.08em;color:var(--muted);font-size:10px}.grid2{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.grid2>div{background:var(--panel);flex-direction:column;gap:2px;padding:7px 9px;display:flex}.grid2 span{letter-spacing:.12em;color:var(--muted);font-size:9px}.grid2 b{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.swatch{width:24px;height:10px;display:inline-block}.go{font:inherit;letter-spacing:.1em;background:var(--green);color:var(--forest);border:1px solid var(--green);cursor:pointer;padding:11px 10px;font-size:11px}.go:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark);color:#fff}.go.off,.go:disabled{color:var(--muted);border-color:var(--line);cursor:default;background:0 0}.row-line{gap:6px;display:flex}.price{font:inherit;font-variant-numeric:tabular-nums;border:1px solid var(--line);width:72px;color:var(--ink);background:#fff;padding:0 8px;font-size:12px}.price:focus{border-color:var(--green);outline:none}.unit{letter-spacing:.12em;color:var(--muted);align-self:center;font-size:10px}.row-line .go{flex:1;padding:9px 10px}.quiet{letter-spacing:.03em;color:var(--muted);font-size:10px;line-height:1.5}.empty{color:var(--muted);padding:10px;font-size:11px;line-height:1.5}.bad{color:#a4361f;background:#fbf1ee;border:1px solid #e2c4bc;padding:8px 9px;font-size:10px;line-height:1.5}.wide{font:inherit;letter-spacing:.1em;border:0;border-top:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:9px;font-size:10px}.wide:hover{color:var(--ink)}.warn{background:#fdf4ea;border-bottom:1px solid #e0c9b4;flex:none;align-items:baseline;gap:9px;padding:8px 10px;display:flex}.warn b{color:#a4531f;font-variant-numeric:tabular-nums;font-size:15px}.warn span{color:#7a5433;font-size:10px;line-height:1.45}.notice{border-bottom:1px solid var(--line);color:var(--muted);background:#f4f4f1;flex:none;padding:8px 10px;font-size:10px;line-height:1.5}.paintcard{border:1px solid var(--line);flex-direction:column;gap:6px;padding:9px 10px;display:flex}.naming{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;padding:6px 8px;font-size:12px}.naming:focus{border-color:var(--green);outline:none}.paints{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.chip{border:1px solid var(--line);cursor:pointer;height:22px;padding:0}.chip.on{border:2px solid var(--ink)}@media (max-width:720px){.phone{border:1px solid var(--ink);background:var(--panel);border-radius:0;width:auto;height:55dvh;padding:0;bottom:10px;left:10px;right:10px;transform:translateY(calc(100% - 34px))}.phone:hover{transform:translateY(calc(100% - 34px))}.phone.up,.phone.up:hover{transform:translateY(0)}.grab{border-radius:0}.island{display:none}.bar{height:26px;padding:0 9px}.phone-small{height:34dvh}.screen{border-radius:0}.apps{grid-template-columns:repeat(4,1fr)}.app{height:84px}.hint{display:none}}@media (min-width:721px){.phone-shrink{display:none}}.cover{flex:none;align-items:flex-end;height:96px;padding:8px 9px;display:flex;position:relative}.cover-station{letter-spacing:.14em;color:#fff;font-size:11px;font-weight:600}.bars{align-items:flex-end;gap:2px;height:16px;display:flex;position:absolute;top:9px;right:9px}.bars i{background:#fffc;width:3px;height:4px;display:block}.bars.on i{animation:.7s ease-in-out infinite alternate eq}.bars.on i:nth-child(2){animation-delay:.12s}.bars.on i:nth-child(3){animation-delay:.24s}.bars.on i:nth-child(4){animation-delay:.36s}@keyframes eq{0%{height:3px}to{height:16px}}.playing{flex-direction:column;gap:2px;padding:2px 1px;display:flex}.playing b{letter-spacing:.03em;font-size:12px}.playing span{letter-spacing:.05em;color:var(--muted);font-size:9px}.transport{justify-content:center;align-items:stretch;gap:6px;display:flex}.tbtn{font:inherit;letter-spacing:.08em;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;padding:8px 12px;font-size:10px}.tbtn:hover{border-color:var(--ink)}.tbtn.play{background:var(--green);border-color:var(--green);color:#fff;padding:8px 20px}.tbtn.play:hover{background:#0c9755;border-color:#0c9755}.vol{align-items:center;gap:8px;display:flex}.vol span{letter-spacing:.12em;color:var(--muted);font-size:9px}.vol input{accent-color:var(--green);flex:1}.tile-row.picked{border-color:var(--green);background:var(--green-soft)}.listing{text-align:left;font:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:9px;width:100%;padding:6px;display:flex}.listing:hover:not(:disabled){border-color:var(--green);background:var(--green-soft)}.listing:disabled{opacity:.4;cursor:default}.listing-shot{object-fit:contain;background:var(--tray);border:1px solid var(--line);flex:none;width:62px;height:46px}.listing-text{flex-direction:column;gap:2px;min-width:0;display:flex}.listing-text .t-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listing-price{letter-spacing:.06em;color:var(--green-deep);font-size:11px}.shot{background:var(--tray);border:1px solid var(--line);flex:none;place-items:center;height:122px;display:grid;position:relative;overflow:hidden}.shot img{object-fit:contain;width:100%;height:100%;padding:6px}.shot-ref{background:var(--forest);color:#fff;letter-spacing:.14em;padding:3px 6px;font-size:9px;position:absolute;bottom:0;left:0}.cycle{flex:none;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 8px;display:grid}.cyc{border:1px solid var(--line);cursor:pointer;font:inherit;background:0 0;flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}.cyc:hover{border-color:var(--green)}.cyc:hover .cyc-word{background:var(--green);color:#fff}.cyc img{object-fit:contain;background:var(--tray);width:100%;height:50px;padding:2px;display:block}.cyc-word{background:var(--tray);color:var(--ink);letter-spacing:.14em;text-align:center;padding:3px 0;font-size:9px}.cyc-ref{color:var(--muted);letter-spacing:.1em;text-align:center;border-top:1px solid var(--line);padding:3px 0;font-size:9px}.presence{z-index:12;border:1px solid var(--line);color:var(--ink);letter-spacing:.12em;background:#ffffffd9;align-items:center;gap:7px;padding:5px 9px;font-size:10px;display:flex;position:absolute;top:46px;left:20px}.presence-count{font-variant-numeric:tabular-nums;font-size:13px}.presence-word{color:var(--muted)}.presence-row{gap:2px;display:flex}.face{background:var(--tray);width:16px;height:16px;color:var(--muted);letter-spacing:.02em;place-items:center;font-size:8px;font-style:normal;display:grid}.face-me{background:var(--green);color:var(--forest)}.face-more{border:1px solid var(--line);color:var(--muted);background:0 0}@media (max-width:720px){.presence{gap:5px;padding:4px 7px;top:42px;left:12px}.presence-row{display:none}.presence-word{font-size:9px}}.chatlog{flex:1;justify-content:flex-end;gap:5px}.bubble{border:1px solid var(--line);border-left:3px solid var(--line);flex-direction:column;align-self:flex-start;gap:3px;max-width:88%;padding:5px 7px;display:flex}.bubble-mine{border-left-color:var(--green);background:var(--green-soft);align-self:flex-end}.bubble-who{letter-spacing:.12em;color:var(--muted);font-size:9px}.bubble-body{word-break:break-word;font-size:11px;line-height:1.35}.bubble-voice{flex-direction:column;gap:2px;display:flex}.bubble-voice audio{width:100%;height:26px}.bubble-voice i{color:var(--muted);font-size:9px;font-style:normal}.composer{flex:none;align-items:stretch;gap:4px;padding:0 8px;display:flex}.say{min-width:0;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);flex:1;padding:6px 7px;font-size:11px}.say:focus{border-color:var(--green);outline:none}.mic{border:1px solid var(--line);width:30px;color:var(--ink);cursor:pointer;background:0 0;flex:none;place-items:center;padding:5px;display:grid}.mic:hover{border-color:var(--green);color:var(--green-deep)}.mic-on{background:var(--green);border-color:var(--green);color:var(--forest)}.composer-note{flex:none;padding:4px 8px 8px;font-size:9px}.tour{z-index:40;background:var(--panel);border:1px solid var(--ink);flex-direction:column;gap:8px;width:min(330px,100vw - 40px);padding:14px 15px 12px;display:flex;position:absolute;box-shadow:4px 4px #14120f22}.tour-city,.tour-building{bottom:72px;left:20px}.tour-phone{bottom:20px;left:auto;right:268px}.tour-top{justify-content:space-between;align-items:center;display:flex}.tour-count{letter-spacing:.16em;color:var(--muted);font-size:9px}.tour-skip{font:inherit;letter-spacing:.16em;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:4px 8px;font-size:9px}.tour-skip:hover{border-color:var(--ink);color:var(--ink)}.tour-title{letter-spacing:.06em;margin:0;font-size:15px;font-weight:600}.tour-body{color:var(--ink);margin:0;font-size:12px;line-height:1.5}.tour-bar{gap:6px;margin-top:2px;display:flex}.tour-back{font:inherit;letter-spacing:.1em;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;padding:9px 14px;font-size:11px}.tour-back:disabled{opacity:.35;cursor:default}.tour-next{flex:1}.tour-dots{gap:3px;display:flex}.tour-dots i{background:var(--line);width:100%;height:2px}.tour-dots i.on{background:var(--green)}@media (max-width:720px){.tour,.tour-phone{width:auto;inset:78px 12px auto}}.tour-open{font:inherit;letter-spacing:.1em;border:1px solid var(--line);color:var(--muted);cursor:pointer;text-align:left;background:0 0;margin:0 8px 8px;padding:7px 9px;font-size:10px}.tour-open:hover{border-color:var(--green);color:var(--green-deep)}.unlock{z-index:14;font:inherit;letter-spacing:.14em;background:var(--ink);color:#fff;border:1px solid var(--ink);cursor:pointer;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:flex;position:absolute;top:92px;left:20px}.unlock:hover{background:#b8402c;border-color:#b8402c}.unlock-x{font-size:12px;line-height:1}@media (max-width:720px){.unlock{top:84px;left:12px}}.street{border:1px solid var(--line);flex-direction:column;gap:4px;padding:8px 9px;display:flex}.street-mine{border-left:3px solid var(--green)}.bar-meter{background:var(--line);height:4px;display:block}.bar-meter i{background:var(--green);height:100%;display:block}.street-name{flex:1;min-width:0}.ca{z-index:13;border:1px solid var(--line);color:var(--ink);letter-spacing:.08em;background:#ffffffd9;align-items:center;gap:7px;padding:5px 9px;font-size:10px;display:flex;position:absolute;top:46px;right:20px}.ca-label{color:var(--muted);letter-spacing:.16em}.ca-value{font:inherit;letter-spacing:.04em;cursor:pointer;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:30ch;padding:0;font-size:10px;overflow:hidden}.ca-value:hover{color:var(--green)}.ca-link{color:var(--green-deep);letter-spacing:.12em;text-decoration:none}.ca-link:hover{text-decoration:underline}.ca-soon{color:var(--muted)}.clock{top:82px}.coin-price{flex-direction:column;align-items:center;gap:2px;padding:4px 0 2px;display:flex}.coin-usd{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:20px}.coin-move{letter-spacing:.08em;color:var(--green-deep);font-size:10px}.coin-move.down{color:#b8402c}.mono{letter-spacing:0;word-break:break-all;white-space:normal;font-size:8px}@media (max-width:720px){.ca{padding:4px 7px;top:42px;left:auto;right:12px}.ca-value{max-width:14ch}.ca-link{display:none}.clock{top:76px}}.notice-pin{border:1px solid var(--green);border-left:3px solid var(--green);background:var(--green-soft);flex-direction:column;gap:3px;padding:7px 9px;display:flex}.notice-price{text-align:center;flex:none;width:54px}.pick{font:inherit;border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);padding:6px 7px;font-size:11px}.pick:focus{border-color:var(--green);outline:none}html[data-city-locked="1"] .hint{display:none}.phone-touring .screen{pointer-events:none}.wallet-chip{z-index:13;background:var(--panel);border:1px solid var(--green);letter-spacing:.08em;color:var(--ink);align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:flex;position:absolute;top:14px;right:20px}.wallet-dot{background:var(--green);flex:none;width:6px;height:6px}.wallet-who{font-variant-numeric:tabular-nums}.wallet-held{border-left:1px solid var(--line);color:var(--green);font-variant-numeric:tabular-nums;padding-left:7px}@media (max-width:720px){.wallet-chip{gap:5px;padding:5px 8px;top:10px;right:12px}.wallet-held{display:none}}.quiet a{color:var(--green-deep)}