*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;overflow:hidden;background:#000}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#000 0%,#001a00 50%,#000 100%);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-content h1{color:#0f0;font-size:64px;font-weight:700;text-shadow:0 0 30px rgba(0,255,0,.8),0 0 60px rgba(0,255,0,.4);margin-bottom:40px;letter-spacing:8px;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:1;text-shadow:0 0 30px rgba(0,255,0,.8),0 0 60px rgba(0,255,0,.4)}50%{opacity:.7;text-shadow:0 0 20px rgba(0,255,0,.6),0 0 40px rgba(0,255,0,.3)}}.loading-bar{width:300px;height:8px;background:rgba(0,255,0,.2);border:2px solid #0f0;border-radius:4px;margin:0 auto 20px;overflow:hidden}.loading-progress{height:100%;width:0%;background:linear-gradient(90deg,#0f0,#0ff,#0f0);background-size:200% 100%;animation:loadingBar 1.5s ease-in-out infinite,loadingShine 1s linear infinite;border-radius:2px}@keyframes loadingBar{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes loadingShine{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-text{color:#0f0;font-size:18px;letter-spacing:4px;animation:loadingTextBlink .8s ease-in-out infinite}@keyframes loadingTextBlink{0%,to{opacity:1}50%{opacity:.5}}#app{width:100vw;height:100vh;position:relative}#canvas{width:100%;height:100%;display:block}#effectsOverlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}#vignetteOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%);opacity:0;transition:opacity .3s ease}#vignetteOverlay.active{opacity:1}#tensionOverlay{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 100px #f000;transition:box-shadow .2s ease}#tensionOverlay.danger-low{box-shadow:inset 0 0 60px #ff64004d}#tensionOverlay.danger-medium{box-shadow:inset 0 0 80px #ff320066;animation:tensionPulse .8s ease-in-out infinite}#tensionOverlay.danger-high{box-shadow:inset 0 0 100px #ff000080;animation:tensionPulse .4s ease-in-out infinite}@keyframes tensionPulse{0%,to{opacity:1}50%{opacity:.6}}#speedLines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 5%,transparent 95%,rgba(255,255,255,.03) 100%),linear-gradient(0deg,rgba(255,255,255,.02) 0%,transparent 10%,transparent 90%,rgba(255,255,255,.02) 100%);opacity:0;transition:opacity .5s ease}#speedLines.active{opacity:1}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.8)}.hud-panel{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.7);padding:20px;border:2px solid #0f0;border-radius:5px}.hud-item{margin:10px 0;font-size:18px}.label{display:inline-block;width:150px}.value{display:inline-block;width:80px;text-align:right;font-weight:700;font-size:24px}.unit{margin-left:5px;font-size:14px}.warning{position:absolute;top:100px;left:50%;transform:translate(-50%);z-index:10000;color:#fff;padding:20px 40px;font-size:36px;font-weight:700;border:3px solid #fff;border-radius:10px;animation:pulse .5s infinite;text-shadow:0 0 10px rgba(255,255,255,.8)}.warning-danger{background:rgba(255,0,0,.9)}.warning-safe{background:rgba(0,200,0,.9)}.warning.hidden{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.score-overlay{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;background:rgba(0,0,0,.8);padding:15px 40px;border:3px solid #0f0;border-radius:10px;box-shadow:0 0 20px #00ff0080}.score-label{font-size:14px;color:#0f0;font-weight:700;letter-spacing:2px;margin-bottom:5px}.score-value-overlay{font-size:42px;color:#0f0;font-weight:700;text-shadow:0 0 15px rgba(0,255,0,.8);font-family:Courier New,monospace}.game-start-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;pointer-events:none}.game-start-overlay.hidden{display:none}.game-start-overlay h1{color:#0f0;font-size:56px;font-weight:700;text-shadow:0 0 20px rgba(0,255,0,.8);margin-bottom:60px;letter-spacing:4px}.start-instructions{background:rgba(0,0,0,.8);padding:40px 60px;border:3px solid #0f0;border-radius:15px;box-shadow:0 0 30px #00ff0080}.start-instructions p{color:#fff;font-size:24px;margin:20px 0;text-align:center}.start-instructions strong{color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.8);font-size:28px}.start-hint{color:#0f0!important;font-size:20px!important;margin-top:40px!important;animation:pulse 1s infinite;font-style:italic}.speedometer{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:200px;height:200px;background:rgba(0,0,0,.7);border:3px solid #0f0;border-radius:50%;box-shadow:0 0 20px #00ff004d}.crash-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(255,0,0,.8);z-index:999;pointer-events:none;animation:crashFlash .2s ease-in-out infinite}.crash-flash.hidden{display:none}@keyframes crashFlash{0%,to{opacity:0;background:rgba(255,0,0,.8)}50%{opacity:1;background:rgba(255,255,255,.9)}}.game-over{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:all}.game-over.hidden{display:none}.crash-report{background:linear-gradient(135deg,#1a0000 0%,#330000 100%);border:4px solid #ff0000;border-radius:15px;padding:30px;max-width:1400px;width:98%;box-shadow:0 0 50px #ff000080;animation:crashAppear .5s ease-out;max-height:95vh;overflow-y:auto}@media (min-width: 768px){.crash-report{padding:25px 35px}.crash-report h1{font-size:32px;margin-bottom:20px}.crash-report-content{display:flex;gap:25px;align-items:flex-start;flex-wrap:wrap}.crash-details{flex:1 1 280px;min-width:250px}.health-report{flex:1 1 280px;min-width:250px;margin-top:0!important}.health-report.player-health{flex:1.1}.health-report.lead-health,.health-report.rear-health{flex:1}.crash-details h2,.health-report h2{font-size:16px;margin-bottom:12px}.stat-row{padding:6px 0}.stat-label{font-size:13px}.stat-value{font-size:15px}.damage-level{font-size:24px!important}.gforce-value{font-size:20px!important}.patient-status{font-size:16px!important}.injuries-list{font-size:12px}.injuries-list li{padding:2px 0}.prognosis-value{font-size:14px!important}.crash-report-buttons{display:flex;gap:15px;margin-top:20px}.restart-btn,.view-scores-btn{flex:1;padding:15px;font-size:18px;margin-top:0}}.credits-line{margin-top:20px;text-align:center;font-size:12px;color:#888;font-family:monospace}.credits-line a{color:#4a9eff;text-decoration:none}.credits-line a:hover{text-decoration:underline;color:#6ab0ff}@keyframes crashAppear{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.crash-report h1{color:red;font-size:42px;text-align:center;margin-bottom:30px;text-shadow:0 0 20px rgba(255,0,0,.8);animation:pulse 1s infinite}.crash-report h2{color:#f66;font-size:24px;margin-bottom:20px;text-align:center;border-bottom:2px solid #ff0000;padding-bottom:10px}.crash-details{background:rgba(0,0,0,.5);padding:20px;border-radius:10px;margin-bottom:15px;border:2px solid #ff3300}.stat-row{display:flex;justify-content:space-between;margin:15px 0;font-size:20px;color:#fff}.stat-label{color:#fa0;font-weight:700}.stat-value{color:red;font-weight:700;font-size:24px}.damage-row{margin-top:25px;padding-top:20px;border-top:2px solid #ff0000}.damage-level{font-size:32px;text-shadow:0 0 15px rgba(255,0,0,.8)}.health-report{margin-top:20px;padding:15px;background:linear-gradient(135deg,rgba(0,80,0,.3) 0%,rgba(0,40,0,.5) 100%);border:2px solid #00ff00;border-radius:10px;box-shadow:0 0 20px #0f03}.health-report h2{color:#0f0;font-size:18px;margin-bottom:15px;text-shadow:0 0 10px rgba(0,255,0,.5);border-bottom:1px solid rgba(0,255,0,.3);padding-bottom:8px}.gforce-row{margin-bottom:10px}.gforce-value{font-size:24px;font-weight:700}.patient-status{font-size:20px;font-weight:700}.patient-status.stable{color:#0f0}.patient-status.critical{color:#fa0}.patient-status.severe{color:#f60}.patient-status.fatal{color:red;text-shadow:0 0 10px rgba(255,0,0,.8)}.injuries-section{margin:15px 0;padding:10px;background:rgba(0,0,0,.3);border-radius:5px}.injuries-section .stat-label{display:block;margin-bottom:8px;color:#f90}.injuries-list{list-style:none;padding:0;margin:0;font-size:14px;color:#fcc}.injuries-list li{padding:4px 0 4px 15px;position:relative}.injuries-list li:before{content:"▸";position:absolute;left:0;color:#f60}.injuries-list li.minor{color:#afa}.injuries-list li.moderate{color:#ff0}.injuries-list li.serious{color:#f90}.injuries-list li.critical{color:#f60}.injuries-list li.fatal{color:red;font-weight:700}.prognosis-row{margin-top:15px;padding-top:10px;border-top:1px solid rgba(0,255,0,.3)}.prognosis-value{font-size:18px;font-weight:700}.prognosis-value.good{color:#0f0}.prognosis-value.guarded{color:#ff0}.prognosis-value.poor{color:#f90}.prognosis-value.critical{color:#f60}.prognosis-value.fatal{color:red;text-shadow:0 0 10px rgba(255,0,0,.8)}.lead-health{background:linear-gradient(135deg,rgba(80,60,0,.3) 0%,rgba(60,40,0,.5) 100%);border-color:#fa0;box-shadow:0 0 20px #fa03}.lead-health h2{color:#fa0;text-shadow:0 0 10px rgba(255,170,0,.5);border-bottom-color:#ffaa004d}.rear-health{background:linear-gradient(135deg,rgba(80,0,0,.3) 0%,rgba(60,0,0,.5) 100%);border-color:#f60;box-shadow:0 0 20px #f603}.rear-health h2{color:#f60;text-shadow:0 0 10px rgba(255,102,0,.5);border-bottom-color:#ff66004d}.no-damage-notice{text-align:center;padding:20px;color:#0c0;font-size:16px;background:rgba(0,100,0,.2);border-radius:8px;margin-top:10px}.no-damage-notice .check-icon{font-size:32px;display:block;margin-bottom:10px}.no-damage-notice .notice-text{opacity:.9}.occupant-count{color:#fa0}.occupants-list{margin-top:10px}.occupant-card{background:rgba(0,0,0,.4);border-radius:6px;padding:8px 10px;margin-bottom:8px;border-left:3px solid #666}.occupant-card.stable{border-left-color:#0f0}.occupant-card.serious{border-left-color:#ff0}.occupant-card.critical{border-left-color:#f60}.occupant-card.fatal{border-left-color:red}.occupant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.occupant-role{color:#fc0;font-weight:700;font-size:13px}.occupant-status{font-size:12px;font-weight:700;padding:2px 6px;border-radius:3px}.occupant-status.stable{background:#004400;color:#0f0}.occupant-status.serious{background:#444400;color:#ff0}.occupant-status.critical{background:#442200;color:#f60}.occupant-status.fatal{background:#440000;color:red}.occupant-injuries{font-size:11px;color:#ccc;margin:0;padding-left:12px}.occupant-injuries li{padding:1px 0}@media (max-width: 767px){.crash-report{padding:15px;max-height:90vh}.crash-report h1{font-size:24px;margin-bottom:15px}.crash-details h2,.health-report h2{font-size:14px;margin-bottom:10px}.crash-details{padding:12px;margin-bottom:10px}.health-report{padding:12px;margin-top:10px}.stat-row{margin:8px 0;font-size:14px;padding:4px 0}.stat-label{font-size:12px}.stat-value{font-size:13px}.damage-level{font-size:18px!important}.damage-row{margin-top:12px;padding-top:10px}.gforce-value{font-size:16px!important}.patient-status{font-size:14px!important}.injuries-section{margin:8px 0;padding:8px}.injuries-list{font-size:11px}.injuries-list li{padding:2px 0}.prognosis-row{margin-top:8px;padding-top:8px}.prognosis-value{font-size:13px!important}.crash-report-buttons{margin-top:12px}.restart-btn{padding:12px;font-size:16px}.view-scores-btn{padding:10px;font-size:14px;margin-top:8px}}.restart-btn{width:100%;padding:20px;font-size:24px;font-weight:700;font-family:Courier New,monospace;background:linear-gradient(135deg,#ff0000 0%,#cc0000 100%);color:#fff;border:3px solid #fff;border-radius:10px;cursor:pointer;transition:all .3s;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 5px 15px #f006}.restart-btn:hover{background:linear-gradient(135deg,#ff3333 0%,#ff0000 100%);transform:scale(1.05);box-shadow:0 8px 25px #f009}.restart-btn:active{transform:scale(.98)}.view-scores-btn{width:100%;padding:15px;margin-top:10px;font-size:18px;font-weight:700;font-family:Courier New,monospace;background:linear-gradient(135deg,#0f0 0%,#0a0 100%);color:#000;border:3px solid #0f0;border-radius:10px;cursor:pointer;transition:all .3s;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 5px 15px #0f06}.view-scores-btn:hover{background:linear-gradient(135deg,#0ff 0%,#0f0 100%);transform:scale(1.05);box-shadow:0 8px 25px #0f09}.view-scores-btn:active{transform:scale(.98)}.high-score-input{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;z-index:1001;pointer-events:all}.high-score-input.hidden{display:none}.high-score-panel{background:linear-gradient(135deg,#1a0066 0%,#330099 100%);border:4px solid #ffaa00;border-radius:15px;padding:40px;max-width:600px;width:90%;box-shadow:0 0 50px #ffaa0080;animation:highScoreAppear .5s ease-out}@keyframes highScoreAppear{0%{transform:scale(.5) rotate(-5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.high-score-panel h1{color:#fa0;font-size:42px;text-align:center;margin-bottom:30px;text-shadow:0 0 20px rgba(255,170,0,.8);animation:pulse 1s infinite}.high-score-message{text-align:center;margin-bottom:30px}.high-score-message p{color:#fff;font-size:24px;margin:10px 0}.highlight-score{color:#fa0;font-size:32px;font-weight:700;text-shadow:0 0 15px rgba(255,170,0,.8)}.name-input-section{display:flex;flex-direction:column;gap:15px}.name-input-section label{color:#fa0;font-size:20px;font-weight:700;text-align:center}#playerNameInput{padding:15px;font-size:24px;font-family:Courier New,monospace;background:rgba(255,255,255,.9);border:3px solid #ffaa00;border-radius:10px;text-align:center;color:#000;font-weight:700}#playerNameInput:focus{outline:none;border-color:#fff;box-shadow:0 0 20px #ffaa0080}.submit-name-btn{padding:15px;font-size:24px;font-weight:700;font-family:Courier New,monospace;background:linear-gradient(135deg,#ffaa00 0%,#ff8800 100%);color:#000;border:3px solid #fff;border-radius:10px;cursor:pointer;transition:all .3s;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 5px 15px #fa06}.submit-name-btn:hover{background:linear-gradient(135deg,#ffcc00 0%,#ffaa00 100%);transform:scale(1.05);box-shadow:0 8px 25px #fa09}.submit-name-btn:active{transform:scale(.98)}.high-scores-display{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;z-index:1002;pointer-events:all}.high-scores-display.hidden{display:none}.high-scores-panel{background:linear-gradient(135deg,#001a33 0%,#003366 100%);border:4px solid #0f0;border-radius:15px;padding:40px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 50px #00ff0080;animation:scoresAppear .5s ease-out}@keyframes scoresAppear{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.high-scores-panel h1{color:#0f0;font-size:42px;text-align:center;margin-bottom:30px;text-shadow:0 0 20px rgba(0,255,0,.8)}.high-scores-list{margin-bottom:30px}.score-entry{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;margin:10px 0;background:rgba(0,0,0,.5);border:2px solid #0f0;border-radius:10px;transition:all .3s}.score-entry:hover{background:rgba(0,255,0,.1);transform:scale(1.02)}.score-rank{font-size:28px;font-weight:700;color:#fa0;min-width:60px;text-shadow:0 0 10px rgba(255,170,0,.8)}.score-entry.rank-1 .score-rank{color:gold;font-size:36px;text-shadow:0 0 15px rgba(255,215,0,.9)}.score-entry.rank-2 .score-rank{color:silver;font-size:32px}.score-entry.rank-3 .score-rank{color:#cd7f32;font-size:30px}.score-player-name{flex:1;font-size:24px;color:#fff;font-weight:700;margin:0 20px}.score-details{display:flex;flex-direction:column;align-items:flex-end}.score-points{font-size:28px;font-weight:700;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.8)}.score-distance{font-size:16px;color:#aaa;margin-top:5px}.close-scores-btn{width:100%;padding:15px;font-size:24px;font-weight:700;font-family:Courier New,monospace;background:linear-gradient(135deg,#0f0 0%,#0a0 100%);color:#000;border:3px solid #fff;border-radius:10px;cursor:pointer;transition:all .3s;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 5px 15px #0f06}.close-scores-btn:hover{background:linear-gradient(135deg,#0ff 0%,#0f0 100%);transform:scale(1.05);box-shadow:0 8px 25px #0f09}.close-scores-btn:active{transform:scale(.98)}.empty-scores-message{text-align:center;color:#aaa;font-size:20px;padding:40px;font-style:italic}.mobile-controls{position:fixed;bottom:0;left:0;width:100%;height:200px;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;pointer-events:none;z-index:100}.mobile-controls.hidden{display:none}.touch-btn{width:120px;height:120px;border-radius:50%;border:4px solid #fff;font-size:20px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;pointer-events:all;transition:transform .1s,box-shadow .1s;text-shadow:0 2px 4px rgba(0,0,0,.5);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}.brake-btn{background:linear-gradient(145deg,#ff4444,#cc0000);color:#fff;box-shadow:0 8px 25px #ff000080,inset 0 -4px 10px #0000004d}.brake-btn:active,.brake-btn.active{transform:scale(.95);box-shadow:0 4px 15px #f009,inset 0 4px 10px #0006;background:linear-gradient(145deg,#cc0000,#990000)}.accel-btn{background:linear-gradient(145deg,#4488ff,#0044cc);color:#fff;box-shadow:0 8px 25px #0064ff80,inset 0 -4px 10px #0000004d}.accel-btn:active,.accel-btn.active{transform:scale(.95);box-shadow:0 4px 15px #0064ff99,inset 0 4px 10px #0006;background:linear-gradient(145deg,#0044cc,#003399)}.btn-indicator{display:inline-block;padding:8px 16px;border-radius:20px;font-weight:700;font-size:18px}.btn-indicator.accel{background:linear-gradient(145deg,#4488ff,#0044cc);color:#fff;box-shadow:0 4px 10px #0064ff66}.btn-indicator.brake{background:linear-gradient(145deg,#ff4444,#cc0000);color:#fff;box-shadow:0 4px 10px #f006}.mobile-instructions,.mobile-instructions.hidden,.mobile-mode .desktop-instructions{display:none}.mobile-mode .mobile-instructions{display:block}@media (max-width: 768px),(pointer: coarse){.score-overlay{left:10px;transform:none;padding:10px 20px}.score-label{font-size:12px}.score-value-overlay{font-size:28px}.speedometer{bottom:10px;top:auto;left:50%;transform:translate(-50%);width:160px;height:160px}.touch-btn{width:100px;height:100px;font-size:16px}.mobile-controls{padding:20px 30px;height:160px}.game-start-overlay h1{font-size:32px;margin-bottom:40px}.start-instructions{padding:30px 40px}.start-instructions p{font-size:18px;margin:15px 0}.phone-distraction{display:none}}.phone-distraction{position:fixed;right:20px;bottom:100px;z-index:100;pointer-events:none;transform:rotate(-5deg);transition:transform .3s ease}.phone-distraction.notification-active{transform:rotate(-5deg) scale(1.02);animation:phoneVibrate .1s ease-in-out 3}@keyframes phoneVibrate{0%,to{transform:rotate(-5deg) translate(0)}25%{transform:rotate(-5deg) translate(-2px)}75%{transform:rotate(-5deg) translate(2px)}}.phone-frame{width:120px;height:220px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:20px;padding:8px;box-shadow:0 10px 30px #00000080,inset 0 1px 1px #ffffff1a}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.phone-status-bar{display:flex;justify-content:space-between;padding:4px 8px;font-size:9px;color:#fff;background:rgba(0,0,0,.3)}.phone-content{flex:1;position:relative;display:flex;flex-direction:column}.phone-wallpaper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#0f3460 0%,#16213e 50%,#1a1a2e 100%)}.phone-clock{font-size:28px;font-weight:300;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.phone-date{font-size:10px;color:#ffffffb3;margin-top:4px}.phone-home-bar{width:40%;height:4px;background:rgba(255,255,255,.3);border-radius:2px;margin:6px auto}.phone-notification{position:absolute;top:8px;left:6px;right:6px;background:rgba(255,255,255,.95);border-radius:10px;padding:8px;display:flex;gap:8px;align-items:center;box-shadow:0 4px 15px #0000004d;transform:translateY(-100px);opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:10}.phone-notification.visible{transform:translateY(0);opacity:1}.phone-notification.hidden{transform:translateY(-100px);opacity:0}.notification-app-icon{font-size:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#34c759,#28a745);border-radius:6px}.notification-text{flex:1;min-width:0}.notification-title{font-size:9px;font-weight:600;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.notification-body{font-size:8px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}