:root{--nc-ink:#14221c;--nc-paper:#f7f3ea;--nc-leaf:#0e5a38;--nc-leaf-ink:#f7f3ea;--nc-gold:#8a5a12;--nc-clay:#7a3328;--nc-line:#d9d0c2;--nc-space-1:.25rem;--nc-space-2:.5rem;--nc-space-3:.75rem;--nc-space-4:1rem;--nc-space-5:1.5rem;--nc-space-6:2rem;--nc-font-display:Palatino, "Palatino Linotype", "Iowan Old Style", Georgia, serif;--nc-font-body:"Segoe UI", "Helvetica Neue", sans-serif;--nc-radius:.75rem;color:var(--nc-ink);background:var(--nc-paper);font-family:var(--nc-font-body)}body{margin:0}.skip{left:var(--nc-space-4);top:var(--nc-space-4);background:var(--nc-ink);color:var(--nc-paper);padding:var(--nc-space-2) var(--nc-space-3);position:absolute;transform:translateY(-150%)}.skip:focus{transform:none}.brand-lockup{align-items:center;gap:var(--nc-space-3);display:flex}.brand-mark{flex:none;width:2.5rem;height:2.5rem}h1,h2{font-family:var(--nc-font-display)}button,input,select{font:inherit}button{min-height:44px;padding:var(--nc-space-2) var(--nc-space-3);background:var(--nc-leaf);color:var(--nc-leaf-ink);border-radius:var(--nc-radius);border:0}button:disabled{background:var(--nc-line);color:var(--nc-ink)}input,select{box-sizing:border-box;width:100%;margin-top:var(--nc-space-1);min-height:44px;display:block}label{margin-bottom:var(--nc-space-3);display:block}:focus-visible{outline:3px solid var(--nc-gold);outline-offset:2px}main{max-width:76rem;padding:var(--nc-space-4);overflow-wrap:anywhere;margin:0 auto}section{margin-top:var(--nc-space-5);padding-top:var(--nc-space-4);border-top:1px solid var(--nc-line)}.district-loading{color:var(--nc-paper);background:#14221ceb}@media (width<=700px){main{padding:var(--nc-space-3)}h1{font-size:1.6rem}}:root{--g-glass:#141a16b8;--g-glass-strong:#121814e6;--g-ink:#f7f3ea;--g-gold:#f2c14e;--g-leaf:#0e7a46;--g-clay:#c9643a;--g-card:#fffaf0;--g-shadow:0 10px 30px #00000047;--g-radius:14px}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;background:#1c1f1d;margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.55rem 1.1rem;font-weight:600;transition:transform .12s,background .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--g-leaf);color:#fff}.btn-primary:hover:not(:disabled){background:#0b6a3c}.btn-ghost{color:inherit;background:0 0;border-color:currentColor}.btn-large{min-height:52px;padding:.75rem 1.6rem;font-size:1.05rem}.btn-hud{background:var(--g-glass);color:var(--g-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff24}.btn:disabled{opacity:.55;cursor:not-allowed}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700}.hint{opacity:.8;font-size:.9rem}.form-error{color:#a3261c;font-weight:600}main.splash{max-width:none;min-height:100%;color:var(--g-ink);text-align:center;background:radial-gradient(circle at 50% 35%,#2a3a31,#121714 70%);place-content:center;justify-items:center;gap:.6rem;display:grid}.splash .brand-mark{width:4.5rem;height:4.5rem}.splash-title{font-family:var(--nc-font-display);margin:0;font-size:2.2rem}.spinner{border:3px solid #ffffff40;border-top-color:var(--g-gold);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}main.welcome{background:var(--nc-paper);grid-template-columns:minmax(320px,1fr) minmax(320px,1.1fr);max-width:none;min-height:100%;margin:0;padding:0;display:grid}.welcome-copy{border:0;flex-direction:column;justify-content:center;gap:1rem;margin:0;padding:clamp(1.5rem,5vw,4rem);display:flex}.welcome h1{letter-spacing:-.02em;margin:.4rem 0 0;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1}.welcome .lede{max-width:34rem;margin:0;font-size:1.15rem;line-height:1.55}.welcome-points{gap:.6rem;max-width:34rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.welcome-points li{padding-left:1.4rem;line-height:1.45;position:relative}.welcome-points li:before{content:"";background:var(--g-leaf);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.45rem;left:0}.welcome-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.welcome .fine{opacity:.7;font-size:.82rem}.welcome-art{object-fit:cover;width:100%;height:100%;min-height:320px;display:block}@media (width<=860px){main.welcome{grid-template-columns:1fr}.welcome-art{order:-1;min-height:0;max-height:34vh}}main.panel-screen{box-sizing:border-box;background:linear-gradient(160deg,#f4e6cf,#e9cfab 60%,#d9a777);place-items:center;max-width:none;min-height:100%;margin:0;padding:1rem;display:grid}.card{box-sizing:border-box;background:var(--g-card);width:min(36rem,100%);box-shadow:var(--g-shadow);border:0;border-radius:20px;margin:0;padding:clamp(1.25rem,4vw,2.25rem)}.card h1{margin:.6rem 0 .4rem;font-size:clamp(1.8rem,5vw,2.6rem)}.form-card form{margin-top:1rem}.row-links,.row-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.steps{margin-top:.8rem}.steps-label{margin:0 0 .4rem;font-size:.85rem;font-weight:700}.steps ol{grid-template-columns:repeat(4,1fr);gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.steps li{opacity:.6;gap:.2rem;font-size:.75rem;display:grid}.steps li[aria-current=step],.steps li[data-done=true]{opacity:1}.steps-dot{background:#d9cdb8;border-radius:3px;height:6px}.steps li[data-done=true] .steps-dot,.steps li[aria-current=step] .steps-dot{background:var(--g-leaf)}.start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.start-grid div{background:#f3ead8;border-radius:12px;padding:.75rem}.start-grid dt{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.start-grid dd{margin:.2rem 0 0;font-size:1.05rem;font-weight:700}.choice-cards{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin:1rem 0;display:grid}.choice-card{text-align:left;color:#14221c;background:#f3ead8;border:2px solid #0000;border-radius:14px;gap:.3rem;min-height:5rem;padding:1rem;display:grid}.choice-card[aria-checked=true]{border-color:var(--g-leaf);background:#e3f1e8}main.game,main.creator{max-width:none;color:var(--g-ink);background:#1c1f1d;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.stage-host{position:absolute;inset:0}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-overlay{color:var(--g-ink);text-align:center;z-index:5;background:#121814d1;place-content:center;justify-items:center;gap:.75rem;display:grid;position:absolute;inset:0}.stage-overlay progress{width:min(18rem,70vw)}.hud{top:max(.6rem, env(safe-area-inset-top));pointer-events:none;z-index:3;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:absolute;left:.6rem;right:.6rem}.hud>*{pointer-events:auto}.hud-place,.hud-wallet,.hud-needs{background:var(--g-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff1f;border-radius:999px;padding:.4rem .9rem}.hud-place{align-items:baseline;gap:.6rem;display:flex}.hud-title{font-weight:700}.hud-clock{font-variant-numeric:tabular-nums;opacity:.85}.hud-wallet{color:var(--g-gold);font-variant-numeric:tabular-nums;font-weight:800}.hud-needs{gap:.55rem;margin:0;list-style:none;display:flex}.hud-needs li{align-items:center;gap:.25rem;display:flex}.hud-needs meter{width:2.6rem;height:.5rem}.hud-actions{gap:.4rem;margin-left:auto;display:flex}.controls-hint{background:var(--g-glass);opacity:.85;white-space:nowrap;border-radius:999px;margin:0;padding:.35rem .9rem;font-size:.82rem;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.prompt{z-index:3;justify-items:center;gap:.4rem;display:grid;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.prompt-button{background:var(--g-glass-strong);color:var(--g-ink);box-shadow:var(--g-shadow);border:1px solid #f2c14e8c;border-radius:999px;align-items:center;gap:.6rem;padding:.5rem 1.2rem .5rem .5rem;font-size:1.05rem;font-weight:700;display:inline-flex}.prompt-button kbd{background:var(--g-gold);color:#1c1f1d;border-radius:50%;place-items:center;width:2rem;height:2rem;font-family:inherit;font-weight:800;display:inline-grid}.prompt-label{background:var(--g-glass);border-radius:999px;padding:.25rem .8rem;font-size:.88rem}.compass{background:var(--g-glass);z-index:3;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .9rem;display:flex;position:absolute;top:4.2rem;left:50%;transform:translate(-50%)}.compass-arrow{color:var(--g-gold);font-size:1.1rem;display:inline-block}.toasts{z-index:6;pointer-events:none;gap:.4rem;width:min(30rem,92vw);display:grid;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.toast{background:var(--g-glass-strong);border-left:4px solid var(--g-leaf);box-shadow:var(--g-shadow);border-radius:10px;margin:0;padding:.6rem 1rem}.toast-error{border-left-color:#e0533d}.sheet,.dialogue{box-sizing:border-box;background:var(--g-glass-strong);width:min(34rem,100vw - 1.5rem);color:var(--g-ink);box-shadow:var(--g-shadow);z-index:4;border:1px solid #ffffff24;border-radius:18px;margin:0;padding:1rem 1.2rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.sheet h2{margin-top:0}.things{padding-left:1.2rem}.dialogue-line{margin:.6rem 0 .9rem;font-size:1.1rem;line-height:1.45}.dialogue-options{flex-wrap:wrap;gap:.5rem;display:flex}.dialogue .btn-ghost,.sheet .btn-ghost{color:var(--g-ink)}.phone-backdrop,.map-backdrop{z-index:8;background:#00000059;position:absolute;inset:0}.phone{background:var(--g-card);color:#14221c;width:min(26rem,100vw - 1.5rem);box-shadow:var(--g-shadow);border:0;border-radius:24px;grid-template-rows:auto auto 1fr;margin:0;padding:0;display:grid;position:absolute;top:.75rem;bottom:.75rem;right:.75rem;overflow:hidden}.phone-head{color:var(--g-ink);background:#14221c;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.phone-head .btn-ghost{color:var(--g-ink);border:0}.phone-tabs{background:#efe5d2;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.4rem;display:grid}.phone-tab{color:#14221c;background:0 0;border-radius:12px;justify-items:center;gap:.1rem;min-height:52px;padding:.3rem;font-size:.78rem;display:grid}.phone-tab[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--g-leaf);background:#fffaf0}.phone-body{padding:0 1rem 1rem;overflow-y:auto}.phone-body section{border-top:0;margin-top:.5rem}.phone-body button{margin:.25rem .25rem .25rem 0}.chat-form{align-items:end;gap:.5rem;display:flex}.chat-form label{flex:1}.settings select{margin-bottom:.5rem}.map{color:var(--g-ink);box-shadow:var(--g-shadow);background:#1f2621;border:0;border-radius:20px;grid-template-rows:auto 1fr;margin:0;padding:0;display:grid;position:absolute;inset:.75rem;overflow:hidden}.map-head{justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.map-head .btn-ghost{color:var(--g-ink);border:0}.map-body{grid-template-columns:1fr minmax(14rem,18rem);min-height:0;display:grid}.map-plan{background:#8d5f42;width:100%;height:100%}.map-list{padding:.5rem .9rem 1rem;overflow-y:auto}.map-list ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.map-list .option{text-align:left;width:100%}@media (width<=760px){.map-body{grid-template-rows:minmax(0,55%) 1fr;grid-template-columns:1fr}}.creator-stage{position:absolute;inset:0 min(27rem,42vw) 0 0}.creator-panel{box-sizing:border-box;width:min(27rem,42vw);padding:max(.8rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom)) 1rem;background:var(--g-card);color:#14221c;border:0;flex-direction:column;gap:.55rem;margin:0;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.creator-head{gap:.35rem;display:grid}.creator-panel h1{margin:0;font-size:1.5rem}.creator-actions{gap:.4rem;display:flex}.creator-actions .btn{flex:1 1 0}.creator-actions .btn-ghost,.creator-foot .btn-ghost,.saved-outfits .btn-ghost,.profile-panel .btn-ghost{color:#14221c;background:#fff;border-color:#d8ccb6}.btn.small{min-height:44px;padding:.35rem .8rem;font-size:.88rem}.btn.danger{color:#a3261c}.notice{background:#fff3cf;border-radius:10px;margin:0;padding:.45rem .7rem;font-size:.88rem}.hint{opacity:.8;margin:0 0 .4rem;font-size:.82rem}.tabs,.subtabs{scrollbar-width:none;flex-shrink:0;gap:.3rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.subtabs::-webkit-scrollbar{display:none}.tab,.subtab{color:#14221c;white-space:nowrap;background:#efe5d2;border:0;border-radius:999px;flex:none;min-height:44px;padding:.3rem .9rem;font-weight:600}.subtab{background:#f5eee0;min-height:40px;font-size:.86rem}.tab[aria-selected=true],.subtab[aria-selected=true]{color:var(--g-ink);background:#14221c}.tab-body{overscroll-behavior:contain;flex:1;min-height:0;padding:.2rem .2rem .6rem 0;overflow-y:auto}fieldset.options,fieldset.swatches,fieldset.slider-group{border:0;min-width:0;margin:0 0 .9rem;padding:0}fieldset legend{margin-bottom:.4rem;font-size:.92rem;font-weight:700}.option-grid{flex-wrap:wrap;gap:.35rem;display:flex}.option{color:#14221c;text-align:left;background:#efe5d2;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:44px;padding:.35rem .8rem;display:inline-flex}.option[aria-pressed=true]{border-color:var(--g-leaf);background:#e3f1e8}.option[data-locked=yes]{opacity:.72;background:#ece8e0}.option .lock{font-size:.72rem;font-weight:500}.option .tag{color:var(--g-leaf);font-size:.7rem;font-weight:700}.wardrobe-items .option,.looks .look{flex:44%}.swatch-row{flex-wrap:wrap;gap:.45rem;display:flex}.swatch{color:#14221c;border:3px solid #fff;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;box-shadow:0 0 0 1px #c9bfae}.swatch[aria-pressed=true],.swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--g-leaf)}.skin-table{gap:.4rem;display:grid}.skin-row{grid-template-columns:6.5rem repeat(3,44px);align-items:center;gap:.6rem;display:grid}.skin-label{font-size:.86rem}.skin-head{opacity:.75;text-align:center;font-size:.75rem}.slider{gap:.15rem;margin-bottom:.65rem;font-size:.9rem;font-weight:700;display:grid}.slider input{width:100%;min-height:36px;accent-color:var(--g-leaf);touch-action:pan-y;margin:0}.slider-ends{opacity:.75;justify-content:space-between;font-size:.76rem;font-weight:400;display:flex}.creator-foot{border-top:1px solid #e6dcc8;flex-wrap:wrap;align-items:center;gap:.35rem;padding-top:.4rem;display:flex}.quality-select{margin-left:auto;font-size:.85rem}.quality-select select{min-height:40px}.saved-outfits{gap:.6rem;display:grid}.save-outfit label{font-size:.92rem;font-weight:700}.save-outfit-row,.rename{flex-wrap:wrap;gap:.4rem;display:flex}.save-outfit-row input,.rename input{border:1px solid #c9bfae;border-radius:10px;flex:10rem;min-width:0;min-height:44px;padding:0 .7rem;font-size:1rem}.outfit-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.outfit-row{background:#f5eee0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;padding:.45rem .6rem;display:flex}.outfit-name{overflow-wrap:anywhere;font-weight:700}.outfit-actions{flex-wrap:wrap;gap:.3rem;display:flex}.stage-tools{pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.tool-group{pointer-events:auto;flex-wrap:wrap;gap:.35rem;display:flex}.chip{background:var(--g-glass);min-height:44px;color:var(--g-ink);border:1px solid #ffffff26;border-radius:999px;padding:.3rem .85rem}.chip[aria-pressed=true]{background:var(--g-leaf)}@media (width<=760px){.creator-stage{inset:0 0 50%}.creator-panel{width:100%;padding:.7rem max(.8rem, env(safe-area-inset-right)) max(.6rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left));border-radius:18px 18px 0 0;gap:.4rem;top:50%;box-shadow:0 -8px 24px #00000040}.creator-head{grid-template-columns:1fr auto;align-items:center}.creator-panel h1{font-size:1.1rem}.creator-head .eyebrow,.creator-head nav{display:none}.creator-head .form-error,.creator-head .notice{grid-column:1/-1}.creator-actions .btn{min-height:44px;padding:.3rem .9rem}.creator-foot{scrollbar-width:none;flex-wrap:nowrap;padding-top:.3rem;overflow-x:auto}.creator-foot .btn{flex:none}.quality-select .quality-label{display:none}.stage-tools{bottom:.4rem;left:max(.5rem, env(safe-area-inset-left));right:max(.5rem, env(safe-area-inset-right));flex-direction:column;align-items:stretch;gap:.3rem}.stage-tools .tool-group{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.chip{flex:none;padding:.25rem .7rem;font-size:.85rem}.wardrobe-items .option,.looks .look{flex:100%}.quality-select{margin-left:0}}.btn-hud{white-space:nowrap}.profile-backdrop{z-index:20;padding:max(.8rem, env(safe-area-inset-top)) max(.8rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left));background:#0a0e0c8c;place-items:center;display:grid;position:fixed;inset:0}.profile-panel{box-sizing:border-box;background:var(--g-card);color:#14221c;width:min(30rem,100%);max-height:100%;box-shadow:var(--g-shadow);border-radius:18px;outline:none;gap:.8rem;padding:1rem 1.1rem 1.1rem;display:grid;overflow-y:auto}.profile-head{grid-template-columns:96px 1fr auto;align-items:center;gap:.8rem;display:grid}.profile-head h2{overflow-wrap:anywhere;margin:0;font-size:1.35rem}.profile-head .eyebrow{margin:0}.portrait{background:#efe5d2;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px #d8ccb6}.portrait img{object-fit:cover;width:100%;height:100%}.profile-head .close{align-self:start;min-width:44px}.muted{opacity:.7}.bio{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bio-form{gap:.35rem;display:grid}.bio-form textarea{box-sizing:border-box;width:100%;font:inherit;resize:vertical;border:1px solid #c9bfae;border-radius:10px;padding:.6rem}.bio-form .row{gap:.4rem;display:flex}.profile-facts{gap:.5rem;margin:0;display:grid}.profile-facts div{grid-template-columns:7rem 1fr;gap:.5rem;display:grid}.profile-facts dt{font-weight:700}.profile-facts dd{margin:0}.profile-actions{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}@media (width<=420px){.profile-head{grid-template-columns:72px 1fr auto}.portrait{width:72px;height:72px}.profile-facts div{grid-template-columns:1fr;gap:.1rem}}.touch{inset:auto 0 max(1rem, env(safe-area-inset-bottom)) 0;pointer-events:none;z-index:3;justify-content:space-between;align-items:end;padding:0 1rem;display:flex;position:absolute}.touch>*{pointer-events:auto}.joystick{touch-action:none;background:#141a1673;border:2px solid #ffffff40;border-radius:50%;place-items:center;width:120px;height:120px;display:grid}.joystick-knob{background:#f7f3ead9;border-radius:50%;width:52px;height:52px}.touch-buttons{justify-items:end;gap:.6rem;display:grid}.touch-button{background:var(--g-glass);width:56px;height:56px;color:var(--g-ink);border:1px solid #fff3;border-radius:50%;font-size:1.4rem}.touch-action{background:var(--g-gold);color:#1c1f1d;width:72px;height:72px}.perf{color:#9ef0b8;z-index:9;background:#000000b3;border:0;border-radius:8px;flex-wrap:wrap;gap:.6rem;max-width:34rem;margin:0;padding:.35rem .7rem;font:12px/1.3 ui-monospace,monospace;display:flex;position:absolute;bottom:3rem;left:.6rem}.phone-body h2{font-size:1.2rem}.phone-body label{margin-bottom:.5rem}@media (width<=700px){.hud-needs meter{width:1.6rem}.hud-needs{box-sizing:border-box;order:3;justify-content:space-between;width:100%}.hud-actions .btn-hud{padding:.4rem .7rem}.controls-hint{display:none}.prompt{bottom:11rem}}