@font-face{font-family:Mulmaru;src:url(/assets/Mulmaru-Cdv5oFCH.ttf) format("truetype")}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#111;color:#f5f5f5;font-family:Mulmaru,system-ui,sans-serif;overflow:hidden}#game-container{width:100vw;height:100vh;overflow:hidden;background-color:#1e1e1e;background-image:linear-gradient(to right,rgba(42,42,42,.52) 1px,transparent 1px),linear-gradient(to bottom,rgba(42,42,42,.52) 1px,transparent 1px);background-size:24px 24px,24px 24px}canvas{display:block}#overlay,#upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#000000e6,#000);color:#f5f5f5;font-family:inherit;z-index:20;opacity:0;pointer-events:none;transition:opacity .25s ease}#overlay.visible,#upgrade-overlay.visible{opacity:1;pointer-events:auto}#upgrade-overlay{flex-direction:column;gap:12px}.upgrade-overlay-stats-bar{display:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;padding:10px 16px;width:100%;max-width:min(470px,90vw);box-sizing:border-box;background:#00000080;color:#f5f5f5;font-family:Mulmaru,system-ui,sans-serif;font-size:16px;pointer-events:none;border-radius:12px 12px 0 0;border:1px solid rgba(255,255,255,.06);border-bottom:none}.upgrade-overlay-stats-bar.visible{display:flex}.upgrade-overlay-stats-bar .overlay-stats-item{color:#ffe082}.upgrade-overlay-stats-bar .overlay-stats-item:first-child{color:#ffab91}#settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#f5f5f5;font-family:inherit;z-index:20;opacity:0;pointer-events:none;transition:opacity .25s ease}#settings-overlay.visible{opacity:1;pointer-events:auto}.settings-toggle-row{display:flex;align-items:center;gap:8px;margin-bottom:0}.settings-lang-btn{padding:4px 12px;border:none;background:transparent;color:#757575;font-family:Mulmaru,system-ui,sans-serif;font-size:14px;cursor:pointer;transition:color .15s}.settings-lang-btn:hover{color:#bdbdbd}.settings-lang-btn.active{color:#329e39;font-weight:600}.overlay-panel{position:relative;width:min(420px,90vw);padding:24px 24px 20px;border-radius:12px;background:#121212f5;box-shadow:0 20px 40px #000000d9;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}#upgrade-overlay .overlay-panel{width:min(470px,90vw)}.overlay-title{margin:0 0 8px;font-size:22px;font-weight:700;letter-spacing:.03em}.overlay-score{margin:0 0 16px;font-size:16px;color:#bdbdbd}.field-label{font-size:13px;margin-bottom:4px;color:#bdbdbd}.field-row{display:flex;gap:8px;margin-bottom:16px}.field-row input{flex:1;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#0a0a0ae6;color:#f5f5f5;font-size:14px}.field-row input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 1px #4caf50b3}.primary-btn{padding:8px 14px;border-radius:6px;border:none;font-size:14px;font-weight:600;font-family:Mulmaru,system-ui,sans-serif;background:linear-gradient(135deg,#4caf50,#81c784);color:#041204;cursor:pointer;white-space:nowrap;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out}.primary-btn:hover:not(:disabled){transform:scale(1.2);box-shadow:0 2px 8px #00000080;background:linear-gradient(135deg,#81c784,#c8e6c9)}.primary-btn:disabled{opacity:.6;cursor:default}.secondary-btn{padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#e0e0e0;font-size:13px;font-family:Mulmaru,system-ui,sans-serif;cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out}.primary-btn.selected,.primary-btn:focus-visible{outline:none;transform:scale(1.06);box-shadow:0 4px 12px #000c,0 0 0 2px #fff6;background:linear-gradient(135deg,#a5d6a7,#c8e6c9)}#overlay .overlay-footer-buttons.overlay-actions-top{position:absolute;top:18px;right:20px;display:flex;gap:16px;align-items:center}.overlay-footer-buttons .secondary-btn{padding:0;border:none;background:transparent;color:#bdbdbd;font-size:13px;font-family:Mulmaru,system-ui,sans-serif;cursor:pointer;text-transform:none}.overlay-footer-buttons .secondary-btn:hover{color:#fff;scale:1.05}.overlay-footer{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:10px}.settings-version{margin-left:auto;font-size:12px;color:#7a7a7a}.status-text{font-size:12px;color:#9e9e9e}.status-text.error{color:#ff8a80}.nickname-overlay-panel .nickname-overlay-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.nickname-overlay-panel .nickname-overlay-error{font-size:12px;max-width:50%;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes nickname-input-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.nickname-input-shake{animation:nickname-input-shake .18s ease-in-out}.leaderboard{margin-top:16px;padding:14px;border-radius:10px;background:#00000040;border:1px solid rgba(255,255,255,.06);max-height:220px;overflow-y:auto}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.leaderboard-title{font-size:13px;margin:0;text-transform:uppercase;letter-spacing:.1em;color:#9e9e9e;font-weight:600}.leaderboard-period{display:flex;gap:6px;flex-shrink:0}.leaderboard-period .period-btn{padding:2px 6px;font-size:11px;font-family:Mulmaru,system-ui,sans-serif;border:none;border-radius:4px;background:transparent;color:#757575;cursor:pointer;transition:color .12s ease}.leaderboard-period .period-btn:hover{color:#bdbdbd}.leaderboard-period .period-btn.active{color:#81c784;font-weight:600}.leaderboard-name--gold{color:#ffd54f}.leaderboard-name--silver{color:#b0bec5}.leaderboard-name--bronze{color:#bcaaa4}.leaderboard-list{min-height:20px}.leaderboard-item{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;padding:2px 0}.leaderboard-rank{width:20px;color:#9e9e9e}.leaderboard-name{flex:1;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-score{font-weight:600;color:#e0e0e0}.feedback-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.feedback-modal.visible{opacity:1;pointer-events:auto}.feedback-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3}.feedback-modal-panel{position:relative;width:min(400px,90vw);padding:22px;border-radius:12px;background:#181818fa;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #0009}.feedback-modal-header{margin:0 0 14px;font-size:14px;line-height:1.5;color:#bdbdbd}.feedback-modal-text{width:100%;padding:10px 12px;margin-bottom:14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0a0a0ae6;color:#f5f5f5;font-size:14px;font-family:Mulmaru,system-ui,sans-serif;resize:vertical;min-height:80px;box-sizing:border-box}.feedback-modal-text:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 1px #4caf5066}.feedback-modal-actions{display:flex;gap:10px;justify-content:flex-end}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.guide-overlay.visible{opacity:1;pointer-events:auto}.guide-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3}.guide-overlay-panel{position:relative;width:min(420px,90vw);height:80vh;max-height:80vh;padding:22px;border-radius:12px;background:#181818fa;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #0009;display:flex;flex-direction:column}.guide-overlay-title{margin:0 0 12px;font-size:18px;font-weight:600;color:#e0e0e0}.guide-overlay-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:2px solid rgba(255,255,255,.1)}.guide-tab{padding:8px 14px;font-family:Mulmaru,system-ui,sans-serif;font-size:13px;font-weight:600;color:#757575;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s ease}.guide-tab:hover{color:#bdbdbd}.guide-tab.active{color:#81c784;border-bottom-color:#81c784}.guide-overlay-body{flex:1;overflow-y:auto;min-height:0;margin-bottom:16px;scrollbar-width:none;-ms-overflow-style:none}.guide-overlay-body::-webkit-scrollbar{display:none}.guide-tab-content{display:none;font-size:14px;line-height:1.65;color:#bdbdbd}.guide-tab-content.active{display:block}.guide-story{margin:0 0 14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#e0e0e0;font-weight:500}.guide-section{margin-bottom:12px;font-size:13px;line-height:1.6}.guide-section br{display:block;content:"";margin-top:4px}.guide-rarity-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.guide-rarity-tab{padding:6px 12px;font-family:Mulmaru,system-ui,sans-serif;font-size:12px;font-weight:600;color:#757575;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s ease}.guide-rarity-tab:hover{color:#bdbdbd}.guide-rarity-tab.active{border-bottom-width:2px}.guide-rarity-tab[data-rarity=normal].active{color:#90caf9;border-bottom-color:#90caf9}.guide-rarity-tab[data-rarity=epic].active{color:#ce93d8;border-bottom-color:#ce93d8}.guide-rarity-tab[data-rarity=unique].active{color:#ffd54f;border-bottom-color:#ffd54f}.guide-rarity-panels{position:relative}.guide-rarity-panel{display:none}.guide-rarity-panel.active{display:block}.guide-badge-rarity-block{margin-bottom:16px}.guide-badge-rarity-title{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9e9e9e}.guide-badge-list{list-style:none;margin:0;padding:0}.guide-badge-item{margin-bottom:10px;padding:8px 10px;border-radius:6px;background:#0003;border:1px solid rgba(255,255,255,.06)}.guide-badge-name{display:block;font-weight:600;color:#e0e0e0;margin-bottom:4px}.guide-badge-desc{margin:0;font-size:12px;line-height:1.5;color:#9e9e9e}.guide-badge-desc strong{color:#bdbdbd}.guide-badge-rarity-block[data-rarity=unique] .guide-badge-rarity-title{color:#ffd54f}.guide-badge-rarity-block[data-rarity=epic] .guide-badge-rarity-title{color:#ce93d8}.guide-badge-rarity-block[data-rarity=normal] .guide-badge-rarity-title{color:#90caf9}.guide-empty{margin:0;color:#757575;font-style:italic}.guide-overlay-footer{flex-shrink:0}.overlay-score-multiplier{margin-top:4px;font-size:14px;color:#ffe082;opacity:0;transition:opacity .25s ease-out}@keyframes score-multiplier-pop{0%{opacity:0;transform:scale(.7) translateY(4px)}60%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1)}}.overlay-score-multiplier.visible{animation:score-multiplier-pop .4s ease-out forwards}@keyframes ending-gameover-pulse{0%{transform:translateY(0) scale(1);letter-spacing:.08em;text-shadow:0 0 0 rgba(255,82,82,.6)}40%{transform:translateY(2px) scale(.98);letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.9)}to{transform:translateY(0) scale(1);letter-spacing:.08em;text-shadow:0 0 6px rgba(255,138,128,.8)}}@keyframes ending-clear-bounce{0%{transform:translateY(0) scale(1);text-shadow:0 0 4px rgba(129,199,132,.6)}30%{transform:translateY(-4px) scale(1.05);text-shadow:0 4px 12px rgba(0,0,0,.8)}60%{transform:translateY(1px) scale(.98);text-shadow:0 1px 6px rgba(129,199,132,.8)}to{transform:translateY(0) scale(1);text-shadow:0 0 4px rgba(129,199,132,.6)}}.ending-title-gameover{color:#ff5252;animation:ending-gameover-pulse 1.2s ease-in-out infinite}.ending-title-clear{color:#66bb6a;animation:ending-clear-bounce 1s ease-in-out infinite}#upgrade-overlay .badge-choice{margin:4px;min-width:150px;text-align:center}#upgrade-overlay .badge-choice.badge-rarity-normal{background:#ffffff0d;border:1px solid rgba(255,255,255,.5);color:#616161}#upgrade-overlay .badge-choice.badge-rarity-epic{background:radial-gradient(circle at top,#ba68c833,#311b3fe6);border:1px solid #ba68c8;color:#f3e5f5;box-shadow:0 0 10px #ba68c880}#upgrade-overlay .badge-choice.badge-rarity-unique{background:radial-gradient(circle at top,#ffd54f47,#ffa000f2);border:1px solid #ffd54f;color:#fff8e1;box-shadow:0 0 12px #ffd740b3}#upgrade-overlay .overlay-title.badge-rarity-normal,#upgrade-overlay .overlay-score.badge-rarity-normal{color:#616161}#upgrade-overlay .overlay-title.badge-rarity-epic,#upgrade-overlay .overlay-score.badge-rarity-epic{color:#ba68c8}#upgrade-overlay .overlay-title.badge-rarity-unique,#upgrade-overlay .overlay-score.badge-rarity-unique{color:#ffd54f}#upgrade-overlay #upgrade-description{text-align:center}#upgrade-overlay #upgrade-description.badge-rarity-normal{color:#616161}#upgrade-overlay #upgrade-description.badge-rarity-epic{color:#ba68c8}#upgrade-overlay #upgrade-description.badge-rarity-unique{color:#ffd54f}#upgrade-overlay .primary-btn.badge-rarity-normal{color:#616161}#upgrade-overlay .primary-btn.badge-rarity-epic{color:#ba68c8}#upgrade-overlay .primary-btn.badge-rarity-unique{color:#ffd54f}#upgrade-overlay .primary-btn.badge-draw-btn.selected,#upgrade-overlay .primary-btn.badge-draw-btn:focus-visible{color:transparent;background:linear-gradient(90deg,#616161,#ba68c8,#ffd54f,#ba68c8,#616161),linear-gradient(135deg,#66bb6a,#a5d6a7);background-size:200% 100%,100% 100%;background-position:0% 50%,0 0;-webkit-background-clip:text,padding-box;background-clip:text,padding-box;animation:badge-draw-gradient 2s linear infinite}@keyframes badge-draw-gradient{0%{background-position:0% 50%,0 0}to{background-position:200% 50%,0 0}}.badge-slots-wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:14px}#pause-badge-slots .badge-slots-wrap,#upgrade-overlay #upgrade-badge-slots .badge-slots-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:start;margin-bottom:14px}#pause-badge-slots .badge-slot-card,#upgrade-overlay #upgrade-badge-slots .badge-slot-card{min-width:140px}.badge-slot-card{width:120px;min-height:90px;padding:10px 12px;border:2px solid rgba(255,255,255,.25);border-radius:0;background:#0a0a0ae6;font-family:Mulmaru,system-ui,sans-serif;text-align:left}.badge-slot-card.empty{border-style:dashed;border-color:#ffffff26}.badge-slot-card.locked{opacity:.45;border-style:dashed;border-color:#ffffff40}.badge-slot-card.badge-slot-border-normal{border-color:#616161}.badge-slot-card.badge-slot-border-epic{border-color:#ba68c8}.badge-slot-card.badge-slot-border-unique{border-color:#ffd54f}.badge-slot-card.clickable{cursor:pointer;transition:border-color .15s ease,background .15s ease}.badge-slot-card.clickable:hover,.badge-slot-card.clickable:focus-visible{outline:none;border-color:#ffffff80;background:#1e1e1ef2}.badge-slot-name{font-size:14px;font-weight:700;margin-bottom:4px}.badge-slot-name.badge-rarity-normal{color:#616161}.badge-slot-name.badge-rarity-epic{color:#ba68c8}.badge-slot-name.badge-rarity-unique{color:#ffd54f}.badge-slot-desc{font-size:11px;color:#9e9e9e;line-height:1.3}#pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:block;background:#00000080;color:#f5f5f5;font-family:inherit;z-index:25;opacity:0;pointer-events:none;transition:opacity .2s ease}#pause-overlay.visible{opacity:1;pointer-events:auto}#pause-overlay .pause-title{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);margin:0;font-size:28px;font-weight:700}#pause-badge-slots{position:absolute;top:calc(45% + 80px);left:50%;transform:translate(-50%);width:min(480px,92vw);max-height:none;overflow-y:visible;text-align:left}#pause-overlay .pause-sub{position:absolute;top:calc(45% + 22px);left:50%;transform:translate(-50%);margin:0;font-size:14px;color:#bdbdbd}#pause-overlay .pause-buttons{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;justify-content:center}#pause-overlay .pause-buttons .secondary-btn{min-width:100px}#pause-confirm{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s ease}#pause-confirm.visible{opacity:1;pointer-events:auto}#pause-confirm .confirm-panel{padding:20px 24px;border:2px solid rgba(255,255,255,.2);border-radius:0;background:#121212fa;font-family:Mulmaru,system-ui,sans-serif;min-width:280px}#pause-confirm .confirm-msg{margin:0 0 16px;font-size:14px;color:#e0e0e0}#pause-confirm .confirm-buttons{display:flex;gap:10px;justify-content:flex-end}#confirm-replace{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s ease}#confirm-replace.visible{opacity:1;pointer-events:auto}#confirm-replace .confirm-panel{padding:20px 24px;border:2px solid rgba(255,255,255,.2);border-radius:0;background:#121212fa;font-family:Mulmaru,system-ui,sans-serif;min-width:280px}#confirm-replace .confirm-msg{margin:0 0 16px;font-size:14px;color:#e0e0e0}#confirm-replace .confirm-buttons{display:flex;gap:10px;justify-content:flex-end}
