@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Noto+Sans+KR:wght@400;700;900&display=swap";*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea,[role=button]{outline:none!important;-webkit-tap-highlight-color:transparent!important}button:focus,a:focus,input:focus,select:focus,textarea:focus,[role=button]:focus{outline:none!important;box-shadow:none!important}html{overflow-x:hidden;scrollbar-gutter:stable;width:100%}:root{--bg-color: #0b0f19;--bg-gradient: radial-gradient(circle at top, #1e1b4b 0%, #0b0f19 70%);--panel-bg: rgba(23, 28, 41, .65);--panel-border: rgba(255, 255, 255, .07);--grid-bg: rgba(15, 23, 42, .6);--cell-bg: rgba(30, 41, 59, .7);--cell-border: rgba(255, 255, 255, .05);--cell-active-border: #3b82f6;--text-color: #f8fafc;--text-muted: #64748b;--accent-color: #3b82f6;--gold-color: #fbbf24;--stamina-color: #10b981;--stamina-bg: rgba(16, 185, 129, .2);--danger-color: #ef4444;--danger-bg: rgba(239, 68, 68, .2);--font-family: "Outfit", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif}body{font-family:var(--font-family);background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-color);margin:0;padding:0 8px;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;min-height:100vh;user-select:none;-webkit-user-select:none;touch-action:manipulation;overflow-x:clip}#root{width:100%;display:flex;flex-direction:column;align-items:center}.app-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:0 auto;box-sizing:border-box}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1{margin:10px 0 20px;font-size:28px;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;text-align:center;text-shadow:0 4px 12px rgba(96,165,250,.2)}#top-hud{position:sticky;top:0;z-index:150;width:100%;display:flex;flex-direction:column;align-items:stretch;background:#171c29;padding:4px 0 0;box-shadow:0 10px 30px #00000080;box-sizing:border-box}#stats-panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;margin-bottom:6px;width:100%;box-shadow:none;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}#money-display{font-size:20px;font-weight:800;color:var(--gold-color);display:flex;align-items:center;gap:6px;text-shadow:0 2px 8px rgba(251,191,36,.25)}#timer{font-size:12px;color:var(--text-muted);font-weight:600;letter-spacing:.5px;background:#ffffff08;padding:2px 8px;border-radius:0}.effects-layer{position:absolute;top:0;left:0;width:100%;height:100px;pointer-events:none;z-index:200;overflow:visible}#conveyor-container{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:0;height:100px;position:relative;overflow:hidden;box-shadow:inset 0 4px 12px #0006;margin-bottom:0;box-sizing:border-box}#conveyor-belt{position:absolute;bottom:14px;left:0;width:200%;height:16px;background:repeating-linear-gradient(90deg,#1e293b,#1e293b 13px,#334155 13px,#334155 15px,#0f172a 15px,#0f172a 28px,#334155 28px,#334155 30px);animation:moveBelt .8s linear infinite;border-top:1.5px solid rgba(255,255,255,.12);box-shadow:0 -4px 10px #00000059}@keyframes moveBelt{0%{transform:translate(0)}to{transform:translate(-30px)}}.belt-scenery{position:absolute;top:8px;left:0;display:flex;white-space:nowrap;font-size:14px;opacity:.18;animation:moveScenery 18s linear infinite;pointer-events:none;filter:saturate(.6);width:max-content;font-family:"Segoe UI Emoji","Apple Color Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}@keyframes moveScenery{0%{transform:translate(0)}to{transform:translate(-50%)}}.belt-gear{position:absolute;bottom:16px;font-size:13px;z-index:2;animation:gearSpin 1.6s linear infinite reverse;opacity:.7;pointer-events:none}.belt-gear.left{left:4px}.belt-gear.right{right:4px}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.combat-zone{position:absolute;left:99px;bottom:10px;width:56px;height:14px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(96,165,250,.35) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:combatZonePulse 1.6s ease-in-out infinite alternate}@keyframes combatZonePulse{0%{opacity:.5;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.15)}}.hero-wrapper{position:absolute;left:65px;bottom:10px;z-index:10;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.hero-sprite{width:135px;height:76px;background-repeat:no-repeat;image-rendering:auto;transform:translate(25%)}.hero-sprite--idle{background-image:url(/sprites/hero/Run_6cut.png);background-size:1260px 210px;animation:spriteRun .6s steps(6,end) infinite}.hero-sprite--fighting{background-image:url(/sprites/hero/Attack_5cut.png);background-size:1050px 210px;animation:spriteAttack .4s steps(5,end) infinite}.hero-sprite--one-shot{background-image:url(/sprites/hero/Attack_5cut.png);background-size:1050px 210px;background-position:-906px -66px;animation:none}.hero-sprite--stunned{background-image:url(/sprites/hero/Death_9cut.png);background-size:1890px 210px;animation:spriteDeath .9s steps(8,end) forwards}@keyframes spriteRun{0%{background-position:-66px -66px}to{background-position:-1326px -66px}}@keyframes spriteAttack{0%{background-position:-66px -66px}to{background-position:-1116px -66px}}@keyframes spriteDeath{0%{background-position:-66px -66px}to{background-position:-1746px -66px}}.sprite-shadow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:26px;height:6px;background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0%,transparent 70%);border-radius:50%;pointer-events:none}@keyframes pulseStamina{0%{opacity:.6}to{opacity:1;filter:brightness(1.2)}}.surrounded-tag{position:absolute;top:2px;background:#ef4444f2;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:9px;font-weight:800;padding:1px 4px;border-radius:4px;white-space:nowrap;animation:pulseStamina .4s ease-in-out infinite alternate;box-shadow:0 2px 5px #ef444466}.monster-sprite{position:absolute;bottom:22px;font-size:32px;transition:left .05s linear;z-index:5;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px}.monster-image{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.monster-sprite.escaped{opacity:.6;filter:grayscale(.5) blur(.5px)}.monster-body{display:inline-block;animation:walkBob .4s ease-in-out infinite alternate}@keyframes walkBob{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-3px) rotate(3deg)}}.monster-body.hit{animation:monsterHit .2s ease-out,walkBob .4s ease-in-out .2s infinite alternate}@keyframes monsterHit{0%{transform:translate(0) scale(1);filter:brightness(3) saturate(0)}40%{transform:translate(7px) scale(.88);filter:brightness(2.2) saturate(.3)}to{transform:translate(0) scale(1);filter:brightness(1)}}.monster-sprite.elite{font-size:64px;width:64px;height:64px;filter:drop-shadow(0 0 8px rgba(168,85,247,.8)) drop-shadow(0 3px 6px rgba(0,0,0,.3));z-index:6}.monster-sprite.elite .sprite-shadow{width:50px;height:9px}.elite-crown{position:absolute;top:-16px;font-size:12px;animation:crownFloat 1s ease-in-out infinite alternate;pointer-events:none;z-index:7}.monster-sprite.elite .elite-crown{top:-24px;font-size:17px}@keyframes crownFloat{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.floating-effect{position:absolute;font-weight:900;font-size:16px;color:var(--gold-color);animation:floatUpPremium .9s cubic-bezier(.25,1,.5,1) forwards;z-index:100;pointer-events:none;text-shadow:0 0 4px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.9)}.floating-effect.damage{color:#ff4d4d;font-size:15px;text-shadow:0 0 6px rgba(0,0,0,.9),0 0 12px rgba(239,68,68,.4);animation:damagePop .8s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes damagePop{0%{transform:translateY(0) scale(.5) rotate(-5deg);opacity:0}15%{transform:translateY(-6px) scale(1.3) rotate(3deg);opacity:1}30%{transform:translateY(-12px) scale(1.2) rotate(-2deg)}to{transform:translateY(-55px) scale(.9) rotate(0);opacity:0}}.floating-effect.crit{color:#f97316;font-size:22px;text-shadow:0 0 8px rgba(0,0,0,.9),0 0 15px rgba(249,115,22,.6);animation:critPopPremium .9s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes critPopPremium{0%{transform:translateY(0) scale(.3) rotate(-15deg);opacity:0}25%{transform:translateY(-12px) scale(1.65) rotate(8deg);opacity:1}50%{transform:translateY(-20px) scale(1.5) rotate(-4deg)}to{transform:translateY(-65px) scale(.8) rotate(0);opacity:0}}.floating-effect.heal{color:#22c55e;text-shadow:0 0 6px rgba(0,0,0,.9),0 0 12px rgba(34,197,94,.4);animation:floatUpPremium .9s cubic-bezier(.25,1,.5,1) forwards}.floating-effect.miss{color:#38bdf8;font-size:15px;font-weight:900;text-shadow:0 0 6px rgba(0,0,0,.9),0 0 12px rgba(56,189,248,.4);animation:missPop .9s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes missPop{0%{transform:translateY(0) scale(.4) rotate(10deg);opacity:0}20%{transform:translateY(-8px) scale(1.25) rotate(-5deg);opacity:1}to{transform:translateY(-50px) scale(.85) rotate(0);opacity:0}}@keyframes floatUpPremium{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:1}to{transform:translateY(-50px) scale(1.15);opacity:0}}.particle{position:absolute;font-size:14px;pointer-events:none;animation:particleBlast .5s cubic-bezier(.25,.46,.45,.94) forwards;z-index:90}@keyframes particleBlast{0%{transform:translate(0) scale(1.2) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.5) rotate(360deg);opacity:0}}#status-box-slot{width:100%;height:36px;margin-bottom:0;display:flex;justify-content:center;align-items:center}#status-box{width:100%;box-sizing:border-box;padding:6px 12px;border-radius:0;font-size:11px;font-weight:700;text-align:center;line-height:1.3;border:none;background:#00000040;color:var(--text-muted);backdrop-filter:none;-webkit-backdrop-filter:none;animation:toastInOut 3s ease forwards}@keyframes toastInOut{0%{opacity:0;transform:translateY(8px) scale(.96)}8%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.97)}}#status-box.calm{color:#94a3b8}#status-box.info{color:#93c5fd;border-color:#3b82f640;background:#3b82f612}#status-box.warn{color:#fcd34d;border-color:#fbbf244d;background:#fbbf2414}#status-box.danger{color:#fca5a5;border-color:#ef444466;background:#ef44441a;animation:toastInOut 3s ease forwards,statusPulse .7s ease-in-out infinite alternate}@keyframes statusPulse{0%{box-shadow:0 0 #ef444400}to{box-shadow:0 0 14px #ef444459}}#mode-selector{display:flex;width:100%;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:4px;box-sizing:border-box;gap:4px}.mode-btn{flex:1;background:transparent;border:1px solid transparent;color:var(--text-muted);padding:10px;font-weight:700;font-size:14px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;gap:6px}.mode-btn:hover{color:var(--text-color);background:#ffffff05}.mode-btn.active{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);box-shadow:0 4px 12px #3b82f61a}.mode-btn.active.destroy{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);box-shadow:0 4px 12px #ef44441a}#tile-selector{display:flex;gap:6px;width:100%;margin-top:6px;margin-bottom:8px;justify-content:center;padding:4px 0}.tile-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;background:var(--cell-bg);border:1.5px solid var(--cell-border);border-radius:14px;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);color:var(--text-color)}.tile-btn:hover:not(.dim){background:#2f3c55e6;border-color:#ffffff1f;transform:translateY(-2px)}.tile-btn.selected{background:linear-gradient(135deg,#3b82f640,#6366f140);border-color:#60a5fa;transform:scale(1.08) translateY(-4px);z-index:5;animation:selectPulse 2s infinite ease-in-out}.tile-btn.selected .tile-btn-emoji{transform:scale(1.18);filter:drop-shadow(0 0 5px rgba(96,165,250,.7))}.tile-btn.dim{opacity:.4;cursor:not-allowed}.tile-btn-emoji{font-size:22px;line-height:1;transition:transform .18s cubic-bezier(.4,0,.2,1)}@keyframes selectPulse{0%{box-shadow:0 0 10px #3b82f680,inset 0 0 5px #3b82f633}50%{box-shadow:0 0 18px #6366f1b3,inset 0 0 8px #6366f14d}to{box-shadow:0 0 10px #3b82f680,inset 0 0 5px #3b82f633}}.tile-btn-cost{font-size:8px;font-weight:800;color:var(--gold-color);letter-spacing:-.3px}.tile-btn-count{font-size:8px;font-weight:700;color:var(--text-muted)}.tile-btn-count.maxed{color:#a78bfa}#grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;background-color:var(--grid-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);padding:8px;border-radius:0;width:100%;box-shadow:0 15px 35px -5px #0006,inset 0 1px #ffffff0d}.cell{background-color:var(--cell-bg);border:1px solid var(--cell-border);border-radius:16px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff08;min-width:0;overflow:hidden}.cell:hover{transform:translateY(-2px);background-color:#2f3c55d9;border-color:#ffffff1a;box-shadow:0 6px 15px #00000040}.cell:active{transform:scale(.95)}.cell.locked{cursor:not-allowed;opacity:.35;background-color:#0f141e99;border-style:dashed}.cell.locked:hover{transform:none;background-color:#0f141e99;border-color:var(--cell-border);box-shadow:inset 0 1px #ffffff08}.cell.locked .emoji-icon{filter:grayscale(1)}.cell .locked-hint{font-size:clamp(8px,2vw,11px);color:#ffffff73;font-weight:600}.cell .emoji-icon{font-size:clamp(16px,5vw,26px);margin-bottom:2px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}.cell .level-tag{font-size:9px;font-weight:800;color:#e2e8f0;background:#0f172a99;border:.5px solid rgba(255,255,255,.1);padding:1px 6px;border-radius:6px}.cell .upgrade-cost{font-size:9px;font-weight:800;color:#ef4444;margin-top:2px;letter-spacing:-.2px;text-shadow:0 1px 4px rgba(239,68,68,.5)}.cell .upgrade-cost.affordable{color:var(--gold-color);text-shadow:0 1px 4px rgba(251,191,36,.4)}.cell .upgrade-cost.maxed{color:#a78bfa;letter-spacing:1px}#shop{display:flex;flex-direction:column;gap:10px;background-color:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);padding:15px;border-radius:24px;width:100%;box-sizing:border-box;margin-top:15px;box-shadow:0 10px 25px -5px #0000004d}.shop-item{display:flex;align-items:center;background-color:#0f172a66;border:1.5px solid rgba(255,255,255,.03);padding:12px;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.shop-item:hover:not(.disabled){background-color:#1e293b80;border-color:#ffffff14;transform:translateY(-1px)}.shop-item.selected{position:sticky;bottom:12px;z-index:110;border-color:var(--accent-color);background-color:#0b0f19f2!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -8px 24px -6px #0009,0 4px 15px #3b82f633;transform:translateY(-2px)}.shop-item.disabled{opacity:.4;cursor:not-allowed}.shop-icon{font-size:28px;margin-right:15px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.shop-details{flex:1}.shop-title{font-weight:700;font-size:14px;display:flex;justify-content:space-between;align-items:center}.shop-desc{font-size:11px;color:var(--text-muted);margin-top:3px;line-height:1.3}.shop-synergy{font-size:10px;color:#7dd3fc;margin-top:4px;line-height:1.3;opacity:.85;border-top:1px solid rgba(125,211,252,.1);padding-top:4px}.tile-count{font-size:9px;font-weight:800;color:var(--text-muted);background:#ffffff0f;border:.5px solid rgba(255,255,255,.08);padding:1px 5px;border-radius:5px;margin-left:6px;vertical-align:middle}.tile-count.maxed{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}#win-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b0f19e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:200;animation:fadeIn .4s ease-out}#win-box{text-align:center;padding:40px 30px;border:1px solid rgba(255,255,255,.08);background:#1e293bcc;border-radius:28px;box-shadow:0 25px 50px -12px #0009,inset 0 1px #ffffff0d;max-width:340px;width:90%;box-sizing:border-box;transform:translateY(0);animation:slideUp .4s cubic-bezier(.18,.89,.32,1.28)}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}#win-box h2{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:26px;margin:0 0 15px}#final-time{font-size:16px;font-weight:700;color:var(--text-color);margin-bottom:25px}.reset-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 28px;border-radius:14px;cursor:pointer;font-weight:800;font-size:15px;transition:all .2s;box-shadow:0 4px 15px #3b82f64d}.reset-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.reset-btn:active{transform:translateY(1px)}.guide-btn{width:100%;background:linear-gradient(135deg,#60a5fa14,#a78bfa14);border:1px dashed rgba(167,139,250,.45);color:#c084fc;padding:10px 16px;font-weight:700;font-size:13.5px;border-radius:14px;cursor:pointer;margin-bottom:15px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;gap:6px;box-shadow:0 4px 12px #00000026}.guide-btn:hover{background:linear-gradient(135deg,#60a5fa26,#a78bfa26);border-color:#a78bfa;color:#f3e8ff;transform:translateY(-1.5px);box-shadow:0 6px 16px #a78bfa26}.guide-btn:active{transform:translateY(.5px)}.bottom-sheet-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#080a14a6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:flex-end;animation:backdropFadeIn .22s ease-out forwards}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet-content{width:100%;max-width:480px;background:#0f1322;border-top:1.5px solid rgba(255,255,255,.1);border-top-left-radius:28px;border-top-right-radius:28px;padding:24px 20px 20px;box-sizing:border-box;box-shadow:0 -12px 36px #000000a6;animation:sheetSlideUp .32s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column;max-height:82vh}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;position:relative;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.bottom-sheet-drag-handle{width:44px;height:4px;background:#ffffff26;border-radius:2px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.bottom-sheet-header h3{margin:0;font-size:17px;font-weight:800;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.close-btn{background:#ffffff0a;border:none;color:#94a3b8;font-size:15px;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:#f8fafc}.bottom-sheet-body{overflow-y:auto;flex:1;padding-right:4px;text-align:left}.bottom-sheet-body::-webkit-scrollbar{width:4px}.bottom-sheet-body::-webkit-scrollbar-track{background:transparent}.bottom-sheet-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.strategy-section{margin-bottom:24px}.strategy-section h4,.synergy-list-section h4{margin:0 0 12px;font-size:14px;font-weight:800;color:#e2e8f0;display:flex;align-items:center;gap:6px}.strategy-card{background:#1e293b73;border:1px solid rgba(255,255,255,.05);padding:12px 14px;border-radius:14px;margin-bottom:10px}.strategy-card h5{margin:0 0 6px;font-size:13px;font-weight:700}.strategy-card:nth-child(2) h5{color:#a78bfa}.strategy-card:nth-child(3) h5{color:#fb7185}.strategy-card p{margin:0;font-size:11.5px;color:#94a3b8;line-height:1.5}.synergy-list-section{margin-bottom:10px}.synergy-item{background:#0f172a4d;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:14px;margin-bottom:12px}.synergy-tile-info{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13.5px}.tile-emoji-badge{font-size:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.synergy-item ul{margin:0;padding-left:16px;font-size:11.5px;color:#94a3b8;line-height:1.6}.synergy-item li{margin-bottom:6px}.synergy-item li:last-child{margin-bottom:0}.synergy-highlight{color:#f472b6;font-weight:700}.guide-emph{color:#fbbf24;font-weight:800}.monster-sprite.dead{opacity:0;transform:translate(-50%) scale(.6);filter:grayscale(.8) brightness(.5);transition:opacity .2s ease,transform .2s ease,filter .2s ease}.cell.synergy-active{border-color:#a78bfa!important;box-shadow:0 0 10px #a78bfa73,inset 0 0 6px #a78bfa26!important;animation:cellSynergyPulse 2s ease-in-out infinite alternate}@keyframes cellSynergyPulse{0%{box-shadow:0 0 6px #a78bfa59,inset 0 0 4px #a78bfa1a;border-color:#a78bfa80}to{box-shadow:0 0 14px #f472b6a6,inset 0 0 8px #f472b640;border-color:#f472b6d9}}.synergy-badge{position:absolute;top:6px;right:6px;font-size:10px;animation:badgeFloat 1.2s ease-in-out infinite alternate;text-shadow:0 0 5px rgba(251,191,36,.9);pointer-events:none;z-index:5}@keyframes badgeFloat{0%{transform:translateY(0) scale(.9);opacity:.8}to{transform:translateY(-2px) scale(1.1);opacity:1}}.skill-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;background-color:var(--grid-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);padding:8px;border-radius:0;width:100%;box-shadow:0 15px 35px -5px #0006,inset 0 1px #ffffff0d;margin-bottom:15px}.skill-cell{background-color:#1e293b66;border:1.5px solid var(--cell-border);border-radius:16px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.skill-cell:hover{transform:translateY(-2px);background-color:#2f3c55bf;border-color:#ffffff1a;box-shadow:0 6px 15px #00000040}.skill-cell:active{transform:scale(.95)}.skill-cell .emoji-icon{font-size:clamp(16px,5vw,24px);margin-bottom:2px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}.skill-cell .level-badge{font-size:8px;font-weight:800;background:#0f172aa6;border:.5px solid rgba(255,255,255,.1);padding:1px 5px;border-radius:5px}.skill-cell.removed{background:transparent;border:1.5px dashed rgba(255,255,255,.04);pointer-events:none;box-shadow:none}.skill-cell.locked{background-color:#0f172ab3;border-color:#ffffff05;cursor:not-allowed}.skill-cell.locked .emoji-icon{filter:grayscale(1) opacity(.35)}.skill-cell.locked .level-badge{opacity:.3}.skill-cell.active-node{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61f,#1e293b66);box-shadow:0 0 10px #8b5cf640}.skill-cell.maxed-node{border-color:#d97706;background:linear-gradient(135deg,#d977062e,#8b5cf61f);box-shadow:0 0 14px #d9770659}.skill-cell.center-node{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f633,#1e293b80);box-shadow:0 0 12px #3b82f659}.skill-cell.selected{transform:scale(1.06) translateY(-3px);border-color:#fbbf24;box-shadow:0 0 18px #fbbf2480;z-index:5}@keyframes prereqFlash{0%,to{border-color:#f87171;box-shadow:0 0 20px #f87171d9,0 0 40px #f8717173;transform:scale(1.08)}50%{border-color:#fca5a5;box-shadow:0 0 6px #f8717140;transform:scale(1)}}.skill-cell.prereq-flash{animation:prereqFlash .6s ease-in-out infinite;z-index:6}.skill-cell.prereq-flash .emoji-icon{filter:none!important}#tile-detail-panel{position:sticky;bottom:8px;z-index:20;width:100%;margin-top:10px;background:var(--panel-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--panel-border);padding:12px 16px;border-radius:20px;box-shadow:0 12px 30px -8px #00000073;display:flex;flex-direction:column;gap:8px;text-align:left}#tile-detail-panel .tile-detail-desc{font-size:12px;color:#cbd5e1;line-height:1.5}#tile-detail-panel .tile-detail-synergy{font-size:11.5px;color:#6ee7b7;line-height:1.5;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:6px 10px}#skill-detail-panel{position:sticky;bottom:8px;z-index:20;width:100%;background:var(--panel-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--panel-border);padding:16px;border-radius:24px;box-shadow:0 12px 30px -8px #00000073;display:flex;flex-direction:column;gap:12px;text-align:left}.skill-detail-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}.skill-detail-title{font-size:15px;font-weight:800;color:#fff}.skill-detail-level{font-size:11.5px;font-weight:700}.skill-detail-desc{font-size:12px;color:#94a3b8;line-height:1.55;min-height:38px}.skill-detail-req{font-size:11px;color:#fca5a5;background:#ef444414;border:1px solid rgba(239,68,68,.15);padding:6px 10px;border-radius:10px;font-weight:600}.skill-learn-btn{width:100%;border:none;color:#fff;padding:11px;border-radius:14px;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #7c3aed40;display:flex;justify-content:center;align-items:center}.skill-learn-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed59;filter:brightness(1.1)}.skill-learn-btn:active:not(:disabled){transform:translateY(1px)}.skill-learn-btn:disabled{color:#64748b;cursor:not-allowed;box-shadow:none}#mini-runner-container{width:100%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;padding:4px;border-radius:0;box-shadow:none;display:flex;flex-direction:column;box-sizing:border-box}.runner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.runner-level-badge{font-size:11px;font-weight:900;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:1px solid rgba(139,92,246,.4);padding:1px 6px;border-radius:0;box-shadow:0 0 8px #8b5cf64d}.runner-title{font-size:11px;font-weight:700;color:#94a3b8}.boss-active-text{color:#fca5a5;animation:textPulseRed .6s ease-in-out infinite alternate}@keyframes textPulseRed{0%{opacity:.8}to{opacity:1;filter:brightness(1.2)}}.runner-track-wrapper{padding:4px}.runner-track{position:relative;height:4px;background:#ffffff1a;border-radius:2px;width:100%}.runner-hero-sprite{width:38px;height:22px;background-image:url(/sprites/hero/Run_6cut.png);background-size:354px 59px;background-position:-18px -18px;animation:runnerSpriteRun .6s steps(6,end) infinite;position:absolute;bottom:2px;transform:translate(-50%) scale(.95);transition:left 1s linear;z-index:5;transform-origin:bottom center}@keyframes runnerSpriteRun{0%{background-position:-18px -18px}to{background-position:-372px -18px}}.runner-boss-img{position:absolute;right:0;bottom:2px;transform:translate(50%);width:24px;height:24px;object-fit:contain;z-index:4;opacity:.75;transition:all .3s ease;transform-origin:bottom center}.runner-boss-img.active{opacity:1;width:30px;height:30px;filter:drop-shadow(0 0 6px #ef4444);animation:bossShaking .4s ease infinite alternate}@keyframes bossShaking{0%{transform:translate(50%) rotate(-4deg)}to{transform:translate(50%) rotate(4deg)}}.monster-sprite.boss{font-size:80px;width:80px;height:80px;filter:drop-shadow(0 0 12px rgba(239,68,68,.85)) drop-shadow(0 4px 10px rgba(0,0,0,.4));z-index:8;bottom:20px}.monster-sprite.boss .sprite-shadow{width:60px;height:10px}#win-box.defeat{border-color:#ef444440;background:#140f19e0;box-shadow:0 25px 50px -12px #ef444440,inset 0 1px #ffffff0d}.admin-floating-btn{position:fixed;right:10px;bottom:128px;z-index:1000;width:32px;height:32px;border-radius:50%;background:#1e293b80;color:#93c5fd;border:1px solid rgba(59,130,246,.25);font-size:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:.35}.admin-floating-btn:hover{opacity:1;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#ffffff40;transform:scale(1.1) rotate(15deg);box-shadow:0 6px 20px #3b82f699}.admin-floating-btn:active{transform:scale(.95)}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f19b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .25s ease-out}.admin-modal{width:100%;max-width:380px;max-height:85vh;background:#111827e0;border:1px solid rgba(59,130,246,.25);border-radius:24px;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0d;overflow:hidden;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.admin-modal-header{padding:16px 20px;background:#1e293b66;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.admin-modal-header h3{margin:0;font-size:16px;font-weight:800;color:#60a5fa;letter-spacing:-.5px}.admin-close-btn{background:transparent;border:none;color:#64748b;font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.admin-close-btn:hover{color:#f3f4f6}.admin-modal-body{padding:20px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.admin-section{display:flex;flex-direction:column;gap:8px}.admin-section h4{margin:0;font-size:12.5px;font-weight:700;color:#94a3b8}.admin-btn-row{display:flex;gap:6px;flex-wrap:wrap}.admin-btn-row.stack{flex-direction:column;gap:8px}.admin-btn{flex:1;min-width:70px;background:#1e293bcc;border:1px solid rgba(255,255,255,.08);color:#e2e8f0;padding:8px 10px;font-size:12.5px;font-weight:700;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:center}.admin-btn:hover:not(:disabled){background:#3b82f626;border-color:#60a5fa66;color:#60a5fa}.admin-btn:active:not(:disabled){transform:scale(.96)}.admin-btn:disabled{opacity:.35;cursor:not-allowed}.admin-btn.gold-up{border-color:#fbbf2440;color:#fcd34d}.admin-btn.gold-up:hover{background:#fbbf241f;border-color:#fbbf2480;color:#fbbf24}.admin-btn.gold-up-large{border-color:#a78bfa40;color:#c084fc}.admin-btn.gold-up-large:hover{background:#a78bfa1f;border-color:#a78bfa80;color:#a78bfa}#start-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#132312f7,#0f172afc);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.start-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 28px;text-align:center}.start-scenery{font-size:18px;letter-spacing:2px;opacity:.7}.start-title{margin:0;font-size:clamp(28px,8vw,40px);font-weight:900;background:linear-gradient(135deg,#fbbf24,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 24px rgba(245,158,11,.25)}.start-subtitle{margin:0;font-size:13.5px;color:#94a3b8;line-height:1.6}.start-hero{margin:6px 0;transform:none}.start-btn{padding:16px 56px;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(135deg,#f59e0b,#dc2626);border:2px solid rgba(255,255,255,.25);border-radius:20px;cursor:pointer;box-shadow:0 8px 28px #dc262673;text-shadow:0 2px 4px rgba(0,0,0,.4);animation:start-btn-pulse 1.5s ease-in-out infinite;transition:transform .15s ease}.start-btn:hover{transform:translateY(-2px) scale(1.03)}.start-btn:active{transform:scale(.95)}@keyframes start-btn-pulse{0%,to{box-shadow:0 8px 28px #dc262673}50%{box-shadow:0 8px 40px #f59e0bb3}}.pause-toggle-btn{width:100%;margin-top:6px;padding:10px 0;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;box-shadow:0 3px 10px #3b82f64d;transition:all .15s ease}.pause-toggle-btn.paused{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 3px 10px #10b9814d}.pause-toggle-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.pause-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.pause-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:900;padding:8px 18px;font-size:13px;font-weight:800;color:#fff;background:#0f172aeb;border:1.5px solid #3b82f6;border-radius:14px;cursor:pointer;box-shadow:0 6px 20px #00000080,0 0 14px #3b82f659;animation:pause-blink 1.4s ease-in-out infinite}@keyframes pause-blink{0%,to{border-color:#3b82f6}50%{border-color:#3b82f64d}}.boss-summon-btn{margin-bottom:3px;padding:3px 8px;font-size:9px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid rgba(255,255,255,.25);border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #ef444466;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:summon-pulse 1.6s ease-in-out infinite}.boss-summon-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.boss-summon-btn:active{transform:scale(.93)}@keyframes summon-pulse{0%,to{box-shadow:0 2px 8px #ef444466}50%{box-shadow:0 2px 14px #ef4444cc}}.levelup-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.levelup-modal{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1px solid rgba(251,191,36,.35);border-radius:18px;padding:28px 24px 22px;width:min(340px,90vw);display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 8px 40px #000000b3,0 0 0 1px #fbbf241a;animation:levelup-pop .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes levelup-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.levelup-modal-icon{font-size:40px;line-height:1}.levelup-modal-title{font-size:20px;font-weight:900;color:#fbbf24;margin:0;text-shadow:0 0 12px rgba(251,191,36,.5)}.levelup-modal-desc{font-size:13px;color:#cbd5e1;text-align:center;line-height:1.6;margin:0}.levelup-modal-btns{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:6px}.levelup-btn{width:100%;padding:12px 0;font-size:14px;font-weight:800;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease}.levelup-btn.advance{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 16px #f59e0b73}.levelup-btn.advance:hover{filter:brightness(1.12);transform:translateY(-2px)}.levelup-btn.regroup{background:#1e293bcc;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.levelup-btn.regroup:hover{background:#334155e6;color:#e2e8f0}.regroup-advance-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;padding:9px 20px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px #f59e0b8c;animation:regroup-pulse 1.8s ease-in-out infinite;white-space:nowrap}.regroup-advance-btn:hover{filter:brightness(1.15);transform:translate(-50%,-52%)}@keyframes regroup-pulse{0%,to{box-shadow:0 4px 20px #f59e0b8c}50%{box-shadow:0 4px 28px #f59e0be6}}.admin-btn.lvl-btn.active{background:#3b82f640;border-color:#3b82f6;color:#60a5fa;box-shadow:0 0 10px #3b82f64d}.admin-toggle-row{display:flex;justify-content:space-between;align-items:center;background:#1e293b66;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.admin-toggle-label{display:flex;flex-direction:column;gap:2px}.admin-toggle-label strong{font-size:13px;color:#f1f5f9}.admin-toggle-label span{font-size:10px;color:#64748b}.admin-toggle-switch{border:none;font-size:10.5px;font-weight:800;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:80px}.admin-toggle-switch.off{background:#ffffff12;color:#64748b}.admin-toggle-switch.on{background:#10b981;color:#fff;box-shadow:0 0 12px #10b98166}.admin-btn.action-btn{padding:10px 14px;font-size:13px;display:flex;justify-content:center;align-items:center;gap:6px}.admin-btn.action-btn.boss-spawn{border-color:#ef444433;color:#fca5a5}.admin-btn.action-btn.boss-spawn:hover:not(:disabled){background:#ef44441f;border-color:#ef444480;color:#ef4444}.admin-btn.action-btn.clear-monsters{border-color:#3b82f640;color:#93c5fd}.admin-btn.action-btn.clear-monsters:hover{background:#3b82f61f;border-color:#3b82f680;color:#3b82f6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.score-board{background:#1e293b73;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;margin:15px 0;width:100%;box-sizing:border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.score-title{font-size:13px;font-weight:800;color:#94a3b8;margin-bottom:8px;text-align:center;letter-spacing:-.3px}.score-value{font-size:26px;font-weight:900;color:#fbbf24;text-align:center;margin-bottom:14px;text-shadow:0 0 12px rgba(251,191,36,.45);letter-spacing:-.5px}.score-table{width:100%;border-collapse:collapse;font-size:12.5px}.score-table tr{border-bottom:1px solid rgba(255,255,255,.05)}.score-table tr:last-child{border-bottom:none}.score-table td{padding:8px 4px}.score-table td.label{color:#cbd5e1;text-align:left;font-weight:700}.score-table td.val{color:#f1f5f9;text-align:right;font-family:monospace;font-weight:800}.score-table tr.bonus-row td.label{color:#60a5fa}.score-table tr.bonus-row td.val{color:#93c5fd;text-shadow:0 0 6px rgba(96,165,250,.3)}.option-floating-btn{position:fixed;right:10px;bottom:84px;z-index:1000;width:32px;height:32px;border-radius:50%;background:#1e293bd9;color:#fbbf24;border:1.5px solid rgba(245,158,11,.7);font-size:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 16px #f59e0b59;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:.9}.option-floating-btn:hover{opacity:1;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#ffffff40;transform:scale(1.1) rotate(-15deg);box-shadow:0 6px 20px #f59e0b99}.option-floating-btn:active{transform:scale(.95)}.option-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f19b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .25s ease-out}.option-modal{width:100%;max-width:380px;background:#171c29e6;border:1px solid rgba(245,158,11,.25);border-radius:24px;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0d;overflow:hidden;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.option-modal-header{padding:16px 20px;background:#1e293b66;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.option-modal-header h3{margin:0;font-size:16px;font-weight:800;color:#fbbf24;letter-spacing:-.5px}.option-close-btn{background:transparent;border:none;color:#64748b;font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.option-close-btn:hover{color:#f3f4f6}.option-modal-body{padding:20px;display:flex;flex-direction:column;gap:20px}.option-section{display:flex;flex-direction:column;gap:8px}.option-section--danger{border-top:1px solid rgba(239,68,68,.2);padding-top:18px;margin-top:4px}.restart-btn{width:100%;padding:12px 0;border-radius:12px;border:1.5px solid rgba(239,68,68,.5);background:#ef444414;color:#f87171;font-size:14px;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.restart-btn:hover{background:#ef444438;border-color:#ef4444;color:#fca5a5}.restart-btn:active{background:#ef444459;transform:scale(.98)}.option-label-row{display:flex;justify-content:space-between;align-items:center}.option-label-row strong{font-size:13.5px;color:#f1f5f9}.volume-percent{font-size:13px;font-weight:800;color:#fbbf24;font-family:monospace}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff14;outline:none;transition:background .15s ease}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fbbf24;cursor:pointer;box-shadow:0 0 8px #fbbf2499;transition:transform .1s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:#fbbf24;cursor:pointer;box-shadow:0 0 8px #fbbf2499;transition:transform .1s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.option-toggle-row{display:flex;justify-content:space-between;align-items:center;background:#1e293b66;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.option-toggle-label{display:flex;flex-direction:column;gap:2px;padding-right:10px}.option-toggle-label strong{font-size:13.5px;color:#f1f5f9}.option-toggle-label span{font-size:10px;color:#64748b;line-height:1.3}.option-toggle-switch{border:none;font-size:11px;font-weight:800;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:70px}.option-toggle-switch.off{background:#ffffff12;color:#64748b}.option-toggle-switch.on{background:#f59e0b;color:#fff;box-shadow:0 0 12px #f59e0b66}#boss-warning-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#231a1b;color:#dd8f2b;z-index:99999;font-family:Arial,sans-serif;text-shadow:0 0 10px #CE212B;font-size:64px;filter:blur(.5px);line-height:1rem;overflow:hidden;display:flex;align-items:center;justify-content:center}#boss-warning-overlay .bg1,#boss-warning-overlay .bg2{display:block;content:"";width:50vw;height:100vh;position:absolute;z-index:1;animation:eva-blink 2s linear infinite}#boss-warning-overlay .bg1{top:0;left:0;background:repeating-linear-gradient(-45deg,#231a1b,#231a1b 100px,#ce212b 101px,#dd8f2b 103px,#dd8f2b 200px,#ce212b 202px)}#boss-warning-overlay .bg2{top:0;right:0;background:repeating-linear-gradient(45deg,#231a1b,#231a1b 100px,#ce212b 101px,#dd8f2b 103px,#dd8f2b 200px,#ce212b 202px)}#boss-warning-overlay .container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}#boss-warning-overlay .content{width:100vw;display:inline-block;text-align:center;padding:10px 0}#boss-warning-overlay h1{padding:4px 0;margin:0;font-size:2.2rem;line-height:1.3;color:#dd8f2b;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial}#boss-warning-overlay .main{position:relative;padding:15px 0;margin:-5px 0;border-top:15px solid #CE212B;border-bottom:15px solid #CE212B;box-shadow:0 0 10px #ce212b,0 0 10px #ce212b inset}#boss-warning-overlay .black-bg:after{position:absolute;display:block;content:"";width:100%;height:100%;top:0;left:0;z-index:-1;background:#231a1b;box-shadow:0 0 2px 40px #231a1b}#boss-warning-overlay .black-bg-small:after{position:absolute;display:block;content:"";width:100%;height:100%;top:0;left:0;z-index:-1;background:#231a1b;box-shadow:0 0 2px 15px #231a1b;border-radius:5px}#boss-warning-overlay .bigtext{animation:eva-scroll 2.5s linear forwards;font-size:2.5rem!important;font-weight:700;line-height:1.3}#boss-warning-overlay .secondary{opacity:.75;animation:eva-scroll 3.2s linear forwards;font-size:1.25rem!important;white-space:nowrap;line-height:1.3}#boss-warning-overlay .cartridge{position:relative;display:inline-block;border:5px solid #DD8F2B;border-radius:10px;padding:10px 20px;font-size:2rem;font-weight:700;line-height:2rem;background:#231a1b}@keyframes eva-scroll{0%{transform:translate(100vw)}20%{transform:translate(30vw)}50%{transform:translate(0)}80%{transform:translate(-30vw)}to{transform:translate(-100vw)}}@keyframes eva-blink{0%{opacity:1}40%{opacity:.25}60%{opacity:.25}to{opacity:1}}.cell.plagued{border-color:#10b981!important;background-color:#064e3b66!important;box-shadow:0 0 12px #10b98166!important;animation:plaguePulse 1.8s infinite alternate ease-in-out}@keyframes plaguePulse{0%{box-shadow:0 0 4px #10b98133}to{box-shadow:0 0 16px #10b98199}}#slot-machine-card{background:transparent;border:none;box-shadow:none;padding:0;margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:0}.single-screen-area{width:100%;height:44px;display:flex;align-items:center;justify-content:center;overflow:visible}.reels-row{display:flex;gap:16px;justify-content:center;align-items:center;height:44px;overflow:visible}.reel-cell{background:#1e293ba6;border:2px solid rgba(255,255,255,.08);border-radius:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:inset 0 2px 6px #00000073;transition:all .2s ease;position:relative;z-index:10}.reel-cell.spinning{animation:spinReel .1s linear infinite}.reel-cell.stopped-flash{animation:stoppedFlash .4s ease-out}@keyframes stoppedFlash{0%{transform:scale(1.25);filter:brightness(1.8);box-shadow:0 0 12px #38bdf8,inset 0 2px 6px #00000073;border-color:#38bdf8}to{transform:scale(1);filter:brightness(1);box-shadow:inset 0 2px 6px #00000073;border-color:#ffffff14}}@keyframes spinReel{0%{transform:translateY(-2px)}50%{transform:translateY(2px)}to{transform:translateY(-2px)}}.outcome-result-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:44px;padding:0 12px;box-sizing:border-box}.outcome-text-wrapper{display:flex;align-items:center;gap:8px}.outcome-result-desc{font-size:13px;font-weight:800;color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.45);animation:outcomeTextPulse .8s ease-in-out infinite alternate;font-family:var(--font-family);letter-spacing:-.3px}@keyframes outcomeTextPulse{0%{transform:scale(.97);opacity:.9}to{transform:scale(1.03);opacity:1;filter:brightness(1.25)}}.next-spin-countdown.yellow-highlight{font-size:12.5px;font-weight:800;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5);height:44px;display:flex;align-items:center;justify-content:center;width:100%;animation:countdownPulse 1.2s ease-in-out infinite alternate}@keyframes countdownPulse{0%{transform:scale(.98)}to{transform:scale(1.02)}}.warning-ad-reroll-btn.single-mode{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:0;padding:4px 10px;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 2px 5px #d9770659;animation:bounceAd 1s infinite alternate;margin:0;height:24px;display:flex;align-items:center;justify-content:center}.warning-ad-reroll-btn{padding:5px 10px;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 2px 4px #d9770666;animation:bounceAd 1s infinite alternate}.ad-btn-tag{background:#ef4444;color:#fff;font-size:8px;font-weight:900;padding:1px 4px;border-radius:4px;margin-right:4px;display:inline-block;vertical-align:middle;line-height:1}.warning-ad-reroll-btn.buff-reroll{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #05966966}@keyframes bounceAd{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.06);filter:brightness(1.1)}}#mock-ad-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:300000;display:flex;align-items:center;justify-content:center}.ad-container{background:#1e293b;border:2px solid #334155;border-radius:20px;padding:20px;width:310px;text-align:center;color:#fff;box-shadow:0 10px 30px #00000080}.ad-badge{background:#e2e8f0;color:#1e293b;font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;display:inline-block;margin-bottom:12px}.ad-video-mock{background:#0f172a;border-radius:12px;padding:20px 10px;margin-bottom:15px;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:140px;justify-content:center}.ad-icon{font-size:40px;animation:pulseAdIcon 1.5s infinite ease-in-out}@keyframes pulseAdIcon{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.ad-content h3{font-size:14px;font-weight:700;color:#fbbf24;margin:5px 0}.ad-content p{font-size:10px;color:#94a3b8;margin:0;line-height:1.4}.ad-loading-bar{background:#334155;width:100%;height:6px;border-radius:3px;overflow:hidden;margin-top:15px}.ad-loading-fill{background:#10b981;height:100%;transition:width 1s linear}.ad-countdown-text{font-size:11px;color:#94a3b8}#hero-stats-board{width:100%;background-color:var(--grid-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);padding:16px;border-radius:0;box-shadow:0 15px 35px -5px #0006,inset 0 1px #ffffff0d;box-sizing:border-box;text-align:left}.hero-stats-title{font-size:14px;font-weight:800;color:#60a5fa;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px;letter-spacing:-.5px}.stats-grid{display:flex;flex-direction:column;gap:2px}.stats-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.04);padding:8px 4px;font-size:12.5px}.stats-row:last-child{border-bottom:none}.stats-label{color:#cbd5e1;font-weight:700}.stats-value{color:#f1f5f9;font-weight:800;text-align:right}.stats-value.font-mono{font-family:monospace}.stats-value.text-green{color:#4ade80;text-shadow:0 0 6px rgba(74,222,128,.35)}.stats-value.text-gold{color:#fbbf24;text-shadow:0 0 6px rgba(251,191,36,.35)}.stats-value.text-red{color:#f87171;text-shadow:0 0 6px rgba(248,113,113,.35)}.buff-badge{background:#f59e0b;color:#fff;font-size:8px;font-weight:900;padding:1px 4px;border-radius:0;margin-left:4px;display:inline-block;vertical-align:middle}.hero-aura-wrapper{display:inline-block;position:relative;transition:filter .3s ease}.hero-aura-wrapper.gold-rush{filter:drop-shadow(0 0 8px rgba(251,191,36,.85)) drop-shadow(0 0 3px rgba(251,191,36,.45));animation:goldAuraPulse 1.2s ease-in-out infinite alternate}.hero-aura-wrapper.fever-time{filter:drop-shadow(0 0 8px rgba(239,68,68,.85)) drop-shadow(0 0 3px rgba(239,68,68,.45));animation:feverAuraPulse .8s ease-in-out infinite alternate}.hero-aura-wrapper.gold-fever{filter:drop-shadow(0 0 10px rgba(167,139,250,.9)) drop-shadow(0 0 4px rgba(167,139,250,.5));animation:goldFeverAuraPulse 1s ease-in-out infinite alternate}@keyframes goldAuraPulse{0%{filter:drop-shadow(0 0 6px rgba(251,191,36,.75)) drop-shadow(0 0 2px rgba(251,191,36,.35))}to{filter:drop-shadow(0 0 14px rgba(251,191,36,1)) drop-shadow(0 0 6px rgba(251,191,36,.6))}}@keyframes feverAuraPulse{0%{filter:drop-shadow(0 0 6px rgba(239,68,68,.75)) drop-shadow(0 0 2px rgba(239,68,68,.35))}to{filter:drop-shadow(0 0 14px rgba(239,68,68,1)) drop-shadow(0 0 6px rgba(239,68,68,.6))}}@keyframes goldFeverAuraPulse{0%{filter:drop-shadow(0 0 8px rgba(167,139,250,.8)) drop-shadow(0 0 3px rgba(167,139,250,.4))}to{filter:drop-shadow(0 0 18px rgba(244,114,182,1)) drop-shadow(0 0 8px rgba(244,114,182,.6))}}.hero-aura-wrapper.invincibility{filter:drop-shadow(0 0 10px rgba(6,182,212,.95)) drop-shadow(0 0 4px rgba(6,182,212,.5));animation:invincibilityAuraPulse .6s ease-in-out infinite alternate}.hero-aura-wrapper.attack-speed-double{filter:drop-shadow(0 0 8px rgba(132,204,22,.9)) drop-shadow(0 0 3px rgba(132,204,22,.5));animation:attackDoubleAuraPulse .5s ease-in-out infinite alternate}.hero-aura-wrapper.fever-attack{filter:drop-shadow(0 0 10px rgba(250,204,21,.95)) drop-shadow(0 0 4px rgba(239,68,68,.5));animation:feverAttackAuraPulse .4s ease-in-out infinite alternate}@keyframes invincibilityAuraPulse{0%{filter:drop-shadow(0 0 7px rgba(6,182,212,.8)) drop-shadow(0 0 2px rgba(6,182,212,.4))}to{filter:drop-shadow(0 0 18px rgba(6,182,212,1)) drop-shadow(0 0 8px rgba(103,232,249,.7))}}@keyframes attackDoubleAuraPulse{0%{filter:drop-shadow(0 0 6px rgba(132,204,22,.75)) drop-shadow(0 0 2px rgba(132,204,22,.35))}to{filter:drop-shadow(0 0 16px rgba(163,230,53,1)) drop-shadow(0 0 6px rgba(132,204,22,.6))}}@keyframes feverAttackAuraPulse{0%{filter:drop-shadow(0 0 8px rgba(239,68,68,.8)) drop-shadow(0 0 3px rgba(250,204,21,.5))}to{filter:drop-shadow(0 0 18px rgba(250,204,21,1)) drop-shadow(0 0 7px rgba(239,68,68,.7))}}