@font-face{font-family:Barlow Semi Condensed;font-weight:400;font-display:swap;src:url("./fonts/barlow-semi-condensed-latin-400-normal.woff2") format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:600;font-display:swap;src:url("./fonts/barlow-semi-condensed-latin-600-normal.woff2") format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:700;font-display:swap;src:url("./fonts/barlow-semi-condensed-latin-700-normal.woff2") format("woff2")}:root{--surface: #1c1a19;--surface-2: #2a2624;--surface-3: #3a3431;--surface-glass: rgba(28, 26, 25, .82);--text: #f7eed9;--text-dim: #bfb4a2;--text-faint: #8f8677;--accent: #f2b705;--accent-soft: rgba(242, 183, 5, .16);--accent-ink: #1b1510;--laterite: #b5562f;--leaf: #2f6b4a;--success: #5cb376;--warning: #f08a24;--danger: #e5484d;--info: #4ea3ff;--border: rgba(247, 238, 217, .12);--border-strong: rgba(247, 238, 217, .28);--fs-1: 14px;--fs-2: 16px;--fs-3: 18px;--fs-4: 22px;--fs-5: 32px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r1: 8px;--r2: 12px;--r3: 16px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .35);--shadow-2: 0 8px 28px rgba(0, 0, 0, .45);--t-fast: .15s;--t-base: .25s;--ease: cubic-bezier(.2, .7, .2, 1);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--font: "Barlow Semi Condensed", "Arial Narrow", Arial, sans-serif;--gutter: 14px;--tar: var(--surface);--tar-soft: var(--surface-glass);--cream: var(--text);--cream-dim: var(--text-dim);--taxi: var(--accent)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--surface);color:var(--text);font:400 var(--fs-2)/1.4 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}a{color:var(--accent);text-underline-offset:3px}kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:var(--accent);color:var(--accent-ink);font:700 13px/1 var(--font);letter-spacing:.3px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-dim)}#view{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);border:1px solid transparent;border-radius:var(--r2);font-weight:600;line-height:1;white-space:nowrap;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),opacity var(--t-fast);user-select:none;-webkit-user-select:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5}.btn-sm{min-height:34px;padding:0 var(--s3);font-size:var(--fs-1)}.btn-md{min-height:42px;padding:0 var(--s4);font-size:var(--fs-2)}.btn-lg{min-height:52px;padding:0 var(--s5);font-size:var(--fs-3);border-radius:var(--r3)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:#ffc81f}.btn-secondary{background:var(--surface-3);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:#46403c;border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover:not(:disabled){background:#f7eed914}.btn-danger{background:#e5484d29;color:#ff8a8e;border-color:#e5484d66}.btn-danger:hover:not(:disabled){background:#e5484d47}.btn .ic{display:inline-flex}.btn-sm.btn-ghost:not(:has(.label)){width:34px;padding:0}.ic{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r3);padding:var(--s4);box-shadow:var(--shadow-1)}.card.flush{padding:0;overflow:hidden}.card+.card{margin-top:var(--s3)}.glass{background:var(--surface-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border)}.row{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:56px;padding:var(--s2) var(--s3);background:transparent;border:0;border-top:1px solid var(--border);text-align:left;color:var(--text);transition:background var(--t-fast)}.row:first-child{border-top:0}button.row:hover:not(.is-disabled){background:#f7eed90d}.row.is-disabled{opacity:.6}.row-ic{width:40px;height:40px;border-radius:var(--r2);display:grid;place-items:center;background:var(--surface-3);color:var(--text-dim);flex:none}.row-ic.tone-accent{background:var(--accent-soft);color:var(--accent)}.row-ic.tone-success{background:#5cb3762e;color:var(--success)}.row-ic.tone-danger{background:#e5484d2e;color:#ff8a8e}.row-ic.tone-info{background:#4ea3ff2e;color:var(--info)}.row-main{flex:1;min-width:0}.row-title{font-size:var(--fs-2);font-weight:600;line-height:1.25}.row-meta{font-size:var(--fs-1);color:var(--text-dim);line-height:1.3;margin-top:2px}.row-end{display:flex;align-items:center;gap:var(--s2);flex:none}.row-value{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.row-value.tone-success{color:var(--success)}.row-value.tone-danger{color:#ff8a8e}.row .chevron{color:var(--text-faint);display:inline-flex}.pill{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 var(--s2);border-radius:999px;font-size:13px;font-weight:600;background:var(--surface-3);color:var(--text-dim);white-space:nowrap}.pill-accent{background:var(--accent-soft);color:var(--accent)}.pill-success{background:#5cb3762e;color:var(--success)}.pill-warning{background:#f08a242e;color:var(--warning)}.pill-danger{background:#e5484d2e;color:#ff8a8e}.pill-info{background:#4ea3ff2e;color:var(--info)}.prog{height:6px;border-radius:3px;background:#f7eed91f;overflow:hidden}.prog i{display:block;height:100%;width:0;border-radius:3px;background:var(--success);transition:width var(--t-base) var(--ease)}.prog.is-mid i{background:var(--warning)}.prog.is-low i{background:var(--danger)}.prog-accent i{background:var(--accent)}.empty{display:grid;justify-items:center;gap:var(--s2);padding:var(--s5) var(--s4);color:var(--text-dim);text-align:center}.empty p{margin:0;max-width:32ch}h3.section{margin:var(--s4) 0 var(--s2);font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint)}h3.section:first-child{margin-top:0}.sheet{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--shadow-2);overflow:hidden}.sheet-handle{display:none;width:40px;height:4px;border-radius:2px;background:var(--border-strong);margin:var(--s2) auto 0}.sheet-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s3) var(--s2)}.sheet-head h2{flex:1;margin:0;font-size:var(--fs-4);font-weight:700;line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-sub{color:var(--text-dim);font-size:var(--fs-1)}.sheet-body{flex:1;overflow-y:auto;padding:0 var(--s3) var(--s4);scrollbar-width:thin}.confirm-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;padding:var(--s4);z-index:5;border-radius:inherit}.confirm{width:min(360px,100%);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r3);padding:var(--s4);box-shadow:var(--shadow-2)}.confirm h3{margin:0 0 var(--s2);font-size:var(--fs-3)}.confirm p{margin:0 0 var(--s2);color:var(--text-dim)}.confirm-cost{display:flex;align-items:center;gap:var(--s1);color:var(--text);font-weight:600}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--s2);margin-top:var(--s3)}.hud-card{position:absolute;border-radius:var(--r2);padding:var(--s2) var(--s3);background:var(--surface-glass);border:1px solid var(--border);box-shadow:var(--shadow-1);pointer-events:none}#board{left:var(--gutter);top:var(--gutter);min-width:170px;max-width:min(320px,45vw)}#board .place{font-size:var(--fs-4);font-weight:700;line-height:1.1;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#board .where{font-size:var(--fs-1);color:var(--text-dim)}#status{right:var(--gutter);top:var(--gutter);text-align:right;max-width:56vw}#status .clock{font-size:var(--fs-4);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}#status .sky{font-size:var(--fs-1);color:var(--text-dim)}#status .needs{display:flex;justify-content:flex-end;gap:var(--s2);margin-top:var(--s2);font-size:13px;font-weight:700;color:var(--text-dim)}#status .needs span{display:flex;align-items:center;gap:3px}#status .needs b{display:inline-block;width:30px;height:6px;background:#f7eed924;border-radius:3px;overflow:hidden}#status .needs i{display:block;height:100%;background:var(--success);transition:width .6s}#status .needs i.low{background:var(--danger)}#hint{position:absolute;left:50%;bottom:var(--gutter);transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2) var(--s4);padding:var(--s2) var(--s4);border-radius:var(--r3);background:var(--surface-glass);border:1px solid var(--border);font-size:var(--fs-1);width:max-content;max-width:max(300px,calc(100% - 500px));pointer-events:none}#hint b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-right:4px;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:13px}#hint span{display:inline-flex;align-items:center}#perf{position:absolute;left:50%;top:var(--gutter);transform:translate(-50%);background:var(--surface-glass);color:#9fe39f;font:600 13px/1.2 Consolas,Courier New,monospace;padding:4px 10px;border-radius:var(--r1);pointer-events:none}#credit{position:absolute;right:8px;bottom:6px;font-size:13px;color:#f7eed9bf;text-shadow:0 1px 2px #000;pointer-events:none}#toast{position:absolute;left:50%;top:72px;transform:translate(-50%);display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border-radius:var(--r2);background:var(--surface-glass);border:1px solid var(--border);border-left:4px solid var(--accent);box-shadow:var(--shadow-1);max-width:min(560px,calc(100% - 28px));pointer-events:none}#loading{position:absolute;inset:0;background:var(--surface);display:grid;place-content:center;justify-items:start;gap:var(--s3);padding:var(--s5)}#loading h1{margin:0;font-size:56px;font-weight:700;line-height:1;color:var(--text)}#loading h1 span{display:block;height:6px;width:72px;border-radius:3px;background:var(--accent);margin-top:var(--s3)}#loading p{margin:0;color:var(--text-dim);font-size:var(--fs-3)}#loading .bar{width:min(360px,70vw);height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}#loading .bar i{display:block;height:100%;width:0;border-radius:3px;background:var(--accent);transition:width .2s}#loading .error{color:#ff8a8e;max-width:46ch}#mission{position:absolute;left:var(--gutter);top:92px;width:290px;border-radius:var(--r2);background:var(--surface-glass);border:1px solid var(--border);border-left:4px solid var(--info);padding:var(--s2) var(--s3);box-shadow:var(--shadow-1);pointer-events:none}#mission .title{font-size:var(--fs-3);font-weight:700;line-height:1.15}#mission .text{font-size:var(--fs-1);margin-top:3px;color:var(--text-dim)}#panel{position:absolute;z-index:3;right:var(--gutter);top:78px;width:340px;max-height:calc(100% - 150px);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--shadow-2);padding:var(--s3) var(--s4) var(--s4);scrollbar-width:thin}#panel h2{margin:0 40px 0 0;font-size:var(--fs-4);font-weight:700;line-height:1.1}#panel h3{margin:var(--s4) 0 var(--s1);font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint)}#panel .sub{margin:2px 0 var(--s2);color:var(--text-dim)}#panel .say{margin:0 0 var(--s2);font-size:var(--fs-3)}#panel dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px}#panel dt{color:var(--text-dim)}#panel dd{margin:0;text-align:right}#panel a{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;cursor:pointer}#panel a:hover,#panel a:focus-visible{color:var(--accent)}#panel .tags{display:flex;flex-wrap:wrap;gap:4px 12px}#panel .bar{height:6px;border-radius:3px;background:var(--surface-3);margin-top:7px;overflow:hidden}#panel .bar i{display:block;height:100%;background:var(--accent);border-radius:3px}#panel .close{position:absolute;top:var(--s2);right:var(--s2);width:34px;height:34px;border-radius:var(--r1);font-size:20px;line-height:1;color:var(--text);background:var(--surface-3);border:0}#panel .close:hover,#panel .close:focus-visible{background:var(--accent);color:var(--accent-ink)}#panel .news,#panel .places{margin:0;padding:0;list-style:none}#panel .news li,#panel .places li{padding:var(--s2) 0;border-top:1px solid var(--border)}#panel .news span,#panel .places span{display:block;color:var(--text-dim);font-size:var(--fs-1)}#panel .places b{display:block;font-weight:600}#panel .form{display:flex;gap:6px;margin:6px 0 8px}#panel .form input,#panel input[type=number],#panel input[type=text],#panel select{flex:1;min-width:0;min-height:40px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r1);padding:6px 10px;outline:none}#panel input:focus,#panel select:focus{border-color:var(--accent)}#panel .form button{font-weight:600;color:var(--accent-ink);background:var(--accent);border:0;border-radius:var(--r1);padding:6px 12px}#panel .apps{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}#panel .apps button,#panel button.act{min-height:38px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r1);padding:6px 10px;font-size:var(--fs-1);text-align:left;transition:background var(--t-fast),border-color var(--t-fast)}#panel .apps button:hover,#panel button.act:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}#panel .apps button.on,#panel button.act.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}#panel button.act{display:block;width:100%;margin:4px 0}#panel button.act:disabled{opacity:.5}#panel .small{font-size:var(--fs-1);color:var(--text-dim);margin:2px 0 6px}#welcome{position:absolute;inset:0;background:var(--surface);display:grid;place-items:center;padding:var(--s4);overflow-y:auto}#welcome form,#welcome .scene{width:min(560px,100%)}#welcome h1{margin:0;font-size:var(--fs-5);font-weight:700;line-height:1.05}#welcome h1 span{display:block;height:5px;width:64px;border-radius:3px;background:var(--accent);margin-top:var(--s3)}#welcome .lead{margin:var(--s3) 0 var(--s4);font-size:var(--fs-3);color:var(--text-dim)}#welcome .columns{display:flex;gap:var(--s5);align-items:flex-end}#welcome .columns>div:first-child{flex:1;min-width:0}#welcome label,#welcome .field span{display:block;font-weight:600;margin:var(--s3) 0 var(--s1)}#welcome input{width:100%;min-height:48px;font-size:var(--fs-3);color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r2);padding:8px 12px;outline:none;transition:border-color var(--t-fast)}#welcome input:focus{border-color:var(--accent)}#welcome .error{margin:6px 0 0;color:#ff8a8e}#welcome .swatches{display:flex;flex-wrap:wrap;gap:var(--s2)}#welcome .swatches button{width:44px;height:44px;border-radius:50%;border:3px solid var(--surface);outline:2px solid var(--border-strong);padding:0;transition:transform var(--t-fast) var(--ease)}#welcome .swatches button[aria-checked=true]{outline:3px solid var(--accent);transform:scale(1.08)}#welcome .figure{width:96px;flex:none;display:grid;justify-items:center;padding-bottom:4px}#welcome .figure i{display:block}#welcome .figure .head{width:44px;height:46px;border-top:14px solid #17120e;border-radius:12px 12px 8px 8px}#welcome .figure .shirt{width:96px;height:92px;margin-top:6px;border-radius:14px 14px 4px 4px}#welcome .figure .legs{width:60px;height:104px;border-radius:0 0 8px 8px}#welcome .go{margin-top:var(--s5);min-height:52px;font-size:var(--fs-3);font-weight:700;color:var(--accent-ink);background:var(--accent);border:0;border-radius:var(--r3);padding:0 var(--s6);transition:background var(--t-fast),transform var(--t-fast) var(--ease)}#welcome .go:hover,#welcome .go:focus-visible{background:#ffc81f}#welcome .go:active{transform:translateY(1px)}#welcome .go:disabled{opacity:.5}#welcome .field.start{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}#welcome .field.start span{margin:var(--s3) var(--s2) var(--s1) 0}#welcome button.choice{min-height:42px;background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r2);padding:8px 14px;font-weight:600;transition:border-color var(--t-fast),color var(--t-fast)}#welcome button.choice[aria-checked=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}#welcome p.small{color:var(--text-dim);font-size:var(--fs-1);margin:6px 0 0}#welcome .scene button.act{display:block;width:100%;text-align:left;margin:var(--s2) 0;padding:var(--s3) var(--s4);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r2);line-height:1.35;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast) var(--ease)}#welcome .scene button.act:hover,#welcome .scene button.act:focus-visible{border-color:var(--accent);background:var(--surface-3)}#welcome .scene button.act:active{transform:translateY(1px)}#welcome .scene dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:var(--s3) 0}#welcome .scene dt{color:var(--text-dim)}#welcome .scene a,#welcome p.small a{color:var(--accent)}#minimap{position:absolute;left:var(--gutter);bottom:var(--gutter);width:200px;height:200px;border:3px solid var(--surface-2);border-radius:var(--r3);overflow:hidden;box-shadow:var(--shadow-1);pointer-events:none}#minimap canvas{width:100%;height:100%;display:block}#minimap .north{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;border-radius:50%;background:var(--surface);color:var(--text);font-size:13px;font-weight:700;line-height:20px;text-align:center}#bigmap{position:absolute;inset:0;background:var(--surface)}#bigmap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#bigmap canvas:active{cursor:grabbing}#bigmap .find{position:absolute;left:var(--gutter);top:var(--gutter);width:min(380px,calc(100% - 84px))}#bigmap .find input{width:100%;min-height:46px;font-size:var(--fs-3);color:var(--text);background:var(--surface-glass);border:1px solid var(--border-strong);border-radius:var(--r2);padding:8px 12px;outline:none}#bigmap .find input:focus{border-color:var(--accent)}#bigmap .find ul{margin:4px 0 0;padding:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);max-height:60vh;overflow-y:auto}#bigmap .find li{padding:var(--s2) var(--s3);border-top:1px solid var(--border);cursor:pointer}#bigmap .find li:first-child{border-top:0}#bigmap .find li:hover,#bigmap .find li:focus-visible{background:var(--surface-3)}#bigmap .find li b{display:block;font-weight:600}#bigmap .find li span{color:var(--text-dim);font-size:var(--fs-1)}#bigmap .find li.none{cursor:default;color:var(--text-dim)}#bigmap .find li.none:hover{background:none}#bigmap .close{position:absolute;top:var(--gutter);right:var(--gutter);width:44px;height:44px;border-radius:var(--r2);font-size:26px;line-height:1;color:var(--text);background:var(--surface-glass);border:1px solid var(--border-strong)}#bigmap .close:hover,#bigmap .close:focus-visible{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}#bigmap .tip{position:absolute;right:var(--gutter);bottom:10px;margin:0;font-size:var(--fs-1);color:var(--text-dim);background:var(--surface-glass);padding:4px 10px;border-radius:var(--r1);pointer-events:none}#chat{position:absolute;left:var(--gutter);bottom:228px;width:min(360px,calc(100% - 28px));pointer-events:none}#chat .lines p{margin:3px 0;padding:4px 10px;border-radius:var(--r1);background:var(--surface-glass);width:fit-content;max-width:100%;transition:opacity 1.5s}#chat .lines p.old{opacity:0}#chat .lines b{color:var(--accent);font-weight:600}#chat input{pointer-events:auto;width:100%;min-height:42px;margin-top:4px;color:var(--text);background:var(--surface);border:1px solid var(--accent);border-radius:var(--r2);padding:6px 12px;outline:none}#buildbar{position:absolute;left:50%;bottom:64px;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:min(760px,calc(100% - 28px));pointer-events:none}#buildbar span{background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--r1);padding:4px 10px;font-size:var(--fs-1)}#buildbar span b{color:var(--accent);font-weight:600;margin-right:5px}#buildbar span.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}#buildbar span.on b{color:var(--accent-ink)}#buildbar i{width:28px;border:3px solid var(--surface)}#stick{position:absolute;left:22px;bottom:calc(24px + var(--safe-b));width:132px;height:132px;border-radius:50%;background:#1c1a1973;border:2px solid rgba(247,238,217,.4);touch-action:none}#stick i{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--accent);box-shadow:var(--shadow-1);pointer-events:none}#pad{position:absolute;right:12px;bottom:calc(24px + var(--safe-b));width:min(330px,48vw);display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;gap:var(--s2);pointer-events:none}#pad button{pointer-events:auto;font:600 16px/1.1 var(--font);color:var(--text);background:var(--surface-glass);border:1px solid var(--border-strong);border-radius:var(--r2);min-width:64px;min-height:48px;padding:6px 12px;touch-action:none;user-select:none;-webkit-user-select:none}#pad button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}#pad button.wide{min-width:132px;background:var(--leaf)}.touch #hint{display:none}.touch #minimap{inset:74px 12px auto auto;width:124px;height:124px;border-width:2px}.touch #chat{bottom:170px}.touch #credit{right:auto;left:8px;bottom:2px}.touch #buildbar{bottom:auto;top:74px;left:var(--gutter);transform:none;justify-content:flex-start;max-width:calc(100% - 170px)}.touch #status{max-width:52vw}@media(max-width:640px){#welcome h1{font-size:28px}#welcome .figure{display:none}#board .place{font-size:var(--fs-3)}#hint{white-space:normal;text-align:center}#loading h1{font-size:40px}#mission{top:84px;width:210px}#mission .text{display:none}#minimap{width:132px;height:132px;bottom:62px}#panel{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:208px;max-height:45%}#chat{bottom:208px}#panel.phone{inset:auto 0 0;width:auto;max-height:76vh;border-radius:24px 24px 0 0;padding-bottom:var(--safe-b);box-shadow:0 -8px 28px #00000080;transform:translateY(var(--sheet-y, 0));transition:transform var(--t-fast) var(--ease)}#panel.phone.dragging{transition:none}#panel.phone .sheet-handle{display:block}.phone-top{padding-top:var(--s1)}}@media(max-height:480px){#mission .text{display:none}}#board .clockline{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:var(--fs-1);color:var(--text-dim)}#board .clockline .clock{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}#board .clockline .dot,#board .clockline .ic{color:var(--text-faint)}#status{display:grid;justify-items:end;gap:6px;padding:var(--s2) var(--s3)}#status .money{display:flex;align-items:center;gap:6px;font-size:var(--fs-3);font-weight:700;font-variant-numeric:tabular-nums}#status .money .ic{color:var(--accent)}#status .needs{display:flex;gap:6px;margin:0}#status .needs span{position:relative;width:28px;height:28px;display:grid;place-items:center;color:var(--text-dim)}#status .needs svg.ring{position:absolute;inset:0;width:28px;height:28px;transform:rotate(-90deg)}#status .needs svg.ring circle{fill:none;stroke-width:2.6}#status .needs svg.ring .track{stroke:#f7eed924}#status .needs svg.ring .fill{stroke:var(--success);transition:stroke-dashoffset .6s var(--ease),stroke .3s;stroke-linecap:round}#status .needs span.mid svg.ring .fill{stroke:var(--warning)}#status .needs span.low svg.ring .fill{stroke:var(--danger)}#status .needs span.low{color:#ff8a8e;animation:needpulse 1.6s ease-in-out infinite}@keyframes needpulse{50%{opacity:.55}}#status .warn{font-size:var(--fs-1);color:#ff8a8e;font-weight:600}#dock{position:absolute;left:50%;bottom:calc(var(--gutter) + var(--safe-b));transform:translate(-50%);display:flex;align-items:center;gap:var(--s2);pointer-events:none;max-width:calc(100% - 28px)}#dock>*{pointer-events:auto}#dock .dock-actions{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:center}#dock .action{box-shadow:var(--shadow-2);gap:10px;padding-left:var(--s4);padding-right:var(--s3)}#dock .action kbd{background:#1b15102e;color:var(--accent-ink)}#dock .action .label{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dock .more{width:52px;padding:0;background:var(--surface-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#dock.empty .dock-actions{display:none}.more-sheet{position:absolute;left:50%;bottom:calc(80px + var(--safe-b));transform:translate(-50%);width:min(420px,calc(100% - 28px));max-height:60vh;overflow-y:auto;padding:var(--s2) var(--s3) var(--s3);z-index:3}.more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s1)}.more-head h3{margin:0;font-size:var(--fs-2)}.more-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}.more-item{display:flex;align-items:center;gap:var(--s2);min-height:40px;padding:4px var(--s2);border:0;border-radius:var(--r1);background:transparent;color:var(--text);text-align:left}.more-item:hover:not(:disabled){background:#f7eed914}.more-item:disabled{opacity:.6}.more-item span{font-size:var(--fs-1)}#toasts{position:absolute;left:50%;top:calc(var(--gutter) + var(--safe-t));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s2);width:min(520px,calc(100% - 28px));pointer-events:none;z-index:2}.toast{display:flex;align-items:center;gap:var(--s2);width:fit-content;max-width:100%;padding:var(--s2) var(--s3) var(--s2) var(--s2);border-radius:var(--r2);background:var(--surface-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow-1);opacity:0;transform:translateY(-8px);transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease);pointer-events:auto;font-size:var(--fs-2)}.toast.in{opacity:1;transform:none}.toast.leaving{opacity:0;transform:translateY(-6px)}.toast .toast-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;flex:none}.toast-info .toast-ic{background:#4ea3ff2e;color:var(--info)}.toast-success .toast-ic{background:#5cb3762e;color:var(--success)}.toast-money .toast-ic{background:var(--accent-soft);color:var(--accent)}.toast-warning .toast-ic{background:#f08a242e;color:var(--warning)}.toast-danger .toast-ic{background:#e5484d2e;color:#ff8a8e}.toast .text{min-width:0}.toast .toast-x{margin-left:var(--s1)}#mission{padding:0;width:300px;overflow:hidden;pointer-events:auto}#mission .mission-line{display:flex;align-items:center;gap:var(--s2);width:100%;min-height:44px;padding:var(--s2) var(--s3);background:transparent;border:0;color:var(--text);text-align:left}#mission .mission-line>.ic{color:var(--info)}#mission .mission-main{flex:1;min-width:0;display:grid}#mission .title{font-size:var(--fs-2);font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mission .count{font-size:13px;color:var(--text-dim)}#mission .chev{color:var(--text-faint);display:inline-flex;transition:transform var(--t-fast) var(--ease)}#mission.open .chev{transform:rotate(90deg)}#mission .text{display:none;padding:0 var(--s3) var(--s3);font-size:var(--fs-1);color:var(--text-dim);margin:0}#mission.open .text{display:block}#padfixed{position:absolute;right:12px;top:calc(88px + var(--safe-t));display:none;flex-direction:row;gap:var(--s2)}.touch #padfixed{display:flex}#padfixed button{display:grid;justify-items:center;gap:2px;width:56px;height:56px;border-radius:var(--r2);background:var(--surface-glass);border:1px solid var(--border-strong);color:var(--text);font:600 12px/1 var(--font);touch-action:none}.touch #minimap{top:auto;right:auto;left:12px;bottom:calc(170px + var(--safe-b));width:120px;height:120px}.touch #dock,.touch.panel-open #stick,.touch.panel-open #pad,.touch.panel-open #padfixed,.touch.panel-open #chat,.touch #moresheet{display:none}#pad button.main{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);min-height:56px;font-size:17px}#pad button.main.on{background:#ffc81f}@media(max-width:640px){#board{max-width:calc(58vw - 14px)}#board .clockline .sky{display:none}#status{max-width:42vw}#status .needs span,#status .needs svg.ring{width:24px;height:24px}#status .money{font-size:var(--fs-2)}#mission{top:96px;width:calc(100% - 28px);max-width:320px}#mission .text{display:none!important}#dock .action{min-height:56px}#toasts{width:calc(100% - 28px);top:156px}.toast{font-size:var(--fs-1)}}#panel.phone .close{position:static;width:34px;height:34px;background:transparent}#panel.phone .close:hover{background:var(--surface-3);color:var(--text)}#panel.phone{padding:0;width:380px;max-height:calc(100% - 110px);display:flex;flex-direction:column;border-radius:28px;border:1px solid var(--border-strong);background:#141211;box-shadow:var(--shadow-2),inset 0 0 0 6px #0b0a09;overflow:hidden}.phone-top{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s3) var(--s2) var(--s4);flex:none}.phone-top h2{flex:1;margin:0;font-size:var(--fs-4);font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-top .pill{font-size:var(--fs-1);height:28px}.phone-body{flex:1;overflow-y:auto;padding:0 var(--s3) var(--s4);scrollbar-width:thin;overscroll-behavior:contain}.phone-body .card+.card,.phone-body .card+h3,.phone-body h3+.card{margin-top:var(--s2)}.phone-body .help{margin:4px 0 var(--s2);font-size:var(--fs-1);color:var(--text-dim);line-height:1.35}.phone-body .error-text{color:#ff8a8e}.phone-body .big-title{font-size:var(--fs-3);font-weight:700;line-height:1.2}.phone-body .pills{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.phone-body .actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2)}.phone-body .choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.phone-body .field{margin:var(--s2) 0}.phone-body select,.phone-body input{width:100%;min-height:42px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r2);padding:6px 12px;outline:none;margin:4px 0 var(--s2)}.phone-body select:focus,.phone-body input:focus{border-color:var(--accent)}.phone-body .row.on{background:var(--accent-soft)}.phone-body .row.on .row-ic{background:var(--accent);color:var(--accent-ink)}.phone-body .row .prog{margin-top:6px}.phone-body .apps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3) var(--s2);margin:var(--s2) 0 var(--s3)}.phone-body .app{display:grid;justify-items:center;gap:6px;padding:4px 0;background:transparent;border:0;color:var(--text);border-radius:var(--r2)}.phone-body .app-ic{position:relative;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:var(--accent-ink);box-shadow:var(--shadow-1);transition:transform var(--t-fast) var(--ease)}.phone-body .app:hover .app-ic,.phone-body .app:focus-visible .app-ic{transform:translateY(-2px) scale(1.04)}.phone-body .app-label{font-size:13px;font-weight:600;color:var(--text-dim)}.phone-body .app-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--danger);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;border:2px solid #141211}.app-me{background:linear-gradient(135deg,#f2b705,#f08a24)}.app-jobs{background:linear-gradient(135deg,#4ea3ff,#2f6bd6);color:#fff!important}.app-do{background:linear-gradient(135deg,#5cb376,#2f6b4a);color:#fff!important}.app-home{background:linear-gradient(135deg,#b5562f,#8a3d1f);color:#fff!important}.app-market{background:linear-gradient(135deg,#e85d9a,#b43a7a);color:#fff!important}.app-money{background:linear-gradient(135deg,#f7eed9,#d9c9a3)}.app-family{background:linear-gradient(135deg,#ff8a8e,#e5484d);color:#fff!important}.app-council{background:linear-gradient(135deg,#a98bff,#6b4ad6);color:#fff!important}.app-map{background:linear-gradient(135deg,#3a3431,#1c1a19);color:var(--text)!important;border:1px solid var(--border-strong)}.app-settings{background:linear-gradient(135deg,#6b6460,#3a3431);color:var(--text)!important}.phone-body .empty{padding:var(--s4)}#welcome.start{display:grid;place-items:center;padding:var(--s4);background:var(--surface);overflow-y:auto}#welcome.start .bg{position:fixed;inset:0;background:linear-gradient(180deg,#1c1a1973,#1c1a19eb),linear-gradient(160deg,#3a2418,#1c1a19);background-size:cover;background-position:center;filter:saturate(.9);z-index:0}#welcome.start .start-card{position:relative;z-index:1;width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#1c1a19db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-strong);border-radius:24px;padding:var(--s5) var(--s5) var(--s4);box-shadow:var(--shadow-2);scrollbar-width:thin}#welcome.start .start-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}#welcome.start .brand{font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent)}#welcome.start .dots{display:flex;gap:6px;margin:0;padding:0;list-style:none}#welcome.start .dots li{width:8px;height:8px;border-radius:4px;background:var(--border-strong);transition:width var(--t-base) var(--ease),background var(--t-base)}#welcome.start .dots li.done{background:var(--text-dim)}#welcome.start .dots li.on{width:22px;background:var(--accent)}#welcome.start .kicker{margin:0 0 4px;font-size:var(--fs-1);color:var(--text-dim)}#welcome.start h1{font-size:30px;line-height:1.1}#welcome.start h1 span{display:none}#welcome.start .lead{margin:var(--s2) 0 var(--s4);font-size:var(--fs-2);color:var(--text-dim)}#welcome.start form{width:100%}#welcome.start label,#welcome.start .field>span,#welcome.start .field-label{display:block;font-weight:600;margin:var(--s3) 0 6px;font-size:var(--fs-1);color:var(--text-dim)}#welcome.start .help{margin:6px 0 0;font-size:var(--fs-1);color:var(--text-dim)}#welcome.start .start-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:var(--s4)}#welcome.start .start-foot .go{margin:0}#welcome.start .start-foot .terms{flex-basis:100%}#welcome.start .rules{color:var(--text-dim)}#welcome.start .columns{display:flex;gap:var(--s5);align-items:flex-start}#welcome.start .fields{flex:1;min-width:0}#welcome.start .swatches button{position:relative;color:#fff;display:grid;place-items:center}#welcome.start .swatches button .ic{opacity:0;transition:opacity var(--t-fast);filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}#welcome.start .swatches button[aria-checked=true] .ic{opacity:1}#welcome.start .avatar{position:relative;width:120px;height:236px;flex:none;margin-top:var(--s4);display:grid;justify-items:center;align-content:start}#welcome.start .avatar i{display:block}#welcome.start .avatar .hair{width:52px;height:18px;background:#17120e;border-radius:26px 26px 6px 6px}#welcome.start .avatar .head{width:48px;height:52px;margin-top:-6px;border-radius:14px 14px 18px 18px}#welcome.start .avatar .shirt{width:104px;height:92px;margin-top:6px;border-radius:22px 22px 6px 6px}#welcome.start .avatar .legs{width:64px;height:76px;border-radius:0 0 10px 10px}#welcome.start .avatar .shadow{width:90px;height:12px;margin-top:6px;border-radius:50%;background:#00000073;filter:blur(3px)}#welcome.start .field.start{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-top:0}#welcome.start button.choice{display:grid;gap:4px;text-align:left;padding:var(--s3) var(--s3);min-height:64px}#welcome.start button.choice b{font-weight:700}#welcome.start button.choice span{font-weight:400;font-size:13px;color:var(--text-dim)}#welcome.start button.choice[aria-checked=true] span{color:var(--text)}#welcome.start .scene{width:100%}#welcome.start .choice-card{display:grid;gap:2px}#welcome.start .choice-card b{font-weight:700}#welcome.start .choice-card span{color:var(--text-dim);font-size:var(--fs-1)}#welcome.start .summary{display:grid;grid-template-columns:auto 1fr;gap:var(--s2) var(--s4);margin:var(--s2) 0}#welcome.start .summary dt{color:var(--text-dim)}#welcome.start .summary dd{margin:0;font-weight:600}@media(max-width:640px){#welcome.start{padding:var(--s3);align-items:start}#welcome.start .start-card{padding:var(--s4);border-radius:20px;max-height:none}#welcome.start h1{font-size:26px}#welcome.start .columns{flex-direction:column-reverse;gap:var(--s3)}#welcome.start .avatar{display:grid;width:90px;height:170px;margin:0 auto;transform:scale(.72);transform-origin:top center}#welcome.start .field.start{grid-template-columns:1fr}}#panel:not(.phone){padding:0;display:flex;flex-direction:column}.panel-head{display:flex;align-items:flex-start;gap:var(--s2);padding:var(--s3) var(--s3) var(--s2) var(--s4);flex:none}.panel-titles{flex:1;min-width:0}.panel-titles h2{margin:0;outline:none}.panel-titles .sub{margin:2px 0 0}#panel:not(.phone) .close{position:static;width:34px;height:34px;background:transparent;flex:none}#panel:not(.phone) .close:hover{background:var(--surface-3)}.panel-body{flex:1;overflow-y:auto;padding:0 var(--s3) var(--s4);scrollbar-width:thin}.panel-body .card+.card,.panel-body .card+h3,.panel-body h3+.card{margin-top:var(--s2)}.panel-body .help{margin:var(--s2) 0;font-size:var(--fs-1);color:var(--text-dim)}.panel-body .say{margin:0 0 var(--s2);font-size:var(--fs-3)}.panel-body .form{margin:var(--s2) 0 var(--s3)}.panel-body .form input{min-height:42px}.panel-body .tags{display:flex;flex-wrap:wrap;gap:6px;margin:var(--s2) 0}button.link{background:none;border:0;padding:0;color:var(--text);font:inherit;font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}button.link:hover{color:var(--accent)}.row-actions{display:inline-flex;gap:4px}.row-value button.link{white-space:normal;text-align:right}#chat .chat-line{display:flex;align-items:center;gap:6px}#chat .chat-line .pill{height:20px;font-size:12px}.phone-body .choices .btn{white-space:normal}#welcome.start .langs{display:flex;gap:4px;margin-left:auto;margin-right:var(--s3)}#welcome.start .lang{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--text-dim);font-size:13px;font-weight:600}#welcome.start .lang[aria-checked=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}#gps{position:absolute;left:50%;top:calc(var(--gutter) + var(--safe-t));transform:translate(-50%);display:flex;align-items:center;gap:var(--s2);padding:6px var(--s3) 6px var(--s2);border-radius:var(--r3);background:#a98bff2e;border:1px solid rgba(169,139,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);font-weight:600;font-size:var(--fs-2);max-width:min(520px,calc(100% - 28px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:1}#gps .route-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#a98bff;color:#1b1510;flex:none}#toasts{top:calc(var(--gutter) + 50px + var(--safe-t))}#bigmap .legend-toggle{position:absolute;right:calc(var(--gutter) + 56px);top:var(--gutter)}#bigmap .route-clear{position:absolute;right:calc(var(--gutter) + 56px);top:calc(var(--gutter) + 44px)}#bigmap .legend{position:absolute;right:var(--gutter);top:calc(var(--gutter) + 56px);width:240px;max-height:calc(100% - 120px);overflow-y:auto;padding:var(--s3);z-index:2}#bigmap .legend h3{margin:0 0 var(--s2);font-size:var(--fs-2)}#bigmap .legend-list{display:grid;gap:6px}#bigmap .legend-item{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-1)}#bigmap .legend-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#14171c;font-weight:700;font-size:11px;flex:none;border:2px solid #14171c}#bigmap .pick-card{position:absolute;left:50%;bottom:calc(56px + var(--safe-b));transform:translate(-50%);width:min(360px,calc(100% - 28px));padding:var(--s3) var(--s4);z-index:2}#bigmap .pick-title{font-size:var(--fs-3);font-weight:700}#bigmap .pick-meta{color:var(--text-dim);font-size:var(--fs-1);margin:2px 0 var(--s2)}#bigmap .pick-actions{display:flex;gap:var(--s2);justify-content:space-between}@media(max-width:640px){#gps{top:150px;font-size:var(--fs-1)}#toasts{top:196px}#bigmap .legend-toggle{right:var(--gutter);top:72px}#bigmap .route-clear{right:var(--gutter);top:116px}#bigmap .legend{top:160px;width:calc(100% - 28px);max-height:40vh}#bigmap .find{width:calc(100% - 84px)}}#passed{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%) scale(.92);display:grid;justify-items:center;gap:6px;padding:var(--s4) var(--s6);border-radius:var(--r3);background:#1c1a19c7;border:1px solid var(--border-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-2);text-align:center;opacity:0;transition:opacity .45s var(--ease),transform .6s var(--ease);pointer-events:none;z-index:4;max-width:min(640px,calc(100% - 28px))}#passed.in{opacity:1;transform:translate(-50%,-50%) scale(1)}#passed.out{opacity:0;transform:translate(-50%,-56%) scale(1.02)}#passed .passed-kicker{font-size:var(--fs-5);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);line-height:1;text-shadow:0 2px 12px rgba(242,183,5,.35)}#passed .passed-title{font-size:var(--fs-4);font-weight:600}#passed .passed-reward{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-3);font-weight:700;color:var(--success)}#passed .passed-next{margin-top:var(--s1);font-size:var(--fs-1);color:var(--text-dim)}#passed .passed-next .muted{text-transform:uppercase;letter-spacing:1px;font-size:12px}@media(max-width:640px){#passed{padding:var(--s3) var(--s4)}#passed .passed-kicker{font-size:26px}}#panel.phone{background:#0e0d0c;border-radius:34px;border:1px solid #2a2624;box-shadow:var(--shadow-2),inset 0 0 0 8px #000,inset 0 0 0 9px #2e2a27;padding:9px;width:392px}#panel.phone>.sheet-handle{margin-top:2px}.phone-status{display:flex;align-items:center;justify-content:space-between;padding:10px 22px 0;font-size:13px;font-weight:700;color:var(--text);flex:none;position:relative}.phone-status .st-notch{position:absolute;left:50%;top:6px;transform:translate(-50%);width:96px;height:26px;border-radius:14px;background:#000}.phone-status .st-icons{display:flex;align-items:center;gap:6px}.phone-status .st-signal{display:inline-flex;align-items:flex-end;gap:1.5px;height:11px}.phone-status .st-signal i{width:3px;background:var(--text);border-radius:1px}.phone-status .st-signal i:nth-child(1){height:4px}.phone-status .st-signal i:nth-child(2){height:6px}.phone-status .st-signal i:nth-child(3){height:8px}.phone-status .st-signal i:nth-child(4){height:11px}.phone-status .st-signal i.off{opacity:.3}.phone-status .st-net{font-size:11px;letter-spacing:.5px}.phone-status .st-battery{position:relative;width:24px;height:11px;border:1.5px solid var(--text);border-radius:3px}.phone-status .st-battery:after{content:"";position:absolute;right:-4px;top:2.5px;width:2px;height:4px;background:var(--text);border-radius:1px}.phone-status .st-battery i{position:absolute;left:1.5px;top:1.5px;bottom:1.5px;width:86%;background:var(--success);border-radius:1px}#panel.phone .phone-top{padding:var(--s2) var(--s2) var(--s1) var(--s2)}.phone-body.wallpaper{background:radial-gradient(120% 70% at 20% 0%,rgba(242,183,5,.18),transparent 60%),radial-gradient(90% 60% at 100% 100%,rgba(181,86,47,.28),transparent 60%),linear-gradient(180deg,#1f1b19,#141211);border-radius:22px;margin:6px 6px 0;padding:var(--s3)}.phone-body.wallpaper{position:relative}#panel.phone .lock-close{position:absolute;right:6px;top:6px}.lock-clock{text-align:center;padding:var(--s3) 0 var(--s4)}.lock-time{font-size:56px;font-weight:700;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums}.lock-date{margin-top:6px;color:var(--text-dim);font-size:var(--fs-1);text-transform:capitalize}.now-playing{display:flex;align-items:center;gap:var(--s2);width:100%;margin-bottom:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r2);border:1px solid var(--border);background:#a98bff29;color:var(--text);text-align:left}.now-playing span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.phone-foot{flex:none;display:grid;justify-items:center;gap:var(--s2);padding:var(--s2) var(--s3) 6px}.dock-apps{display:flex;justify-content:space-around;width:100%;padding:var(--s2) var(--s2);border-radius:22px;background:#f7eed914;border:1px solid var(--border)}.dock-apps .app{display:grid;padding:0;background:transparent;border:0}.dock-apps .app-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:var(--accent-ink);box-shadow:var(--shadow-1)}.home-bar{width:120px;height:5px;border-radius:3px;border:0;background:#f7eed98c;padding:0;margin-top:2px}.home-bar:hover{background:var(--text)}.app-music{background:linear-gradient(135deg,#ff5f6d,#a73bd7);color:#fff!important}.player-slot{border-radius:var(--r2);overflow:hidden;background:#000;border:1px solid var(--border);margin-bottom:var(--s2)}.yt-host{aspect-ratio:16 / 9;width:100%;background:#000}.yt-host iframe{width:100%;height:100%;border:0;display:block}#ytpark{position:fixed;left:-4px;bottom:-4px;width:2px;height:2px;overflow:hidden;opacity:.01;pointer-events:none}#ytpark .yt-host{width:320px;height:180px}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:6px 6px 6px var(--s3);background:var(--surface-2)}.player-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-body input.bad{border-color:var(--danger)}@media(max-width:640px){#panel.phone{width:auto;border-radius:24px 24px 0 0;box-shadow:0 -8px 28px #00000080;padding:0;border-width:1px 0 0}.phone-status .st-notch{display:none}.phone-body.wallpaper{margin:4px 6px 0}.lock-time{font-size:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=game.css.map */