@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-bg-dark: #0a0a0a;--color-bg-darker: #050505;--color-accent: #FF6B35;--color-accent-hover: #ff8c5a;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .7);--color-danger: #ff3333;--color-success: #00ff00;--color-warning: #ffaa00;--color-grid: rgba(0, 255, 0, .08);--color-country-default: #1a1a1a;--color-country-border: #333}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background-color:var(--color-bg-dark);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game-screen{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--color-bg-dark)}.game-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:100}.game-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:99}.game-screen--shake{animation:screen-shake .4s ease-out}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-8px) rotate(-.5deg)}20%{transform:translate(8px) rotate(.5deg)}30%{transform:translate(-6px) rotate(-.3deg)}40%{transform:translate(6px) rotate(.3deg)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}}.screen-flash{position:absolute;inset:0;z-index:200;pointer-events:none;opacity:0}.screen-flash--red{background:#ff323299;animation:flash-red .3s ease-out}.screen-flash--green{background:#00ff004d;animation:flash-green .2s ease-out}.screen-flash--yellow{background:#ffc80066;animation:flash-yellow .25s ease-out}@keyframes flash-red{0%{opacity:1}to{opacity:0}}@keyframes flash-green{0%{opacity:1}to{opacity:0}}@keyframes flash-yellow{0%{opacity:1}to{opacity:0}}.status-display{position:absolute;top:20px;left:20px;z-index:50;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:2px;font-size:.9rem;padding:.5rem 1rem;background:#000000b3;border:1px solid rgba(0,255,0,.3);border-radius:4px}.status-display--focused{color:var(--color-success);border-color:#00ff0080;text-shadow:0 0 10px rgba(0,255,0,.5)}.status-display--monitoring{color:var(--color-warning);border-color:#ffaa0080;text-shadow:0 0 10px rgba(255,170,0,.5)}.status-display--breach{color:var(--color-danger);border-color:#ff323280;text-shadow:0 0 10px rgba(255,50,50,.5);animation:status-blink .5s ease-in-out 3}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.5}}.map-section{position:absolute;inset:0}.war-room-map{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:60px 20px 100px}.map-blob{position:absolute;left:var(--blob-x);top:var(--blob-y);z-index:70;pointer-events:none;display:flex;flex-direction:column;align-items:center;will-change:transform}.map-blob__image{width:45px;height:auto;filter:drop-shadow(0 3px 10px rgba(0,0,0,.6));transition:transform .2s ease}.map-blob--walking .map-blob__image{animation:blob-walk-bob .25s ease-in-out infinite}@keyframes blob-walk-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}.map-blob--idle .map-blob__image{animation:blob-map-float 3s ease-in-out infinite}@keyframes blob-map-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}}.map-blob--wandering .map-blob__image{animation:blob-wander .4s ease-in-out infinite}@keyframes blob-wander{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-3deg)}75%{transform:translateY(-2px) rotate(3deg)}}.map-blob--scheming .map-blob__image{animation:blob-scheme-map .6s ease-in-out infinite}@keyframes blob-scheme-map{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-3deg)}50%{transform:scale(1.08) rotate(0)}75%{transform:scale(1.05) rotate(3deg)}}.map-blob--rushing .map-blob__image{animation:blob-rush .2s ease-in-out infinite}@keyframes blob-rush{0%,to{transform:translateY(0) translate(0) rotate(-5deg)}50%{transform:translateY(-4px) translate(2px) rotate(5deg)}}.map-blob--strike .map-blob__image{animation:blob-strike-map .4s ease-out}@keyframes blob-strike-map{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.3) rotate(-10deg)}60%{transform:scale(1.4) rotate(10deg)}to{transform:scale(1) rotate(0)}}.map-blob--gloating .map-blob__image,.map-blob--celebrating .map-blob__image{animation:blob-celebrate-map .6s ease-out}@keyframes blob-celebrate-map{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-15px) scale(1.2)}50%{transform:translateY(-10px) scale(1.15)}70%{transform:translateY(-12px) scale(1.18)}to{transform:translateY(0) scale(1)}}.map-blob--sad .map-blob__image{animation:blob-sad-map .5s ease-out forwards}@keyframes blob-sad-map{0%{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(5px) scale(.9) rotate(-5deg)}to{transform:translateY(3px) scale(.95) rotate(-3deg)}}.map-blob--defeated .map-blob__image{animation:blob-defeated-map .5s ease-out forwards;filter:drop-shadow(0 3px 10px rgba(0,0,0,.4)) grayscale(30%)}@keyframes blob-defeated-map{0%{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(8px) scale(.85) rotate(-8deg)}to{transform:translateY(5px) scale(.9) rotate(-5deg)}}.map-blob__bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-text);padding:.4rem .6rem;border-radius:6px;margin-bottom:8px;max-width:120px;text-align:center;font-family:Space Mono,monospace;font-weight:400;font-size:.65rem;line-height:1.3;animation:bubble-appear .3s ease-out;box-shadow:0 0 15px #ff6b3580,inset 0 0 10px #ffffff1a;border:1px solid rgba(255,140,90,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:80}.map-blob__bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:var(--color-accent) transparent transparent transparent}.map-blob__bubble--thought{background:#282828f2;border-color:#64646480;box-shadow:0 0 10px #00000080;color:#ffffffe6}.map-blob__bubble--thought:after{border-color:rgba(40,40,40,.95) transparent transparent transparent}.map-blob__bubble--thought:before{content:"...";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:.8rem;color:#646464cc}@keyframes bubble-appear{0%{opacity:0;transform:translate(-50%) scale(.7) translateY(5px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.grid-overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-grid) 1px,transparent 1px),linear-gradient(var(--color-grid) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.world-map-svg{width:100%;height:100%;max-width:1200px;filter:drop-shadow(0 0 30px rgba(0,255,0,.1))}.country{fill:var(--color-country-default);stroke:var(--color-country-border);stroke-width:.5;transition:fill .5s ease,filter .5s ease}.country--conquered{fill:var(--color-accent);stroke:#ff8c5a;stroke-width:1}.country--targeted{fill:#2a2a2a;stroke:var(--color-warning);stroke-width:1.5;animation:pulse-target 1.5s ease-in-out infinite}@keyframes pulse-target{0%,to{fill:#2a2a2a;stroke-opacity:.5}50%{fill:#3a3a3a;stroke-opacity:1}}.country-label{font-family:Space Mono,monospace;font-size:8px;fill:#fff;text-transform:uppercase;letter-spacing:1px;pointer-events:none;opacity:.8}.timer-display{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:50;background:#000c;border:1px solid rgba(0,255,0,.3);padding:.75rem 1.5rem;border-radius:4px;font-family:Space Mono,monospace;font-size:2rem;font-weight:700;color:var(--color-success);min-width:160px;text-align:center;text-shadow:0 0 10px rgba(0,255,0,.5);letter-spacing:3px}.timer-pulse{animation:timer-pulse 1s ease-in-out infinite;color:var(--color-danger);border-color:#ff323280;text-shadow:0 0 10px rgba(255,50,50,.5)}@keyframes timer-pulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.05);opacity:.8}}.attack-countdown{position:absolute;top:20px;right:20px;z-index:50;background:#000c;border:1px solid rgba(255,170,0,.3);padding:.5rem 1rem;border-radius:4px;font-family:Space Mono,monospace;display:flex;flex-direction:column;align-items:center;gap:.25rem}.attack-countdown__label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}.attack-countdown__timer{font-size:1.5rem;font-weight:700;color:var(--color-warning);text-shadow:0 0 10px rgba(255,170,0,.5)}.attack-countdown--urgent{border-color:#ff323280;animation:countdown-pulse .5s ease-in-out infinite}.attack-countdown--urgent .attack-countdown__timer{color:var(--color-danger);text-shadow:0 0 15px rgba(255,50,50,.7)}@keyframes countdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.defense-meter{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:50;background:#000c;border:1px solid rgba(0,255,0,.3);padding:.4rem 1rem;border-radius:4px;font-family:Space Mono,monospace;display:flex;align-items:center;gap:.75rem;min-width:200px}.defense-meter__label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);white-space:nowrap}.defense-meter__bar{flex:1;height:8px;background:#00ff001a;border-radius:4px;overflow:hidden;border:1px solid rgba(0,255,0,.2)}.defense-meter__fill{height:100%;background:linear-gradient(90deg,#00ff0080,#0f0c);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #00ff0080}.defense-meter__percent{font-size:.8rem;font-weight:700;color:var(--color-success);text-shadow:0 0 5px rgba(0,255,0,.5);min-width:35px;text-align:right}.defense-meter--high{border-color:#0f09;animation:defense-glow 2s ease-in-out infinite}.defense-meter--high .defense-meter__fill{background:linear-gradient(90deg,#00ff00b3,#64ff64)}@keyframes defense-glow{0%,to{box-shadow:0 0 5px #00ff004d}50%{box-shadow:0 0 15px #0f09}}.map-blob--agitated-1 .map-blob__image{animation:blob-agitated-1 2s ease-in-out infinite!important}@keyframes blob-agitated-1{0%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(-2px) rotate(-1deg)}20%{transform:translateY(0) rotate(1deg)}30%{transform:translateY(-1px) rotate(0)}50%{transform:translateY(-3px) scale(1.02)}60%{transform:translateY(0) rotate(-1deg)}80%{transform:translateY(-2px) rotate(1deg)}}.map-blob--agitated-2 .map-blob__image{animation:blob-agitated-2 1s ease-in-out infinite!important;filter:drop-shadow(0 3px 10px rgba(255,100,100,.4))}@keyframes blob-agitated-2{0%,to{transform:translateY(0) rotate(0) scale(1)}15%{transform:translateY(-3px) rotate(-3deg) scale(1.02)}30%{transform:translateY(0) rotate(3deg) scale(1)}45%{transform:translateY(-4px) rotate(-2deg) scale(1.03)}60%{transform:translateY(0) rotate(2deg) scale(1)}75%{transform:translateY(-2px) rotate(-1deg) scale(1.01)}}.map-blob--agitated-2:before{content:"💦";position:absolute;top:-5px;right:-5px;font-size:12px;animation:sweat-drop 1.5s ease-in-out infinite;z-index:90}@keyframes sweat-drop{0%,to{opacity:0;transform:translateY(0)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(8px)}to{opacity:0;transform:translateY(10px)}}.map-blob--agitated-3 .map-blob__image{animation:blob-agitated-3 .3s ease-in-out infinite!important;filter:drop-shadow(0 3px 15px rgba(255,50,50,.6))}@keyframes blob-agitated-3{0%,to{transform:translate(0) translateY(0) rotate(0) scale(1)}10%{transform:translate(-3px) translateY(-2px) rotate(-5deg) scale(1.05)}20%{transform:translate(3px) translateY(1px) rotate(5deg) scale(1.02)}30%{transform:translate(-2px) translateY(-3px) rotate(-3deg) scale(1.06)}40%{transform:translate(2px) translateY(2px) rotate(3deg) scale(1.03)}50%{transform:translate(-4px) translateY(-1px) rotate(-6deg) scale(1.07)}60%{transform:translate(4px) translateY(-2px) rotate(6deg) scale(1.04)}70%{transform:translate(-2px) translateY(1px) rotate(-4deg) scale(1.05)}80%{transform:translate(3px) translateY(-3px) rotate(4deg) scale(1.03)}90%{transform:translate(-3px) translateY(2px) rotate(-2deg) scale(1.06)}}.map-blob--agitated-3:before{content:"💦💦";position:absolute;top:-8px;right:-10px;font-size:10px;animation:sweat-drops-frantic .5s ease-in-out infinite;z-index:90}.map-blob--agitated-3:after{content:"😤";position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:14px;animation:stress-mark .8s ease-in-out infinite;z-index:90}@keyframes sweat-drops-frantic{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.7;transform:translateY(5px) scale(1.2)}}@keyframes stress-mark{0%,to{opacity:.5;transform:translate(-50%) scale(.8)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.blob-container{display:none;position:absolute;bottom:100px;right:40px;z-index:60;pointer-events:none;flex-direction:column;align-items:center}.blob-image{width:120px;height:auto;filter:drop-shadow(0 5px 20px rgba(0,0,0,.5))}.start-screen .blob-image{width:280px;max-width:60vw}.blob--idle{animation:blob-float 3s ease-in-out infinite}.blob--scheming{animation:blob-scheme .8s ease-in-out infinite}.blob--strike{animation:blob-strike .4s ease-out}.blob--gloating{animation:blob-gloat .6s ease-out}.blob--defeated{animation:blob-defeated .5s ease-out forwards}@keyframes blob-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes blob-scheme{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}@keyframes blob-strike{0%{transform:translate(0) scale(1)}30%{transform:translate(-20px) scale(1.1)}60%{transform:translate(30px) scale(1.15)}to{transform:translate(0) scale(1)}}@keyframes blob-gloat{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(1.2)}50%{transform:translateY(-15px) scale(1.15)}70%{transform:translateY(-18px) scale(1.18)}to{transform:translateY(0) scale(1)}}@keyframes blob-defeated{0%{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(10px) scale(.9) rotate(-5deg)}to{transform:translateY(5px) scale(.95) rotate(-3deg)}}.blob-bounce{animation:blob-gloat .6s ease-out}.dialogue-bubble{position:relative;background:var(--color-accent);color:var(--color-text);padding:.75rem 1rem;border-radius:8px;margin-bottom:15px;max-width:220px;text-align:center;font-family:Space Mono,monospace;font-weight:400;font-size:.85rem;animation:dialogue-appear .3s ease-out;box-shadow:0 0 20px #ff6b3580,inset 0 0 20px #ffffff1a;border:1px solid rgba(255,140,90,.5)}.dialogue-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-width:10px 10px 0;border-style:solid;border-color:var(--color-accent) transparent transparent transparent}@keyframes dialogue-appear{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.conquered-counter{position:absolute;bottom:45px;left:50%;transform:translate(-50%);z-index:50;background:#000c;border:1px solid rgba(255,107,53,.5);padding:.5rem 1.5rem;border-radius:4px;font-family:Space Mono,monospace;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.75rem}.conquered-counter .label{color:var(--color-text-muted)}.conquered-counter .count{color:var(--color-accent);font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(255,107,53,.5)}.conquered-counter .count--animate{animation:counter-tick .3s ease-out}@keyframes counter-tick{0%{transform:scale(1)}50%{transform:scale(1.3);color:#fff}to{transform:scale(1)}}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-dark);padding:2rem;text-align:center;position:relative}.start-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1}.start-screen>*{position:relative;z-index:2}.start-screen h1{font-family:Space Mono,monospace;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 30px rgba(255,107,53,.5)}.start-screen .subtitle{font-family:Space Mono,monospace;font-size:.9rem;color:var(--color-success);text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem}.start-screen p{font-size:1rem;color:var(--color-text-muted);margin-bottom:2rem;max-width:500px;line-height:1.7}.duration-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.gameover-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-dark);padding:2rem;text-align:center;position:relative}.gameover-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,0,0,.03) 0px,rgba(255,0,0,.03) 1px,transparent 1px,transparent 2px),radial-gradient(ellipse at center,rgba(255,50,50,.1) 0%,transparent 70%);pointer-events:none;z-index:1}.gameover-screen>*{position:relative;z-index:2}.gameover-screen h1{font-family:Space Mono,monospace;font-size:3rem;font-weight:700;color:var(--color-danger);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 30px rgba(255,50,50,.5);animation:glitch 2s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,2px)}98%{transform:translate(1px,-2px)}}.gameover-screen .subtitle{font-family:Space Mono,monospace;font-size:1rem;color:var(--color-text-muted);margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px}.victory-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-dark);padding:2rem;text-align:center;position:relative}.victory-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,255,0,.02) 0px,rgba(0,255,0,.02) 1px,transparent 1px,transparent 2px),radial-gradient(ellipse at center,rgba(0,255,0,.1) 0%,transparent 70%);pointer-events:none;z-index:1}.victory-screen>*{position:relative;z-index:2}.victory-screen h1{font-family:Space Mono,monospace;font-size:2.5rem;font-weight:700;color:var(--color-success);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 30px rgba(0,255,0,.5)}.victory-screen .subtitle{font-family:Space Mono,monospace;font-size:1rem;color:var(--color-text-muted);margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px}.stats-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem 0}.stat-item{background:#00000080;border:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;border-radius:4px;min-width:150px}.stat-value{font-family:Space Mono,monospace;font-size:2rem;font-weight:700;color:var(--color-accent);text-shadow:0 0 10px rgba(255,107,53,.5)}.stat-label{font-family:Space Mono,monospace;font-size:.75rem;color:var(--color-text-muted);margin-top:.5rem;text-transform:uppercase;letter-spacing:1px}button{font-family:Space Mono,monospace;font-size:.9rem;font-weight:700;padding:1rem 2rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px}.btn-primary{background:var(--color-accent);color:var(--color-text);border:1px solid rgba(255,140,90,.5);box-shadow:0 0 20px #ff6b354d}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:0 0 30px #ff6b3580;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0) scale(.95)}.btn-secondary{background:#00ff001a;color:var(--color-success);border:1px solid rgba(0,255,0,.3)}.btn-secondary:hover{background:#0f03;border-color:#00ff0080;box-shadow:0 0 20px #0f03}.btn-secondary:active{transform:scale(.95)}.conquered-list{margin-top:1.5rem;max-height:200px;overflow-y:auto;padding:1rem;background:#0000004d;border:1px solid rgba(255,107,53,.3);border-radius:4px;width:100%;max-width:400px}.conquered-list h3{font-family:Space Mono,monospace;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.conquered-list ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.conquered-list li{background:#ff6b3533;border:1px solid rgba(255,107,53,.3);padding:.3rem .6rem;border-radius:4px;font-family:Space Mono,monospace;font-size:.75rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.start-screen h1{font-size:1.75rem;letter-spacing:2px}.start-screen p{font-size:.9rem}.timer-display{font-size:1.5rem;padding:.5rem 1rem;min-width:120px}.status-display{font-size:.75rem;padding:.4rem .75rem;left:10px;top:15px}.attack-countdown{top:15px;right:10px;padding:.4rem .75rem}.attack-countdown__label{font-size:.55rem}.attack-countdown__timer{font-size:1.2rem}.defense-meter{bottom:55px;padding:.3rem .75rem;min-width:160px;gap:.5rem}.defense-meter__label{font-size:.55rem}.defense-meter__bar{height:6px}.defense-meter__percent{font-size:.7rem;min-width:30px}.blob-container{display:none}.map-blob__image{width:40px}.map-blob__bubble{max-width:100px;font-size:.6rem}.map-blob--agitated-2:before,.map-blob--agitated-3:before{font-size:10px}.map-blob--agitated-3:after{font-size:12px;top:-12px}.gameover-screen h1,.victory-screen h1{font-size:2rem;letter-spacing:2px}.stat-item{padding:1rem 1.5rem;min-width:120px}.stat-value{font-size:1.5rem}button{font-size:.8rem;padding:.75rem 1.5rem}.conquered-counter{font-size:.75rem;padding:.4rem 1rem}}@media(max-width:480px){.start-screen{padding:1rem}.start-screen h1{font-size:1.5rem}.start-screen .blob-image{width:200px;max-width:50vw}.duration-buttons{flex-direction:column;width:100%;max-width:280px}.duration-buttons button{width:100%}.stats-container{flex-direction:column;align-items:center}.stat-item{width:100%;max-width:200px}.war-room-map{padding:50px 10px 80px}}.game-screen{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.blob-ticker{position:absolute;bottom:0;left:0;right:0;z-index:90;background:#000000e6;border-top:2px solid var(--color-danger);padding:8px 16px;display:flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:12px;white-space:nowrap;overflow:hidden}.ticker-label{color:var(--color-danger);font-weight:700;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;animation:ticker-label-pulse 1s ease-in-out infinite}@keyframes ticker-label-pulse{0%,to{opacity:1}50%{opacity:.6}}.ticker-quote{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;flex:1;transition:opacity .3s ease,transform .3s ease}.ticker-quote--exit{opacity:0;transform:translateY(-10px)}.ticker-attribution{color:var(--color-text-muted);font-size:10px;flex-shrink:0}.action-box{position:absolute;top:70px;left:50%;transform:translate(-50%);z-index:80;background:#000000d9;border:1px solid rgba(255,107,53,.5);border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:12px;font-family:Space Mono,monospace;font-size:13px;max-width:90%;box-shadow:0 4px 20px #00000080}.action-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--color-accent);flex-shrink:0}.action-text{color:var(--color-text);line-height:1.3}.action-box--scheming{border-color:var(--color-warning);animation:action-scheming 2s ease-in-out infinite}.action-box--scheming .action-avatar{border-color:var(--color-warning)}@keyframes action-scheming{0%,to{box-shadow:0 4px 20px #ffaa004d}50%{box-shadow:0 4px 30px #ffaa0080}}.action-box--rushing{border-color:var(--color-danger);animation:action-rushing .5s ease-in-out infinite}.action-box--rushing .action-avatar{border-color:var(--color-danger)}@keyframes action-rushing{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.02)}}.action-box--conquest{border-color:var(--color-danger);background:#ff323233;animation:action-conquest .6s ease-out}.action-box--conquest .action-text{color:var(--color-danger);font-weight:700}@keyframes action-conquest{0%{transform:translate(-50%) scale(.9);opacity:.5}50%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1);opacity:1}}.action-box--caught{border-color:var(--color-success);background:#00ff001a}.action-box--caught .action-avatar{border-color:var(--color-success)}.action-box--caught .action-text{color:var(--color-success)}.action-box--defeated{border-color:var(--color-success);background:#00ff0026}.action-box--defeated .action-text{color:var(--color-success);font-weight:700}@media(orientation:landscape)and (max-height:500px){.game-screen{display:block;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.map-section{position:absolute;inset:0;height:100vh;overflow:hidden}.war-room-map{position:absolute;inset:0;padding:10px 10px 50px;height:100%}.world-map-svg{max-width:none}.status-display{top:5px;left:5px;font-size:.65rem;padding:.3rem .5rem;letter-spacing:1px}.timer-display{top:5px;font-size:1rem;padding:.3rem .8rem;min-width:auto;letter-spacing:1px}.timer-pulse{animation:timer-pulse-landscape 1s ease-in-out infinite}@keyframes timer-pulse-landscape{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.03);opacity:.8}}.conquered-counter{bottom:40px;font-size:.65rem;padding:.3rem .8rem;gap:.5rem}.conquered-counter .count{font-size:.8rem}.attack-countdown{top:5px;right:5px;padding:.2rem .5rem}.attack-countdown__label{font-size:.5rem}.attack-countdown__timer{font-size:.9rem}.defense-meter{bottom:25px;padding:.2rem .5rem;min-width:120px;gap:.4rem}.defense-meter__label{font-size:.5rem}.defense-meter__bar{height:5px}.defense-meter__percent{font-size:.6rem;min-width:25px}.map-blob--agitated-2:before,.map-blob--agitated-3:before{font-size:8px;top:-3px;right:-3px}.map-blob--agitated-3:after{font-size:10px;top:-10px}.map-blob__image{width:35px}.map-blob__bubble{max-width:80px;font-size:.55rem;padding:.3rem .4rem}.blob-container{display:none}.blob-image{width:60px}.start-screen .blob-image{width:140px;max-width:30vh}.dialogue-bubble{max-width:90px;font-size:.65rem;padding:.4rem .5rem;margin-bottom:10px}.dialogue-bubble:after{border-width:6px 6px 0;bottom:-6px}.grid-overlay{background-size:30px 30px}.country-label{font-size:6px}.start-screen{padding:1rem;justify-content:center}.start-screen h1{font-size:1.25rem;margin-bottom:.25rem;letter-spacing:2px}.start-screen .subtitle{font-size:.7rem;margin-bottom:1rem}.start-screen p{font-size:.75rem;margin-bottom:1rem;max-width:400px}.duration-buttons{flex-direction:row;gap:.5rem;margin-top:.5rem}.duration-buttons button{padding:.5rem 1rem;font-size:.7rem}.gameover-screen,.victory-screen{padding:1rem}.gameover-screen h1,.victory-screen h1{font-size:1.5rem;letter-spacing:2px;margin-bottom:.25rem}.gameover-screen .subtitle,.victory-screen .subtitle{font-size:.75rem;margin-bottom:1rem}.stats-container{flex-direction:row;gap:1rem;margin:1rem 0}.stat-item{padding:.75rem 1rem;min-width:100px}.stat-value{font-size:1.25rem}.stat-label{font-size:.6rem}.conquered-list{max-height:100px;padding:.5rem;max-width:300px}.conquered-list h3{font-size:.65rem;margin-bottom:.5rem}.conquered-list li{padding:.2rem .4rem;font-size:.6rem}.blob-ticker{padding:4px 10px;font-size:10px;gap:6px}.ticker-label{font-size:9px}.ticker-attribution{font-size:8px}.action-box{top:35px;padding:4px 10px;font-size:11px;gap:8px}.action-avatar{width:24px;height:24px}}@media(max-width:768px){.blob-ticker{padding:6px 12px;font-size:11px}.ticker-label{font-size:10px}.ticker-attribution{font-size:9px}.action-box{top:60px;padding:6px 12px;font-size:12px;gap:10px}.action-avatar{width:32px;height:32px}}@media(max-width:480px){.blob-ticker{padding:5px 10px;font-size:10px}.ticker-label{font-size:9px;letter-spacing:.5px}.ticker-attribution{display:none}.action-box{top:55px;padding:5px 10px;font-size:11px;gap:8px;max-width:95%}.action-avatar{width:28px;height:28px}.action-text{font-size:10px}}.recovery-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modal-overlay-appear .3s ease-out}@keyframes modal-overlay-appear{0%{opacity:0}to{opacity:1}}.recovery-modal{background:var(--color-bg-dark);border:1px solid var(--color-accent);border-radius:8px;padding:2rem;max-width:400px;width:100%;text-align:center;animation:modal-appear .3s ease-out;box-shadow:0 0 40px #ff6b354d}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.recovery-modal h2{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--color-accent);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:2px}.recovery-modal .subtitle{font-family:Space Mono,monospace;font-size:.85rem;color:var(--color-success);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.recovery-modal p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}@media(max-width:480px){.recovery-modal{padding:1.5rem}.recovery-modal h2{font-size:1.25rem}.recovery-modal .subtitle{font-size:.75rem}}.return-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modal-overlay-appear .3s ease-out}.return-modal{background:var(--color-bg-dark);border:1px solid var(--color-accent);border-radius:8px;padding:2rem;max-width:400px;width:100%;text-align:center;animation:modal-appear .3s ease-out;box-shadow:0 0 40px #ff6b354d}.return-modal__message{font-family:Space Mono,monospace;font-size:1.25rem;color:var(--color-accent);margin-bottom:1.5rem;line-height:1.4}.return-modal__lost{font-family:Space Mono,monospace;font-size:1rem;color:var(--color-danger);text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}@media(max-width:480px){.return-modal{padding:1.5rem}.return-modal__message{font-size:1rem}.return-modal__lost{font-size:.85rem}}.conquest-progress{position:absolute;bottom:0;left:0;right:0;height:32px;background:#140000e6;z-index:90}.conquest-progress__fill{height:100%;background:#c00;transition:width 1s linear}
