.skills-page{max-width:960px;margin:0 auto;padding:.5rem;overflow-x:hidden;box-sizing:border-box}.skills-topbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin-bottom:.5rem;border:1px solid color-mix(in srgb,var(--foreground) 30%,transparent);background:color-mix(in srgb,var(--background) 90%,var(--foreground));font-family:monospace;font-size:.9rem}.skills-topbar-left{color:gold;font-weight:700}.skills-topbar-right{color:color-mix(in srgb,var(--foreground) 70%,transparent)}.skills-grid{display:grid;grid-template-columns:170px 1fr 200px;gap:.5rem;min-height:500px}.skills-panel-title{font-family:monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb,var(--foreground) 50%,transparent);margin:0 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 20%,transparent)}.skills-list-panel{border:1px solid color-mix(in srgb,var(--foreground) 20%,transparent);padding:.5rem;background:color-mix(in srgb,var(--background) 95%,var(--foreground))}.skill-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s;margin-bottom:.25rem}.skill-row:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.skill-row.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.skill-icon{font-size:1.3rem;width:1.6rem;text-align:center;flex-shrink:0}.skill-info{flex:1;min-width:0}.skill-name{font-family:monospace;font-size:.8rem;color:var(--foreground);display:block}.skill-level{font-family:monospace;font-size:.7rem;color:var(--accent);display:block}.skill-xp-bar{height:6px;background:color-mix(in srgb,var(--foreground) 15%,transparent);margin:2px 0;overflow:hidden}.skill-xp-fill{height:100%;background:var(--accent);transition:width .3s}.skills-game-panel{border:1px solid color-mix(in srgb,var(--foreground) 20%,transparent);padding:.75rem;background:color-mix(in srgb,var(--background) 95%,var(--foreground));display:flex;flex-direction:column}.skills-game-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 15%,transparent)}.skills-game-header h2{margin:0;font-family:monospace;font-size:1.1rem;color:var(--foreground)}.skills-game-resource{font-family:monospace;font-size:.75rem;color:color-mix(in srgb,var(--foreground) 60%,transparent);display:flex;align-items:center;gap:.5rem}.auto-mode-pet{pointer-events:none}.auto-mode-pet.pet-bounce{animation:petBounce .4s ease-out}.auto-mode-pet.pet-wiggle{animation:petWiggle .5s ease-in-out}.skills-auto-mode-btn{font-family:monospace;font-size:.65rem;padding:2px 8px;border:1px solid color-mix(in srgb,var(--foreground) 30%,transparent);border-radius:3px;background:color-mix(in srgb,var(--background) 80%,var(--foreground));color:color-mix(in srgb,var(--foreground) 70%,transparent);cursor:pointer;transition:all .2s;white-space:nowrap}.skills-auto-mode-btn:hover{border-color:var(--accent);color:var(--accent)}.skills-auto-mode-btn.auto-mode-active{background:color-mix(in srgb,var(--accent) 25%,var(--background));border-color:var(--accent);color:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 30%,transparent)}.skills-auto-mode-btn:disabled{opacity:.35;cursor:not-allowed;border-color:color-mix(in srgb,var(--foreground) 15%,transparent)}.skills-auto-mode-btn:disabled:hover{border-color:color-mix(in srgb,var(--foreground) 15%,transparent);color:color-mix(in srgb,var(--foreground) 40%,transparent)}.skills-game-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.skills-game-log{font-family:monospace;font-size:.7rem;color:color-mix(in srgb,var(--foreground) 50%,transparent);height:60px;min-height:60px;overflow-y:auto;margin-top:.5rem;padding-top:.25rem;border-top:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.skills-game-log div{padding:1px 0}.mining-ore-select-wrap{text-align:center;position:absolute;top:8px;left:0;right:0;z-index:5}.mining-rocks{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;align-items:flex-start;user-select:none;-webkit-user-select:none}.mining-rock-wrap{position:relative;width:80px;flex-shrink:0;user-select:none;-webkit-user-select:none}.mining-rock{width:80px;height:80px;min-width:80px;min-height:80px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:2.5rem;cursor:pointer;border:2px solid color-mix(in srgb,var(--foreground) 25%,transparent);background:color-mix(in srgb,var(--background) 85%,var(--foreground));transition:border-color .15s;position:relative;user-select:none;flex-shrink:0}.mining-rock:hover{border-color:var(--accent)}.mining-rock:active{filter:brightness(1.3)}.mining-rock.shaking{animation:rockShake .3s ease-in-out}.mining-rock.cracking{animation:rockCrack .4s ease-out}.mining-rock.depleted{opacity:.4;filter:grayscale(.6);pointer-events:none}@keyframes rockShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)rotate(-1deg)}40%{transform:translateX(3px)rotate(1deg)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}@keyframes rockCrack{0%{transform:translateX(0);filter:brightness(1)}30%{transform:translateX(-3px);filter:brightness(1.8)}60%{transform:translateX(3px);filter:brightness(1.5)}100%{transform:translateX(0);filter:brightness(.6)}}.rock-hp-bar{position:absolute;bottom:2px;left:4px;right:4px;height:4px;background:color-mix(in srgb,var(--foreground) 15%,transparent);z-index:5;overflow:hidden}.rock-hp-fill{height:100%;background:var(--accent);transition:width .2s}.mining-rock.hit{animation:rockHit .2s ease-in-out}@keyframes rockHit{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.ore-particle{position:absolute;font-family:monospace;font-size:.8rem;font-weight:700;pointer-events:none;animation:oreFloat 1.2s ease-out forwards;z-index:10}.ore-particle.xp{color:#4fc3f7}@keyframes oreFloat{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-60px)}}.fishing-select-wrap{text-align:center;position:absolute;top:8px;left:0;right:0;z-index:5}.fishing-spots{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;align-items:flex-end;user-select:none;-webkit-user-select:none;position:absolute;bottom:22%;left:0;right:0;z-index:2}.fishing-spot-wrap{position:relative;width:80px;flex-shrink:0;text-align:center;user-select:none;-webkit-user-select:none}.fishing-spot{width:80px;height:80px;min-width:80px;min-height:80px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid color-mix(in srgb,#4fc3f7 30%,transparent);background:color-mix(in srgb,#1a3a5c 40%,transparent);transition:border-color .15s,background .15s;position:relative;user-select:none;flex-shrink:0}.fishing-fish-sprite{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s;z-index:1;filter:drop-shadow(0 0 4px rgba(79,195,247,.4));animation:fishIdle 2.5s ease-in-out infinite}@keyframes fishIdle{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 3px))}}.fishing-spot.waiting .fishing-fish-sprite,.fishing-spot.bite .fishing-fish-sprite,.fishing-spot.reeling .fishing-fish-sprite{opacity:.2;animation:none}.fishing-spot:hover{filter:brightness(1.2);background:color-mix(in srgb,#1a3a5c 60%,transparent)}.fishing-spot:active{filter:brightness(1.3)}.fishing-spot.waiting{border-color:color-mix(in srgb,#4fc3f7 50%,transparent)!important}.fishing-spot.bite{border-color:#ff5252!important;box-shadow:0 0 12px rgba(255,82,82,.4);animation:fishBitePulse .4s ease-in-out infinite}.fishing-spot.reeling{border-color:#66bb6a!important;background:color-mix(in srgb,#66bb6a 15%,transparent)}.fishing-spot.depleted{opacity:.4;filter:grayscale(.6);pointer-events:none}.fish-splash-drop{position:absolute;width:6px;height:6px;border-radius:50%;background:#4fc3f7;box-shadow:0 0 4px #4fc3f7;pointer-events:none;z-index:25;animation:fishSplash .5s ease-out forwards}@keyframes fishSplash{0%{transform:translate(0,0)scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy))scale(.3);opacity:0}}.fishing-spot.hit{animation:fishSpotHit .2s ease-in-out}.fishing-spot.shaking{animation:fishSpotShake .25s ease-in-out}.fishing-spot.fishing-crit{animation:fishingCritFlash .4s ease-out;border-color:gold!important;box-shadow:0 0 16px rgba(255,215,0,.6),0 0 32px rgba(255,215,0,.3)}@keyframes fishBitePulse{0%,100%{box-shadow:0 0 12px rgba(255,82,82,.4)}50%{box-shadow:0 0 20px rgba(255,82,82,.7)}}@keyframes fishSpotHit{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes fishSpotShake{0%,100%{transform:translateX(0)rotate(0)}20%{transform:translateX(-3px)rotate(-2deg)}40%{transform:translateX(3px)rotate(2deg)}60%{transform:translateX(-2px)rotate(-1deg)}80%{transform:translateX(2px)rotate(1deg)}}@keyframes fishingCritFlash{0%{filter:brightness(1);box-shadow:0 0 rgba(255,215,0,0)}30%{filter:brightness(1.8);box-shadow:0 0 24px rgba(255,215,0,.8)}60%{filter:brightness(1.4);box-shadow:0 0 16px rgba(255,215,0,.5)}100%{filter:brightness(1);box-shadow:0 0 rgba(255,215,0,0)}}.fishing-bobber-el{opacity:0;transition:opacity .3s;animation:bobberFloat 2s ease-in-out infinite}.fishing-bobber-sprite{filter:drop-shadow(0 0 3px rgba(255,100,100,.5))}.fishing-bobber-el.visible{opacity:1}.fishing-bobber-el.bite-anim{animation:bobberBite .15s ease-in-out infinite}@keyframes bobberFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bobberBite{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}.fishing-line-el{width:2px;height:0;background:color-mix(in srgb,var(--foreground) 50%,transparent);position:absolute;top:0;left:50%;transition:height .4s ease-out}.fishing-line-el.cast{height:20px}.fishing-exclaim-el{position:absolute;font-size:1.5rem;font-weight:700;color:#ff5252;top:-24px;left:50%;transform:translateX(-50%);display:none;animation:exclaimPulse .3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(255,50,50,.6))}.fishing-exclaim-el.visible{display:block}@keyframes exclaimPulse{0%,100%{transform:translateX(-50%)scale(1)}50%{transform:translateX(-50%)scale(1.3)}}.fish-hp-bar{position:absolute;bottom:2px;left:4px;right:4px;height:4px;background:color-mix(in srgb,var(--foreground) 15%,transparent);z-index:5;overflow:hidden}.fish-hp-fill{height:100%;background:#66bb6a;transition:width .2s,background-color .3s}.fishing-spot-label{font-family:monospace;font-size:.6rem;color:color-mix(in srgb,var(--foreground) 50%,transparent);white-space:nowrap;margin-top:4px}.fishing-respawn-timer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:monospace;font-size:.9rem;font-weight:700;color:color-mix(in srgb,var(--foreground) 60%,transparent);pointer-events:none;z-index:5}.fishing-combo{position:absolute;top:40px;left:50%;transform:translateX(-50%);font-family:monospace;font-size:.9rem;font-weight:700;color:#4fc3f7;pointer-events:none;text-shadow:0 0 6px #4fc3f7;z-index:15}.ore-particle.combo-lost{color:#f44336;text-shadow:0 0 8px rgba(244,67,54,.8);font-size:1rem}.ore-particle.size-huge{color:gold;text-shadow:0 0 8px gold;font-size:1.1rem}.ore-particle.size-large{color:#66bb6a;text-shadow:0 0 6px #66bb6a;font-size:1rem}.fishing-spot.respawn-ripple{filter:none;opacity:.5}.fishing-spot.respawn-ripple::before,.fishing-spot.respawn-ripple::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(79,195,247,.5);transform:translate(-50%,-50%)scale(0);animation:respawnRipple 2s ease-out infinite;pointer-events:none;z-index:3}.fishing-spot.respawn-ripple::after{animation-delay:.7s}@keyframes respawnRipple{0%{transform:translate(-50%,-50%)scale(0);opacity:.8}100%{transform:translate(-50%,-50%)scale(3.5);opacity:0}}.fishing-anim-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.fishing-event-spot{position:absolute;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;animation:eventAppear .3s ease-out;user-select:none}.fishing-event-label{font-family:monospace;font-size:.7rem;font-weight:700;margin-bottom:.2rem;white-space:nowrap}.fishing-event-icon{font-size:2rem;display:flex;align-items:center;justify-content:center}.school-fish-icons{gap:2px}.fishing-event-timer{position:absolute;bottom:-8px;left:0;right:0;height:3px;background:color-mix(in srgb,var(--foreground) 15%,transparent);overflow:hidden}.fishing-event-timer-fill{height:100%;background:#4fc3f7}.treasure-chest{border:2px solid gold;background:color-mix(in srgb,#ffd700 15%,var(--background));box-shadow:0 0 12px color-mix(in srgb,#ffd700 30%,transparent);animation:eventAppear .3s ease-out,treasurePulse 1.5s ease-in-out infinite}.treasure-chest .fishing-event-label{color:gold}@keyframes treasurePulse{0%,100%{box-shadow:0 0 12px color-mix(in srgb,#ffd700 30%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,#ffd700 50%,transparent)}}.school-of-fish{border:2px solid #4fc3f7;background:color-mix(in srgb,#1565c0 15%,var(--background));box-shadow:0 0 12px color-mix(in srgb,#4fc3f7 30%,transparent);animation:eventAppear .3s ease-out,schoolPulse 1s ease-in-out infinite}.school-of-fish .fishing-event-label{color:#4fc3f7}@keyframes schoolPulse{0%,100%{box-shadow:0 0 12px color-mix(in srgb,#4fc3f7 30%,transparent)}50%{box-shadow:0 0 18px color-mix(in srgb,#4fc3f7 50%,transparent)}}.kraken-event{border:2px solid #7b1fa2;background:color-mix(in srgb,#7b1fa2 15%,var(--background));box-shadow:0 0 12px color-mix(in srgb,#ce93d8 30%,transparent);animation:eventAppear .3s ease-out,krakenPulse 2s ease-in-out infinite;width:96px;height:96px}.kraken-event .fishing-event-label{color:#ce93d8}@keyframes krakenPulse{0%,100%{box-shadow:0 0 12px color-mix(in srgb,#ce93d8 30%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,#7b1fa2 50%,transparent)}}.shark-fin{position:absolute;width:52px;height:52px;cursor:pointer;top:-60px;z-index:20;display:flex;align-items:center;justify-content:center;animation:sharkSwim 2s ease-in forwards;user-select:none;border:2px solid #ef5350;border-radius:50%;background:color-mix(in srgb,#ef5350 15%,var(--background))}.ambient-fish{position:absolute;pointer-events:none;z-index:0;opacity:.35;filter:drop-shadow(0 0 2px rgba(79,195,247,.3))}.shark-fin.clicked{opacity:0;pointer-events:none;border-color:#66bb6a;transform:scale(.5);transition:opacity .3s,transform .3s,box-shadow .3s;box-shadow:0 0 12px rgba(102,187,106,.6)}@keyframes sharkSwim{0%{top:-60px;opacity:0}20%{opacity:1}100%{top:60%}}.wc-tree-select-wrap{text-align:center;position:absolute;top:8px;left:0;right:0;z-index:5}.wc-trees{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;align-items:flex-end;user-select:none;-webkit-user-select:none;position:absolute;bottom:22%;left:0;right:0;z-index:2}.wc-tree-wrap{position:relative;width:96px;min-height:160px;flex-shrink:0;text-align:center;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;justify-content:flex-end}.wc-tree{font-size:4rem;position:relative;cursor:pointer;user-select:none;transition:transform .1s}.wc-tree:active{transform:scale(.95)}.wc-tree.chopping{animation:treeChop .2s ease-in-out}.wc-tree.falling{animation:treeFall .6s ease-in forwards}.wc-tree.hit{animation:treeHit .2s ease-out}.wc-tree.cracking{animation:treeCrack .3s ease-out}.wc-tree.depleted{opacity:.4;filter:grayscale(.6);pointer-events:none}@keyframes treeChop{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes treeFall{0%{transform:rotate(0);opacity:1}100%{transform:rotate(60deg)translateX(40px);opacity:0}}@keyframes treeHit{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes treeCrack{0%{transform:translateX(0);filter:brightness(1)}30%{transform:translateX(-3px);filter:brightness(1.8)}60%{transform:translateX(3px);filter:brightness(1.5)}100%{transform:translateX(0);filter:brightness(.6)}}.tree-hp-bar{position:absolute;bottom:2px;left:4px;right:4px;height:4px;background:color-mix(in srgb,var(--foreground) 15%,transparent);z-index:5;overflow:hidden}.tree-hp-fill{height:100%;background:#66bb6a;transition:width .2s}.wc-combo{position:absolute;top:0;left:50%;transform:translateX(-50%);font-family:monospace;font-size:.9rem;font-weight:700;color:#66bb6a;pointer-events:none;text-shadow:0 0 6px #66bb6a;z-index:15}.wc-respawn-timer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:monospace;font-size:1rem;font-weight:700;color:var(--foreground);text-shadow:0 0 4px var(--background);z-index:10;pointer-events:none}.wc-event-tree{position:absolute;width:96px;height:160px;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;animation:eventAppear .3s ease-out;user-select:none}.wc-event-label{font-family:monospace;font-size:.7rem;font-weight:700;margin-bottom:.2rem;white-space:nowrap}.wc-event-timer{position:absolute;bottom:-8px;left:0;right:0;height:3px;background:color-mix(in srgb,var(--foreground) 15%,transparent);overflow:hidden}.wc-event-timer-fill{height:100%;background:#66bb6a}.wc-event-sprite{pointer-events:none}.golden-tree{border:2px solid gold;border-radius:4px;background:rgba(255,215,0,8%);animation:eventAppear .3s ease-out,goldenPulse 1.5s infinite}.golden-tree .wc-event-label{color:gold}.golden-tree .wc-event-timer-fill{background:gold}@keyframes goldenPulse{0%,100%{box-shadow:0 0 8px rgba(255,215,0,.3)}50%{box-shadow:0 0 20px rgba(255,215,0,.6)}}.ancient-grove{border:2px solid #66bb6a;border-radius:4px;background:rgba(102,187,106,8%);animation:eventAppear .3s ease-out,grovePulse 2s infinite}.ancient-grove .wc-event-label{color:#66bb6a}.ancient-grove .wc-event-timer-fill{background:#66bb6a}@keyframes grovePulse{0%,100%{box-shadow:0 0 8px rgba(102,187,106,.3)}50%{box-shadow:0 0 24px rgba(102,187,106,.6)}}.fairy-ring{border:2px solid #ce93d8;border-radius:4px;background:rgba(206,147,216,8%);animation:eventAppear .3s ease-out,fairyPulse 1.8s infinite}.fairy-ring .wc-event-label{color:#ce93d8}.fairy-ring .wc-event-timer-fill{background:#ce93d8}@keyframes fairyPulse{0%,100%{box-shadow:0 0 8px rgba(206,147,216,.3)}50%{box-shadow:0 0 20px rgba(206,147,216,.6)}}.storm-branch{position:absolute;font-size:2rem;cursor:pointer;z-index:25;animation:caveFall 1.2s ease-in forwards;user-select:none}.storm-branch.clicked{opacity:.3;pointer-events:none}.storm-shake{animation:caveShake .5s ease-in-out infinite}.smithing-area{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding-top:.5rem}.smithing-recipe-select,.skill-recipe-select{font-family:monospace;font-size:.8rem;background:rgba(20,15,10,.8);color:#d4a050;border:1px solid #8b5e3c;border-top-color:#a07040;padding:.35rem .6rem;box-shadow:inset 0 1px rgba(255,180,80,8%),0 1px 3px rgba(0,0,0,.4);border-radius:2px}.smithing-recipe-select option,.skill-recipe-select option{background:#1a1410;color:#d4a050}.smithing-anvil{font-size:0;width:64px;height:64px;cursor:pointer;user-select:none;position:relative}.smithing-anvil.hit{animation:anvilHit .2s ease-out}@keyframes anvilHit{0%{transform:scale(1)}50%{transform:scale(1.1);filter:brightness(1.5)}100%{transform:scale(1)}}.smithing-timing-bar{width:200px;height:22px;background:rgba(20,12,8,.75);border:2px solid #5a3a20;border-top-color:#3a2210;border-bottom-color:#8b5e3c;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.5),0 0 6px rgba(255,140,30,.15);border-radius:2px}.smithing-timing-zone{position:absolute;height:100%;background:rgba(102,187,106,.3);border-left:2px solid #66bb6a;border-right:2px solid #66bb6a;box-shadow:inset 0 0 8px rgba(102,187,106,.2)}.smithing-timing-cursor{position:absolute;width:3px;height:100%;background:#ffa040;top:0;transition:none;box-shadow:0 0 4px rgba(255,160,64,.6)}.smithing-progress{font-family:monospace;font-size:.75rem;color:#a08060;min-height:1.2em;line-height:1.2em}.smithing-status{font-family:monospace;font-size:.8rem;color:#a08060;min-height:1.2em;line-height:1.2em}.combat-area{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.combat-enemy{width:96px;height:96px;position:relative;display:flex;align-items:center;justify-content:center}.combat-enemy-sprite{width:64px;height:64px;background-size:auto 64px;background-repeat:no-repeat;image-rendering:pixelated}.combat-enemy-name{font-family:monospace;font-size:.8rem;color:var(--foreground)}.combat-hp-bar{width:160px;height:8px;background:color-mix(in srgb,var(--foreground) 15%,transparent);overflow:hidden}.combat-hp-fill{height:100%;background:#ef5350;transition:width .2s}.combat-hp-text{font-family:monospace;font-size:.7rem;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.combat-btn{font-family:monospace;font-size:1rem;padding:.5rem 2rem;border:2px solid #ef5350;background:color-mix(in srgb,#ef5350 20%,transparent);color:var(--foreground);cursor:pointer;transition:background .15s}.combat-btn:hover{background:color-mix(in srgb,#ef5350 35%,transparent)}.combat-btn:disabled{opacity:.4;cursor:not-allowed}.combat-streak{font-family:monospace;font-size:.75rem;color:var(--accent)}.combat-dmg-float{position:absolute;font-family:monospace;font-weight:700;font-size:1rem;pointer-events:none;animation:dmgFloat .8s ease-out forwards;z-index:10}.combat-dmg-float.player-dmg{color:#ef5350}.combat-dmg-float.enemy-dmg{color:#ffa726}@keyframes dmgFloat{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-40px)}}.skills-right-panel{border:1px solid color-mix(in srgb,var(--foreground) 20%,transparent);padding:.5rem;background:color-mix(in srgb,var(--background) 95%,var(--foreground))}.skills-pet-slot{margin-bottom:.75rem}.skills-pet-empty{text-align:center}.skills-assign-btn,.skills-unassign-btn{font-family:monospace;font-size:.8rem;padding:.4rem .8rem;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--foreground);cursor:pointer;width:100%}.skills-assign-btn:hover,.skills-unassign-btn:hover{background:color-mix(in srgb,var(--accent) 30%,transparent)}.skills-pet-hint{font-family:monospace;font-size:.65rem;color:color-mix(in srgb,var(--foreground) 40%,transparent);margin:.3rem 0 0}.skills-pet-assigned{text-align:center}.skills-pet-sprite{width:48px;height:48px;margin:0 auto .25rem;image-rendering:pixelated;background-size:auto 48px;background-repeat:no-repeat}.skills-pet-name{font-family:monospace;font-size:.8rem;color:var(--foreground)}.skills-pet-type-bonus{font-family:monospace;font-size:.7rem;color:var(--accent);margin:.2rem 0 0}.skills-pet-activity{font-family:monospace;font-size:.65rem;color:color-mix(in srgb,var(--foreground) 50%,transparent);margin:.2rem 0 .4rem;font-style:italic}.perks-summary{font-family:monospace;font-size:.75rem;color:color-mix(in srgb,var(--foreground) 60%,transparent);margin-bottom:.5rem;text-align:center}.perk-row{display:flex;flex-direction:column;padding:.3rem .4rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);margin-bottom:.2rem;font-family:monospace;font-size:.6rem;transition:border-color .2s,opacity .2s}.perk-row .perk-name{font-weight:700;font-size:.65rem;color:var(--foreground)}.perk-row .perk-desc{color:color-mix(in srgb,var(--foreground) 50%,transparent);margin-top:.1rem}.perk-row.perk-unlocked{border-color:var(--accent);opacity:1}.perk-row.perk-unlocked .perk-name{color:var(--accent)}.perk-row.perk-locked{opacity:.4}.perk-row .perk-req{color:color-mix(in srgb,var(--foreground) 35%,transparent);font-size:.55rem}.skills-inv-title{cursor:pointer;user-select:none}.skills-inv-toggle{float:right;font-size:.7rem;color:color-mix(in srgb,var(--foreground) 40%,transparent)}.skills-inv-panel{max-height:200px;overflow-y:auto;margin-bottom:.75rem}.skills-inv-empty{font-family:monospace;font-size:.65rem;color:color-mix(in srgb,var(--foreground) 35%,transparent);font-style:italic;padding:.3rem 0}.skills-inv-group-label{font-family:monospace;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--foreground) 40%,transparent);margin:.3rem 0 .15rem}.skills-inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.skills-inv-cell{width:32px;height:32px;position:relative;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);display:flex;align-items:center;justify-content:center;cursor:default}.skills-inv-cell:hover{border-color:var(--accent)}.skills-inv-tooltip{position:fixed;padding:4px 8px;font-size:11px;font-family:inherit;white-space:nowrap;color:var(--foreground);background:var(--background);border:1px solid var(--foreground);pointer-events:none;z-index:9999}.skills-inv-tooltip::after{content:'';position:absolute;top:100%;left:10px;border:4px solid transparent;border-top-color:var(--foreground)}.skills-inv-count{position:absolute;bottom:0;right:1px;font-family:monospace;font-size:.5rem;color:var(--accent);line-height:1;text-shadow:0 0 2px var(--background),0 0 4px var(--background)}.skills-log-btn{font-family:monospace;font-size:.7rem;padding:.35rem .5rem;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--foreground);cursor:pointer;width:100%;margin-top:.5rem}.skills-log-btn:hover{background:color-mix(in srgb,var(--accent) 25%,transparent)}.skills-log-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background) 85%,transparent);z-index:9001;display:flex;align-items:center;justify-content:center}.skills-log-modal{background:var(--background);border:2px solid var(--accent);padding:1.25rem;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.skills-log-modal h3{font-family:monospace;color:var(--accent);margin:0 0 .75rem;font-size:.95rem}.skills-log-section-title{font-family:monospace;font-size:.7rem;color:color-mix(in srgb,var(--foreground) 50%,transparent);text-transform:uppercase;letter-spacing:.1em;margin:.75rem 0 .3rem;padding-bottom:.2rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 15%,transparent)}.skills-log-table{width:100%;border-collapse:collapse;font-family:monospace;font-size:.7rem}.skills-log-table td{padding:.15rem .3rem;color:var(--foreground)}.skills-log-table td:last-child{text-align:right;color:var(--accent)}.skills-log-close{font-family:monospace;font-size:.85rem;padding:.4rem 1.5rem;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--foreground);cursor:pointer;width:100%;margin-top:.75rem}.skills-perk-toast{position:absolute;top:0;left:0;right:0;background:color-mix(in srgb,#ffd700 15%,var(--background));border:1px solid gold;padding:.4rem .75rem;font-family:monospace;font-size:.8rem;color:gold;z-index:15;animation:toastSlide .3s ease-out;text-shadow:0 0 4px rgba(255,215,0,.3)}.skills-idle-status{padding:.3rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.skills-idle-label{font-family:monospace;font-size:.7rem;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.skills-pet-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background) 85%,transparent);z-index:9000;display:flex;align-items:center;justify-content:center}.skills-pet-picker-modal{background:var(--background);border:2px solid var(--accent);padding:1rem;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.skills-pet-picker-modal h3{font-family:monospace;margin:0 0 .75rem;color:var(--foreground)}.skills-pet-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-bottom:.75rem}.skills-pet-pick-card{display:flex;flex-direction:column;align-items:center;padding:.4rem;border:1px solid color-mix(in srgb,var(--foreground) 20%,transparent);cursor:pointer;transition:border-color .15s}.skills-pet-pick-card:hover{border-color:var(--accent)}.skills-pet-pick-card.assigned-elsewhere{pointer-events:none;border-color:color-mix(in srgb,var(--foreground) 10%,transparent)}.skills-pet-pick-card.assigned-elsewhere .skills-pet-pick-sprite{filter:grayscale(.8)brightness(.6)}.skills-pet-pick-card.assigned-elsewhere .skills-pet-pick-name,.skills-pet-pick-card.assigned-elsewhere .skills-pet-pick-type{opacity:.5}.skills-pet-pick-sprite{width:48px;height:48px;image-rendering:pixelated;background-size:auto 48px;background-repeat:no-repeat}.skills-pet-pick-name{font-family:monospace;font-size:.65rem;color:var(--foreground);margin-top:.2rem}.skills-pet-pick-type{font-family:monospace;font-size:.6rem;color:var(--accent)}.skills-picker-close{font-family:monospace;font-size:.8rem;padding:.4rem .8rem;border:1px solid color-mix(in srgb,var(--foreground) 30%,transparent);background:0 0;color:var(--foreground);cursor:pointer;width:100%}.skills-idle-report-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background) 85%,transparent);z-index:9001;display:flex;align-items:center;justify-content:center}.skills-idle-report-modal{background:var(--background);border:2px solid gold;padding:1.25rem;max-width:360px;width:90%;text-align:center}.skills-idle-report-modal h3{font-family:monospace;color:gold;margin:0 0 .75rem}.skills-idle-report-content{text-align:left;font-family:monospace;font-size:.8rem;color:var(--foreground);line-height:1.6;margin-bottom:1rem}.skills-idle-report-content .idle-pet-line{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.skills-idle-report-content .idle-pet-sprite{width:32px;height:32px;image-rendering:pixelated;background-size:auto 32px;background-repeat:no-repeat;flex-shrink:0}.skills-idle-report-content .idle-total{margin-top:.5rem;padding-top:.5rem;border-top:1px solid color-mix(in srgb,var(--foreground) 20%,transparent);font-weight:700;color:gold}.skills-idle-report-ok{font-family:monospace;font-size:.85rem;padding:.4rem 1.5rem;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--foreground);cursor:pointer}.skills-auto-float{position:absolute;font-family:monospace;font-size:.65rem;color:var(--accent);pointer-events:none;animation:autoFloat 1.5s ease-out forwards;white-space:nowrap}@keyframes autoFloat{0%{opacity:.8;transform:translateY(0)}100%{opacity:0;transform:translateY(-30px)}}.mining-anim-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.wc-anim-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.skills-game-area[data-skill=mining]{background-color:color-mix(in srgb,#5d4037 8%,transparent);image-rendering:pixelated;image-rendering:-moz-crisp-edges;justify-content:center}.skills-game-area[data-skill=fishing]{background:color-mix(in srgb,#1565c0 8%,transparent)}.skills-game-area[data-skill=woodcutting]{background:color-mix(in srgb,#2e7d32 8%,transparent);image-rendering:pixelated;image-rendering:-moz-crisp-edges}.skills-game-area[data-skill=smithing]{background:color-mix(in srgb,#e65100 8%,transparent);justify-content:flex-start}.skills-game-area[data-skill=combat]{background:color-mix(in srgb,#b71c1c 8%,transparent)}.tier-0{color:#888}.tier-1{color:#ccc}.tier-2{color:#4caf50}.tier-3{color:#2196f3}.tier-4{color:#9c27b0}.tier-5{color:gold}.skill-xp-bar.xp-near-level .skill-xp-fill{box-shadow:0 0 6px var(--accent),0 0 2px var(--accent)}.skill-xp-bar.xp-bar-flash{animation:xpBarFlash .5s ease-out}@keyframes xpBarFlash{0%{box-shadow:0 0 8px var(--accent)}100%{box-shadow:none}}.skill-row.level-up-glow{animation:levelUpGlow 1.5s ease-out}@keyframes levelUpGlow{0%{box-shadow:0 0 12px var(--accent);border-color:var(--accent)}100%{box-shadow:none;border-color:transparent}}.skills-page.screen-flash .skills-game-area{animation:screenFlash .2s ease-out}@keyframes screenFlash{0%{filter:brightness(1.3)}100%{filter:brightness(1)}}.level-up-circle-container{position:absolute;left:50%;top:10%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:20;animation:levelUpCircleFade 2.2s ease-out forwards}.level-up-circle-banner{font-family:monospace;font-size:.85rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 6px rgba(255,215,0,.6)}.level-up-circle{width:72px;height:72px;border-radius:50%;background:rgba(0,0,0,.85);border:3px solid gold;box-shadow:0 0 12px rgba(255,215,0,.5),inset 0 0 8px rgba(255,215,0,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;animation:levelUpRingPulse 1s ease-in-out 2}.level-up-circle-icon{image-rendering:pixelated;flex-shrink:0}.level-up-circle-level{font-family:monospace;font-size:1rem;font-weight:700;color:gold;line-height:1;text-shadow:0 0 4px rgba(255,215,0,.5)}.level-up-circle-skill{font-family:monospace;font-size:.75rem;color:gold;text-shadow:0 0 4px rgba(255,215,0,.4);letter-spacing:1px}@keyframes levelUpCircleFade{0%{opacity:0;transform:translateX(-50%)scale(0)}10%{opacity:1;transform:translateX(-50%)scale(1.1)}20%{transform:translateX(-50%)scale(1)}75%{opacity:1;transform:translateX(-50%)translateY(0)}100%{opacity:0;transform:translateX(-50%)translateY(-20px)}}@keyframes levelUpRingPulse{0%{box-shadow:0 0 12px rgba(255,215,0,.5),inset 0 0 8px rgba(255,215,0,.15)}50%{box-shadow:0 0 24px rgba(255,215,0,.8),inset 0 0 12px rgba(255,215,0,.3);border-color:#ffe74d}100%{box-shadow:0 0 12px rgba(255,215,0,.5),inset 0 0 8px rgba(255,215,0,.15)}}.skills-milestone-banner{position:fixed;top:20%;left:50%;transform:translateX(-50%);background:var(--background);border:2px solid var(--accent);padding:1rem 2rem;font-family:monospace;font-size:1.1rem;color:var(--accent);z-index:9999;text-align:center;animation:bannerSlide .3s ease-out;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,transparent)}.skills-milestone-banner.mastered{border-color:gold;color:gold;box-shadow:0 0 30px color-mix(in srgb,#ffd700 40%,transparent);font-size:1.3rem}@keyframes bannerSlide{0%{opacity:0;transform:translateX(-50%)translateY(-20px)}100%{opacity:1;transform:translateX(-50%)translateY(0)}}.skills-unlock-toast{position:absolute;top:0;left:0;right:0;background:color-mix(in srgb,var(--accent) 20%,var(--background));border:1px solid var(--accent);padding:.4rem .75rem;font-family:monospace;font-size:.8rem;color:var(--accent);z-index:15;animation:toastSlide .3s ease-out}@keyframes toastSlide{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}.skills-game-panel.star-shower{box-shadow:inset 0 0 20px color-mix(in srgb,#ffd700 25%,transparent)}.star-shower-banner{position:absolute;top:4px;right:4px;background:color-mix(in srgb,#ffd700 20%,var(--background));border:1px solid gold;padding:.2rem .5rem;font-family:monospace;font-size:.65rem;color:gold;z-index:15}.skill-row.mastered{border-color:gold!important;animation:masteryShimmer 3s ease-in-out infinite}@keyframes masteryShimmer{0%,100%{box-shadow:0 0 4px color-mix(in srgb,#ffd700 20%,transparent)}50%{box-shadow:0 0 10px color-mix(in srgb,#ffd700 40%,transparent)}}.skills-milestones{padding:.3rem;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.skills-milestone-stat{font-family:monospace;font-size:.7rem;color:color-mix(in srgb,var(--foreground) 60%,transparent);padding:.15rem 0}.skills-milestone-stat span{color:var(--accent)}.skills-game-pet{position:absolute;bottom:8px;right:8px;width:48px;height:48px;image-rendering:pixelated;background-size:auto 48px;background-repeat:no-repeat;z-index:5;transition:transform .2s}.skills-game-pet.pet-bounce{animation:petBounce .4s ease-out}.skills-game-pet.pet-wiggle{animation:petWiggle .5s ease-in-out}.skills-game-pet.pet-cheer{animation:petCheer .4s ease-out}@keyframes petBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes petWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes petCheer{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.type-particle{position:absolute;font-size:1rem;pointer-events:none;z-index:10}.type-particle.fire-particle{animation:fireFloat 1s ease-out forwards}.type-particle.aqua-particle{animation:aquaScatter .8s ease-out forwards}.type-particle.nature-particle{animation:leafDrift 1.2s ease-out forwards}.type-particle.tech-particle{animation:sparkFlash .5s ease-out forwards}.type-particle.shadow-particle{animation:shadowWisp 1s ease-out forwards}@keyframes fireFloat{0%{opacity:1;transform:translateY(0)scale(1)}50%{transform:translateY(-30px)translateX(8px)scale(1.1)}100%{opacity:0;transform:translateY(-60px)translateX(-5px)scale(.8)}}@keyframes aquaScatter{0%{opacity:1;transform:translate(0,0)scale(1)}100%{opacity:0;transform:translate(var(--dx,20px),var(--dy,-30px))scale(.5)}}@keyframes leafDrift{0%{opacity:1;transform:translateY(0)rotate(0)}100%{opacity:0;transform:translateY(-50px)translateX(15px)rotate(180deg)}}@keyframes sparkFlash{0%{opacity:1;transform:scale(1.5)}100%{opacity:0;transform:scale(.3)}}@keyframes shadowWisp{0%{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:.5;transform:translateY(-20px)scale(1.2)rotate(10deg)}100%{opacity:0;transform:translateY(-50px)scale(.5)rotate(-10deg)}}.mining-combo{position:absolute;top:0;left:50%;transform:translateX(-50%);font-family:monospace;font-size:.9rem;font-weight:700;color:gold;pointer-events:none;text-shadow:0 0 6px gold;z-index:15}.mining-rock.depleted{opacity:.4;filter:grayscale(.6);pointer-events:none}.mining-rock-label{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-family:monospace;font-size:.6rem;color:color-mix(in srgb,var(--foreground) 50%,transparent);white-space:nowrap}.mining-respawn-timer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:monospace;font-size:.9rem;font-weight:700;color:color-mix(in srgb,var(--foreground) 60%,transparent);pointer-events:none;z-index:5}.ore-particle.gem{color:gold;text-shadow:0 0 8px gold;font-size:1rem}.ore-particle.crit{color:#ff1744;text-shadow:0 0 8px #ff1744;font-size:1.2rem;font-weight:700}.mining-event-rock{position:absolute;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;animation:eventAppear .3s ease-out;user-select:none}@keyframes eventAppear{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}100%{opacity:1;transform:translate(-50%,-50%)scale(1)}}.mining-event-label{font-family:monospace;font-size:.7rem;font-weight:700;margin-bottom:.2rem;white-space:nowrap}.mining-event-timer{position:absolute;bottom:-8px;left:0;right:0;height:3px;background:color-mix(in srgb,var(--foreground) 15%,transparent);overflow:hidden}.mining-event-timer-fill{height:100%;background:var(--accent)}.gem-vein{border:2px solid gold;background:color-mix(in srgb,#ffd700 15%,var(--background));box-shadow:0 0 12px color-mix(in srgb,#ffd700 30%,transparent);animation:eventAppear .3s ease-out,gemVeinPulse 1.5s ease-in-out infinite}.gem-vein .mining-event-label{color:gold}@keyframes gemVeinPulse{0%,100%{box-shadow:0 0 12px color-mix(in srgb,#ffd700 30%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,#ffd700 50%,transparent)}}.shooting-star{border:2px solid #ce93d8;background:color-mix(in srgb,#7b1fa2 15%,var(--background));box-shadow:0 0 12px color-mix(in srgb,#ce93d8 30%,transparent);animation:eventAppear .3s ease-out,shootingStarPulse 1s ease-in-out infinite}.shooting-star .mining-event-label{color:#ce93d8}@keyframes shootingStarPulse{0%,100%{box-shadow:0 0 12px color-mix(in srgb,#ce93d8 30%,transparent)}50%{box-shadow:0 0 18px color-mix(in srgb,#ffd700 40%,transparent)}}.deep-vein{border:2px solid #42a5f5;background:color-mix(in srgb,#1565c0 15%,var(--background));box-shadow:0 0 12px color-mix(in srgb,#42a5f5 30%,transparent);animation:eventAppear .3s ease-out,deepVeinPulse 2s ease-in-out infinite}.deep-vein .mining-event-label{color:#42a5f5}@keyframes deepVeinPulse{0%,100%{box-shadow:0 0 12px color-mix(in srgb,#42a5f5 30%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,#7b1fa2 40%,transparent)}}.cave-in-rock{position:absolute;width:52px;height:52px;border:2px solid #ef5350;background:color-mix(in srgb,#ef5350 15%,var(--background));cursor:pointer;top:-60px;z-index:20;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:1.5rem;animation:caveFall 1.5s ease-in forwards;user-select:none}.cave-in-rock::after{content:'\1FAA8'}.cave-in-rock.has-sprite::after{content:none}.cave-in-rock.has-sprite{font-size:0}.cave-in-sprite{pointer-events:none}.mining-event-sprite{pointer-events:none}.cave-in-rock.clicked{opacity:.3;pointer-events:none;border-color:#66bb6a}@keyframes caveFall{0%{top:-60px;opacity:0}20%{opacity:1}100%{top:70%}}.skills-game-area.cave-shake{animation:caveShake .5s ease-in-out}@keyframes caveShake{0%,100%{transform:translateX(0)}10%{transform:translateX(-4px)translateY(2px)}20%{transform:translateX(4px)translateY(-2px)}30%{transform:translateX(-3px)translateY(1px)}40%{transform:translateX(3px)translateY(-1px)}50%{transform:translateX(-2px)}60%{transform:translateX(2px)}}.fishing-golden{color:gold!important;text-shadow:0 0 8px gold;font-weight:700}.fishing-rare{color:#e040fb!important;text-shadow:0 0 8px #e040fb;font-weight:700}.wc-double-chop{position:absolute;font-family:monospace;font-size:1rem;font-weight:700;color:gold;pointer-events:none;animation:doubleChopFlash .6s ease-out forwards;z-index:15;text-shadow:0 0 8px gold}@keyframes doubleChopFlash{0%{opacity:1;transform:translateY(0)scale(1.2)}100%{opacity:0;transform:translateY(-30px)scale(1)}}.wc-tree-label{font-family:monospace;font-size:.7rem;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.ore-particle.nest{color:#8d6e63;font-size:1.2rem}.smithing-anvil.glow-1{filter:brightness(1.1)}.smithing-anvil.glow-2{filter:brightness(1.2);box-shadow:0 0 6px rgba(255,160,0,.3)}.smithing-anvil.glow-3{filter:brightness(1.3);box-shadow:0 0 10px rgba(255,160,0,.4)}.smithing-anvil.glow-4{filter:brightness(1.5);box-shadow:0 0 16px rgba(255,200,0,.5)}.smithing-anvil.glow-5{filter:brightness(1.7);box-shadow:0 0 22px rgba(255,215,0,.6),0 0 8px rgba(255,255,255,.2)}.smithing-masterwork{position:absolute;font-family:monospace;font-size:1.3rem;font-weight:700;color:gold;text-shadow:0 0 12px gold,0 0 24px rgba(255,140,30,.5);pointer-events:none;z-index:15;animation:masterworkFlash 1s ease-out forwards}@keyframes masterworkFlash{0%{opacity:1;transform:scale(1.5)}50%{transform:scale(1.2)}100%{opacity:0;transform:scale(1)}}.smithing-tabs{display:flex;gap:0;margin-bottom:.5rem;border-bottom:2px solid #5a3a20;flex-shrink:0}.smithing-tab{font-family:monospace;font-size:.8rem;padding:.4rem 1.1rem;background:rgba(30,20,12,.7);border:1px solid #5a3a20;border-bottom:none;border-top-color:#8b5e3c;color:#806040;cursor:pointer;transition:all .15s;border-radius:3px 3px 0 0;text-shadow:0 1px 0 rgba(0,0,0,.4)}.smithing-tab.active{color:#ffa040;background:rgba(40,28,16,.85);border-color:#8b5e3c;border-top-color:#a07040;box-shadow:0 0 8px rgba(255,140,30,.2),inset 0 1px rgba(255,180,80,.1)}.smithing-tab:hover:not(.active){color:#c08050;background:rgba(35,24,14,.75)}.smithing-mat-reqs{margin:.4rem 0;display:flex;flex-wrap:wrap;gap:.3rem .8rem;padding:.35rem .6rem;background:rgba(20,15,10,.7);border:1px solid #5a3a20;border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.smithing-mat-row{display:flex;align-items:center;gap:.25rem;font-family:monospace;font-size:.75rem}.smithing-mat-text{white-space:nowrap;color:#c4a070}.smithing-furnace{font-size:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:default;transition:filter .3s;position:relative}.smithing-furnace.smelting-glow{filter:brightness(1.5)}.smelting-gauge-wrap{display:flex;justify-content:center;margin:.3rem 0}.smelting-gauge{width:32px;height:160px;background:rgba(15,10,6,.8);border:2px solid #5a3a20;border-left-color:#3a2210;border-right-color:#8b5e3c;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 0 8px rgba(255,100,0,.15);border-radius:2px}.smelting-gauge-fill{position:absolute;bottom:0;width:100%;height:0%;background:linear-gradient(to top,#ff6600,#ff2200);transition:height .02s linear;box-shadow:0 0 6px rgba(255,100,0,.4)}.smelting-gauge-zone{position:absolute;width:100%;background:rgba(102,187,106,.25);border-top:2px solid #66bb6a;border-bottom:2px solid #66bb6a;pointer-events:none;box-shadow:inset 0 0 6px rgba(102,187,106,.15)}.smelting-heat-btn{font-family:monospace;font-size:.8rem;padding:.55rem 1.4rem;margin-top:.3rem;background:linear-gradient(to bottom,#5a3a20,#3a2210);border:2px solid #8b5e3c;border-top-color:#a07040;border-bottom-color:#2a1808;color:#d4a050;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:0 2px 4px rgba(0,0,0,.4),inset 0 1px rgba(255,180,80,.1);transition:all .1s}.smelting-heat-btn:hover:not(:disabled){background:linear-gradient(to bottom,#6a4a28,#4a3018);border-color:#a07040;color:#ffa040}.smelting-heat-btn:active:not(:disabled){background:linear-gradient(to bottom,#3a2210,#5a3a20);border-top-color:#2a1808;border-bottom-color:#a07040;box-shadow:inset 0 2px 4px rgba(0,0,0,.5);transform:translateY(1px)}.smelting-heat-btn:disabled{opacity:.35;cursor:not-allowed}.smithing-unavailable{color:#605040}.combat-player-section{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;margin-top:.25rem}.combat-player-hp-bar{width:160px;height:8px;background:color-mix(in srgb,var(--foreground) 15%,transparent);overflow:hidden}.combat-player-hp-fill{height:100%;background:#66bb6a;transition:width .2s}.combat-player-hp-text{font-family:monospace;font-size:.7rem;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.combat-actions{display:flex;gap:.5rem;align-items:center}.combat-dodge-btn{font-family:monospace;font-size:.85rem;padding:.5rem 1rem;border:2px solid #ffa726;background:color-mix(in srgb,#ffa726 15%,transparent);color:var(--foreground);cursor:pointer;transition:background .15s}.combat-dodge-btn:hover{background:color-mix(in srgb,#ffa726 30%,transparent)}.combat-dodge-btn:disabled{opacity:.4;cursor:not-allowed}.combat-potion-btn{font-family:monospace;font-size:.75rem;padding:.4rem .6rem;border:1px solid #66bb6a;background:color-mix(in srgb,#66bb6a 15%,transparent);color:var(--foreground);cursor:pointer}.combat-potion-btn:disabled{opacity:.4;cursor:not-allowed}.combat-dmg-float.crit{color:#ff1744!important;font-size:1.3rem;text-shadow:0 0 8px #ff1744}.combat-dmg-float.dodge-text{color:#ffa726;font-size:1rem}.combat-death-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background) 80%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;font-family:monospace}.combat-death-text{font-size:1.5rem;color:#ef5350;margin-bottom:.5rem}.combat-death-countdown{font-size:1rem;color:color-mix(in srgb,var(--foreground) 60%,transparent)}.skill-sprite{image-rendering:pixelated;background-repeat:no-repeat;pointer-events:none;flex-shrink:0}.mining-rock{font-size:0;overflow:hidden}.mining-rock-sprite{pointer-events:none}.wc-tree{font-size:0;width:96px;height:144px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 6px rgba(255,240,180,.5))drop-shadow(0 2px 3px rgba(0,0,0,.3))}.wc-tree-sprite{pointer-events:none}.wc-tree.stumped{height:51px;align-items:flex-end;cursor:default;animation:none;transform:none;opacity:1;filter:none}.wc-tree.stumped.depleted{opacity:.5;filter:grayscale(.4)}.wood-chip{position:absolute;width:3px;height:3px;pointer-events:none;z-index:10;animation:chipFly .5s ease-out forwards}@keyframes chipFly{0%{transform:translate(0,0)rotate(0);opacity:1}100%{transform:translate(var(--chip-dx),var(--chip-dy))rotate(var(--chip-rot));opacity:0}}.smithing-anvil{font-size:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.smithing-anvil-sprite{pointer-events:none}.skill-icon{font-size:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.skill-icon-sprite{flex-shrink:0}.ore-particle.sprite-particle{background-color:initial;font-size:0}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}.skills-list-panel{order:1}.skills-list{display:flex;gap:.25rem;overflow-x:auto}.skill-row{flex-direction:column;min-width:70px;text-align:center;margin-bottom:0;padding:.3rem}.skill-info{width:100%}.skills-game-panel{order:2;min-height:320px}.skills-right-panel{order:3}.skills-page{padding:.25rem;max-width:100%}.skills-game-panel{overflow:hidden;min-width:0}.skills-game-header{gap:.5rem;overflow:hidden}.skills-game-header h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.skills-game-resource{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.skills-game-area{min-height:240px}.mining-ore-select-wrap,.fishing-select-wrap,.wc-tree-select-wrap{position:static;margin-bottom:4px}.mining-rocks{gap:.75rem}.mining-rock,.mining-rock-wrap{width:64px;min-width:64px;height:64px;min-height:64px}.wc-trees{gap:.75rem;min-height:130px}.wc-tree-wrap{width:80px;min-height:130px}.wc-tree{width:80px;height:120px}.wc-tree.stumped{height:42px}.fishing-spots{gap:.75rem}.fishing-spot,.fishing-spot-wrap{width:64px;min-width:64px;height:64px;min-height:64px}.skills-right-panel{padding:.25rem;overflow:hidden;min-width:0}.skills-inv-grid{grid-template-columns:repeat(5,1fr)}.skills-inv-cell{width:28px;height:28px}.skills-list-panel{overflow:hidden;min-width:0}.skills-topbar{flex-direction:column;gap:.25rem;text-align:center}}@media(max-width:480px){.mining-rocks{gap:.5rem}.mining-rock,.mining-rock-wrap{width:56px;min-width:56px;height:56px;min-height:56px}.wc-trees{gap:.5rem;min-height:110px}.wc-tree-wrap{width:64px;min-height:110px}.wc-tree{width:64px;height:96px}.wc-tree.stumped{height:34px}.fishing-spots{gap:.5rem}.fishing-spot,.fishing-spot-wrap{width:56px;min-width:56px;height:56px;min-height:56px}.fishing-bobber-sprite{width:24px!important;height:24px!important}.skill-row{min-width:60px;padding:.2rem}.skill-name{font-size:.7rem}}.smithing-combo{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-family:monospace;font-size:.9rem;font-weight:700;color:#ffa040;pointer-events:none;text-shadow:0 0 8px rgba(255,140,30,.7),0 1px 2px rgba(0,0,0,.6);z-index:15;white-space:nowrap}.smithing-spark{position:absolute;width:2px;height:2px;background:#ffd080;border-radius:50%;pointer-events:none;z-index:15;animation:sparkFly .5s ease-out forwards;box-shadow:0 0 4px #ffa040}@keyframes sparkFly{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--spark-dx,20px),var(--spark-dy,-30px))}}.smithing-furnace.smelting-glow-perfect{filter:brightness(2);transition:filter .1s;box-shadow:0 0 20px rgba(255,140,30,.5)}.smithing-furnace.ore-surge-glow{filter:brightness(1.3);box-shadow:0 0 14px rgba(0,200,255,.4)}.smithing-anvil.master-touch-glow{filter:brightness(1.4);box-shadow:0 0 18px rgba(255,215,0,.5)}.smithing-event-spot{position:absolute;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;animation:eventAppear .3s ease-out;user-select:none}.smithing-event-label{font-family:monospace;font-size:.7rem;font-weight:700;margin-bottom:.2rem;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6)}.smithing-event-icon{font-size:2rem;display:flex;align-items:center;justify-content:center}.smithing-event-timer{position:absolute;bottom:-8px;left:0;right:0;height:3px;background:rgba(30,20,12,.6);overflow:hidden;border-radius:1px}.smithing-event-timer-fill{height:100%;background:#ff8c00}.blessed-forge{border:2px solid gold;background:rgba(40,30,10,.85);box-shadow:0 0 14px rgba(255,215,0,.35);animation:eventAppear .3s ease-out,blessedPulse 1.5s ease-in-out infinite;border-radius:4px}.blessed-forge .smithing-event-label{color:gold}.blessed-forge .smithing-event-timer-fill{background:gold}@keyframes blessedPulse{0%,100%{box-shadow:0 0 14px rgba(255,215,0,.35)}50%{box-shadow:0 0 22px rgba(255,215,0,.55)}}.ore-surge{border:2px solid #00bcd4;background:rgba(10,30,35,.85);box-shadow:0 0 14px rgba(0,188,212,.35);animation:eventAppear .3s ease-out,surgePulse 1s ease-in-out infinite;border-radius:4px}.ore-surge .smithing-event-label{color:#00bcd4}.ore-surge .smithing-event-timer-fill{background:#00bcd4}@keyframes surgePulse{0%,100%{box-shadow:0 0 14px rgba(0,188,212,.35)}50%{box-shadow:0 0 20px rgba(0,188,212,.55)}}.master-touch{border:2px solid #ff8f00;background:rgba(40,25,10,.85);box-shadow:0 0 14px rgba(255,143,0,.35);animation:eventAppear .3s ease-out,masterPulse 1.2s ease-in-out infinite;border-radius:4px}.master-touch .smithing-event-label{color:#ff8f00}.master-touch .smithing-event-timer-fill{background:#ff8f00}@keyframes masterPulse{0%,100%{box-shadow:0 0 14px rgba(255,143,0,.35)}50%{box-shadow:0 0 22px rgba(255,215,0,.45)}}.inferno-event{border:2px solid #f44336;background:rgba(40,12,10,.85);box-shadow:0 0 14px rgba(244,67,54,.35);animation:eventAppear .3s ease-out,infernoPulse .8s ease-in-out infinite;border-radius:4px;width:96px;height:96px}.inferno-event .smithing-event-label{color:#f44336}.inferno-event .smithing-event-timer-fill{background:#f44336}@keyframes infernoPulse{0%,100%{box-shadow:0 0 14px rgba(244,67,54,.35)}50%{box-shadow:0 0 26px rgba(255,111,0,.55)}}.smithing-event-spot.hit{animation:anvilHit .2s ease-out}.smelting-gauge-fill{background:linear-gradient(to top,#ff6600,#ff3300,#ff6600)!important;background-size:100% 200%!important;animation:gaugeFireAnim .6s linear infinite}@keyframes gaugeFireAnim{0%{background-position:0 0}100%{background-position:0 100%}}