@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Poppins:wght@400;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#1a1a1a;font-family:"Press Start 2P",cursive;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{width:100%;display:flex;justify-content:center}#game-container{position:relative;background:#000;overflow:hidden;box-shadow:0 0 50px #00000080;border:4px solid #333;border-radius:20px;margin:0 auto;transform:translateZ(0)}#game-container.menu-state{border:none;border-radius:0;box-shadow:none}.scanlines{position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:5;background-size:100% 2px,3px 100%;pointer-events:none;opacity:.6}.menu-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background-color:#87ceeb}.bg-layer{position:absolute;width:100%;background-repeat:repeat-x;background-position:bottom left;transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bg-sun{top:10%;right:10%;width:64px;height:64px;background-image:url(/Sun.webp);background-size:contain;background-repeat:no-repeat;z-index:1}.bg-clouds-back{bottom:20%;height:100%;width:200%;background-image:url(/Cloud1.webp),url(/Cloud2.webp);background-position:0 0,200px 50px;background-size:200px auto;opacity:.6;z-index:2;transform:translateZ(0);will-change:transform}#game-container.menu-state .bg-clouds-back{animation:scrollClouds 60s linear infinite}.bg-buildings{bottom:0;height:300px;width:200%;background-image:url(/Buildings.webp);background-size:auto 100%;image-rendering:pixelated;z-index:3;transform:translateZ(0);will-change:transform}#game-container.menu-state .bg-buildings{animation:scrollCity 120s linear infinite}.bg-clouds-front{top:10%;height:100%;width:200%;background-image:url(/Cloud3.webp);background-size:300px auto;z-index:4;opacity:.8;transform:translateZ(0);will-change:transform}#game-container.menu-state .bg-clouds-front{animation:scrollClouds 40s linear infinite}@keyframes scrollClouds{0%{transform:translate(0) translateZ(0)}to{transform:translate(-50%) translateZ(0)}}@keyframes scrollCity{0%{transform:translate(0) translateZ(0)}to{transform:translate(-20%) translateZ(0)}}.menu-content{position:relative;z-index:10;width:100%;display:flex;flex-direction:column;align-items:center}.character-frame{width:44px;height:44px;min-width:44px;background:#2a2a2a;border:3px solid;display:flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px 5px #00000080;overflow:hidden}.character-head{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}20%{opacity:.99}25%{opacity:.95}30%{opacity:.9}35%{opacity:.96}40%{opacity:.98}45%{opacity:.95}50%{opacity:.99}to{opacity:.95}}#game-container:before{content:" ";display:block;position:absolute;inset:0;background:#1210101a;opacity:0;z-index:100;pointer-events:none;animation:flicker .15s infinite}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:fill}.overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;touch-action:manipulation}.menu-overlay,.intro-overlay,.death-overlay,.victory-overlay,.levelup-overlay,.countdown-overlay{pointer-events:auto;touch-action:auto}button,.era-card-beveled,.retro-toggle-label{touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.countdown-overlay{background:#000000b3}.countdown-number{font-size:120px;font-weight:700;animation:countdownPulse 1s ease-in-out}@keyframes countdownPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.glass-panel{background:#000032e6;border:4px solid #4EC0CA;box-shadow:0 0 15px #4ec0ca,inset 0 0 20px #00000080;border-radius:8px;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;font-family:"Press Start 2P",cursive;text-transform:uppercase;padding:20px;text-align:center}.main-menu h1{font-size:24px;color:gold;text-shadow:4px 4px #000;margin-bottom:2rem;line-height:1.5}.sound-toggle{position:absolute;top:15px;right:15px;background:#000000b3;border:2px solid #FFD700;border-radius:8px;width:40px;height:40px;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:300}.sound-toggle:hover{background:#ffd70033;transform:scale(1.1)}.sound-toggle:active{transform:scale(.95)}.title-area{text-align:center;margin-bottom:30px}.title-image{max-width:380px;height:auto;image-rendering:pixelated;margin-bottom:10px;margin-top:30px}.title-container{position:relative;display:inline-block}.title-fallback{font-size:48px;color:gold;text-shadow:4px 4px 0 #000,0 0 20px rgba(255,215,0,.5);margin-bottom:5px;letter-spacing:5px;animation:titleShimmer 3s infinite linear}@keyframes titleShimmer{0%{filter:brightness(100%)}50%{filter:brightness(130%) drop-shadow(0 0 10px gold)}to{filter:brightness(100%)}}.subtitle{font-size:10px;color:gold;text-shadow:2px 2px 0 #000;margin-top:5px;letter-spacing:2px;opacity:.9;background:#00000080;padding:2px 8px;border-radius:4px}.instruction{font-size:12px;color:#fff;margin-top:25px;letter-spacing:2px;text-transform:uppercase;animation:footerPulse 2s infinite ease-in-out;text-shadow:2px 2px 0 #000}@keyframes footerPulse{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02);text-shadow:0 0 10px #FFF}}.era-card-beveled{display:flex;align-items:center;gap:12px;padding:10px;cursor:pointer;background:#333;position:relative;transition:all .1s ease;border:4px solid;border-top-color:#666;border-left-color:#666;border-right-color:#111;border-bottom-color:#111;box-shadow:6px 6px 10px #00000080;margin-bottom:5px}.era-card-beveled:hover{transform:translate(-2px,-2px);filter:brightness(110%);box-shadow:8px 8px 12px #0009}.era-card-beveled:active{transform:translate(2px,2px);border-top-color:#111;border-left-color:#111;border-right-color:#666;border-bottom-color:#666;box-shadow:2px 2px 5px #00000080}.era-left{width:60px;display:flex;justify-content:center}.era-center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:10px;border-left:2px solid rgba(0,0,0,.3)}.era-right{width:60px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px}.character-frame{width:44px;height:44px;background:#2a2a2a;border:3px solid;display:flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px 5px #00000080}.character-idle{animation:charBob 1s infinite steps(2)}@keyframes charBob{0%{transform:translateY(0)}50%{transform:translateY(2px)}to{transform:translateY(0)}}.era-year{font-size:28px;font-weight:900;color:#fff;margin:0;line-height:1;text-shadow:3px 3px 0 #000}.era-difficulty{font-size:11px;font-weight:700;letter-spacing:1px;text-shadow:1px 1px 0 #000;margin-top:4px}.era-completed-check{color:#0f0;font-size:20px;font-weight:700;text-shadow:2px 2px 0 #000;filter:drop-shadow(0 0 5px #00FF00)}.era-best-time{font-size:9px;color:#bbb;background:#00000080;padding:2px 4px;border-radius:4px}.intro-panel{display:flex;flex-direction:column;gap:10px;max-width:90%;margin:0 auto;padding:15px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.title-section{text-align:center;margin-bottom:5px}.intro-panel h1{font-size:36px;color:#fff;margin:0;line-height:1;text-shadow:0 0 15px rgba(255,255,255,.5)}.era-title{font-size:24px;color:gold;margin:5px 0 10px;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0 #000}.description{font-size:10px;color:#ddd;line-height:1.6;margin-bottom:5px;text-transform:uppercase;max-width:90%;margin-left:auto;margin-right:auto}.level-stats-container{border:2px solid #4EC0CA;border-radius:8px;padding:10px;position:relative;margin-top:10px;background:#0000004d}.level-stats-header{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#000032;padding:0 10px;color:#4ec0ca;font-size:12px;font-weight:700;letter-spacing:1px}.goals{display:flex;flex-direction:column;gap:5px;margin-top:5px}.goal-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.4}.goal-row span:first-child{color:#89cff0;font-weight:700;text-transform:uppercase}.goal-row span:last-child{color:#fff;font-weight:700;text-align:right}.hazard-container{border:1px solid #FF4444;border-radius:6px;padding:5px;position:relative;background:#ff44440d;margin-top:5px;display:flex;align-items:center;gap:8px}.hazard-header{display:none}.hazard-content{display:flex;align-items:center;gap:8px;text-align:left;width:100%}.hazard-icon{font-size:20px;color:orange;animation:pulse 2s infinite}.hazard-text{flex:1}.hazard-title{color:#f44;font-size:10px;font-weight:700;margin-bottom:2px;text-transform:uppercase;display:inline-block;margin-right:5px}.hazard-desc{color:#f88;font-size:9px;line-height:1.2;text-transform:uppercase;display:inline}.intro-stats-row{display:flex;justify-content:space-around;margin:10px 0;gap:20px}.intro-stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label-intro{font-size:9px;color:#888;letter-spacing:1px}.stat-value-intro{font-size:12px;color:#fff;font-weight:700}.death-content{background:#000000f2;border:4px solid #FF4444;border-radius:12px;padding:20px;box-shadow:0 8px #ff444480,0 12px 30px #000c;text-align:center;max-width:90%;display:flex;flex-direction:column;gap:10px}.death-content h1{font-size:28px;color:#f44;text-shadow:3px 3px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;margin:0;letter-spacing:2px}.death-level{font-size:14px;color:gold;text-shadow:2px 2px 0 #000;margin:0}.death-buttons{display:flex;gap:10px;margin:10px 0;justify-content:center}.death-button{padding:12px 24px;font-family:"Press Start 2P",cursive;font-size:10px;border:3px solid;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.retry-button{background:#4caf50;color:#fff;border-color:#2e7d32;box-shadow:0 4px #2e7d32}.retry-button:hover{background:#66bb6a;transform:translateY(-2px);box-shadow:0 6px #2e7d32}.retry-button:active{transform:translateY(2px);box-shadow:0 2px #2e7d32}.menu-button{background:#757575;color:#fff;border-color:#424242;box-shadow:0 4px #424242}.menu-button:hover{background:#9e9e9e;transform:translateY(-2px);box-shadow:0 6px #424242}.menu-button:active{transform:translateY(2px);box-shadow:0 2px #424242}.death-hint{font-size:10px;color:#888;text-shadow:1px 1px 0 #000;margin:15px 0 0}.click-hint{font-size:12px;color:#fff;text-shadow:2px 2px 0 #000;margin:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.wealth-mode-toggle-container{margin:15px 0;display:flex;justify-content:center;width:100%}.retro-toggle-label{border:2px solid #FFD700;border-radius:6px;padding:8px 15px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .2s;background:#0006}.retro-toggle-label:hover{background:#ffd7001a;transform:translateY(-1px)}.retro-toggle{position:relative;display:inline-block;width:50px;height:24px}.retro-toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#333;-webkit-transition:.2s;transition:.2s;border:2px solid #888;box-shadow:inset 0 0 5px #000}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:3px;background-color:#888;border:2px solid #ccc;-webkit-transition:.2s;transition:.2s;box-shadow:1px 1px #000}input:checked+.slider{background-color:#2a2a2a;border-color:gold}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px);background-color:#fff;border-color:gold}.wealth-text{font-size:10px;color:gold;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.start-btn{background:gold;color:#000;border:3px solid #000;padding:12px 24px;font-family:inherit;font-weight:900;font-size:16px;cursor:pointer;box-shadow:6px 6px #fff;margin-top:10px;width:100%;transition:all .1s;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.start-btn:hover{transform:translate(-1px,-1px);box-shadow:8px 8px #fff}.start-btn:active{transform:translate(4px,4px);box-shadow:2px 2px #fff}.hud-overlay{position:absolute;top:0;left:0;width:100%;padding:10px 20px;display:flex;flex-direction:column;gap:10px;pointer-events:none;z-index:150;box-sizing:border-box;align-items:center}.life-stage-progress-bar{display:flex;gap:5px;padding:0 10px;width:100%;box-sizing:border-box}.progress-segment{flex:1;height:35px;border:3px solid;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.progress-segment.current{box-shadow:0 0 10px #ffffff80,inset 0 0 5px #fff3;transform:scale(1.05)}.progress-segment.complete{box-shadow:0 0 8px currentColor}.segment-label{font-size:8px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;letter-spacing:.5px;position:relative;z-index:2}.segment-check{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:14px;color:#0f0;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;z-index:3;animation:checkmarkPulse 1s ease-in-out infinite}.segment-fill{position:absolute;left:0;top:0;height:100%;transition:width .3s ease;z-index:1}.hud-bottom-row{display:flex;justify-content:space-between;align-items:flex-start}.level-badge-container{padding:8px}.level-badge{background:#4da6ff;color:#fff;border:3px solid #000;border-radius:20px;padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:1px;position:relative}.badge-text{position:relative;z-index:1}.checkmark{color:#0f0;font-size:13px;margin-left:4px;animation:checkmarkPulse 1s ease-in-out infinite}@keyframes checkmarkPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.victory-content{background:#000000f2;border:4px solid #FFD700;border-radius:12px;padding:15px;max-width:90%;box-shadow:0 0 20px #ffd70080;pointer-events:auto;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:5px;width:95%;margin:8px 0;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media(max-width:480px){.victory-content{padding:5px 10px;width:100%;max-width:100%;border-width:2px;overflow-y:auto}.victory-header{margin-bottom:5px;padding-bottom:5px}.victory-title{font-size:16px;margin-bottom:2px}.victory-header h2{font-size:10px}.victory-stats{margin:5px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px}.stat-row{margin:0;flex-direction:column;align-items:flex-start;font-size:9px;flex:1}.stat-value{font-size:11px}.victory-facts{display:none}.era-comparison{margin:5px 0;flex:1}.era-comparison h3{margin-bottom:5px;font-size:10px}.era-comparison .comparison-table{display:grid;grid-template-columns:1fr 1fr;gap:4px}.era-comparison .comparison-row{flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;min-height:auto}.comparison-year{font-size:11px}.comparison-difficulty{font-size:8px;display:none}.time-value{font-size:11px}.comparison-message,.victory-divider{display:none}.victory-buttons{gap:5px;margin-top:5px;margin-bottom:5px}.victory-button{padding:8px;font-size:10px}}.victory-header{border-bottom:3px solid;padding-bottom:10px;margin-bottom:5px;text-align:center}.victory-title{font-size:24px;color:gold;text-shadow:3px 3px 0 #000;margin:0 0 5px;letter-spacing:2px;text-transform:uppercase}.victory-header h2{font-size:14px;margin:0;letter-spacing:1px}.victory-stats{margin:20px 0}.stat-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0;font-size:12px}.stat-label{color:#aaa;letter-spacing:1px}.stat-value{color:#fff;font-size:16px;font-weight:700}.new-record{display:block;font-size:10px;color:gold;margin-top:2px;animation:recordPulse 1s ease-in-out infinite}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.6}}.intro-panel.wealth-mode-active{border:3px solid #FFD700!important;box-shadow:0 0 20px #ffd70080,inset 0 0 10px #ffd7001a;animation:wealthGlow 2s ease-in-out infinite}@keyframes wealthGlow{0%,to{box-shadow:0 0 20px #ffd70080,inset 0 0 10px #ffd7001a}50%{box-shadow:0 0 30px #ffd700cc,inset 0 0 15px #ffd70033}}.wealth-mode-banner{background:linear-gradient(135deg,#ffd70033,#daa52033);border:2px solid #FFD700;border-radius:8px;padding:8px 15px;margin:10px 0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:gold;font-weight:700;text-shadow:1px 1px 0 #000}.wealth-banner-icon{font-size:16px;animation:wealthPulse 2s ease-in-out infinite}@keyframes wealthPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.wealth-footnote{font-size:9px;color:#888;text-align:center;margin:10px 0 0;font-style:italic}.victory-divider{height:2px;background:linear-gradient(90deg,transparent,#FFD700,transparent);margin:20px 0}.victory-facts{background:#ffd7001a;border:2px solid #FFD700;border-radius:8px;padding:10px;margin:10px 0}.victory-facts h3{font-size:12px;color:gold;margin:0 0 10px;text-align:center}.fact-text{font-size:11px;line-height:1.6;color:#fff;margin:0 0 10px}.fact-stat{font-size:10px;color:#aaa;margin:0;text-align:center}.victory-buttons{display:flex;gap:10px;margin-top:20px}.victory-button{flex:1;padding:12px;font-family:"Press Start 2P",cursive;font-size:11px;background:transparent;border:3px solid;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.victory-button.primary-button:hover{background:#ffd70033;transform:translateY(-2px)}.victory-button.share-button{border-color:#4ec0ca;color:#4ec0ca}.victory-button.share-button:hover{background:#4ec0ca33;transform:translateY(-2px)}.victory-button:active{transform:translateY(0)}.victory-hint{font-size:10px;color:#666;text-align:center;margin:10px 0 0}.era-comparison{margin:20px 0}.era-comparison h3{font-size:12px;color:gold;margin:0 0 15px;text-align:center}.comparison-table{display:flex;flex-direction:column;gap:8px}.comparison-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#0000004d;border-left:4px solid;border-radius:4px;transition:all .2s ease}.comparison-row.current{background:#ffd70026;box-shadow:0 0 10px #ffd7004d}.comparison-era{display:flex;flex-direction:column;gap:2px}.comparison-year{font-size:14px;font-weight:700}.comparison-difficulty{font-size:9px;color:#999;letter-spacing:1px}.comparison-time{display:flex;align-items:center;gap:8px}.time-value{font-size:14px;color:#fff;font-weight:700}.completion-check{color:#0f0;font-size:12px}.time-pending{font-size:10px;color:#666;font-style:italic}.comparison-message{font-size:10px;color:#aaa;text-align:center;margin:15px 0 0;line-height:1.6;font-style:italic}.tutorial-overlay{background:#000000e6}.tutorial-content{background:linear-gradient(135deg,#001428f2,#000a1ef2);border:4px solid #4EC0CA;border-radius:16px;padding:40px 30px;max-width:320px;box-shadow:0 0 30px #4ec0ca80;text-align:center}.tutorial-icon{font-size:60px;margin-bottom:20px;animation:tutorialBounce 2s ease-in-out infinite}@keyframes tutorialBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tutorial-title{font-size:16px;color:gold;text-shadow:2px 2px 0 #000;margin:0 0 15px;letter-spacing:1px}.tutorial-text{font-size:11px;line-height:1.8;color:#fff;margin:0 0 25px}.tutorial-progress{display:flex;justify-content:center;gap:8px;margin:25px 0}.progress-dot{width:10px;height:10px;border-radius:50%;background:#333;border:2px solid #666;transition:all .3s ease}.progress-dot.active{background:gold;border-color:gold;transform:scale(1.3);box-shadow:0 0 10px gold}.progress-dot.completed{background:#4ec0ca;border-color:#4ec0ca}.tutorial-buttons{display:flex;gap:10px;margin-top:20px}.tutorial-button{flex:1;padding:10px;font-family:"Press Start 2P",cursive;font-size:10px;border:3px solid;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.tutorial-button.primary{background:gold;border-color:gold;color:#000}.tutorial-button.primary:hover{background:#ffc700;transform:translateY(-2px);box-shadow:0 4px #b89700}.tutorial-button.secondary{background:transparent;border-color:#666;color:#999}.tutorial-button.secondary:hover{border-color:#999;color:#fff}.tutorial-button:active{transform:translateY(0)}.tutorial-hint{font-size:9px;color:#666;margin:15px 0 0}.progress-display-container{padding:8px}.progress-display{font-size:24px;color:gold;font-weight:700;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,3px 0 0 #000,0 3px 0 #000;letter-spacing:2px}.level-complete-banner{position:fixed;top:0;left:0;right:0;z-index:1000;pointer-events:none;animation:bannerSlideDown 2s ease-out}@keyframes bannerSlideDown{0%{transform:translateY(-100%)}15%{transform:translateY(0)}85%{transform:translateY(0)}to{transform:translateY(-100%)}}.banner-content{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-bottom:4px solid #FFD700;box-shadow:0 4px 20px #000c;padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:15px}.banner-icon{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid #000;flex-shrink:0}.banner-text{display:flex;align-items:center;gap:10px}.banner-main{font-size:18px;font-weight:700;color:gold;text-shadow:2px 2px 0 #000;letter-spacing:1px}.banner-next{font-size:16px;color:#fff;text-shadow:2px 2px 0 #000}@media(max-width:768px){body{place-items:stretch;padding:0;margin:0;height:100vh;height:100dvh;height:-webkit-fill-available;overflow:hidden}#root{width:100%;height:100%}#game-container{border-radius:0!important;border:none!important;box-shadow:none!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;padding:0!important;margin:0!important}#game-container:after{border-radius:0}canvas{width:100%!important;height:100%!important;object-fit:fill!important;image-rendering:auto!important}.overlay{border-radius:0;padding:10px}.menu-overlay{padding:20px 10px}.title-image{max-width:90%}.era-card{min-height:100px}.instruction{font-size:10px}.victory-content{max-height:90vh;max-height:-webkit-fill-available;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(orientation:portrait)and (max-width:768px){#game-container{height:100vh;height:100dvh;height:-webkit-fill-available}}@media(orientation:landscape)and (max-height:500px){#game-container{height:100vh;width:auto;aspect-ratio:2/3}}.final-summary-overlay{background:#000000e6;display:flex;justify-content:center;align-items:center;overflow:auto}.report-card{background:#fdfaf0;color:#333;width:90%;max-width:360px;padding:15px;border-radius:4px;box-shadow:0 10px 30px #00000080;font-family:Courier New,Courier,monospace;position:relative;border-top:5px solid #333;border-bottom:5px dashed #333;display:flex;flex-direction:column;gap:10px}.report-header{text-align:center;margin-bottom:15px;border-bottom:2px solid #333;padding-bottom:10px}.report-header h1{font-size:24px;margin:0;font-weight:800;text-transform:uppercase;letter-spacing:1px;line-height:1.2}.report-date{font-size:14px;margin-top:5px;color:#666}.comparison-table{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 12px;margin-bottom:20px;font-size:11px}.table-header{font-weight:700;text-transform:uppercase;border-bottom:1px solid #999;padding-bottom:5px;text-align:left}.table-row{display:contents}.metric-name{font-weight:700;color:#444}.metric-val-old{color:#666}.metric-val-new{font-weight:700;color:#000}.animate-active{transition:color .3s}.animate-warning,.animate-danger{color:#d32f2f}.verdict-section{background:#eee;padding:15px;margin-bottom:30px;border-left:4px solid #333;font-style:italic}.verdict-text{font-size:14px;line-height:1.5;margin:0}.stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg) scale(2);border:5px solid;padding:10px 20px;text-align:center;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275);background:#fffc;z-index:10}.stamp-visible{opacity:1;transform:translate(-50%,-50%) rotate(-15deg) scale(1)}.stamp-subsidized{color:#4caf50;border-color:#4caf50}.stamp-survivor{color:#ff5722;border-color:#ff5722}.stamp-title{font-size:32px;font-weight:900;text-transform:uppercase;letter-spacing:2px}.stamp-desc{font-size:10px;font-weight:700;margin-top:5px;max-width:200px;line-height:1.2}.action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.text-btn{background:none;border:none;text-decoration:underline;color:#666;cursor:pointer;font-family:inherit;font-size:12px;padding:5px}.text-btn:hover{color:#000}.primary-btn{background:#333;color:#fff;border:none;padding:15px;font-family:inherit;font-weight:700;cursor:pointer;text-transform:uppercase;transition:background .2s}.primary-btn:hover{background:#000}@media(max-width:400px){.comparison-table{grid-template-columns:1fr;gap:5px}.table-header{display:none}.table-row{display:flex;flex-direction:column;margin-bottom:15px;border-bottom:1px dotted #ccc;padding-bottom:5px}.metric-name{text-transform:uppercase;margin-bottom:2px}.metric-val-old:before{content:"1960: "}.metric-val-new:before{content:"2020: "}}.medical-tooltip-overlay{background:#000000d9;z-index:1000}.medical-tooltip-panel{background:linear-gradient(135deg,#001428fa,#000a1efa);border:3px solid #ff4444;border-radius:12px;padding:20px;max-width:340px;box-shadow:0 0 30px #ff444480;animation:tooltipSlideIn .3s ease-out}@keyframes tooltipSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.tooltip-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #ff4444}.tooltip-icon{font-size:28px}.tooltip-header h3{font-size:14px;color:#f44;margin:0;text-transform:uppercase}.tooltip-content{margin-bottom:15px}.tooltip-main{font-size:10px;line-height:1.6;color:#fff;margin-bottom:15px}.tooltip-fact{background:#ffffff0d;padding:12px;border-radius:8px;border-left:3px solid #ffaa00;margin-bottom:12px}.fact-label{font-size:9px;color:#fa0;margin:0 0 8px;letter-spacing:1px}.fact-text{font-size:9px;line-height:1.5;color:#ccc;margin:0}.tooltip-warning{font-size:9px;line-height:1.5;margin:10px 0 0}.tooltip-dismiss{width:100%;padding:12px;background:linear-gradient(to bottom,#f44,#c00);border:2px solid #ff6666;border-radius:8px;color:#fff;font-size:11px;font-family:"Press Start 2P",cursive;cursor:pointer;text-transform:uppercase;transition:all .2s;box-shadow:0 4px #900}.tooltip-dismiss:hover{transform:translateY(-2px);box-shadow:0 6px #900;background:linear-gradient(to bottom,#f55,#d11)}.tooltip-dismiss:active{transform:translateY(2px);box-shadow:0 2px #900}.tooltip-hint{font-size:8px;color:#666;text-align:center;margin:10px 0 0}.stats-overlay{background:#000000eb;z-index:1000}.stats-panel{background:linear-gradient(135deg,#001428fa,#000a1efa);border:3px solid #4EC0CA;border-radius:12px;padding:20px;max-width:360px;max-height:550px;overflow-y:auto;box-shadow:0 0 30px #4ec0ca80}.stats-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #4EC0CA}.stats-title{font-size:16px;color:#4ec0ca;margin:0 0 8px;text-shadow:0 0 10px #4EC0CA}.stats-subtitle{font-size:9px;color:#8fd8e1;margin:0}.stats-content{margin-bottom:20px}.stats-section{margin-bottom:25px}.section-title{font-size:11px;color:gold;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.3)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}.stat-label{font-size:8px;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:16px;color:#4ec0ca;font-weight:700}.era-stats-list{display:flex;flex-direction:column;gap:12px}.era-stat-row{background:#ffffff08;border-left:3px solid;border-radius:6px;padding:12px}.era-stat-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.era-stat-year{font-size:14px;font-weight:700}.era-stat-name{font-size:10px;color:#ccc;flex:1}.era-stat-badge{font-size:16px;color:#4caf50}.era-stat-details{display:flex;gap:15px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.era-stat-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:7px;color:#666;text-transform:uppercase}.detail-value{font-size:11px;color:#fff}.stats-close-btn{width:100%;padding:12px;background:linear-gradient(to bottom,#4ec0ca,#3ea0aa);border:2px solid #6ED8E1;border-radius:8px;color:#000;font-size:11px;font-family:"Press Start 2P",cursive;cursor:pointer;text-transform:uppercase;transition:all .2s;box-shadow:0 4px #2e8090;font-weight:700}.stats-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px #2e8090;background:linear-gradient(to bottom,#5ed0da,#4eb0ba)}.stats-close-btn:active{transform:translateY(2px);box-shadow:0 2px #2e8090}.stats-panel::-webkit-scrollbar{width:8px}.stats-panel::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.stats-panel::-webkit-scrollbar-thumb{background:#4ec0ca;border-radius:4px}.stats-panel::-webkit-scrollbar-thumb:hover{background:#6ed8e1}@media(max-width:768px){#game-container,.glass-panel,.level-stats-container,.death-content,.era-card-beveled{box-shadow:none!important;border-width:2px!important}h1,h2,.era-year,.era-title,.countdown-number,.stat-value-intro{text-shadow:1px 1px 0 #000!important}.scanlines,#game-container:before{display:none!important}.bg-clouds-front,.bg-clouds-back,.bg-buildings{will-change:transform}.glass-panel{background:#000032f2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.life-progress-container{position:relative;width:320px;margin:10px auto;height:60px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive,sans-serif}.progress-track-bg{position:absolute;top:50%;left:10px;right:10px;height:16px;background-color:#4a4a4a;border:3px solid #2a2a2a;border-radius:10px;transform:translateY(-50%);z-index:0}.progress-track-fill{position:absolute;top:50%;left:10px;height:10px;background-color:#4da6ff;border-radius:6px;transform:translateY(-50%);z-index:1;transition:width .3s ease-out;max-width:calc(100% - 20px)}.nodes-container{position:relative;width:100%;display:flex;justify-content:space-between;z-index:2;padding:0}.node{width:40px;height:40px;background-color:#4a4a4a;border:3px solid #2a2a2a;border-radius:10px;display:flex;align-items:center;justify-content:center;image-rendering:pixelated;transition:all .3s ease}.node.active,.node.completed{background-color:#4da6ff;border-color:#2a2a2a;box-shadow:0 0 10px #4da6ff66}.node-icon{width:26px;height:26px;object-fit:contain;image-rendering:pixelated}.node-icon.house{width:36px;height:36px}.start-node-text{font-size:6px;color:#fff;font-weight:700;text-shadow:1px 1px 0 #000;text-align:center;line-height:1;width:100%;overflow:hidden}@media(max-width:768px){.progress-track-fill,.node{transition:none}.node.active,.node.completed{box-shadow:none}}