.gui-area{position:absolute;bottom:0;left:0;z-index:50;width:100%}.gui-grid{display:grid;width:100%;height:100%;align-items:stretch;justify-items:stretch}.gui-cell{background:none;border:1px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:0;position:relative}.onboarding .gui-cell{animation:pulse .5s ease-out infinite alternate}@keyframes pulse{0%{border:1px solid rgba(255,255,255,.6)}to{transform:translateY(2px);border:1px solid rgba(255,255,255,.3)}}.gui-cell--enemy{border:1px solid rgba(255,0,0,.3);cursor:default}.gui-cell__unit-image{background-size:contain;background-repeat:no-repeat;background-position:center;transform-origin:center;transform:rotate(-90deg);filter:grayscale(100%) brightness(1.2);width:64px;height:64px}.gui-cell--selected{border:2px solid #fbbf24}.gui-cell__level-indicator{position:absolute;top:2px;left:2px;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:grayscale(100%)}.app-shell{display:flex;justify-content:center;background:#111;position:relative;min-height:100vh}.scrollable-content{display:flex;flex-direction:column;height:100vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.scrollable-content::-webkit-scrollbar{display:none}.game-area{background:#9a8c67;position:relative}.unit-modal{position:fixed;z-index:1000;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%)}.unit-modal__content{background:#1e1e1ef2;border:2px solid #fbbf24;border-radius:8px;padding:16px;box-shadow:0 4px 12px #0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;max-width:90vw;max-height:90vh;overflow:auto;display:flex;flex-direction:column}.unit-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.unit-modal__title{color:#fbbf24;font-size:16px;font-weight:700}.unit-modal__coins{font-size:14px;font-weight:700;color:#fbbf24}.unit-modal__options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.unit-option{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#323232cc;border:1px solid #555;border-radius:6px;padding:8px 12px;cursor:pointer;text-align:left;transition:all .2s ease}.unit-option:hover{background:#3c3c3ce6;border-color:#fbbf24}.unit-option--selected{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf24 inset;background:#464646e6}.unit-option--unaffordable{opacity:.5;cursor:not-allowed}.unit-option--unaffordable:hover{background:#323232cc;border-color:#555}.unit-option__image{background-size:contain;background-repeat:no-repeat;background-position:center;transform:rotate(-90deg);width:48px;height:48px;flex:0 0 48px}.unit-option__info{display:flex;flex-direction:column;gap:4px;flex:1}.unit-option__label{font-size:14px;color:#e5e7eb;font-weight:700}.unit-option__description{font-size:14px;color:#aaa}.unit-option__cost{display:flex;align-items:center;gap:4px;font-size:16px;color:#fbbf24;font-weight:700}.unit-option__coin-icon{width:24px;height:24px}.unit-modal__actions{margin-top:auto}.btn--cancel{width:100%;padding:12px 16px;font-size:14px}.btn{background:#3c3c3ccc;color:#e5e7eb;border:1px solid #555;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease}.btn:hover{background:#464646e6;border-color:#fbbf24}.btn--primary{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);border-color:#059669}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px #0000004d}.btn:disabled,.btn[disabled]{background:#6b7280;cursor:not-allowed;opacity:.6}.promote-modal{position:fixed;z-index:1000;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%)}.promote-modal__content{background:#1e1e1ef2;border:2px solid #fbbf24;border-radius:8px;padding:20px;box-shadow:0 4px 12px #0009;min-width:200px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:16px}.promote-modal__unit-name{color:#fbbf24;font-size:18px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);text-align:center}.promote-modal__level-badge{width:80px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block}.promote-modal__max-level{display:flex;flex-direction:column;align-items:center;gap:8px}.promote-modal__max-level-text{color:#fbbf24;font-size:14px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.promote-modal__cost{display:flex;align-items:center;gap:8px}.promote-modal__coin-icon{width:24px;height:24px}.promote-modal__cost-text{color:#fbbf24;font-size:16px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.promote-modal__button{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:6px;color:#000;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:120px;box-shadow:0 4px 6px #0000001a}.promote-modal__button:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:0 6px 8px #0003}.promote-modal__button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000004d}.promote-modal__button--disabled{background:#6b7280;cursor:not-allowed;opacity:.6}.game-world{position:relative;height:100%;width:100%;overflow:hidden;background:linear-gradient(135deg,#d4b483,#e6c89c,#d4b483,#c4a473,#d4b483),radial-gradient(circle at 20% 30%,rgba(139,115,85,.4) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(160,130,95,.3) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(120,100,70,.2) 0%,transparent 60%),repeating-linear-gradient(45deg,transparent 0%,transparent 2%,rgba(255,255,255,.02) 2%,rgba(255,255,255,.02) 3%,transparent 3%,transparent 5%),linear-gradient(to bottom,#ffebcd1a,#ffebcd0d,#ffebcd1a);background-blend-mode:multiply,soft-light,soft-light,soft-light,normal,overlay}.game-world-header{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;height:36px;z-index:500;background:#00000059;color:#fff;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:0 16px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.unit-container{position:absolute;width:64px;height:64px;z-index:100;border-radius:50%;pointer-events:none}.unit-container.flying{z-index:200}.unit{position:absolute;background-size:cover;background-repeat:no-repeat;background-position:center;width:64px;height:64px;border-radius:50%;pointer-events:none;transform-origin:center center}.unit-shadow{position:absolute;width:36px;height:24px;background-color:#00000080;border-radius:50%;left:50%;top:50%;filter:blur(8px)}.tank .unit-shadow{border-radius:10%;width:50px;height:32px;filter:blur(4px)}.rifleman .unit-shadow{border-radius:10%;width:16px;height:16px;filter:blur(4px)}.gun-flare{position:absolute;width:8px;height:4px;background:linear-gradient(to right,#ff0,orange);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) translate(19px);animation:flashing-gun-flare .2s ease-in-out infinite}.tank .gun-flare{width:14px;height:5px;transform:translate(-50%,-50%) translate(40px);animation:flashing-gun-flare .8s ease-in-out infinite}.helicopter .gun-flare{width:10px;height:4px;transform:translate(-50%,-50%) translate(32px);animation:flashing-gun-flare .3s linear infinite}.turret .gun-flare{width:14px;height:5px;transform:translate(-50%,-50%) translate(38px);animation:flashing-gun-flare .8s ease-in-out infinite}.helicopter .rotor{position:absolute;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;left:50%;top:50%;transform:translate(-50%,-50%) rotate(0);animation:helicopter-rotor-spin 1s linear infinite}@keyframes helicopter-rotor-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes flashing-gun-flare{0%{opacity:.7}20%,to{opacity:0}}.unit-frame{position:absolute;width:64px;height:64px;border-radius:50%;border:solid rgba(0,0,255,.7) 4px;box-sizing:content-box;z-index:100;pointer-events:none}.game-over-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;z-index:9999}.game-over-overlay.defeat:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#7f0000cc;animation:defeatTint 1.5s ease-in-out;z-index:-1}@keyframes defeatTint{0%{background:#7f000000}to{background:#7f0000cc}}.game-over-modal{background:#1e1e1ef2;border:2px solid #fbbf24;border-radius:8px;padding:20px;text-align:center;box-shadow:0 4px 12px #0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:500px;width:90%}.game-over-content{display:flex;flex-direction:column;gap:20px;align-items:center}.game-over-title{font-size:2rem;font-weight:700;margin:0;letter-spacing:1px}.game-over-title.victory{color:#10b981}.game-over-title.defeat{color:#ef4444}.game-over-message{font-size:1rem;color:#e5e7eb;line-height:1.4;max-width:400px}.new-game-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;border:none;padding:12px 24px;font-size:14px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:120px;box-shadow:0 4px 6px #0000001a}.new-game-button:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:0 6px 8px #0003}.new-game-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000004d}.intro-container{display:flex;justify-content:center;align-items:center;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Arial,sans-serif;overflow:hidden}.intro-content{text-align:center;background:#1e1e1ef2;border:2px solid #fbbf24;border-radius:8px;padding:40px 20px;box-shadow:0 4px 12px #0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:500px;width:90%;z-index:1000}.intro-titles{margin-bottom:30px}.intro-logo{max-width:100%;height:auto;max-height:120px;margin:0 auto;display:block}.intro-subtitle{color:#fbbf24;font-size:16px;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.intro-title{color:#e5e7eb;font-size:32px;font-weight:700;margin:0;line-height:1.2;letter-spacing:1px}.difficulty-selector{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:12px}.difficulty-label{color:#fbbf24;font-size:16px;font-weight:700;margin:0}.difficulty-select{background:#323232cc;border:1px solid #555;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:700;color:#e5e7eb;cursor:pointer;transition:all .2s ease;min-width:200px}.difficulty-select:hover{background:#3c3c3ce6;border-color:#fbbf24}.difficulty-select:focus{outline:none;box-shadow:0 0 0 2px #fbbf24 inset;background:#464646e6}.play-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #d97706;border-radius:8px;padding:16px 32px;font-size:18px;font-weight:700;color:#1f2937;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:140px;box-shadow:0 6px 12px #fbbf244d;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;animation:pulse-glow 2s ease-in-out infinite alternate}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.play-button:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-3px) scale(1.05);box-shadow:0 12px 24px #fbbf2466,0 0 20px #fbbf244d;border-color:#fbbf24;animation:none}.play-button:hover:before{left:100%}.play-button:active:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:0 8px 16px #fbbf244d;transition:all .1s ease}@keyframes pulse-glow{0%{box-shadow:0 6px 12px #fbbf244d}to{box-shadow:0 6px 12px #fbbf2480,0 0 15px #fbbf2433}}.cloud{position:absolute;z-index:1;pointer-events:none}.cloud img{width:800px;height:auto;opacity:.5}.cloud-1{top:0%;animation:float-cloud-1 50s linear infinite}.cloud-2{top:200px;animation:float-cloud-2 60s linear infinite}.cloud-3{top:400px;animation:float-cloud-3 77s linear infinite}@keyframes float-cloud-1{0%{transform:translate(-300px)}to{transform:translate(calc(100vw + 500px))}}@keyframes float-cloud-2{0%{transform:translate(-600px)}to{transform:translate(calc(100vw + 500px))}}@keyframes float-cloud-3{0%{transform:translate(-500px)}to{transform:translate(calc(100vw + 1000px))}}@media (max-width: 600px){.intro-content{padding:30px 16px}.intro-logo{max-height:80px}.intro-title{font-size:28px}.intro-subtitle{font-size:14px}.play-button{padding:14px 28px;font-size:16px;min-width:120px}}:root{color-scheme:light dark}*{box-sizing:border-box}html,body,#root{height:auto;margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#0f0f10}