@font-face{font-family:Pixelify Sans;src:url(/fonts/PixelifySans.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--bg:#121826;--panel:#141a29f0;--panel-solid:#1a2134;--line:#ffffff17;--ink:#f4f1ea;--muted:#9ea8bf;--accent:#ffd23f;--accent-ink:#1b1b1b;--red:#d42020;--green:#19a974;--pixel:"Pixelify Sans", "Trebuchet MS", var(--display);--display:"Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;overflow:hidden}input{-webkit-user-select:text;user-select:text}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:800}p{margin:.5em 0;line-height:1.45}.muted{color:var(--muted)}.small{font-size:.82rem}.warn{color:#ff8a7a;margin-top:4px;font-size:.85rem}kbd{font-family:var(--display);background:#0000001f;border:1px solid #00000040;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:.75em}.btn{font:600 .95rem/1 var(--display);cursor:pointer;color:var(--ink);white-space:nowrap;background:#ffffff14;border:0;border-radius:12px;padding:12px 16px;transition:transform 60ms,filter .15s,background .15s}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px #b8901a}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-go{background:var(--green);color:#fff;box-shadow:0 3px #0f7652}.btn-danger{color:#fff;background:#c0392b}.btn-ghost{border:1px solid var(--line);background:#ffffff14}.btn-ghost:hover:not(:disabled){background:#ffffff24}.btn-big{font-size:1.1rem;font-family:var(--display);letter-spacing:.03em;padding:16px 26px}.btn-small{padding:8px 12px;font-size:.85rem}.btn-price{min-width:78px;font-family:var(--display);font-size:1rem}.btn-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.icon-btn{color:var(--ink);cursor:pointer;background:#ffffff14;border:0;border-radius:10px;flex:none;width:34px;height:34px;font-size:.95rem}.pill{color:var(--muted);white-space:nowrap;background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.pill-on{color:#6ff0b8;background:#19a9742e}.live-dot{background:#3ef08f;border-radius:50%;width:7px;height:7px;animation:1.6s infinite pulse;box-shadow:0 0 #3ef08f99}@keyframes pulse{70%{box-shadow:0 0 0 7px #3ef08f00}to{box-shadow:0 0 #3ef08f00}}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;box-shadow:0 10px 30px #00000059}.title-screen{background:linear-gradient(#3a4a6b 0%,#55678a 45%,#8796ad 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.skyline{width:100%;height:46%;position:absolute;bottom:0;left:0;right:0}.title-rain span{background:#dce6fa8c;width:1.5px;height:16px;animation:linear infinite fall;position:absolute;top:-10%}@keyframes fall{to{transform:translate(-60px,115vh)}}.title-bus{z-index:1;width:200px;animation:14s linear infinite drive;position:absolute;bottom:5%;left:-220px}@keyframes drive{to{left:110%}}.bus-body{background:var(--red);border-radius:12px 16px 6px 6px;height:92px;padding:8px 10px;position:relative;box-shadow:inset 0 -10px #00000026}.bus-windows{gap:6px;margin-bottom:8px;display:flex}.bus-windows i{opacity:.85;background:#ffe9a8;border-radius:4px;flex:1;height:24px}.bus-blind{font:700 10px var(--pixel);color:#ffb000;background:#111;border-radius:3px;padding:2px 6px;position:absolute;top:-14px;right:8px}.bus-wheels{justify-content:space-between;margin-top:-10px;padding:0 24px;display:flex}.bus-wheels i{background:#111;border:4px solid #555;border-radius:50%;width:22px;height:22px}.title-card{z-index:2;text-align:center;border:1px solid var(--line);background:#101523db;border-radius:22px;width:min(92vw,460px);margin-bottom:14vh;padding:28px 24px 20px;position:relative;box-shadow:0 20px 60px #00000073}.title-kicker{font:600 .72rem var(--pixel);letter-spacing:.18em;color:var(--muted)}.title-logo{font-size:clamp(3.4rem,15vw,5.2rem);line-height:.95;font-family:var(--pixel);color:#fff;text-shadow:0 4px #0c1020,0 0 30px #ffd23f40;margin:10px 0 6px}.title-logo span{color:var(--accent)}.title-tagline{color:#d6dbe7;margin:0 0 18px;font-size:1rem}.title-save{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:8px 12px;display:flex}.title-save .muted{font-size:.85rem}.title-buttons{flex-direction:column;gap:10px;display:flex}.title-foot{flex-direction:column;align-items:center;gap:6px;margin-top:16px;font-size:.78rem;display:flex}.creator-screen{background:radial-gradient(circle at 30% 10%, #2a3656, var(--bg) 60%);padding:calc(16px + var(--safe-top)) 12px calc(16px + var(--safe-bottom));justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.creator{width:min(100%,760px);margin:auto 0;padding:18px}.creator-head h2{font-size:1.6rem}.creator-body{grid-template-columns:200px 1fr;gap:18px;margin-top:12px;display:grid}.creator-preview{background:repeating-linear-gradient(0deg,#cdc9bf 0 15px,#bab6ab 15px 16px);border:3px solid #3a4258;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 10px;display:flex}.creator-preview .btn-ghost{background:#141a29d9}.creator-options{flex-direction:column;gap:10px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.field input,.chat-form input{font:500 1rem var(--display);border:1px solid var(--line);color:var(--ink);background:#0000004d;border-radius:12px;outline:none;padding:12px 14px}.field input:focus,.chat-form input:focus{border-color:var(--accent)}.opt-row{flex-direction:column;gap:6px;display:flex}.opt-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.opt-items{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #ffffff26;border-radius:50%;width:30px;height:30px;padding:0}.swatch.on{border-color:var(--accent);box-shadow:0 0 0 3px #ffd23f59}.chip{border:1px solid var(--line);color:var(--ink);font:600 .82rem var(--display);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:7px 12px}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.creator-foot{justify-content:space-between;gap:10px;margin-top:16px;display:flex}.modal-backdrop .creator{max-height:calc(100vh - 24px);overflow-y:auto}.game{position:fixed;inset:0}.game-canvas{touch-action:none;display:block;position:absolute;inset:0}.hud{top:calc(8px + var(--safe-top));pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;left:8px;right:8px}.hud>*{pointer-events:auto}.hud-card{flex-direction:column;gap:7px;width:min(100%,440px);padding:10px 12px 8px;display:flex}.hud-row{align-items:center;gap:10px;display:flex}.hud-money{font:800 1.35rem var(--display);font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:.02em}.hud-oyster{font:600 .85rem var(--display);color:#cfe3ff;align-items:center;gap:5px;display:flex}.oyster-mini{background:linear-gradient(135deg,#1e5bb8,#2f7de1);border:1px solid #8fb8ff;border-radius:3px;width:18px;height:12px}.hud-spacer{flex:1}.hud-time{font:600 .9rem var(--display);white-space:nowrap}.needs{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;gap:8px;width:100%;margin:0;padding:0}.need{flex:1;align-items:center;gap:5px;display:flex}.need-icon{font-size:.85rem}.need-track{background:#ffffff1a;border-radius:6px;flex:1;height:8px;overflow:hidden}.need-fill{border-radius:6px;height:100%;transition:width .3s,background .3s}.hud-meta{justify-content:space-between;gap:8px;font-size:.76rem}.delivery{border-color:#19a97499;align-items:center;gap:10px;width:min(100%,440px);padding:8px 10px;display:flex}.delivery-icon{font-size:1.5rem}.delivery-main{flex:1;min-width:0;font-size:.88rem}.delivery-timer{font:700 1.3rem var(--display);color:#6ff0b8}.delivery-timer.late{color:#ff6b5e;animation:.6s infinite blink}@keyframes blink{50%{opacity:.4}}.toasts{left:50%;bottom:calc(92px + var(--safe-bottom));pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:6px;width:min(92vw,460px);display:flex;position:absolute;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#101523f2;border-left:4px solid #6aa7ff;border-radius:12px;width:fit-content;max-width:100%;padding:9px 13px;font-size:.88rem;animation:.25s pop;box-shadow:0 8px 20px #00000059}.toast.good{border-left-color:#3ecf6e}.toast.bad{border-left-color:#ff5a4f}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.96)}}.bottom-bar{left:10px;right:10px;bottom:calc(12px + var(--safe-bottom));pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.bottom-bar>*{pointer-events:auto}.action-slot{pointer-events:none;flex:1;justify-content:center;min-width:0;display:flex}.round-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:50%;flex:none;width:56px;height:56px;font-size:1.5rem;position:relative;box-shadow:0 6px 18px #00000059}.round-btn .dot{border:2px solid var(--panel-solid);background:#ff5a4f;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:8px}.btn-action{pointer-events:auto;background:var(--accent);color:var(--accent-ink);font:700 .98rem var(--display);text-overflow:ellipsis;border-radius:16px;max-width:100%;padding:15px 18px;animation:.2s pop;overflow:hidden;box-shadow:0 4px #b8901a,0 10px 24px #00000059}.modal-backdrop{z-index:20;background:#0609128c;justify-content:center;align-items:center;padding:12px;animation:.15s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel-solid);flex-direction:column;width:min(100%,480px);max-height:calc(100vh - 24px);animation:.2s rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.modal-head{justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 16px 8px;display:flex}.modal-head h2{font-size:1.35rem}.modal-head p{margin:4px 0 0;font-size:.9rem}.modal-body{padding:4px 16px 16px;overflow-y:auto}.item-list{flex-direction:column;gap:8px;margin:6px 0;padding:0;list-style:none;display:flex}.item{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.item.locked{opacity:.6}.item-main{flex:1;min-width:0}.item-name{font-weight:700}.item-note{color:var(--muted);margin-top:2px;font-size:.82rem}.item-fx{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.fx{background:#ffffff14;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:700}.fx.up{color:#8ff0ae;background:#3ecf6e29}.fx.down{color:#ffa49c;background:#ff5a4f29}.fx.lock{color:var(--accent);background:#ffd23f24}.shift-banner{background:#19a97424;border:1px solid #19a97480;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px;padding:10px 12px;font-size:.9rem;display:flex}.notice{background:#6aa7ff1f;border:1px solid #6aa7ff66;border-radius:12px;padding:10px 12px;font-size:.9rem}.home-card{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;padding:10px 12px}.oyster{align-items:center;gap:12px;margin-bottom:8px;display:flex}.oyster-card{width:120px;height:72px;font:700 .65rem var(--display);letter-spacing:.1em;background:linear-gradient(135deg,#1e5bb8,#3f8cf0);border-radius:10px;flex-direction:column;justify-content:space-between;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 2px #fff3}.oyster-card b{letter-spacing:0;font-size:1.3rem}.line-dot{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.billboard-modal .bb-preview{background:linear-gradient(#8aa4c8,#b9c7da);border-radius:12px;justify-content:center;padding:16px;display:flex}.bb-board{aspect-ratio:3/1.2;color:#1b1b1b;background:repeating-linear-gradient(135deg,#fff7d6 0 14px,#ffe9a8 14px 22px);border:6px solid #20242a;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:320px;display:flex;box-shadow:0 8px 0 -2px #3b3f45}.bb-board b{font:700 1.7rem var(--display)}.bb-board span{font:700 1rem var(--display);color:#c0392b}.bb-stats{grid-template-columns:1fr 1.6fr;gap:10px;margin:12px 0 4px;display:grid}.bb-stats>div{background:#ffffff0d;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.tabs{gap:6px;margin-bottom:10px;display:flex}.tab{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:10px;flex:1;padding:9px;font-weight:700}.tab.on{background:var(--accent);color:var(--accent-ink)}.goals{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.goals li{background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.goals li.done{color:var(--muted);text-decoration:line-through}.tick{border:2px solid var(--line);color:#3ecf6e;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-weight:900;display:grid}.goals li.done .tick{border-color:#3ecf6e}.stat-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:7px 0;font-size:.9rem;display:flex}.stat-row span:last-child{text-align:right}.help p{font-size:.9rem}.result-modal .modal-body{text-align:center}.result-pay{font:700 3rem var(--display);color:#6ff0b8;margin:4px 0}.bill{background:#ffffff0a;border-radius:12px;padding:8px 12px;font-size:.86rem}.bill-row{justify-content:space-between;gap:10px;padding:4px 0;display:flex}.bill-row b{color:#ffa49c;font-family:var(--display)}.bill-row.total{border-top:1px solid var(--line);margin-top:4px;padding-top:7px}.bill-row.total b{color:var(--accent)}.travel{z-index:30;text-align:center;background:#0b0f1a;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.25s fade;display:flex;position:fixed;inset:0}.travel-train{font-size:3rem;animation:1.5s ease-in-out zoom}@keyframes zoom{0%{transform:translate(-40vw)}to{transform:translate(40vw)}}.travel-text{font:600 1.1rem var(--pixel);color:#ffb000;background:#000;border-radius:6px;max-width:420px;padding:10px 16px}.minigame-modal{width:min(100%,520px)}.minigame{flex-direction:column;gap:10px;padding:16px;display:flex}.mg-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.mg-head h3{font-size:1.15rem}.mg-timer{background:#ffffff14;border-radius:8px;flex:none;width:110px;height:22px;position:relative;overflow:hidden}.mg-timer-bar{height:100%;transition:width .1s linear}.mg-timer span{font:700 .85rem var(--display);color:#1b1b1b;mix-blend-mode:normal;text-shadow:0 0 4px #fff9;place-items:center;display:grid;position:absolute;inset:0}.mg-pill{font:700 .9rem var(--display);background:#ffffff14;border-radius:8px;padding:4px 10px}.mg-order{color:#2b2118;background:#f6efe3;border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex}.mg-order.shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.mg-cup{background:#fff;border:3px solid #7b1730;border-radius:6px 6px 16px 16px;flex:none;place-items:center;width:62px;height:74px;display:grid;position:relative}.mg-cup:before{content:"";background:#7b1730;border-radius:4px;height:10px;position:absolute;top:-10px;left:-6px;right:-6px}.mg-cup-name{text-align:center;color:#222;padding:0 2px;font:700 .72rem Comic Sans MS,Chalkboard SE,cursive;transform:rotate(-8deg)}.mg-order-title{font:700 1.2rem var(--display)}.mg-steps{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.mg-step{background:#00000014;border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:700}.mg-step.next{background:#ffd23f;box-shadow:inset 0 0 0 2px #b8901a}.mg-step.done{color:#fff;background:#3ecf6e;text-decoration:line-through}.mg-msg{color:#d6dbe7;min-height:2.8em;margin:0;font-size:.9rem}.mg-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mg-btn{border:1px solid var(--line);color:var(--ink);font:600 .8rem var(--display);cursor:pointer;background:#ffffff12;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:transform 50ms;display:flex}.mg-btn:active{background:#ffd23f40;transform:scale(.95)}.mg-btn-icon{font-size:1.5rem}.mg-btn.wide{flex:1;padding:16px 6px;font-size:.92rem}.mg-btn.danger{background:#ff5a4f29}.mg-btn.stop{font:700 1.4rem var(--display);background:#c0392b;flex-direction:row;justify-content:center;padding:18px}.mg-btn.stop:disabled{opacity:.5}.mg-row{gap:8px;display:flex}.mg-foot{font:600 .9rem var(--display);color:var(--muted);text-align:right}.mg-rules{color:var(--muted);grid-template-columns:repeat(3,1fr);gap:6px;font-size:.74rem;display:grid}.mg-rules span{background:#ffffff0d;border-radius:8px;padding:6px}.mg-email{color:#222;background:#fff;border-left:6px solid #2d6cdf;border-radius:12px;padding:14px;animation:.15s pop}.mg-email-from{color:#666;font-size:.8rem}.mg-email-subject{margin-top:4px;font-size:1.05rem;font-weight:800}.mg-road{background:linear-gradient(#cdc9bf 0 30%,#4b4e56 30% 100%);border-radius:12px;height:120px;position:relative;overflow:hidden}.mg-road:after{content:"";background:repeating-linear-gradient(90deg,#f2f2f2 0 22px,#0000 22px 40px);height:3px;position:absolute;top:78%;left:0;right:0}.mg-stop{position:absolute;top:0;bottom:0}.mg-stop-flag{text-align:center;color:#222;width:80px;font-size:.55rem;line-height:1.1;position:absolute;top:2px;left:-40px}.mg-stop-flag b{color:#fff;font:700 .6rem var(--display);background:#c8102e;border-radius:4px;padding:1px;display:block}.mg-stop-zone{background:#ffd23f26;border:2px dashed #ffd23f;border-radius:6px;width:28px;position:absolute;top:32%;bottom:6%;left:-14px}.mg-bus{background:var(--red);border-radius:6px 12px 6px 6px;width:140px;height:52px;position:absolute;top:38%;box-shadow:0 6px #0000004d}.mg-bus-top{font:700 .6rem var(--pixel);color:#fff;text-align:center;padding-top:4px}.mg-bus-door{background:#ffe9a8;border-radius:2px;width:16px;height:30px;position:absolute;bottom:4px;left:62px}@media (width<=560px){.creator-body{grid-template-columns:1fr}.creator-preview{flex-direction:row;justify-content:center;gap:16px}.modal-backdrop{align-items:flex-end;padding:0}.modal-backdrop .modal,.modal-backdrop .creator{width:100%;max-height:88vh;padding-bottom:var(--safe-bottom);border-radius:20px 20px 0 0}.creator-screen .creator{padding:14px}.hud-card{width:100%}.hud-money{font-size:1.2rem}.hud-time{font-size:.82rem}.mg-grid{grid-template-columns:repeat(4,1fr)}.mg-btn{font-size:.7rem}.modal-backdrop:has(.phone-msg){align-items:center}.chat{width:auto;left:8px;right:8px}}.hud-time,.hud-oyster,.btn-price,.delivery-timer,.result-pay,.bill-row b,.oyster-card b,.mg-timer span{font-variant-numeric:tabular-nums}.creator-foot{background:linear-gradient(#1a213400,#1a2134 35%);margin-bottom:-4px;padding:14px 0 4px;position:sticky;bottom:0}@media (pointer:coarse){.hide-touch{display:none}}.need-mood{flex:1.3}.need.low .need-icon{animation:1s infinite blink}.moodlet-chips{scrollbar-width:none;cursor:pointer;flex:1;gap:5px;min-width:0;display:flex;overflow-x:auto}.moodlet-chips::-webkit-scrollbar{display:none}.chip-m{white-space:nowrap;background:#ffffff14;border-radius:999px;flex:none;padding:2px 7px;font-size:.72rem}.chip-m.good{color:#b8f5c9;background:#3ecf6e26}.chip-m.bad{color:#ffc1bb;background:#ff5a4f29}.chip-m.streak{color:#ffd08a;background:#ff9f1c33;font-weight:700}.chip-m b{font-weight:800}.badge{color:#fff;min-width:20px;height:20px;font:800 .72rem/20px var(--display);text-align:center;border:2px solid var(--panel-solid);background:#ff3b30;border-radius:999px;padding:0 5px;position:absolute;top:-3px;right:-3px}.badge.static{border:0;flex:none;position:static}.toast.tappable{pointer-events:auto;cursor:pointer}.btn.wide{width:100%;margin:4px 0 6px}.place-emoji{margin-right:6px}.place-tabs{margin-bottom:8px}.action-list{gap:7px}.item.action{padding:0}.action-btn{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.action-btn:hover:not(:disabled){background:#ffffff0a}.action-btn:active:not(:disabled){background:#ffd23f1a}.action-btn:disabled{cursor:default}.action-btn .item-name,.action-btn .item-note,.action-btn .item-fx{display:block}.action-btn .item-fx{display:flex}.item.blocked{opacity:.55}.item.blocked .item-note{color:#ffc56b}.action-emoji{background:#ffffff0f;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:1.6rem;display:grid}.action-cost{font:800 .95rem var(--display);color:var(--accent);text-align:right;flex:none;min-width:48px}.action-cost.free{color:#8ff0ae}.fx.time{color:#b9d4ff;background:#6aa7ff26}.fx.moodlet{color:#d8ccff;background:#a18cd12e}.progress-view{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:10px 0 4px;display:flex}.progress-emoji{font-size:3.2rem;animation:1.2s ease-in-out infinite wobble}@keyframes wobble{25%{transform:rotate(-8deg)translateY(-3px)}75%{transform:rotate(8deg)translateY(-3px)}}.progress-title{font:700 1.15rem var(--display)}.progress-line{min-height:1.4em;color:var(--muted);font-style:italic}.progress-track{background:#ffffff14;border-radius:10px;width:100%;height:16px;overflow:hidden}.progress-fill{background:repeating-linear-gradient(45deg,#ffd23f 0 12px,#ffc21a 12px 24px);border-radius:10px;width:0;height:100%;animation-name:fillbar;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes fillbar{to{width:100%}}.progress-meta{justify-content:space-between;align-items:center;width:100%;display:flex}.result-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:6px;display:flex}.result-emoji{font-size:2.8rem;animation:.3s pop}.result-text{max-width:400px;margin:0;font-size:1.02rem;line-height:1.45}.result-fx{justify-content:center}.result-fx .fx{padding:3px 9px;font-size:.85rem}.moodlet-get{text-align:left;background:#3ecf6e1a;border:1px solid #3ecf6e4d;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px 12px;animation:.35s pop;display:flex}.moodlet-get.bad{background:#ff5a4f1a;border-color:#ff5a4f4d}.moodlet-emoji{flex:none;font-size:1.5rem}.result-card .btn-row{justify-content:center;width:100%}.card-backdrop{z-index:40;background:#060912b3}.event-card{background:linear-gradient(180deg, #232d47 0, var(--panel-solid) 140px);text-align:center;border:2px solid #ffd23f59;border-radius:22px;width:min(100%,380px);padding:0 18px 18px;animation:.35s cubic-bezier(.2,1.4,.4,1) cardin;overflow:hidden}@keyframes cardin{0%{opacity:0;transform:translateY(30px)rotate(-3deg)scale(.92)}}.event-art{border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 120%,#ffd23f59,#0000 65%),repeating-linear-gradient(-45deg,#ffffff08 0 10px,#0000 10px 20px);place-items:center;height:104px;margin:0 -18px 10px;display:grid}.event-art span{filter:drop-shadow(0 6px 8px #0006);font-size:3.6rem}.event-kicker{font:700 .72rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.event-title{margin:4px 0 6px;font-size:1.45rem}.event-body{text-align:left;font-size:.95rem;line-height:1.45}.event-body p{white-space:pre-line;margin:0 0 10px}.event-choices{flex-direction:column;gap:8px;margin-top:6px;display:flex}.event-choice{flex-direction:column;align-items:center;gap:2px;padding:12px 14px;display:flex}.choice-note{opacity:.75;font-size:.74rem;font-weight:600}.summary-list{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.phone-backdrop{z-index:30;background:#06091273;justify-content:flex-end;align-items:flex-end;padding:16px;animation:.15s fade;display:flex;position:fixed;inset:0}.phone{-webkit-user-select:text;user-select:text;background:#0b0f19;border:6px solid #1e2436;border-radius:44px;flex-direction:column;width:390px;height:min(780px,100vh - 32px);animation:.25s cubic-bezier(.2,1.2,.4,1) phonein;display:flex;overflow:hidden;box-shadow:0 0 0 2px #39415a,0 30px 70px #0009}@keyframes phonein{0%{opacity:0;transform:translateY(60px)}}.phone-status{font:700 .78rem var(--display);flex:none;justify-content:space-between;align-items:center;padding:10px 24px 4px;display:flex}.phone-island{background:#000;border-radius:14px;width:92px;height:24px}.phone-appbar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;min-height:52px;padding:4px 10px 8px;display:flex}.phone-appbar h2{text-align:center;flex:1;font-size:1.15rem}.phone-appbar .icon-btn:first-child{font-size:1.8rem;line-height:1}.natter-logo{font:900 1.35rem var(--display);letter-spacing:-.03em;background:linear-gradient(90deg,#ff7a59,#ff3d6e);color:#0000;-webkit-background-clip:text;background-clip:text}.phone-screen{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.phone-screen.app-thread{flex-direction:column;display:flex;overflow:hidden}.phone-home{background:radial-gradient(circle at 20% 0,#ff7a5940,#0000 50%),radial-gradient(circle at 90% 60%,#5b8cff38,#0000 55%);flex-direction:column;min-height:100%;padding:18px 18px 22px;display:flex}.lock-clock{text-align:center;margin:8px 0 26px}.lock-time{font:300 3.6rem var(--display);letter-spacing:-.02em;line-height:1}.lock-date{color:#d7dceb;margin-top:6px;font-size:.9rem}.app-grid{grid-template-columns:repeat(4,1fr);gap:18px 8px;display:grid}.app-icon{color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.app-tile{border-radius:16px;place-items:center;width:60px;height:60px;font-size:1.8rem;transition:transform 80ms;display:grid;position:relative;box-shadow:0 6px 14px #00000059,inset 0 1px #ffffff40}.app-icon:active .app-tile{transform:scale(.92)}.app-label{font-size:.74rem;font-weight:600}.phone-pocket{margin-top:auto}.widgets{grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 18px;display:grid}.widget{text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font:600 .9rem/1.3 var(--display);cursor:pointer;background:#ffffff12;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.face{object-fit:cover;image-rendering:auto;border-radius:50%;flex:none;display:block}.face-initial{color:#fff;place-items:center;font-weight:800;display:grid}.face-btn{cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.face-btn:disabled{cursor:default}.natter{padding-bottom:20px}.composer{border-bottom:6px solid #ffffff0a;gap:10px;padding:12px 14px;display:flex}.composer-main{flex:1;min-width:0}.composer textarea{resize:none;width:100%;color:var(--ink);font:16px/1.35 var(--display);background:#ffffff0d;border:0;border-radius:12px;outline:none;padding:9px 11px}.composer textarea:focus{background:#ffffff14}.composer-foot{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.feed{margin:0;padding:0;list-style:none}.post{border-bottom:1px solid var(--line);padding:11px 14px 8px}.post.mine{background:#ffd23f0a}.post-body{gap:10px;display:flex}.post-main{flex:1;min-width:0}.post-head{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.86rem;display:flex;position:relative}.post-head .muted{font-size:.78rem}.post-text{overflow-wrap:anywhere;white-space:pre-line;margin-top:2px;font-size:.95rem;line-height:1.38}.post-actions{gap:18px;margin-top:5px;display:flex}.post-actions button{color:var(--muted);font:600 .82rem var(--display);cursor:pointer;text-align:left;background:0 0;border:0;min-width:40px;padding:4px 0}.post-actions .like.on{color:#ff4f7b}.post-more{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:1.1rem;line-height:1}.post-menu{z-index:5;border:1px solid var(--line);background:#1f273c;border-radius:12px;flex-direction:column;min-width:180px;display:flex;position:absolute;top:22px;right:0;overflow:hidden;box-shadow:0 12px 28px #00000080}.post-menu button{color:var(--ink);text-align:left;font:600 .88rem var(--display);cursor:pointer;background:0 0;border:0;padding:11px 14px}.post-menu button:hover{background:#ffffff0f}.post-menu.right{top:40px}.tag-real{color:#fff;background:#19a974;border-radius:4px;align-self:center;padding:1px 5px;font-size:.6rem;font-weight:800}.replies{border-left:2px solid #ffffff14;margin:6px 0 0 24px;padding:0 0 0 12px;list-style:none}.post.reply{border:0;padding:6px 0}.post.reply .post-text{font-size:.88rem}.more-replies{padding:2px 0 4px}.reply-box{gap:6px;margin:6px 0 4px 48px;display:flex}.reply-box input,.msg-compose input{border:1px solid var(--line);min-width:0;color:var(--ink);font:16px var(--display);background:#ffffff0f;border-radius:999px;outline:none;flex:1;padding:9px 14px}.load-more{margin:12px auto;display:block}.feed-end,.center{text-align:center;padding:14px}.threads{padding:10px 0 20px}.new-msg{width:calc(100% - 28px);margin:0 14px 8px}.section-label{font:700 .72rem var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:12px 14px 6px}.app-pad .section-label{padding:16px 0 6px}.thread-list{margin:0;padding:0;list-style:none}.thread-row{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:9px 14px;display:flex}.thread-row:hover{background:#ffffff0a}.thread-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.thread-top{align-items:baseline;gap:6px;display:flex}.thread-top .muted{margin-left:auto}.thread-last{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.thread-row.unread .thread-last{color:var(--ink);font-weight:600}.thread-head{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.thread-head-name{flex-direction:column;flex:1;min-width:0;display:flex}.thread-head-name .muted{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.thread-menu-wrap{position:relative}.thread{flex-direction:column;flex:1;min-height:0;display:flex}.msgs{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;padding:12px 12px 6px;display:flex;overflow-y:auto}.msg{overflow-wrap:anywhere;border-radius:18px;max-width:80%;padding:8px 12px 5px;font-size:.93rem;line-height:1.38;animation:.2s pop}.msg-text{white-space:pre-line}.msg.in{background:#222b42;border-bottom-left-radius:6px;align-self:flex-start}.msg.out{background:linear-gradient(135deg,#2f7de1,#2563c9);border-bottom-right-radius:6px;align-self:flex-end}.msg.bad{background:#3a2128}.msg.good{background:#1f3a2c}.msg .bill{background:#0003;margin-top:6px}.msg-time{opacity:.6;text-align:right;margin-top:2px;font-size:.66rem}.msg.typing{gap:4px;padding:12px 14px;display:flex}.msg.typing i{background:#8b95ad;border-radius:50%;width:7px;height:7px;animation:1s infinite typing}.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{30%{opacity:1;transform:translateY(-4px)}0%,60%,to{opacity:.5}}.sys-note{text-align:center;color:var(--muted);background:#ffffff0a;border-radius:10px;align-self:center;max-width:300px;margin:4px 10px;padding:6px 10px;font-size:.74rem}.msg-compose{padding:8px 10px calc(10px + var(--safe-bottom));border-top:1px solid var(--line);flex:none;gap:8px;display:flex}.msg-compose .btn{border-radius:50%;flex:none;width:44px;height:44px;padding:0}.app-pad{padding:14px 16px 24px}.big-card{border:1px solid var(--line);background:#ffffff0d;border-radius:16px;flex-direction:column;gap:6px;margin-bottom:10px;padding:14px;display:flex}.big-card p{margin:0}.big-emoji{font-size:2.2rem}.big-title{font:800 1.3rem var(--display)}.xp-track{background:#ffffff14;border-radius:6px;height:10px;margin-top:4px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#5b8cff,#a18cd1);height:100%}.bank-card{background:linear-gradient(135deg,#2c3e50,#3a7a8a);border-radius:18px;margin-bottom:12px;padding:16px;box-shadow:0 10px 24px #0000004d}.bank-balance{font:800 2.2rem var(--display);margin:4px 0 8px}.bank-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.bank-row .oyster-mini{vertical-align:-1px;display:inline-block}.me-needs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.me-need{background:#ffffff0d;border-radius:10px;justify-content:space-between;padding:8px 10px;font-size:.88rem;display:flex}.moodlet-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.moodlet-list li{background:#ffffff0a;border-left:3px solid #3ecf6e;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.moodlet-list li.bad{border-left-color:#ff5a4f}.toggle-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.toggle-row>span{flex-direction:column;gap:2px;display:flex}.toggle-row input{accent-color:#3ecf6e;width:22px;height:22px}.muted-row{align-items:center;gap:10px;padding:6px 0;display:flex}.muted-row span{flex:1}@media (width<=560px){.phone-backdrop{padding:0}.phone{width:100%;height:100%;box-shadow:none;padding-top:var(--safe-top);border:0;border-radius:0}.phone-status{padding:6px 16px 2px}.phone-island{display:none}.hud-card{gap:6px;padding:8px 10px 7px}.needs{grid-template-columns:repeat(3,1fr);gap:5px 10px;display:grid}.chip-name{display:none}.event-card{margin:0 12px 18px}.card-backdrop{align-items:center;padding:12px}.card-backdrop .event-card{margin:0}.action-emoji{width:34px;height:34px;font-size:1.35rem}.action-btn{gap:10px;padding:9px 10px}}.bill-row b.credit{color:#2f9e5e}.warn-text{color:#ffb4a8;font-weight:700}.uc-card{margin-top:12px}.uc-head{padding:4px 0 6px;font-size:13px;font-weight:800}.shop-list .item{align-items:center;gap:10px}.shop-emoji{text-align:center;flex:none;width:40px;font-size:28px}.app-stuff .stats{margin-bottom:12px}.guide{border-left:4px solid #ffd23f;align-items:center;gap:10px;width:min(100%,440px);padding:8px 10px;animation:.25s pop;display:flex}.guide-step{color:#2a2000;background:#ffd23f;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:.8rem;font-weight:800;display:grid}.guide-main{flex-direction:column;flex:1;gap:2px;font-size:.84rem;line-height:1.3;display:flex}.guide-main span{color:var(--muted,#b8c0d6)}.guide-skip{flex:none}.gender-items .chip-big{text-align:center;min-width:84px;padding:9px 16px;font-size:.95rem}.creator-note{margin:-2px 0 10px;line-height:1.35}.identity-box{background:#ffffff0a;border-radius:12px;margin-bottom:12px;padding:10px 12px 4px}.identity-box .opt-row{margin-bottom:8px}.identity-box p{margin:4px 0 8px}.roombar{border-left:4px solid var(--green);flex-direction:column;gap:4px;width:min(100%,440px);padding:6px 8px;animation:.25s pop;display:flex}.roombar-row{align-items:center;gap:6px;display:flex}.roombar-title{all:unset;cursor:pointer;flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.roombar-title b{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.here-count{color:var(--muted);font-size:.74rem}.here-faces{align-items:center;display:flex}.here-face{all:unset;cursor:pointer;border:2px solid var(--panel-solid);background:#2c3550;border-radius:50%;width:30px;height:30px;margin-left:-7px;overflow:hidden}.here-face:first-child{margin-left:0}.here-face.player{border-color:var(--green)}.here-face.staff{background:#3b3350}.here-more{color:var(--muted);margin-left:4px;font-size:.72rem}.av-head{display:block}.roombar-chat{color:#dfe6f5;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;animation:.25s pop;overflow:hidden}.here-list{flex-direction:column;gap:4px;max-height:34vh;margin:0 0 10px;padding:0;list-style:none;display:flex;overflow:auto}.here-row{all:unset;box-sizing:border-box;cursor:pointer;background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.here-row:hover,.here-row:focus-visible{background:#ffffff17}.here-row:disabled{opacity:.45;cursor:default}.here-row canvas{background:#2c3550;border-radius:50%;flex:none}.here-main{flex-direction:column;flex:1;min-width:0;display:flex}.room-log{background:#00000038;border-radius:12px;flex-direction:column;gap:4px;min-height:60px;max-height:22vh;padding:8px 10px;font-size:.84rem;display:flex;overflow:auto}.room-line b{margin-right:4px}.room-line.me b{color:var(--accent)}.room-line.player b{color:#7ee2b8}.room-line.npc b,.room-line.staff b{color:#b8c3e0}.room-input{gap:6px;margin:8px 0;display:flex}.room-input input{flex:1;min-width:0}.profile-modal .modal-body{padding-top:4px}.profile-title{align-items:center;gap:8px;display:inline-flex}.chip-pronoun{color:var(--muted);background:#ffffff1a;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.profile-head{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.profile-av{background:radial-gradient(circle at 50% 40%,#39446a,#222a42);border-radius:18px;flex:none;width:84px;height:84px}.profile-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.profile-tags{flex-wrap:wrap;gap:4px;display:flex}.tag{background:#ffffff14;border-radius:999px;padding:2px 8px;font-size:.72rem}.tag.player{color:#9af0c9;background:#19a97440}.tag.staff{background:#9678ff33}.profile-bio{margin:2px 0;font-size:.84rem;line-height:1.35}.rel{flex-direction:column;gap:3px;display:flex}.rel-row{justify-content:space-between;font-size:.84rem;display:flex}.streak-chip{color:#ffb36b;font-size:.74rem}.rel-track{background:#ffffff1a;border-radius:3px;height:6px;display:block;overflow:hidden}.rel-fill{background:linear-gradient(90deg,#ffd23f,#ff9f1c);border-radius:3px;height:100%;transition:width .4s;display:block}.act-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.act-btn{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);background:#ffffff0f;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-height:44px;padding:9px 10px;display:grid}.act-btn:hover:not(:disabled){background:#ffffff1c}.act-btn.primary{background:#ffd23f29;border-color:#ffd23f66}.act-btn:disabled{opacity:.5;cursor:default}.act-emoji{grid-row:span 2;font-size:1.25rem}.act-label{font-size:.84rem;font-weight:600;line-height:1.2}.act-why{color:var(--muted);font-size:.7rem}.act-result{background:#19a97429;border-radius:10px;margin:0 0 8px;padding:8px 10px;font-size:.86rem;animation:.2s pop}.act-result.bad{background:#d4202029}.act-result.info{background:#ffffff12}.talk{flex-direction:column;gap:6px;display:flex}.talk-line{border-radius:14px;max-width:88%;padding:7px 10px;font-size:.86rem;line-height:1.35;animation:.2s pop}.talk-line.them{background:#ffffff14;border-bottom-left-radius:4px}.talk-line.them b{color:var(--muted);font-size:.72rem;display:block}.talk-line.me{background:#ffd23f33;border-bottom-right-radius:4px;margin:4px 0 4px auto}.talk-topics{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.chip.ghost{opacity:.75}.invite-list{flex-direction:column;gap:4px;display:flex}.place-all{margin-top:10px}.btn-soft{opacity:.92}.wishes{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.wishes li{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.wishes li.done{background:#19a97426}.wish-emoji{flex:none;font-size:1.3rem}.wish-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.wish-count{color:var(--muted);font-size:.8rem;font-weight:700}