.loading-screen{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff}.loading-content{width:90%;max-width:400px;text-align:center}.loading-title{font-size:2rem;font-weight:700;letter-spacing:2px;margin:0 0 .5rem;text-transform:uppercase;background:linear-gradient(90deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-subtitle{font-size:1rem;color:#aaa;margin:0 0 3rem;letter-spacing:1px}.progress-container{margin:2rem 0}.progress-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00d4ff,gold);border-radius:4px;box-shadow:0 0 10px #00d4ff80}.progress-text{font-size:1rem;font-weight:500;margin:.5rem 0;color:#fff}.progress-detail{font-size:.875rem;color:#888;margin:.25rem 0 0}.loading-decoration{font-size:3rem;margin-top:2rem;filter:drop-shadow(0 0 20px rgba(255,215,0,.3))}@media (max-width: 480px){.loading-title{font-size:1.5rem}.loading-subtitle{font-size:.875rem}.loading-decoration{font-size:2rem}}.animated-background-container{position:absolute;top:0;left:0;width:100%;height:75vh;overflow:hidden;z-index:0}.animated-background{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.dialogue-box{position:fixed;bottom:var(--safe-bottom);left:var(--safe-left);right:var(--safe-right);background:#000000bf;backdrop-filter:blur(10px);border-radius:16px;padding:20px;z-index:var(--z-dialogue);cursor:pointer;min-height:var(--dialogue-height);display:flex;flex-direction:column}.speaker-name{font-size:14px;font-weight:600;color:var(--accent-money);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.dialogue-text{font-size:16px;line-height:1.6;color:var(--text-primary);flex:1;letter-spacing:.3px}.continue-indicator{font-size:12px;color:#fff9;text-align:right;margin-top:8px;animation:pulse 2s ease-in-out infinite}.choice-menu{position:fixed;bottom:var(--safe-bottom);left:var(--safe-left);right:var(--safe-right);z-index:var(--z-dialogue)}.choice-question{background:#000000d9;border-radius:12px;padding:16px;margin-bottom:12px;font-size:15px;color:var(--text-primary);text-align:center}.choices-container{display:flex;flex-direction:column;gap:8px}.choice-button{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:16px 20px;min-height:var(--choice-height);color:var(--text-primary);font-size:15px;font-weight:500;text-align:left;transition:all .15s ease;cursor:pointer;backdrop-filter:blur(10px)}.choice-button:active{background:#ffffff4d;transform:scale(.98)}.regular-scene{position:relative;width:100%;height:100vh;overflow:hidden}.phone-background{position:absolute;inset:0;background:#fff;z-index:0}.status-bar{position:absolute;top:0;left:0;right:0;height:20px;background:#f8f8f8;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-sm);font-size:11px;color:#000;z-index:10}.status-time{font-weight:600}.status-icons{display:flex;gap:4px;font-size:10px}.phone-header{position:absolute;top:20px;left:0;right:0;height:44px;background:#f8f8f8;border-bottom:1px solid #d1d1d1;display:flex;align-items:center;padding:0 var(--space-sm);z-index:10}.back-button{color:#007aff;font-size:17px;cursor:pointer;font-weight:400}.chat-name{position:absolute;left:50%;transform:translate(-50%);font-size:16px;font-weight:600;color:#000;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.group-icon{position:absolute;right:var(--space-sm);font-size:14px}.incoming-message-container{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--space-sm);max-width:75%}.sender-name{font-size:12px;font-weight:500;color:var(--sender-name);margin-bottom:4px;margin-left:4px}.incoming-message{background:var(--message-incoming);color:var(--message-text-incoming);padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4;box-shadow:0 1px 2px #0000001a;word-wrap:break-word}.outgoing-message-container{display:flex;justify-content:flex-end;margin-bottom:var(--space-sm)}.outgoing-message{background:var(--message-outgoing);color:var(--message-text-outgoing);padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4;max-width:75%;box-shadow:0 1px 2px #00000026;word-wrap:break-word}.message-thread{position:absolute;inset:64px 0 100px;overflow-y:auto;padding:var(--space-md);background:#fff;z-index:1;-webkit-overflow-scrolling:touch}.message-choices{position:fixed;bottom:var(--safe-bottom);left:0;right:0;padding:var(--space-md);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);background:linear-gradient(to top,#fff 0%,#fff 80%,transparent 100%);z-index:10}.message-choice{background:var(--message-outgoing);color:var(--message-text-outgoing);padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4;max-width:75%;box-shadow:0 1px 2px #00000026;cursor:pointer;transition:all .15s ease}.message-choice:active{opacity:.9;transform:scale(.98)}.phone-scene{position:relative;width:100%;height:100vh;background:#fff;overflow:hidden}.tap-to-continue{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:8px 16px;background:#0009;color:#fff;border-radius:20px;font-size:14px;pointer-events:none;animation:pulse 2s ease-in-out infinite;z-index:100}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.title-card{width:100%;height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.title-main{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md);letter-spacing:2px;text-transform:uppercase}.title-subtitle{font-size:24px;font-weight:400;color:var(--accent-ella);margin-bottom:var(--space-lg);letter-spacing:1px}.title-timestamp{font-size:16px;color:var(--text-secondary);font-style:italic}.ending-screen{width:100%;height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);overflow-y:auto;padding:var(--space-xl)}.ending-content{max-width:500px;margin:0 auto;padding:var(--space-lg)}.ending-title{font-size:28px;font-weight:700;color:var(--accent-ella);margin-bottom:var(--space-lg);text-align:center;text-transform:uppercase;letter-spacing:1px}.ending-description{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-xl);text-align:center}.ending-stats{background:#ffffff0d;border-radius:12px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.ending-stats h3,.ending-stats h4{color:var(--text-primary);margin-bottom:var(--space-md);text-align:center}.stat-item{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-label{color:var(--text-secondary);font-size:14px}.stat-value{color:var(--text-primary);font-size:14px;font-weight:600}.restart-button{width:100%;background:var(--accent-ella);color:#fff;font-size:18px;font-weight:600;padding:var(--space-md);border-radius:12px;margin-bottom:var(--space-lg);transition:all .15s ease}.restart-button:active{transform:scale(.98);background:#ff5080}.ending-teaser{text-align:center;color:var(--text-dim);font-size:14px;font-style:italic}.money-display{position:fixed;top:calc(var(--safe-top) + 12px);left:var(--safe-left);background:linear-gradient(135deg,#00bf63,#00e676);border-radius:24px;padding:12px 20px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:#fff;font-weight:800;z-index:var(--z-overlay);backdrop-filter:blur(15px);box-shadow:0 6px 20px #00bf634d,0 3px 8px #00000026,inset 0 1px #ffffff4d;border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;gap:8px;letter-spacing:.5px;animation:moneyPulse 3s ease-in-out infinite}.money-display:before{content:"💵";font-size:20px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));animation:moneyBounce 2s ease-in-out infinite}@keyframes moneyPulse{0%,to{box-shadow:0 6px 20px #00bf634d,0 3px 8px #00000026,inset 0 1px #ffffff4d}50%{box-shadow:0 8px 24px #00bf6380,0 4px 10px #0003,inset 0 1px #fff6}}@keyframes moneyBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}.relationship-notification{position:fixed;top:var(--safe-top);right:var(--safe-right);background:#000000bf;border-radius:12px;padding:10px 15px;font-size:14px;color:var(--text-primary);z-index:var(--z-notification);max-width:200px;text-align:right;backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.relationship-notification strong{font-weight:600}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{width:100%;height:100%;overflow:hidden}body *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}button{border:none;background:none;cursor:pointer;font-family:inherit;outline:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 20px);--safe-left: env(safe-area-inset-left, 16px);--safe-right: env(safe-area-inset-right, 16px)}:root{--bg-dark: rgba(0, 0, 0, .85);--bg-medium: rgba(0, 0, 0, .7);--bg-light: rgba(255, 255, 255, .95);--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-dim: #999999;--message-incoming: #F0F0F0;--message-outgoing: #007AFF;--message-text-incoming: #000000;--message-text-outgoing: #FFFFFF;--sender-name: #8E8E93;--accent-ella: #FF6B9D;--accent-jomi: #4ECDC4;--accent-money: #FFD700;--hover: rgba(255, 255, 255, .1);--active: rgba(255, 255, 255, .2);--disabled: rgba(255, 255, 255, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--dialogue-height: 147px;--choice-height: 54px;--message-max-width: 75%;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--z-background: 0;--z-content: 1;--z-dialogue: 10;--z-overlay: 100;--z-notification: 101}.game-container{width:100vw;height:100vh;max-width:430px;margin:0 auto;position:relative;overflow:hidden;background:#000}@media screen and (orientation: landscape){.game-container{max-width:430px;width:430px;max-height:932px;height:100vh;margin:0 auto;box-shadow:0 0 40px #00000080;border-radius:0}body{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;align-items:center;justify-content:center;min-height:100vh}#root{display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.game-container:before{display:none!important}}@media screen and (orientation: landscape) and (max-width: 1024px) and (hover: none) and (pointer: coarse){.game-container:before{content:"Please rotate your device to portrait mode"!important;display:flex!important;position:fixed;inset:0;background:#000;color:#fff;align-items:center;justify-content:center;text-align:center;padding:20px;z-index:9999;font-size:18px}}@media (max-width: 374px){:root{--dialogue-height: 140px;--choice-height: 48px}}@media (min-width: 430px){:root{--dialogue-height: 160px;--choice-height: 58px}}