@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap";
:root{--background:150 12% 3%;--foreground:0 0% 90%;--map-accent:44 78% 43%;--map-sidebar-bg:220 12% 8%;--map-foreground:220 20% 10%;--card:220 12% 8%;--card-foreground:0 0% 90%;--popover:220 12% 10%;--popover-foreground:0 0% 90%;--primary:38 92% 50%;--primary-foreground:0 0% 0%;--secondary:220 12% 8%;--secondary-foreground:0 0% 90%;--tertiary:220 12% 14%;--tertiary-foreground:0 0% 90%;--muted:220 12% 18%;--muted-foreground:0 0% 64%;--accent:24 82% 32%;--accent-foreground:50 98% 77%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:220 10% 18%;--input:220 10% 26%;--ring:38 92% 50%;--icon-secondary-color:#121212;--positive-stat:#22c55e;--negative-stat:#ef4444;--success-bg:132 36% 11%;--success-border:120 74% 60%;--success-text:120 74% 60%;--success-text-light:120 62% 87%;--warning-bg:39 59% 11%;--warning-border:46 79% 52%;--warning-text:46 79% 52%;--warning-text-light:45 77% 83%;--info-bg:224 62% 15%;--info-border:215 100% 68%;--info-text:215 100% 68%;--info-text-light:223 100% 85%;--danger-bg:0 59% 11%;--danger-border:0 100% 71%;--danger-text:0 100% 71%;--danger-text-light:0 100% 89%;--error-bg:0 59% 11%;--error-border:0 100% 71%;--error-text:0 100% 71%;--ordinary-art:#c1c1c1;--unordinary-art:#44c143;--specific-art:#4a90e2;--rare-art:#a0a;--exclusive-art:#f55;--legendary-art:#c5a114;--unique-art:#f7f;--opacity-10-ordinary:#c1c1c11a;--opacity-10-unordinary:#53f4521a;--opacity-10-specific:#001ba91a;--opacity-10-rare:#aa00aa1a;--opacity-10-exclusive:#ff55551a;--opacity-10-legendary:#feda001a;--opacity-10-unique:#ff77ff1a;--opacity-20-ordinary:#0003;--opacity-20-unordinary:#53f45233;--opacity-20-specific:#001ba933;--opacity-20-rare:#a0a3;--opacity-20-exclusive:#f553;--opacity-20-legendary:#feda0033;--opacity-20-unique:#f7f3;--opacity-30-ordinary:#0000004d;--default:0 0% 93%;--rank-quest-item:180 64% 82%;--rank-newbie:120 68% 76%;--rank-stalker:240 68% 77%;--rank-veteran:311 45% 55%;--rank-master:359 70% 77%;--rank-legend:49 100% 79%;--color-rank-default:#94a3b8;--color-rank-quest-item:#abf1f1;--color-rank-newbie:#9deb9d;--color-rank-stalker:#9f9fed;--color-rank-veteran:#bf5bad;--color-rank-master:#ea9d9e;--color-rank-legend:#ffe792;--color-stat-neutral:#eee;--color-stat-positive:#53c353;--color-stat-negative:#c15252;--color-hit-head-bg:#7f1d1d80;--color-hit-head-text:#fca5a5;--color-hit-head-icon:#f87171;--color-hit-body-bg:#713f1280;--color-hit-body-text:#fde047;--color-hit-body-icon:#facc15;--color-hit-limbs-bg:#1e3a8a80;--color-hit-limbs-text:#93c5fd;--color-hit-limbs-icon:#60a5fa;--color-hit-miss-bg:#40404080;--color-hit-miss-text:#d4d4d4;--color-hit-miss-icon:#a3a3a3}.light{--background:0 0% 98%;--foreground:220 20% 10%;--map-accent:38 95% 58%;--map-sidebar-bg:220 15% 95%;--map-foreground:220 20% 10%;--card:0 0% 100%;--card-foreground:220 20% 10%;--popover:0 0% 100%;--popover-foreground:220 20% 10%;--primary:38 92% 50%;--primary-foreground:0 0% 0%;--secondary:210 20% 98%;--secondary-foreground:220 20% 12%;--tertiary:210 20% 90%;--tertiary-foreground:220 20% 12%;--muted:210 15% 94%;--muted-foreground:210 10% 45%;--accent:38 92% 50%;--accent-foreground:0 0% 100%;--border:210 15% 88%;--input:210 15% 82%;--ring:38 92% 50%;--color-rank-default:#475569;--color-rank-quest-item:#0891b2;--color-rank-newbie:#16a34a;--color-rank-stalker:#2563eb;--color-rank-veteran:#c026d3;--color-rank-master:#dc2626;--color-rank-legend:#ca8a04;--color-stat-neutral:#1e293b;--color-stat-positive:#16a34a;--color-stat-negative:#dc2626;--success-bg:137 39% 93%;--success-border:145 43% 66%;--success-text:140 72% 26%;--success-text-light:140 72% 26%;--warning-bg:46 94% 94%;--warning-border:44 91% 64%;--warning-text:33 100% 35%;--warning-text-light:33 100% 35%;--info-bg:218 92% 95%;--info-border:217 89% 76%;--info-text:214 82% 51%;--info-text-light:214 82% 51%;--danger-bg:5 79% 95%;--danger-border:5 81% 73%;--danger-text:1 73% 45%;--danger-text-light:1 73% 45%;--error-bg:5 79% 95%;--error-border:5 81% 73%;--error-text:1 73% 45%;--default:220 20% 10%;--color-hit-head-bg:#fee2e2;--color-hit-head-text:#b91c1c;--color-hit-head-icon:#ef4444;--color-hit-body-bg:#fef9c3;--color-hit-body-text:#a16207;--color-hit-body-icon:#d97706;--color-hit-limbs-bg:#dbeafe;--color-hit-limbs-text:#1d4ed8;--color-hit-limbs-icon:#3b82f6;--color-hit-miss-bg:#f3f4f6;--color-hit-miss-text:#4b5563;--color-hit-miss-icon:#6b7280}.frontier{--background:0 0% 4%;--foreground:0 0% 90%;--card:0 0% 8%;--card-foreground:0 0% 90%;--popover:0 0% 13%;--popover-foreground:0 0% 90%;--primary:0 85% 45%;--primary-foreground:0 0% 100%;--secondary:0 0% 10%;--secondary-foreground:0 0% 90%;--tertiary:0 0% 16%;--tertiary-foreground:0 0% 90%;--muted:0 0% 14%;--muted-foreground:0 0% 55%;--accent:0 85% 50%;--accent-foreground:0 0% 100%;--border:0 0% 25%;--input:0 0% 24%;--ring:0 85% 50%}.mercenaries{--background:217 33% 4%;--foreground:210 20% 94%;--card:217 25% 8%;--card-foreground:210 20% 94%;--popover:217 25% 14%;--popover-foreground:210 20% 94%;--primary:217 90% 55%;--primary-foreground:0 0% 100%;--secondary:217 25% 10%;--secondary-foreground:210 20% 94%;--tertiary:217 25% 20%;--tertiary-foreground:210 20% 94%;--muted:217 15% 18%;--muted-foreground:217 10% 64%;--accent:217 90% 55%;--accent-foreground:0 0% 100%;--border:217 20% 25%;--input:217 20% 24%;--ring:217 90% 55%}.rise{--background:135 15% 4%;--foreground:0 0% 90%;--card:135 12% 8%;--card-foreground:0 0% 90%;--popover:135 12% 12%;--popover-foreground:0 0% 90%;--primary:142 76% 37%;--primary-foreground:0 0% 100%;--secondary:135 12% 10%;--secondary-foreground:0 0% 90%;--tertiary:135 12% 15%;--tertiary-foreground:0 0% 90%;--muted:135 12% 14%;--muted-foreground:135 10% 60%;--accent:142 76% 45%;--accent-foreground:0 0% 100%;--border:135 10% 20%;--input:135 10% 22%;--ring:142 76% 45%}.covenant{--background:260 25% 4%;--foreground:0 0% 92%;--card:260 20% 8%;--card-foreground:0 0% 92%;--popover:260 20% 11%;--popover-foreground:0 0% 92%;--primary:265 85% 58%;--primary-foreground:0 0% 100%;--secondary:260 20% 10%;--secondary-foreground:0 0% 92%;--tertiary:260 20% 16%;--tertiary-foreground:0 0% 92%;--muted:260 15% 14%;--muted-foreground:260 10% 64%;--accent:265 85% 58%;--accent-foreground:0 0% 100%;--border:260 15% 20%;--input:260 15% 22%;--ring:265 85% 58%}html{background-color:var(--background)}body{flex-direction:column;min-height:100vh;margin:0;font-family:Montserrat,sans-serif;display:flex}*,:after,:before{box-sizing:border-box}::selection{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}a{color:inherit;text-decoration:none}.nprogress .bar{background:hsl(var(--primary));z-index:99999;width:100%;height:4px;position:fixed;top:0;left:0}.nprogress .peg{width:100px;height:100%;box-shadow:0 0 10px hsl(var(--primary)),0 0 5px hsl(var(--primary));opacity:1;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px)}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent .nprogress .bar{position:absolute}@keyframes gentle-bounce{0%,to{transform:translateY(0)scale(1.1)}50%{transform:translateY(-8px)scale(1.1)}}.game-area{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.top-controls{justify-content:space-between;width:100%;max-width:500px;margin-bottom:15px;display:flex}.export-import{gap:10px;display:flex}.game-info{background-color:#f5f5f5;border-radius:8px;justify-content:space-between;width:100%;max-width:500px;margin-bottom:15px;padding:12px;display:flex;box-shadow:0 4px 8px #0000001a}.info-item{text-align:center;flex:1}.info-value{color:#2c3e50;font-size:1.4rem;font-weight:700}.info-label{color:#666;font-size:.8rem}.game-board{background-color:#34495e;border-radius:8px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:20px;padding:10px;display:grid;box-shadow:0 8px 20px #0000004d}.cell{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#bdc3c7;border:2px solid #95a5a6;border-radius:4px;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.3rem;font-weight:700;transition:all .2s;display:flex;position:relative}.cell:hover{transform:scale(1.05);box-shadow:0 0 8px #ffffffb3}.cell.unknown{color:#2c3e50;background-color:#bdc3c7}.cell.normal{color:#333;background-color:#ecf0f1}.cell.gold{color:#b8860b;background-color:gold;box-shadow:inset 0 0 10px #b8860b80}.cell.empty{color:#ecf0f1;background-color:#7f8c8d}.cell.possible-gold{color:#b8860b;background-color:#ffeb3b;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ffeb3bb3}70%{box-shadow:0 0 0 5px #ffeb3b00}to{box-shadow:0 0 #ffeb3b00}}.cell.gold-outline{border:2px solid orange;box-shadow:0 0 5px #ffa500b3}.cell.next-move-hint{z-index:10;border:3px solid #27ae60;animation:1.5s infinite nextMovePulse;box-shadow:0 0 15px #27ae60b3}@keyframes nextMovePulse{0%{transform:scale(1);box-shadow:0 0 #27ae60b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #27ae6000}to{transform:scale(1);box-shadow:0 0 #27ae6000}}.bottom-controls{justify-content:space-between;width:100%;max-width:500px;margin-bottom:20px;display:flex}.left-controls,.right-controls{gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:44px;padding:12px 20px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 8px #0000001a}.btn-primary{color:#fff;background-color:#2c3e50}.btn-primary:hover{background-color:#34495e}.btn-secondary{color:#fff;background-color:#bfbfbf}.btn-secondary:hover{background-color:#adabab}.btn-outline-mode{color:#fff;background-color:#f39c12}.btn-outline-mode:hover{background-color:#e67e22}.btn-outline-mode.active{background-color:#d35400;box-shadow:inset 0 0 10px #0000004d}.btn-next-move{color:#fff;background-color:#27ae60}.btn-next-move:hover{background-color:#2ecc71}.btn-next-move.active{background-color:#1e8449;box-shadow:inset 0 0 10px #0000004d}.btn-icon{font-size:1.2rem;line-height:1}.btn-with-text{padding-left:15px;padding-right:15px}.cell-number{color:#666;font-size:.65rem;position:absolute;top:2px;left:2px}.gold-chance{font-size:.75rem;font-weight:700;position:absolute;bottom:2px;right:2px}.gold-chance.high{color:#b8860b;font-weight:700}.gold-chance.low{color:#95a5a6;font-weight:400}.instructions{background-color:#f9f9f9;border-left:5px solid #2c3e50;border-radius:8px;margin-bottom:20px;padding:15px;font-size:.9rem}.instructions h3{color:#2c3e50;margin-bottom:10px;font-size:1.1rem}.instructions ul{margin-bottom:10px;padding-left:18px}.instructions li{margin-bottom:5px}.legend{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.legend-item{align-items:center;gap:6px;font-size:.8rem;display:flex}.legend-color{border:1px solid #ccc;border-radius:3px;width:20px;height:20px}.tactics-section{margin-bottom:20px}.section-title{color:#2c3e50;text-align:center;margin-bottom:15px;padding-bottom:8px;font-size:1.3rem;position:relative}.section-title:after{content:"";background-color:#f39c12;border-radius:2px;width:100px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tactics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px;display:grid}.tactic-card{cursor:pointer;background-color:#f5f5f5;border:2px solid #0000;border-radius:8px;flex-direction:column;height:100%;padding:15px;transition:all .3s;display:flex;box-shadow:0 4px 8px #0000001a}.tactic-card:hover{border-color:#f39c12;transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.tactic-card.gold{border-top:4px solid gold}.tactic-card.silver{border-top:4px solid #bdc3c7}.tactic-card.bronze{border-top:4px solid #cd7f32}.tactic-card.blue{border-top:4px solid #3498db}.tactic-card h4{color:#2c3e50;text-align:center;justify-content:center;align-items:center;height:40px;margin-bottom:10px;font-size:1rem;display:flex}.tactic-card .rank{color:#fff;text-align:center;vertical-align:middle;background-color:#2c3e50;border-radius:50%;width:24px;height:24px;margin-right:8px;font-size:.8rem;line-height:24px;display:inline-block}.tactic-preview{background-color:#34495e;border-radius:4px;flex-grow:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(6,1fr);gap:3px;width:100%;padding:6px;display:grid}.preview-cell{aspect-ratio:1;border-radius:2px;flex:1 0 auto;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;overflow:hidden}.tactic-description{color:#555;max-height:60px;margin-top:8px;font-size:.85rem;line-height:1.4;overflow:hidden}.modal-overlay{z-index:1000;opacity:0;visibility:hidden;background-color:#000000b3;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background-color:#fff;border-radius:10px;max-width:700px;max-height:85vh;padding:25px;transition:transform .3s;overflow-y:auto;transform:translateY(-20px);box-shadow:0 10px 30px #0000004d}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{border-bottom:2px solid #eee;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-title{color:#2c3e50;align-items:center;margin:0;font-size:1.3rem;display:flex}.modal-title .rank{color:#fff;text-align:center;background-color:#2c3e50;border-radius:50%;width:30px;height:30px;margin-right:12px;font-size:.9rem;line-height:30px;display:inline-block}.close-modal{cursor:pointer;color:#7f8c8d;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .3s}.close-modal:hover{color:#e74c3c}.modal-content{color:#333}.tactic-explanation{margin-bottom:20px}.tactic-explanation h4{color:#2c3e50;margin-bottom:10px;font-size:1.1rem}.tactic-explanation p{margin-bottom:12px;line-height:1.6}.tactic-explanation ul,.tactic-explanation ol{margin-bottom:15px;padding-left:20px}.tactic-explanation li{margin-bottom:8px;line-height:1.5}.tactic-visualization{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.tactic-board{background-color:#34495e;border-radius:6px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(6,1fr);gap:4px;width:350px;height:290px;margin-bottom:15px;padding:12px;display:grid}.visual-cell{border-radius:3px;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;font-weight:700;display:flex}.visual-cell.normal{background-color:#ecf0f1}.visual-cell.gold-outline{background-color:#ecf0f1;border:2px solid orange}.visual-cell.gold{background-color:gold}.visual-cell.empty{color:#fff;background-color:#7f8c8d}.visual-cell.target{background-color:#ffeb3b;animation:2s infinite pulse}.visual-cell.start{background-color:#a3e4d7}.visual-label{color:#666;text-align:center;max-width:350px;margin-top:8px;font-size:.9rem}.coordinate-list{flex-wrap:wrap;justify-content:center;gap:10px;margin:15px 0;display:flex}.coordinate-item{color:#2c3e50;background-color:#f1f8ff;border:1px solid #d1e3ff;border-radius:4px;padding:8px 12px;font-weight:700}.export-import-modal{z-index:1001;background-color:#fff;border-radius:10px;width:90%;max-width:500px;padding:25px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0000004d}.export-import-modal.active{display:block}.export-import-overlay{z-index:1000;background-color:#00000080;display:none;position:fixed;inset:0}.export-import-overlay.active{display:block}.code-container{background-color:#2c3e50;border-radius:6px;align-items:center;gap:10px;margin:10px 0;padding:12px;display:flex}.code-content{color:#ecf0f1;background-color:#0003;border-radius:4px;flex:1;align-items:center;min-height:40px;padding:8px;font-family:Courier New,monospace;display:flex;overflow-x:auto}.copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#3498db;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;transition:background-color .3s}.copy-btn:hover{background-color:#2980b9}.copy-btn.copied{background-color:#27ae60}.import-input{border:2px solid #bdc3c7;border-radius:4px;width:100%;margin:10px 0;padding:10px;font-family:Courier New,monospace}.import-input:focus{border-color:#3498db;outline:none}.import-status{border-radius:4px;margin-top:10px;padding:10px;display:none}.import-status.success{color:#155724;background-color:#d5edda;border:1px solid #c3e6cb;display:block}.import-status.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;display:block}.author-note{text-align:center;color:#7f8c8d;border-top:1px solid #eee;margin-top:20px;padding-top:15px;font-size:.85rem}@media (max-width:768px){.container{padding:20px}h1{font-size:1.7rem}.cell{width:48px;height:48px;font-size:1.1rem}.btn{padding:10px 15px}.tactics-grid{grid-template-columns:1fr}.modal{max-width:95%;padding:20px}.tactic-board{width:280px;height:230px}}@media (max-width:480px){.subtitle{font-size:.9rem}.cell{width:42px;height:42px;font-size:1rem}.game-info{flex-flow:wrap;justify-content:center;gap:6px;padding:8px 10px}.info-item{flex:none;min-width:70px}.instructions{padding:12px}.tactic-board{width:240px;height:200px}.btn{padding:8px 12px}}.first-launch-modal-overlay{z-index:3000;opacity:0;visibility:hidden;background-color:#000000d9;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.first-launch-modal-overlay.active{opacity:1;visibility:visible}.first-launch-modal{background:linear-gradient(135deg,#2c3e50,#4a6491);border-radius:15px;width:90%;max-width:700px;max-height:85vh;animation:.5s ease-out modalAppear;overflow:hidden;box-shadow:0 15px 40px #0006}@keyframes modalAppear{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.first-launch-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.first-launch-header h2{color:#fff;margin:0;font-size:1.5rem}.first-launch-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:background .3s;display:flex}.first-launch-close:hover{background:#fff3}.first-launch-content{max-height:60vh;padding:30px;overflow-y:auto}.tutorial-step{animation:.5s fadeIn;display:none}.tutorial-step.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.step-icon{text-align:center;margin-bottom:20px;font-size:3rem}.tutorial-step h3{color:#fff;text-align:center;margin-bottom:15px;font-size:1.3rem}.tutorial-step p{color:#ffffffe6;text-align:center;margin-bottom:15px;line-height:1.6}.tutorial-list{margin:20px 0;padding:0;list-style:none}.tutorial-list li{color:#fff;margin-bottom:12px;padding-left:25px;position:relative}.tutorial-list li:before{content:"✓";color:#2ecc71;font-weight:700;position:absolute;left:0}.mini-board{background:#34495e;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:5px;margin:15px auto;padding:10px;display:inline-grid}.mini-cell{border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.mini-cell.unknown{background-color:#bdc3c7}.mini-cell.normal{background-color:#ecf0f1}.mini-cell.gold{background-color:gold}.mini-cell.empty{background-color:#7f8c8d}.legend-demo{flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0;display:flex}.legend-demo .legend-item{align-items:center;gap:8px;display:flex}.legend-demo .legend-color{border-radius:3px;width:20px;height:20px}.legend-demo .legend-color.unknown{background-color:#bdc3c7}.legend-demo .legend-color.normal{background-color:#ecf0f1}.legend-demo .legend-color.gold{background-color:gold}.controls-demo{grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0;display:grid}.control-item{flex-direction:column;align-items:center;gap:8px;display:flex}.demo-btn{cursor:default;pointer-events:none;border:none;border-radius:6px;min-width:120px;padding:10px 15px;font-weight:700}.control-item span{color:#fffc;text-align:center;font-size:.9rem}.tactics-preview{flex-wrap:wrap;justify-content:center;gap:15px;margin:20px 0;display:flex}.tactic-mini{color:#fff;background:#ffffff1a;border-radius:8px;align-items:center;gap:10px;min-width:180px;padding:12px 20px;display:flex}.tactic-mini.gold{border-left:4px solid gold}.tactic-mini.silver{border-left:4px solid #bdc3c7}.tactic-mini.bronze{border-left:4px solid #cd7f32}.tactic-rank{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.dev-notice{background:#0003;border-radius:10px;margin:20px 0;padding:20px}.dev-notice p{text-align:left}.bug-report{background:#e74c3c1a;border-left:4px solid #e74c3c;border-radius:8px;margin-top:15px;padding:15px}.contact-links{justify-content:center;gap:15px;margin-top:15px;display:flex}.contact-link{color:#fff;border-radius:6px;padding:10px 20px;font-weight:700;text-decoration:none;transition:transform .3s,opacity .3s}.contact-link.vk{background:#4a76a8}.contact-link.github{background:#333}.contact-link:hover{opacity:.9;transform:translateY(-2px)}.dont-show-again{color:#fff}.dont-show-again label{color:#fff;cursor:pointer;align-items:center;gap:10px;display:flex}.dont-show-again input[type=checkbox]{width:18px;height:18px}.step-indicators{gap:10px;display:flex}.step-dot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:12px;height:12px;transition:background .3s}.step-dot.active{background:#3498db}#prev-step:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.first-launch-close{min-width:40px}.first-launch-modal{width:95%;max-height:90vh}.first-launch-content{max-height:60vh;padding:20px}.controls-demo{grid-template-columns:1fr}.tactics-preview{flex-direction:column;align-items:center}.contact-links{flex-direction:column}.step-icon{display:none}}.step-icon{opacity:.9;margin-bottom:15px;font-size:2.5rem}.interactive-demo{text-align:center;background:#ffffff0d;border-radius:10px;margin:20px 0;padding:20px}.demo-instruction{color:#ffffffe6;margin-bottom:15px;font-size:1rem}.demo-cell-container{justify-content:center;margin:20px 0;display:flex}.demo-cell{cursor:pointer;background-color:#bdc3c7;border:2px solid #95a5a6;border-radius:6px;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex;position:relative}.demo-cell:hover{transform:scale(1.05);box-shadow:0 0 10px #ffffff4d}.demo-cell-number{color:#0009;font-size:.7rem;position:absolute;top:3px;left:3px}.demo-cell-content{font-size:1.8rem}.demo-status{color:#ffffffe6;min-height:24px;margin:15px 0;font-weight:700}.demo-cycle{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:15px;display:flex}.cycle-step{color:#fff;text-align:center;background:#ffffff1a;border-radius:5px;min-width:90px;padding:8px 15px;font-size:.9rem}.cycle-arrow{color:#3498db;font-weight:700}.controls-explanation{margin:25px 0}.control-explanation-item{background:#ffffff08;border-left:3px solid #3498db;border-radius:8px;align-items:flex-start;gap:20px;margin-bottom:25px;padding:15px;display:flex}.control-explanation-item .demo-btn{flex-shrink:0;min-width:160px}.explanation-text{flex:1}.explanation-text strong{color:#fff;margin-bottom:8px;font-size:1.1rem;display:block}.explanation-text p{color:#fffc;margin:5px 0;font-size:.95rem;line-height:1.5}.tactics-grid-mini{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:25px 0;display:grid}.tactic-card-mini{cursor:pointer;background:#ffffff0d;border-top:4px solid #0000;border-radius:8px;align-items:center;gap:15px;padding:15px;transition:all .3s;display:flex}.tactic-card-mini:hover{background:#ffffff1a;transform:translateY(-2px)}.tactic-card-mini.gold{border-top-color:gold}.tactic-card-mini.silver{border-top-color:#bdc3c7}.tactic-card-mini.bronze{border-top-color:#cd7f32}.tactic-rank{color:#fff;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.1rem;font-weight:700;display:flex}.tactic-info{flex:1}.tactic-title{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:700}.tactic-desc{color:#ffffffb3;font-size:.85rem;line-height:1.4}.tactics-note{color:#ffffffb3;text-align:center;margin-top:20px;font-size:.9rem;font-style:italic}.bug-report-section{background:#e74c3c14;border:1px solid #e74c3c4d;border-radius:8px;margin:20px 0;padding:20px}.bug-report-section h4{color:#fff;margin-bottom:15px;font-size:1.1rem}.bug-steps{flex-direction:column;gap:15px;margin:20px 0;display:flex}.bug-step{align-items:center;gap:15px;display:flex}.step-number{color:#fff;background:#e74c3c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.step-text{color:#ffffffe6;flex:1}.contact-section{text-align:center;margin-top:25px}.first-launch-footer{background:#0003;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.footer-buttons{gap:10px;display:flex}.hint{color:#fff9;margin-top:5px;font-size:.85rem;font-style:italic}@media (max-width:768px){.control-explanation-item{flex-direction:column;gap:15px}.control-explanation-item .demo-btn{min-width:100%}.tactics-grid-mini{grid-template-columns:1fr}.first-launch-footer{flex-wrap:wrap;justify-content:center;gap:15px;min-height:80px;padding:10px}.footer-buttons{order:-1;justify-content:center;width:100%}}.recharts-wrapper :focus:not(:focus-visible){outline:none!important}@keyframes deltaUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes deltaDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.animate-delta-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards deltaUp}.animate-delta-down{animation:.4s cubic-bezier(.16,1,.3,1) forwards deltaDown}@keyframes explode-assemble{0%{transform:translate(0)}12.5%{transform:translate(var(--tx),var(--ty))}25%,to{transform:translate(0)}}.animate-explode-quad{animation:1.6s cubic-bezier(.25,1,.5,1) infinite explode-assemble}a:focus-visible{outline-offset:2px;outline:2px solid hsl(var(--primary))!important}
*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-family:sans-serif;line-height:1.15}h1{margin:.67em 0;font-size:2em}a{background-color:#0000}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}code,kbd,pre,samp{font-family:monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{line-height:inherit;border:1px solid}button{text-transform:none;overflow:visible}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;padding:1px 6px}input{overflow:visible}input,textarea{padding:1px}fieldset{border:1px solid;margin:0 2px}legend{color:inherit;white-space:normal;max-width:100%;display:table}progress{vertical-align:baseline;display:inline-block}select{text-transform:none}textarea{vertical-align:top;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=color]{background:inherit}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.5}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-webkit-search-decoration{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border:0}:-moz-focusring{outline:1px dotted buttontext}:-moz-ui-invalid{box-shadow:none}hr{box-sizing:content-box;height:0;color:inherit;overflow:visible}dl,ol,ul{margin:1em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}b,strong{font-weight:bolder}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}img{border:0}svg:not(:root){overflow:hidden}table{text-indent:0;border-color:inherit}details{display:block}dialog{background-color:inherit;color:inherit;border:solid;width:fit-content;height:fit-content;margin:auto;padding:1em;display:block;position:absolute;left:0;right:0}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template,[hidden]{display:none}
/*# sourceMappingURL=1aba39f411a29143.css.map*/