:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45;color:#e2e8f0;background:#0f172a}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer}.app-shell{width:100%;height:100%;background:#0f172a}.game-layout{display:flex;width:100%;height:100%}.viewport-column{flex:1;position:relative;min-width:0;height:100%}.viewport-wrap{position:absolute;top:0;right:0;bottom:0;left:0;transition:filter .12s linear}.viewport-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.float-hud-stack{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(200px,28vw)}.float-hud{pointer-events:none;background:#0f172ad1;border:1px solid rgba(100,116,139,.55);border-radius:10px;padding:8px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px #00000059}.float-hud-mh,.float-hud-map{width:188px}.float-hud-label{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px}.float-hud-mh .mental-health-row{gap:8px}.float-hud-mh .mental-health-track{height:8px}.float-hud-mh .mental-health-value{font-size:12px;min-width:32px}.float-hud-map .warehouse-map{border-radius:4px}.float-hud-map .map-player{stroke-width:1.5}.game-sidebar{position:relative;width:300px;flex-shrink:0;height:100%;background:linear-gradient(180deg,#1e293b,#0f172a);border-right:1px solid #334155;display:flex;transition:width .22s ease;z-index:5}.app-shell.sidebar-collapsed .game-sidebar{width:44px}.sidebar-toggle{position:absolute;top:50%;right:-12px;transform:translateY(-50%);z-index:10;width:24px;height:48px;border:1px solid #475569;border-radius:0 8px 8px 0;background:#1e293b;color:#94a3b8;font-size:16px;line-height:1;padding:0;pointer-events:auto}.sidebar-toggle:hover{background:#334155;color:#f1f5f9}.sidebar-inner{display:flex;flex-direction:column;width:300px;height:100%;overflow:hidden;opacity:1;transition:opacity .15s ease}.app-shell.sidebar-collapsed .sidebar-inner{opacity:0;pointer-events:none}.sidebar-header{flex-shrink:0;padding:16px 16px 12px;border-bottom:1px solid #334155;background:linear-gradient(135deg,#003d73,#1e293b 55%,#1a1a2e)}.sidebar-brand{display:flex;align-items:center;gap:10px}.brand-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#005daa,#e31837);font-size:13px;font-weight:800;color:#fff;letter-spacing:-.02em}.brand-title{font-size:15px;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.brand-subtitle{font-size:11px;color:#94a3b8;margin-top:1px}.god-mode-badge{margin-top:10px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-align:center;color:#1a1206;background:linear-gradient(135deg,#fbbf24,#f59e0b);animation:god-pulse 1.6s ease-in-out infinite}@keyframes god-pulse{0%,to{opacity:1;box-shadow:0 0 #f59e0b80}50%{opacity:.85;box-shadow:0 0 12px 2px #f59e0b8c}}.sidebar-scroll{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:14px}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.sidebar-section{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:12px}.section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px}.objective-copy{margin:0;font-size:13px;color:#cbd5e1;line-height:1.5}.mental-health-row{display:flex;align-items:center;gap:10px}.mental-health-track{flex:1;height:8px;background:#0f172a;border-radius:99px;overflow:hidden}.mental-health-fill{height:100%;border-radius:99px;transition:width .25s ease,background-color .15s ease}.mental-health-value.mh-hit{animation:mh-shake .35s ease;color:#fca5a5}.mental-health-fill.mh-heal{box-shadow:0 0 12px #4ade80d9}.mental-health-value.mh-heal-text{animation:mh-pop .45s ease;color:#86efac}@keyframes mh-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes mh-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.bump-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 35%,rgba(220,38,38,.55) 100%);transition:opacity .08s ease-out}.bump-toast{position:absolute;top:18%;left:50%;transform:translate(-50%);z-index:4;padding:10px 20px;border-radius:10px;background:#7f1d1deb;border:1px solid #ef4444;color:#fecaca;font-size:15px;font-weight:700;letter-spacing:.01em;pointer-events:none;animation:bump-pop .42s ease}@keyframes bump-pop{0%{opacity:0;transform:translate(-50%) scale(.85)}20%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}.mental-health-value{font-size:13px;font-weight:600;color:#f1f5f9;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.warehouse-map-section{padding-bottom:10px}.warehouse-map{width:100%;height:auto;display:block;border-radius:6px}.map-floor{fill:#0f172a}.map-cross-aisle{stroke:#334155;stroke-width:1;stroke-dasharray:4 3}.map-cooler{fill:#1e3a5f;stroke:#38bdf8;stroke-width:1}.map-cooler-label{fill:#7dd3fc;font-size:9px;font-weight:700;letter-spacing:.06em}.map-racetrack{fill:#172554;stroke:#3b82f6;stroke-width:.6;opacity:.55}.map-front-court{fill:#1e293b;stroke:#475569;stroke-width:.5}.map-checkout{fill:#1a2e1a;stroke:#4ade80;stroke-width:1}.map-checkout-active{fill:#14532d;stroke:#86efac;stroke-width:1.5}.map-checkout-label{fill:#86efac;font-size:9px;font-weight:700;letter-spacing:.05em}.map-pin-quest{fill:#fbbf24;stroke:#f59e0b;stroke-width:1.5}.map-pin-done{fill:#475569;stroke:#64748b;stroke-width:1}.map-pin-label{fill:#fde68a;font-size:8px;font-weight:600}.map-player{fill:#3b82f6;stroke:#93c5fd;stroke-width:1.5}.map-player-icon{fill:#dbeafe;font-size:8px}.map-hint{margin:8px 0 0;font-size:10px;color:#94a3b8;line-height:1.45}.checkout-panel .checkout-hint{margin:0 0 8px;font-size:12px;color:#cbd5e1;line-height:1.45}.checkout-panel .checkout-event{margin:8px 0 0;font-size:11px;color:#fde68a}.checkout-stress{margin:0 0 8px;font-size:11px;font-weight:600;color:#fca5a5}.checkout-stress-alarm{color:#f87171;animation:checkout-alarm-pulse .85s ease-in-out infinite}@keyframes checkout-alarm-pulse{0%,to{opacity:1}50%{opacity:.55}}.lane-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.lane-cell{background:#0f172a;border:1px solid #334155;border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.lane-cell.lane-you{border-color:#22c55e;background:#14532d33}.lane-cell.lane-closed{opacity:.5}.lane-num{font-size:13px;font-weight:700;color:#f8fafc}.lane-depth{font-size:10px;color:#94a3b8}.lane-flag{font-size:9px;font-weight:700;color:#fca5a5}.manifest-table-wrap{overflow-x:auto}.manifest-table{width:100%;border-collapse:collapse;font-size:12px}.manifest-table th{text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;padding:0 6px 6px;border-bottom:1px solid #334155}.manifest-table td{padding:7px 6px;border-bottom:1px solid #1e293b;vertical-align:top}.manifest-table tr:last-child td{border-bottom:none}.manifest-table .col-sku{width:52px;max-width:52px;font-family:SF Mono,Fira Code,monospace;font-size:10px;color:#94a3b8;white-space:nowrap}.manifest-table .col-status{width:36px;text-align:center;color:#fbbf24;font-weight:600}.manifest-table .col-item{min-width:0}.item-name{display:block;color:#e2e8f0;font-weight:500;line-height:1.3}.item-aisle{display:block;font-size:10px;color:#64748b;margin-top:2px}.manifest-table tr.row-done td{opacity:.45}.manifest-table tr.row-done .col-status{color:#22c55e}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-cell{background:#0f172a;border-radius:8px;padding:8px 10px}.stat-key{display:block;font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.stat-val{display:block;font-size:13px;font-weight:600;color:#f1f5f9;margin-top:2px;font-variant-numeric:tabular-nums}.sidebar-alert{background:#422006;border:1px solid #92400e;border-radius:8px;padding:10px 12px;font-size:11px;color:#fde68a}.sidebar-footer{flex-shrink:0;padding:10px 14px 14px;border-top:1px solid #334155}.controls-legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;font-size:10px;color:#64748b}.toast-banner{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:10px;font-size:13px;font-weight:500;max-width:480px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.toast-objective{background:#1e3a5fe0;border:1px solid #3b82f6;color:#bfdbfe}.toast-success{background:#14532de0;border:1px solid #22c55e;color:#bbf7d0}.toast-sample{background:#451a03e6;border:1px solid #fbbf24;color:#fde68a;top:18%;bottom:auto}.toast-checkout{background:#3730a3e6;border:1px solid #818cf8;color:#e0e7ff}.toast-checkout-alarm{background:#7f1d1deb;border:1px solid #f87171;color:#fee2e2;animation:checkout-alarm-pulse .85s ease-in-out infinite}.bump-toast-checkout{border-color:#f87171;background:#450a0aeb}.toast-win{background:#14532deb;border:1px solid #4ade80;color:#dcfce7;font-weight:600}.toast-end{background:#1e1b1bf2;border:2px solid #dc2626;color:#fecaca}.end-message{text-align:center}.end-title{font-size:16px;font-weight:700;color:#fca5a5;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.end-subtitle{font-size:12px;color:#fecaca;font-style:italic}.enter-gate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 30%,#003d7352,#020617f7 65%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;pointer-events:auto;animation:end-screen-in .45s cubic-bezier(.16,1,.3,1) both}.enter-panel{background:#0f172a;border:1px solid rgba(0,93,170,.28);border-radius:20px;padding:40px 48px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;scrollbar-width:none;box-shadow:0 0 60px #005daa1a,0 24px 64px #0009}.enter-panel::-webkit-scrollbar{display:none}.enter-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#3b82f6;margin-bottom:10px}.enter-title{font-size:36px;font-weight:800;letter-spacing:-.02em;color:#f0f9ff;margin:0 0 8px;line-height:1.1}.enter-subtitle{font-size:14px;color:#64748b;margin:0;line-height:1.5}.enter-divider{display:flex;align-items:center;gap:12px;margin:28px 0 20px;color:#334155;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.enter-divider:before,.enter-divider:after{content:"";flex:1;height:1px;background:#1e293b}.enter-briefing{display:flex;flex-direction:column;margin-bottom:28px}.enter-stat-row{padding:13px 0;border-bottom:1px solid #1e293b}.enter-stat-row:last-child{border-bottom:none}.enter-stat-header{display:flex;align-items:center;gap:8px;margin-bottom:3px}.enter-row-icon{font-size:18px;line-height:1;flex-shrink:0}.enter-stat-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#475569}.enter-stat-note{font-size:13px;color:#94a3b8;margin:0;line-height:1.45}.enter-button,.primary-button{width:100%;background:linear-gradient(135deg,#005daa,#0070cc,#e31837);background-size:200% 200%;border:none;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:700;color:#fff;box-shadow:0 4px 20px #005daa66;transition:transform .15s ease,box-shadow .15s ease,background-position .3s ease}.enter-button:hover,.primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 28px #e3183759;background-position:100% 50%}.enter-button-aside{font-weight:400;opacity:.65;font-size:13px}.enter-fine-print{margin:16px 0 0;font-size:11px;color:#334155;line-height:1.6;text-align:center}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:100;pointer-events:auto}.game-over-panel{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:32px 36px;text-align:center;max-width:380px}.game-over-panel h1{margin:0 0 10px;font-size:22px;color:#ef4444}.game-over-panel p{font-size:14px;margin:0 0 20px;color:#94a3b8}.win-overlay{background:#0000008c}.win-panel h1{color:#22c55e}.end-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:end-screen-in .45s cubic-bezier(.16,1,.3,1) both}.end-screen-win{background:radial-gradient(ellipse at 50% 30%,#15803d47,#020617f5 65%)}.end-screen-lose{background:radial-gradient(ellipse at 50% 30%,#991b1b52,#020617f7 65%)}@keyframes end-screen-in{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.end-panel{background:#0f172a;border:1px solid #1e293b;border-radius:20px;padding:40px 48px;max-width:580px;width:100%;max-height:90vh;overflow-y:auto;scrollbar-width:none}.end-panel::-webkit-scrollbar{display:none}.end-screen-win .end-panel{border-color:#22c55e40;box-shadow:0 0 60px #22c55e14,0 24px 64px #0009}.end-screen-lose .end-panel{border-color:#ef444438;box-shadow:0 0 60px #ef444412,0 24px 64px #0009}.end-hero-graphic{font-size:64px;line-height:1;text-align:center;margin-bottom:20px;animation:end-hero-bounce .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.15s}@keyframes end-hero-bounce{0%{opacity:0;transform:scale(.4) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}.end-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}.end-screen-win .end-eyebrow{color:#22c55e}.end-screen-lose .end-eyebrow{color:#ef4444}.end-title{font-size:36px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px;line-height:1.1}.end-screen-win .end-title{color:#f0fdf4}.end-screen-lose .end-title{color:#fef2f2}.end-subtitle{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}.end-receipt{display:flex;flex-direction:column;gap:2px;background:#22c55e12;border:1px solid rgba(34,197,94,.18);border-radius:10px;padding:14px 18px;margin-bottom:4px}.end-receipt-label{font-size:10px;font-weight:700;letter-spacing:.14em;color:#22c55e;text-transform:uppercase}.end-receipt-amount{font-size:28px;font-weight:800;color:#f0fdf4;letter-spacing:-.02em}.end-receipt-note{font-size:11px;color:#475569}.end-divider{display:flex;align-items:center;gap:12px;margin:28px 0 20px;color:#334155;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.end-divider:before,.end-divider:after{content:"";flex:1;height:1px;background:#1e293b}.end-stats{display:flex;flex-direction:column;gap:0}.end-stat-row{padding:14px 0;border-bottom:1px solid #1e293b}.end-stat-row:last-child{border-bottom:none}.end-stat-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:3px}.end-stat-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#475569}.end-stat-value{font-size:16px;font-weight:700;color:#e2e8f0;text-align:right;flex-shrink:0}.end-stat-note{font-size:12px;color:#64748b;margin:0;line-height:1.4;font-style:italic}.end-actions{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:12px}.end-btn-primary{width:100%;padding:14px 24px;border-radius:10px;border:none;font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:opacity .15s,transform .1s}.end-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.end-btn-primary:active{transform:translateY(0)}.end-screen-win .end-btn-primary{background:#22c55e;color:#052e16}.end-screen-lose .end-btn-primary{background:#ef4444;color:#fff}.end-accept-defeat{font-size:12px;color:#334155;margin:0;text-align:center}.end-btn-ghost{background:none;border:none;color:#475569;font-size:12px;padding:0;text-decoration:underline;cursor:pointer}.end-btn-ghost:hover{color:#64748b}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#003d73a6,#0f172af5,#020617);transition:opacity .5s ease;pointer-events:auto}.loading-screen-out{opacity:0;pointer-events:none}.loading-panel{width:min(420px,92vw);padding:28px 32px 32px;border-radius:18px;background:linear-gradient(165deg,#1e293b,#0f172a);border:1px solid #334155;box-shadow:0 28px 56px #00000080}.loading-brand-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}.loading-logo{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#005daa,#e31837);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:#fff;animation:loading-logo-bob 1.6s ease-in-out infinite}@keyframes loading-logo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.loading-title{font-size:20px;font-weight:800;color:#f8fafc;letter-spacing:-.02em}.loading-subtitle{font-size:12px;color:#64748b;margin-top:2px}.loading-ad-card{background:linear-gradient(135deg,#003d73,#1e3a5f);border:1px solid #005daa;border-radius:12px;padding:16px 18px;margin-bottom:20px;min-height:88px;display:flex;flex-direction:column;justify-content:center}.loading-ad-badge{font-size:9px;font-weight:800;letter-spacing:.12em;color:#fde047;margin-bottom:8px}.loading-ad-line{margin:0;font-size:14px;line-height:1.55;color:#e2e8f0;animation:loading-ad-in .45s ease}@keyframes loading-ad-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loading-ad-footer{margin-top:10px;font-size:10px;color:#64748b;font-style:italic}.loading-cart-art{position:relative;height:52px;margin-bottom:18px;animation:loading-cart-roll 2.4s ease-in-out infinite}@keyframes loading-cart-roll{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}.loading-cart-handle{position:absolute;left:50%;top:4px;width:72px;height:5px;margin-left:-36px;background:#c41e3a;border-radius:2px}.loading-cart-basket{position:absolute;left:50%;top:18px;width:56px;height:28px;margin-left:-28px;background:#8a9098;border:2px solid #6b7280;border-radius:2px 2px 4px 4px}.loading-cart-wheel{position:absolute;bottom:0;width:14px;height:14px;background:#1a1c20;border-radius:50%;border:2px solid #4b5563}.loading-cart-wheel-l{left:calc(50% - 30px)}.loading-cart-wheel-r{left:calc(50% + 16px)}.loading-bar-track{height:8px;background:#0f172a;border-radius:99px;overflow:hidden;border:1px solid #334155}.loading-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#005daa,#0070cc,#e31837);transition:width .25s ease}.loading-status{margin:10px 0 0;font-size:11px;color:#64748b;text-align:center}.chaos-test-panel{position:absolute;bottom:12px;left:12px;z-index:20;max-width:320px;padding:10px 12px;border-radius:8px;background:#0f172ae0;border:1px solid #475569;font-size:11px;pointer-events:auto}.chaos-test-idle{display:flex;align-items:center;gap:8px;padding:6px 10px}.chaos-test-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.chaos-test-label{font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:10px;margin-right:auto}.chaos-test-btn{padding:3px 8px;border-radius:4px;border:1px solid #64748b;background:#1e293b;color:#e2e8f0;font-size:10px}.chaos-test-btn-muted{color:#94a3b8}.chaos-test-status{margin:0 0 4px;color:#cbd5e1}.chaos-test-count{margin:0 0 6px;color:#86efac;font-weight:600}.chaos-test-count-bad{color:#fca5a5}.chaos-test-list{margin:0;padding-left:16px;color:#cbd5e1;max-height:100px;overflow-y:auto}.chaos-test-list li{margin-bottom:4px}.chaos-test-list strong{color:#fbbf24;font-weight:600}.phone-interlude-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:end-screen-in .4s cubic-bezier(.22,1,.36,1) both}.phone-hand-scene{display:flex;align-items:flex-end;justify-content:center;transform:perspective(900px) rotateX(8deg);transform-origin:center bottom}.phone-hand-wrap{position:relative;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 40px 60px rgba(0,0,0,.8));animation:phone-rise .5s cubic-bezier(.22,1,.36,1) both}@keyframes phone-rise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.phone-shell{position:relative;width:380px;height:720px;background:linear-gradient(160deg,#2a2a2a,#1a1a1a 60%,#111);border-radius:44px;box-shadow:0 0 0 1px #ffffff1f,0 0 0 8px #0a0a0a,0 0 0 9px #ffffff0f,inset 0 1px #ffffff14;overflow:visible;flex-shrink:0;isolation:isolate}.phone-btn-vol-up,.phone-btn-vol-down,.phone-btn-power{position:absolute;background:#222;border-radius:2px;box-shadow:inset 0 1px #ffffff1a}.phone-btn-vol-up{left:-3px;top:110px;width:3px;height:30px}.phone-btn-vol-down{left:-3px;top:152px;width:3px;height:30px}.phone-btn-power{right:-3px;top:130px;width:3px;height:44px}.phone-screen{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:38px;background:#000;overflow:hidden;display:flex;flex-direction:column}.phone-status-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 4px;background:#f5f5f7;flex-shrink:0}.phone-time{font-size:12px;font-weight:700;color:#000;letter-spacing:-.02em}.phone-notch{width:90px;height:20px;background:#000;border-radius:0 0 14px 14px;margin-top:-10px}.phone-status-icons{display:flex;gap:4px;align-items:center;font-size:9px;color:#000;font-weight:600}.phone-signal{font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;cursor:default;position:relative;letter-spacing:.02em}.phone-signal-checking{color:#888;animation:phone-signal-pulse 1s infinite alternate}.phone-signal-ok{color:#22c55e}.phone-signal-error{color:#ef4444;cursor:pointer;text-decoration:underline dotted}@keyframes phone-signal-pulse{0%{opacity:.4}to{opacity:1}}.phone-signal-detail{position:absolute;top:calc(100% + 6px);right:0;width:260px;background:#1e1e2e;color:#e2e8f0;font-size:10px;font-family:monospace;white-space:pre-wrap;word-break:break-all;padding:10px;border-radius:8px;border:1px solid rgba(239,68,68,.4);box-shadow:0 8px 24px #0009;z-index:10;line-height:1.5;cursor:text;pointer-events:all}.phone-nav-bar{display:flex;align-items:center;gap:8px;padding:6px 12px 8px;background:#f5f5f7;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.phone-back{background:none;border:none;color:#007aff;font-size:14px;font-weight:500;cursor:pointer;padding:2px 0;white-space:nowrap}.phone-contact{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.phone-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.phone-contact-name{font-size:11px;font-weight:600;color:#000}.phone-nav-action{background:none;border:none;color:#007aff;font-size:16px;cursor:pointer;padding:2px 4px;opacity:.7}.phone-bubbles{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:4px;background:#fff}.phone-bubble-wrap{display:flex}.phone-bubble-wrap-spouse{justify-content:flex-start}.phone-bubble-wrap-player{justify-content:flex-end}.phone-bubble{max-width:76%;padding:8px 12px;border-radius:18px;font-size:13px;line-height:1.4}.phone-bubble-spouse{background:#e5e5ea;color:#000;border-bottom-left-radius:4px}.phone-bubble-player{background:#007aff;color:#fff;border-bottom-right-radius:4px}.phone-typing{display:flex;gap:4px;align-items:center;padding:10px 14px;background:#e5e5ea;border-radius:18px 18px 18px 4px;width:fit-content}.phone-typing span{width:6px;height:6px;background:#999;border-radius:50%;animation:phone-dot-bounce 1.2s infinite ease-in-out}.phone-typing span:nth-child(2){animation-delay:.2s}.phone-typing span:nth-child(3){animation-delay:.4s}@keyframes phone-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.phone-input-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#f5f5f7;border-top:1px solid rgba(0,0,0,.1);flex-shrink:0}.phone-input-shell{flex:1;background:#fff;border:1px solid #ccc;border-radius:18px;padding:2px 4px}.phone-input{width:100%;background:transparent;border:none;outline:none;padding:6px 10px;font-size:13px;color:#000}.phone-send{width:30px;height:30px;border-radius:50%;background:#007aff;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.phone-send:disabled{background:#c7c7cc;cursor:default}.phone-send:not(:disabled):hover{background:#0062cc}.phone-home-indicator{height:20px;background:#f5f5f7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.phone-home-indicator:after{content:"";width:100px;height:4px;background:#000;border-radius:2px;opacity:.18}.phone-hand{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.phone-palm{position:absolute;top:60px;right:-12px;bottom:-14px;left:-12px;background:linear-gradient(160deg,#c8956c,#b07850);border-radius:0 0 28px 28px;box-shadow:0 12px 32px #00000080,inset 0 2px 6px #ffc89640;z-index:-1}.phone-finger{position:absolute;right:100%;width:22px;background:linear-gradient(90deg,#b87850,#d9a57a);border-radius:10px 0 0 10px;box-shadow:-3px 2px 8px #00000059,inset -2px 0 4px #ffc8964d;z-index:1}.phone-finger:after{content:"";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:2px;height:40%;background:#0000001a;border-radius:1px}.phone-finger-1{top:120px;height:56px}.phone-finger-2{top:188px;height:62px}.phone-finger-3{top:262px;height:60px}.phone-finger-4{top:334px;height:50px;border-radius:10px 0 0 14px}.phone-thumb{position:absolute;left:100%;top:200px;width:26px;height:100px;background:linear-gradient(270deg,#b87850,#d9a57a);border-radius:0 14px 14px 0;box-shadow:3px 2px 8px #00000059,inset 2px 0 4px #ffc8964d;z-index:1}.phone-thumb:after{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:2px;height:35%;background:#0000001a;border-radius:1px}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}