@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@1,700&family=Cinzel+Decorative:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Noto+Serif:wght@600;700;800&display=swap";.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:auto;z-index:10000;background-color:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tab-dialog{width:90%;max-width:600px;max-height:85vh;background:#0f0f0ff2;border:2px solid #5a5a5a;border-radius:8px;box-shadow:0 0 40px #000000e6,inset 0 0 15px #ffffff08;display:flex;flex-direction:column;overflow:hidden;animation:dialog-pop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes dialog-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.tab-dialog-header{padding:14px 18px;background:linear-gradient(to bottom,#2a2a2a,#111);border-bottom:2px solid #333;display:flex;justify-content:space-between;align-items:center}.tab-dialog-title{margin:0;font-family:Cinzel,serif;font-size:19px;color:gold;text-shadow:0 0 12px rgba(255,215,0,.35);letter-spacing:.05em}.tab-dialog-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;font-size:18px;cursor:pointer;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .25s}.tab-dialog-close:hover{background:#a00;color:#fff;border-color:#f44;transform:rotate(90deg)}.tab-dialog-body{padding:4px;overflow-y:auto;flex:1}.tab-dialog-body::-webkit-scrollbar{width:6px}.tab-dialog-body::-webkit-scrollbar-track{background:#0003}.tab-dialog-body::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.tab-dialog-body::-webkit-scrollbar-thumb:hover{background:#666}.top-bar-container{pointer-events:auto;position:relative;z-index:20}.top-bar-container.has-dialog{z-index:10000}.top-bar-glass{background:#111;border-bottom:3px solid #050505;border-top:2px solid #3a3a3a;box-shadow:0 4px 20px #000000e6,inset 0 1px #ffffff0d;padding:5px 8px 4px;display:flex;flex-direction:column;gap:4px}.tb-row{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tb-row::-webkit-scrollbar{display:none}.tb-row-main{justify-content:space-between;min-height:24px;flex-wrap:nowrap}.tb-left-group{display:flex;align-items:center;gap:12px}.tb-rank-compact{transform:scale(1);transform-origin:left center}.tb-btn-styled{background:linear-gradient(135deg,#222,#111)!important;border:1px solid #444!important;border-radius:6px!important;color:#eee!important;padding:4px 12px!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px #00000080,inset 0 1px 1px #ffffff0d!important;height:28px!important;text-shadow:0 1px 2px #000}.tb-btn-styled:hover{border-color:#777!important;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important;box-shadow:0 6px 16px #0009,inset 0 1px 1px #ffffff1a!important;transform:translateY(-1px)}.tb-btn-styled:active{transform:translateY(1px) scale(.98)}.tb-rank-compact .rank-calligraphy{font-size:15px;background:linear-gradient(170deg,#fff,#ccc,#999);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}.tb-row-controls{flex-wrap:nowrap;gap:4px;min-height:24px;align-items:center;justify-content:space-between;width:100%}.rank-title{display:flex;align-items:center}.rank-calligraphy{font-family:"Noto Serif",Palatino Linotype,Book Antiqua,Georgia,serif;font-style:italic;font-weight:700;font-size:17px;letter-spacing:.05em;background:linear-gradient(170deg,#e0e0e0,#a0a0a0,#606060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 6px rgba(120,120,120,.7));animation:rank-shimmer 3s ease-in-out infinite alternate;white-space:nowrap}@keyframes rank-shimmer{0%{filter:drop-shadow(0 0 5px rgba(100,100,100,.6));letter-spacing:.04em}to{filter:drop-shadow(0 0 15px rgba(140,140,140,.95));letter-spacing:.06em}}@keyframes rank-fire-aura{0%{box-shadow:0 0 10px var(--fire-color, rgba(160, 160, 160, .3)),inset 0 0 5px var(--fire-color, rgba(160, 160, 160, .2));filter:brightness(1)}50%{box-shadow:0 0 30px var(--fire-color, rgba(160, 160, 160, .6)),inset 0 0 15px var(--fire-color, rgba(160, 160, 160, .4));filter:brightness(1.2)}to{box-shadow:0 0 10px var(--fire-color, rgba(160, 160, 160, .3)),inset 0 0 5px var(--fire-color, rgba(160, 160, 160, .2));filter:brightness(1)}}.tb-icon{width:14px;height:14px;flex-shrink:0;vertical-align:middle}.tb-wave,.tb-gold,.tb-exp,.tb-sp,.tb-ingred{display:flex;align-items:center;gap:5px;height:32px;min-width:70px;font-size:11px;font-weight:700;padding:6px 12px;border-radius:4px;letter-spacing:.02em;white-space:nowrap;justify-content:center;cursor:pointer;transition:all .2s;position:relative;box-sizing:border-box}.resource-btn{border:1px solid #333;background:linear-gradient(to bottom,#222,#111);box-shadow:inset 0 1px 2px #ffffff0d,0 2px 4px #0006;padding:4px 10px;border-radius:6px;display:flex;align-items:center;gap:6px}.resource-btn:hover{border-color:#555;background:linear-gradient(to bottom,#2a2a2a,#1a1a1a);box-shadow:0 4px 12px #0000004d}.tb-resource-value{font-size:12px;color:#f0f0f0;text-shadow:1px 1px 2px #000;font-weight:700}.tb-gold .tb-resource-value{color:gold}.tb-sp .tb-resource-value{color:#8af}.tb-wave:hover{border-color:#a0a0a080;background:#111}.tb-gold:hover{border-color:#78787880;background:#111}.tb-exp:hover{border-color:#88ccff80;background:#111}.tb-sp:hover{border-color:#8c8c8c80;background:#111}.tb-ingred:hover{border-color:#96969680;background:#111}.tb-wave{color:#ccc;background:#1a1a1a;border:1px solid #333}.tb-gold{color:#888;background:#1a1a1a;border:1px solid #333}.tb-exp{color:#999;background:#1a1a1a;border:1px solid #333}.tb-sp{color:#aaa;background:#1a1a1a;border:1px solid #333}.tb-ingred{color:#bbb;background:#1a1a1a;border:1px solid #333}@media(max-width:480px){.tb-wave,.tb-gold,.tb-exp,.tb-sp,.tb-ingred{min-width:auto;padding:4px 6px;font-size:10px}.tb-resource-value{font-size:10px}.tb-icon{width:12px;height:12px}.tb-btn-styled{padding:4px 6px!important}.rank-calligraphy{font-size:13px}}.tb-sound-btn{background:#111;border:1px solid #333;border-radius:4px;font-size:14px;cursor:pointer;opacity:.9;transition:all .2s;line-height:1;color:#888;height:32px;aspect-ratio:1/1;box-shadow:0 2px 8px #0000004d}.tb-sound-btn:hover{opacity:1;transform:scale(1.05);color:#888;background:#111;border-color:#78787899;box-shadow:0 4px 12px #7878784d}.tb-sound-btn:active{transform:scale(.95)}.tb-sound-btn.on{background:#1a3a1a;border-color:#4f4;color:#4f4;box-shadow:0 0 10px #4f46}.tb-sound-btn.on:hover{background:#255525;border-color:#6f6;color:#fff;box-shadow:0 0 15px #6f69}.tb-sound-btn.off{background:#111;border-color:#ff64644d;color:#f66;box-shadow:0 2px 8px #ff646433}.tb-sound-btn.off:hover{background:#111;border-color:#ff646499;box-shadow:0 4px 12px #ff64644d;color:#f66}.tb-sound-btn svg{width:16px;height:16px;flex-shrink:0}.tb-top-actions{display:flex;align-items:center;gap:5px}.tb-save-btn{background:none;border:none;color:#8af;cursor:pointer;opacity:.7;transition:all .2s;padding:4px;position:relative;display:flex;align-items:center;justify-content:center}.tb-save-btn:hover{opacity:1;color:#888;transform:scale(1.1)}.tb-save-btn.saved{color:#888;animation:save-pulse .4s ease-out}@keyframes save-pulse{0%{transform:scale(1)}50%{transform:scale(1.4);filter:brightness(1.5)}to{transform:scale(1)}}.save-toast{position:absolute;top:100%;right:0;background:#1a1a1a;color:#000;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;animation:toast-fade 2s forwards;z-index:100;margin-top:4px;box-shadow:0 2px 8px #0006}@keyframes toast-fade{0%{opacity:0;transform:translateY(-5px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.tb-hp-wrap,.tb-exp-wrap{display:flex;align-items:center;gap:5px}.tb-bar-label{font-size:9px;font-weight:900;letter-spacing:.08em;width:22px;flex-shrink:0}.tb-hp-wrap .tb-bar-label{color:#ff7070;text-shadow:0 0 6px rgba(255,80,80,.8)}.tb-exp-wrap .tb-bar-label{color:#8af;text-shadow:0 0 6px rgba(100,150,255,.8)}.tb-hp-track,.tb-exp-track{position:relative;flex:1;height:14px;background:#1a1a1a;border-radius:2px;overflow:hidden;border:1px solid #333}.tb-exp-track{border-color:#6496ff33}.tb-hp-fill{height:100%;background:#d03030;border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px #ff3c2880}.tb-exp-fill{height:100%;background:#2b7bd5;border-radius:2px;transition:width .3s ease;box-shadow:0 0 6px #508cff80}.tb-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:700;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,1);white-space:nowrap;pointer-events:none}.tb-ctrl-group{display:flex;align-items:center;gap:2px;background:#1a1a1a;height:28px;box-sizing:border-box}.tb-zoom-group{gap:2px}.tb-ctrl-btn{height:24px;min-width:24px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#8af;font-size:10px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0 4px;box-sizing:border-box;white-space:nowrap}.tb-ctrl-btn:hover{background:#1a1a1a;color:#ccc;border-color:#a0a0a080}.tb-ctrl-btn:active{transform:scale(.88)}.tb-ctrl-btn.tb-speed-btn.active{background:#1a1a1a;border-color:#ffc80080;color:#ccc;box-shadow:0 0 6px #ffc8004d}.tb-ctrl-btn.tb-pause-btn.active{background:#1a1a1a;border-color:#50c8ff80;color:#50c8ff;box-shadow:0 0 6px #50c8ff4d}.tb-ctrl-zoom-label{display:flex;align-items:center;justify-content:center;background:#111;border:1px solid #333;border-radius:4px;color:#ccc;font-size:10px;font-weight:700;min-width:36px;height:24px;text-align:center;padding:0 4px;line-height:1;box-sizing:border-box}.tb-ctrl-zoom-label.no-click{cursor:default}.tb-ctrl-zoom-label:hover{color:#fff}.tb-auto-group{gap:3px}.tb-auto-btn{height:24px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#c8c8c880;font-size:8px;font-weight:700;padding:0 4px;cursor:pointer;transition:all .2s;white-space:nowrap;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.tb-auto-btn.on{background:#1a1a1a;border-color:#50ff7880;color:#50ff78;box-shadow:0 0 6px #50ff5040}.tb-auto-btn:hover:not(.on){border-color:#c8c8c866;color:#ccc}.tb-weather-group{gap:2px}.tb-weather-icon{width:14px;height:14px;vertical-align:middle}.disabled-weather{pointer-events:none;opacity:.8}.tb-weather-btn{background:#1a1a1a;border:1px solid #333;padding:0;border-radius:4px;opacity:.6;width:24px;height:24px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.tb-weather-btn img{width:16px;height:16px;object-fit:contain}.tb-weather-btn.active{opacity:1;background:#252525;border-color:#8af;box-shadow:0 0 10px #8af6}.tb-dungeon-btn{height:24px;background:#111;border:1px solid #333;border-radius:4px;padding:0 8px;font-size:10px;font-weight:700;color:#aaa;cursor:pointer;animation:pulse-dungeon 1.5s ease-in-out infinite alternate;white-space:nowrap;display:flex;align-items:center;box-sizing:border-box}@keyframes pulse-dungeon{0%{box-shadow:0 0 4px #b4b4b44d}to{box-shadow:0 0 12px #b4b4b4b3}}.tb-dungeon-active{height:24px;font-size:9px;font-weight:700;color:#ccc;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:0 6px;white-space:nowrap;display:flex;align-items:center;box-sizing:border-box}.tb-breakthrough-btn{display:block;width:calc(100% - 8px);margin:2px 4px;padding:6px;background:#111;border:1px solid #333;border-radius:4px;color:#ccc;font-size:13px;font-weight:700;font-family:"Noto Serif",serif;font-style:italic;letter-spacing:.05em;cursor:pointer;animation:pulse-breakthrough 1.5s ease-in-out infinite;text-shadow:0 0 8px rgba(200,200,200,.6)}@keyframes pulse-breakthrough{0%,to{box-shadow:0 0 8px #c8c8c84d}50%{box-shadow:0 0 20px #c8c8c8b3,0 0 40px #96969633}}.tb-breakthrough-btn:hover{background:#111;transform:scale(1.01)}@media(max-width:480px){.tb-wave,.tb-gold,.tb-exp{font-size:10px;padding:2px 5px}.rank-calligraphy{font-size:15px}.tb-auto-btn{font-size:8px;padding:2px 4px}}.rank-title-btn{background:none;border:none;cursor:pointer;padding:0 2px;display:flex;align-items:center;gap:4px;transition:filter .15s}.rank-title-btn:hover{filter:brightness(1.25)}.rank-title-btn:hover .rank-info-hint{opacity:1}.top-bar-rank-container{display:flex;justify-content:center;align-items:center;margin-top:6px;pointer-events:none}.top-bar-rank-container .rank-title-btn{pointer-events:auto;position:relative;padding:6px 20px;border-radius:4px;box-shadow:0 6px 25px #000c;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:rank-fire-aura 3s infinite ease-in-out}.top-bar-rank-container .rank-calligraphy{font-size:18px;line-height:1.1;text-shadow:0 0 12px rgba(160,160,160,.6)}.top-bar-rank-container .rank-fire-0{--fire-color: rgba(120, 160, 255, .4);border-color:#78a0ff66}.top-bar-rank-container .rank-fire-1,.top-bar-rank-container .rank-fire-2{--fire-color: rgba(255, 120, 0, .6);border-color:#ff780080}.top-bar-rank-container .rank-fire-3,.top-bar-rank-container .rank-fire-4{--fire-color: rgba(255, 80, 0, .8);border-color:#ff5000b3}.top-bar-rank-container .rank-fire-5,.top-bar-rank-container .rank-fire-6{--fire-color: rgba(255, 40, 0, 1);border-color:#ff2800e6}.top-bar-rank-container .rank-fire-7,.top-bar-rank-container .rank-fire-8{--fire-color: rgba(255, 0, 0, 1);border-color:red;animation:rank-fire-pulse 1.5s infinite alternate ease-in-out}.top-bar-rank-container .rank-fire-9,.top-bar-rank-container .rank-fire-10{--fire-color: rgba(255, 0, 255, 1);border-color:#f0f;animation:rank-fire-max 1.2s infinite alternate ease-in-out}@keyframes rank-fire-pulse{0%{box-shadow:0 6px 20px #f006,inset 0 0 10px #ff00004d}to{box-shadow:0 6px 35px #f00c,inset 0 0 20px #ff0000b3}}@keyframes rank-fire-max{0%{box-shadow:0 6px 25px #f0f9,inset 0 0 15px #ff00ff80}to{box-shadow:0 6px 45px #ff32ff,inset 0 0 30px #ff32ffe6}}.stats-modal-overlay{position:fixed;inset:0;background:#1a1a1a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:flex-start;justify-content:flex-start;padding:60px 10px 10px}.stats-modal{background:#0b0b0b;border:2px solid #5a5a5a;border-radius:4px;box-shadow:0 8px 32px #000000e6,0 0 0 1px #000,inset 0 0 0 1px #222;width:320px;max-width:95vw;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;animation:stats-slide-in .18s ease-out}@keyframes stats-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}.stats-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid rgba(100,140,255,.15);flex-shrink:0}.stats-modal-title{font-size:13px;font-family:Tahoma,Arial,sans-serif;font-weight:900;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.stats-modal-close{background:none;border:none;color:#b4c8ff99;font-size:14px;cursor:pointer;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.stats-modal-close:hover{background:#1a1a1a;color:#ff7070}.stats-modal-body{overflow-y:auto;padding:8px;flex:1}.stats-modal-body::-webkit-scrollbar{width:4px}.stats-modal-body::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.stats-modal-body::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.stat-item{display:flex;flex-direction:column;gap:1px;background:#111;border:1px solid #333;border-radius:4px;padding:5px 7px}.stat-label{font-size:9px;color:#8ca0dcb3;letter-spacing:.03em}.stat-value{font-size:12px;font-weight:700;color:#e0e8ff}.tb-speed-btn{gap:4px;padding:0 6px}.tb-zoom-label-wrap{position:relative}.wave-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:4px}.wave-option-btn{background:#111;border:1px solid #333;border-radius:4px;padding:8px 4px;color:#aaa;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.wave-option-btn:hover{border-color:#8af;color:#fff;background:#1a1a1a}.wave-option-btn.active{background:#1a3a1a;border-color:#4f4;color:#fff;box-shadow:0 0 10px #44ff444d}.tb-zoom-menu,.tb-stats-dropdown{display:none!important}@media(max-width:768px){.top-bar-glass{padding:4px;width:100%;box-sizing:border-box}.tb-row-main,.tb-row-controls{flex-wrap:nowrap;gap:8px;justify-content:space-between}.tb-wave,.tb-gold,.tb-exp,.tb-sp,.tb-ingred{padding:2px 4px;font-size:9px}.tb-resource{width:100%;display:flex;flex-wrap:wrap;gap:2px}.tb-ctrl-group,.tb-auto-group,.tb-weather-group{flex-wrap:nowrap}.tb-sound-btn{min-width:24px;padding:2px}}@media(max-width:500px){html,body,#root,.app-container{overflow-x:hidden;width:100vw}.top-bar-container{max-width:100vw;overflow-x:hidden}}.skill-bar-container{display:flex;flex-direction:column;justify-content:center;align-items:stretch;background:#111;width:100%;box-sizing:border-box;border-top:3px solid #3a3a3a;border-bottom:3px solid #050505;box-shadow:0 -2px 10px #000c,inset 0 2px 2px #ffffff0d;position:relative;transition:all .3s ease-out}.skill-bar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-bottom:6px}.skill-bar-title{font-size:12px;font-weight:800;color:#f0f0f0;letter-spacing:.08em;text-transform:uppercase}.skill-bar-summary{font-size:10px;color:#9c9c9c;letter-spacing:.04em;text-transform:uppercase}.skill-bar-collapse-btn{width:28px;height:28px;padding:0;border:1px solid #444;border-radius:50%;background:linear-gradient(180deg,#252525,#111);color:#ddd;display:grid;place-items:center;cursor:pointer}.skill-bar-collapse-btn:hover{border-color:#777}.skill-bar-rows{display:flex;flex-direction:column;gap:5px;width:100%;overflow:hidden;max-height:200px;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:1}.skill-bar-rows.is-collapsed{max-height:0;opacity:0;overflow:hidden}.skill-bar-inner{display:flex;justify-content:center;gap:0;flex-wrap:nowrap}.passive-row-bar{opacity:.9}.skill-slot{font-family:inherit;background:transparent;padding:0;margin:0;width:48px;height:48px;position:relative;background-color:#0b0b0b;border:2px solid #5a5a5a;border-right:none;border-radius:0;box-shadow:inset 0 0 0 1px #222;cursor:pointer;display:flex;align-items:stretch;justify-content:stretch;transition:filter .2s,border-color .2s;flex-shrink:0}.skill-slot:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.skill-slot:last-child{border-right:2px solid #5a5a5a;border-top-right-radius:4px;border-bottom-right-radius:4px}.skill-icon-wrapper{flex:1;background-color:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%}.skill-icon{width:100%;height:100%;box-shadow:inset 0 0 12px #000c;image-rendering:pixelated;transform:scale(1.6);transform-origin:center}.rivet{position:absolute;width:5px;height:5px;background:radial-gradient(circle at 30% 30%,#e0e0e0,#888 60%,#333);border-radius:50%;box-shadow:1px 1px 1px #000c,inset -1px -1px 2px #0009;z-index:5}.rivet.tl{top:-3px;left:-3px}.rivet.tr{top:-3px;right:-3px}.rivet.bl{bottom:-3px;left:-3px}.rivet.br{bottom:-3px;right:-3px}.skill-slot:hover:not(.empty):not(:disabled){border-color:#888;box-shadow:0 0 8px #ffffff1a,inset 0 0 0 1px #222}.skill-slot:hover:not(.empty):not(:disabled) .rivet{background:radial-gradient(circle at 30% 30%,#fff,#888 60%,#555)}.skill-slot:active:not(.empty):not(:disabled){transform:scale(.96)}.skill-slot.active{border-color:#777}.skill-slot.active .rivet{background:radial-gradient(circle at 30% 30%,#fff,#777 60%,#444)}.skill-slot.empty{cursor:default;opacity:.6;border-color:#333}.skill-slot.empty .rivet{background:radial-gradient(circle at 30% 30%,#666,#444 60%,#111)}.skill-slot.on-cooldown .skill-icon{filter:grayscale(50%) brightness(70%)}.passive-slot{width:36px;height:36px;border-color:#4a4a4a;cursor:help}.passive-slot.skill-slot:hover:not(.empty):not(:disabled){border-color:#888;box-shadow:none}.passive-slot .rivet{width:4px;height:4px;box-shadow:1px 1px 1px #00000080}.skill-cooldown-overlay{position:absolute;top:0;left:0;width:100%;background:#0006;z-index:2;transition:height .1s linear}.skill-cd-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#bbb;font-weight:900;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 8px rgba(0,0,0,1);z-index:3;pointer-events:none;font-family:Tahoma,Arial,sans-serif}.skill-active-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 80%);animation:skill-glow-pulse 1.5s infinite ease-in-out;pointer-events:none;z-index:2}@keyframes skill-glow-pulse{0%,to{opacity:.3}50%{opacity:.8}}@media(max-width:480px){.skill-bar-container{padding:6px 4px;border-top-width:2px;border-bottom-width:2px}.skill-slot{width:32px;height:32px;border-width:1px;box-shadow:none}.skill-icon-wrapper{margin:1px}.rivet{width:3px;height:3px}.rivet.tl{top:-2px;left:-2px}.rivet.tr{top:-2px;right:-2px}.rivet.bl{bottom:-2px;left:-2px}.rivet.br{bottom:-2px;right:-2px}.skill-hotkey{font-size:11px;right:1px;bottom:-1px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.skill-cd-number{font-size:15px}.skill-bar-header{align-items:flex-start}.skill-bar-title{font-size:11px}.skill-bar-summary,.skill-bar-collapse-btn{font-size:9px}.skill-bar-collapse-btn{width:24px;height:24px}}@media(max-width:768px){.skill-bar-container{width:100vw;max-width:100%;box-sizing:border-box;overflow-x:hidden}.skill-bar-rows{overflow-x:hidden;width:100%;display:flex;flex-direction:column;align-items:stretch}.skill-bar-inner{width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap}.skill-slot{flex:1;min-width:0;min-height:0;width:auto;height:auto;aspect-ratio:1/1;border-width:1px}.passive-slot{flex:1;height:auto;width:auto;aspect-ratio:1/1}}.rebirth-fab{position:absolute;top:120px;right:12px;width:52px;height:52px;border-radius:50%;background:#111;border:1px solid rgba(100,100,100,.6);box-shadow:0 4px 15px #64646466;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto}.rebirth-fab:hover{box-shadow:0 6px 20px #646464b3}.rebirth-fab.ready{animation:fab-pulse 2s ease-in-out infinite;border-color:#888;box-shadow:0 0 20px #96969699}.rebirth-fab.open{border-color:#888;background:#111}@keyframes fab-pulse{0%,to{box-shadow:0 0 15px #96969666;transform:scale(1)}50%{box-shadow:0 0 30px #969696e6,0 0 60px #6464644d;transform:scale(1.05)}}.rebirth-fab-icon{font-size:22px}.rebirth-fab-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:#888;color:#fff;font-size:9px;font-weight:700;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid #0a0a1a}.rebirth-action-area{margin-bottom:16px;display:flex;justify-content:center}.rebirth-float-panel::-webkit-scrollbar{width:4px}.rebirth-float-panel::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}.rebirth-float-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rebirth-float-header h3{margin:0;color:#c8f;font-size:14px}.rebirth-close-btn{background:#111;border:1px solid #333;border-radius:4px;color:#ccc;cursor:pointer;padding:2px 6px;font-size:12px}.rebirth-close-btn:hover{background:#333;color:#fff}.rebirth-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.rebirth-stat{background:#111;border:1px solid #333;border-radius:4px;padding:5px 8px;display:flex;flex-direction:column;gap:2px}.rebirth-stat span{font-size:10px;color:#888}.rebirth-stat strong{font-size:13px;color:#e0d0ff}.rebirth-do-btn{display:block;width:100%;padding:10px;background:#111;border:2px solid #555;border-radius:4px;color:#fff;font-size:13px;font-family:Tahoma,sans-serif;font-weight:900;text-shadow:1px 1px 0 #000;cursor:pointer;margin-bottom:10px;transition:all .2s;text-align:center;box-shadow:inset 0 0 5px #000c}.rebirth-do-btn:hover{border-color:#ccc;color:#ccc}.rebirth-locked{text-align:center;padding:8px;background:#1a1a1a;border-radius:4px;color:#f88;font-size:11px;margin-bottom:10px}.rebirth-category-tabs{display:flex;gap:4px;margin-bottom:8px}.rebirth-cat-tab{flex:1;padding:4px 6px;background:#111;border:1px solid #333;border-radius:4px;color:#888;cursor:pointer;font-size:10px;transition:all .2s;text-align:center}.rebirth-cat-tab.active{color:#fff;background:#333;border-color:#555}.rebirth-perk-grid{display:flex;flex-direction:column;gap:6px}.rebirth-perk{background:#111;border:1px solid #333;border-radius:4px;padding:8px;transition:all .2s}.rebirth-perk.maxed{background:#1a1a1a;opacity:.7}.rebirth-perk.locked{opacity:.5}.rebirth-perk-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.rebirth-perk-icon{font-size:16px}.rebirth-perk-name{flex:1;font-size:12px;font-weight:700}.rebirth-perk-level{font-size:10px;color:#888}.rebirth-perk-desc{font-size:10px;color:#888;margin-bottom:4px}.rebirth-perk-req{font-size:10px;color:#888;font-style:italic;margin-bottom:4px}.rebirth-perk-btn{display:block;width:100%;padding:4px;border-radius:4px;border:1px solid;cursor:pointer;font-size:10px;font-weight:700;text-align:center;transition:all .15s;margin-bottom:4px}.rebirth-perk-btn.affordable{background:#1a1a1a;border-color:#9b30ff;color:#c8f}.rebirth-perk-btn.affordable:hover{background:#1a1a1a}.rebirth-perk-btn.unaffordable{background:#1a1a1a;border-color:#436;color:#648;cursor:not-allowed}.rebirth-perk-progress{height:3px;background:#1a1a1a;border-radius:4px;overflow:hidden}.rebirth-perk-progress-fill{height:100%;border-radius:4px;transition:width .3s}.rebirth-confirm-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:11000;display:flex;align-items:center;justify-content:center;pointer-events:auto}.rebirth-confirm-dialog{background:#0b0b0b;border:2px solid #5a5a5a;border-radius:4px;padding:20px;text-align:center;max-width:260px;box-shadow:0 10px 40px #000000e6,0 0 0 1px #000,inset 0 0 0 1px #222}.rebirth-confirm-dialog h4{margin:0 0 10px;color:#f88;font-size:15px}.rebirth-confirm-dialog p{font-size:12px;color:#ccc;margin:6px 0}.rebirth-confirm-actions{display:flex;gap:8px;margin-top:12px;justify-content:center}.rebirth-confirm-yes{flex:1;padding:8px;background:#111;border:2px solid #5a5a5a;border-radius:4px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.rebirth-confirm-yes:hover{border-color:#ccc;color:#ccc}.rebirth-confirm-no{flex:1;padding:8px;background:#111;border:1px solid #333;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .2s}.rebirth-confirm-no:hover{background:#222;color:#fff}.game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;font-family:Segoe UI,Noto Sans,Arial,sans-serif;color:#e0e0e0;-webkit-user-select:none;user-select:none}.tab-content{display:none}.bottom-panel{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to bottom,#1a1a1a,#0a0a0a);border-top:3px solid #3a3a3a;box-shadow:0 -2px 10px #000c,inset 0 2px 2px #ffffff0d;pointer-events:auto;z-index:10}.tab-bar{display:flex;gap:2px;padding:2px}.tab{flex:1;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background-color:#0b0b0b;border:2px solid #5a5a5a;border-radius:4px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #222;color:#aaa;cursor:pointer;transition:filter .2s,border-color .2s;position:relative}.tab-icon-wrapper{width:44px;height:44px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.tab-icon-static{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;transition:filter .3s}.sprite-upgrade{background-image:url(/assets/tabs/tab_upgrade.png)}.sprite-sword{background-image:url(/assets/tabs/tab_sword.png)}.sprite-familiar{background-image:url(/assets/tabs/tab_familiar.png)}.sprite-alchemy{background-image:url(/assets/tabs/tab_alchemy.png)}.sprite-skill{background-image:url(/assets/tabs/tab_skill.png)}.sprite-equipment{background-image:url(/assets/tabs/tab_equipment.png)}.tab-text{font-family:Tahoma,Arial,sans-serif;font-size:10px;font-weight:900;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.tab.active{border-color:#4f4;color:#fff}.tab.active .rivet{background:radial-gradient(circle at 30% 30%,#fff,#4f4 60%,#0a0)}.tab.active .tab-icon-static{filter:drop-shadow(0 0 4px #44ff44)}.tab.active .tab-icon-wrapper{border-color:#4f4}.tab:hover:not(.active){border-color:gold;color:#fff;box-shadow:0 0 8px #ffd70066,inset 0 0 0 1px #443}.tab:hover:not(.active) .rivet{background:radial-gradient(circle at 30% 30%,#fff,gold 60%,#a80)}.tab-content{padding:10px;background:#0a0a0ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:3px solid rgba(5,5,5,.8);border-bottom:2px solid rgba(58,58,58,.6);height:40vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5a5a5a #1a1a1a}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-thumb{background:#5a5a5a;border:1px solid #222}.tab{position:relative}.tab-badge{position:absolute;top:-4px;right:-4px;background:#a00;color:#fff;font-family:Tahoma,sans-serif;font-size:10px;font-weight:900;border-radius:4px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:2px solid #ff4444;box-shadow:0 0 5px #000;pointer-events:none;z-index:10}@media(max-width:480px){.tab-icon{font-size:20px}.tab-text{font-size:8px}}@keyframes play-item-4x2{0%,12.49%{background-position:0% 0%}12.5%,24.99%{background-position:33.33% 0%}25%,37.49%{background-position:66.66% 0%}37.5%,49.99%{background-position:100% 0%}50%,62.49%{background-position:0% 100%}62.5%,74.99%{background-position:33.33% 100%}75%,87.49%{background-position:66.66% 100%}87.5%,to{background-position:100% 100%}}.item-sprite{width:24px;height:24px;background-size:400% 200%;background-repeat:no-repeat;background-position:0 0;animation:play-item-4x2 1.2s infinite;display:inline-block;vertical-align:middle;border-radius:4px}.item-sprite-large{width:48px;height:48px;background-size:400% 200%;background-repeat:no-repeat;background-position:0 0;animation:play-item-4x2 1.5s infinite;display:inline-block}@media(max-width:768px){.bottom-panel{width:100vw;max-width:100%;box-sizing:border-box;overflow-x:hidden}.tab-bar{flex-wrap:nowrap;overflow-x:hidden}.tab{min-width:0;flex:1}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0a0e1a,#05070a);display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff;font-family:Inter,sans-serif;overflow:hidden}.loading-content{width:400px;text-align:center;z-index:10;display:flex;flex-direction:column;gap:16px;animation:fadeIn 1s ease-out}.loading-logo{font-size:64px;font-weight:900;background:linear-gradient(180deg,#fff 30%,#48f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(68,136,255,.5));letter-spacing:8px;margin-bottom:-10px}.loading-title{font-size:24px;font-weight:700;letter-spacing:4px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.loading-rank{font-size:14px;color:#48f;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.loading-bar-container{position:relative;width:100%;height:8px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:inset 0 0 10px #00000080}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#24f,#48f,#8cf);border-radius:10px;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.loading-bar-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 1.5s infinite}.loading-bar-sparkle{position:absolute;top:50%;width:20px;height:20px;background:radial-gradient(circle,#fff 0%,transparent 70%);transform:translate(-50%,-50%);filter:blur(2px);pointer-events:none;mix-blend-mode:screen;transition:left .3s cubic-bezier(.4,0,.2,1)}.loading-stats{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#fff9;margin-top:5px}.loading-progress-text{font-weight:700;color:#48f}.loading-message{font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.loading-tips{margin-top:40px;padding:15px;background:#4488ff0d;border:1px solid rgba(68,136,255,.1);border-radius:12px;display:flex;gap:12px;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tip-icon{font-size:20px}.tip-text{font-size:12px;color:#ffffffb3;text-align:left;line-height:1.5}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glow-orb{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(34,68,255,.15) 0%,transparent 70%);border-radius:50%;animation:float 10s infinite linear var(--delay)}@keyframes float{0%{transform:translate(0)}33%{transform:translate(100px,50px)}66%{transform:translate(-50px,100px)}to{transform:translate(0)}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0a1a;font-family:Playpen Sans,Segoe UI,Noto Sans,Arial,sans-serif}.app-container{position:relative;width:100%;height:100%}.game-canvas{width:100%;height:100%}.game-canvas canvas{display:block;width:100%!important;height:100%!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#88ccff4d;border-radius:2px}::selection{background:#88ccff4d;color:#fff}:root{--font-ui: "Be Vietnam Pro", "Segoe UI", sans-serif;--font-title: "Noto Serif", Georgia, serif;--hud-iron: #18120e;--hud-steel: #2b2218;--hud-panel: rgba(18, 14, 11, .92);--hud-panel-strong: rgba(10, 8, 7, .96);--hud-brass: #d1a45c;--hud-brass-soft: #8d6734;--hud-bone: #f5e6c4;--hud-jade: #5bd0a1;--hud-ember: #ff8e5d;--hud-royal: #76a7ff;--hud-shadow: rgba(0, 0, 0, .65);--hud-stroke: rgba(255, 224, 176, .18);--panel-accent: #d1a45c}html,body,#root{min-height:100%;background:radial-gradient(circle at 50% 18%,rgba(211,164,92,.12),transparent 28%),radial-gradient(circle at 18% 82%,rgba(91,208,161,.08),transparent 20%),linear-gradient(180deg,#0b0b11,#08090f 38%,#050507);color:var(--hud-bone);font-family:var(--font-ui)}body{letter-spacing:.01em}.app-container{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 40%,rgba(255,204,136,.08),transparent 35%),linear-gradient(180deg,#120d0a8c,#060608c7)}.app-container:before,.app-container:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2}.app-container:before{background:radial-gradient(circle at center,transparent 48%,rgba(0,0,0,.42) 100%),linear-gradient(180deg,rgba(255,238,195,.03),transparent 16%,transparent 84%,rgba(255,238,195,.03));mix-blend-mode:multiply}.app-container:after{inset:8px;border:1px solid rgba(209,164,92,.16);box-shadow:inset 0 0 0 1px #ffe7b10d,0 0 35px #00000073}.game-canvas{position:relative;z-index:1;filter:saturate(1.08) contrast(1.03)}.game-canvas canvas{filter:drop-shadow(0 0 32px rgba(0,0,0,.4))}.game-ui{font-family:var(--font-ui);color:var(--hud-bone)}.game-ui *{font-family:inherit}.top-bar-container{pointer-events:auto;position:relative;z-index:30;padding:8px 10px 0}.top-bar-glass{position:relative;overflow:hidden;border:1px solid rgba(209,164,92,.28);border-radius:18px;background:linear-gradient(180deg,#2e2218f5,#100c0af5);box-shadow:0 18px 40px #0000006b,inset 0 1px #ffe3ae24,inset 0 0 0 1px #ffd59a0d;padding:8px 9px 9px;gap:6px}.top-bar-glass:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,220,172,.05),transparent),radial-gradient(circle at 50% 0%,rgba(255,192,120,.12),transparent 42%);pointer-events:none}.tb-row{position:relative;z-index:1;gap:8px}.tb-left-group,.tb-top-actions,.tb-ctrl-group,.tb-auto-group{gap:6px}.tb-btn-styled,.tb-wave,.resource-btn,.tb-sound-btn,.tb-ctrl-btn,.tb-auto-btn,.tb-weather-btn,.tb-ctrl-zoom-label,.wave-option-btn{border-radius:12px!important;border:1px solid rgba(209,164,92,.22)!important;background:linear-gradient(180deg,#46321fd6,#16110ef5)!important;color:var(--hud-bone)!important;box-shadow:inset 0 1px #ffe6b11f,inset 0 -1px #00000052,0 8px 16px #0000003d}.tb-row-main{align-items:center}.tb-meter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;position:relative;z-index:1}.tb-btn-styled:hover,.tb-wave:hover,.resource-btn:hover,.tb-sound-btn:hover,.tb-ctrl-btn:hover,.tb-auto-btn:hover:not(.on),.wave-option-btn:hover{transform:translateY(-1px);border-color:#ffcf857a!important;box-shadow:inset 0 1px #ffe6b12e,0 10px 18px #0000004d,0 0 18px #d1a45c1f}.rank-calligraphy{font-family:var(--font-title);font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase;position:relative;background:linear-gradient(180deg,#fff8e7,#ffd28c 28%,#ff944f 58%,#7c230c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 4px rgba(255,240,214,.32)) drop-shadow(0 0 10px rgba(255,136,62,.34)) drop-shadow(0 0 18px rgba(189,44,12,.26));animation:rank-flame-flicker 1.65s ease-in-out infinite}.tb-resource-value,.tb-bar-text,.tb-bar-label,.tb-auto-btn,.tb-ctrl-btn span,.tb-wave,.wave-option-btn,.tab-text,.skill-cd-number,.rebirth-fab-badge{text-transform:uppercase;letter-spacing:.06em}.tb-gold .tb-resource-value{color:#ffdf8a}.tb-sp .tb-resource-value{color:#b49dff}.tb-hp-track,.tb-exp-track{height:14px;border-radius:999px;background:#08080ad6;border:1px solid rgba(255,220,172,.12);box-shadow:inset 0 3px 8px #00000073,0 0 0 1px #00000047}.tb-hp-fill{background:linear-gradient(90deg,#64221d,#d54c3d,#ffb284);box-shadow:0 0 14px #ff745a52}.tb-exp-fill{background:linear-gradient(90deg,#16356f,#4c7fe3,#96c7ff);box-shadow:0 0 14px #6496ff52}.tb-bar-label{width:28px;font-size:10px;color:#ffe7c1d1;text-shadow:0 0 8px rgba(209,164,92,.16)}.tb-bar-text{font-size:8px;font-weight:700}.tb-ctrl-group{background:transparent}.tb-ctrl-zoom-label{min-width:46px}.tb-row-controls{display:grid;grid-template-columns:minmax(0,auto) auto auto minmax(0,1fr);align-items:center;gap:6px}.tb-speed-btn,.tb-pause-btn{min-width:38px;height:34px;padding:0 8px!important;gap:4px}.tb-speed-text{font-size:10px;line-height:1}.tb-pause-btn svg,.tb-speed-btn svg{flex-shrink:0}.tb-auto-btn.on{color:#dcf8e5!important;border-color:#5bd0a180!important;background:linear-gradient(180deg,#1b4e3ae6,#0c1c15fa)!important;box-shadow:0 0 18px #5bd0a129}.wave-option-btn.active{border-color:#76a7ff7a!important;background:linear-gradient(180deg,#1f355ef0,#0d1224fa)!important;box-shadow:0 0 18px #76a7ff2e}.tb-sound-btn.on{color:#dffae6!important;border-color:#5bd0a17a!important;background:linear-gradient(180deg,#1b4e3aeb,#091d14fa)!important}.tb-sound-btn.off{color:#ffb29d!important;border-color:#ff8e5d5c!important}.tb-breakthrough-btn{position:relative;overflow:hidden;border-radius:14px;border:1px solid rgba(255,206,116,.58);background:linear-gradient(90deg,#582512f2,#b15b22eb,#5c2512f2);box-shadow:0 10px 22px #0000004d,0 0 20px #ffad5b38;color:#fff4de;font-family:var(--font-title);font-style:normal;letter-spacing:.08em;text-transform:uppercase}.tb-breakthrough-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,239,194,.28) 50%,transparent 100%);transform:translate(-120%);animation:breakthrough-sheen 2.4s linear infinite}@keyframes breakthrough-sheen{to{transform:translate(120%)}}.fullscreen-overlay{background:radial-gradient(circle at 50% 30%,rgba(255,201,118,.1),transparent 24%),#030202c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-dialog{position:relative;width:min(1040px,calc(100vw - 40px));max-width:min(1040px,calc(100vw - 40px));max-height:min(82vh,900px);border-radius:24px;border:1px solid rgba(255,218,160,.22);background:linear-gradient(180deg,#201813fa,#0d0a09fc);box-shadow:0 30px 70px #0000008c,inset 0 1px #ffe3ae24,inset 0 0 0 1px #ffd59a0a}.tab-dialog:before,.tab-dialog:after{content:"";position:absolute;inset:10px;border-radius:18px;pointer-events:none}.tab-dialog:before{border:1px solid rgba(255,220,172,.08)}.tab-dialog:after{inset:0;background:radial-gradient(circle at top,rgba(255,212,140,.08),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 20%)}.tab-dialog-header{position:relative;z-index:1;padding:18px 24px 16px;border-bottom:1px solid rgba(255,220,172,.12);background:linear-gradient(180deg,#46321fd6,#19120ef0)}.tab-dialog-title{font-family:var(--font-title);font-size:24px;letter-spacing:.08em;text-transform:uppercase;color:#fff0d1;text-shadow:0 0 14px rgba(209,164,92,.25)}.tab-dialog-close{border-radius:12px;border:1px solid rgba(255,198,173,.16);background:#0c0a08e0;color:#ffe7c1b8}.tab-dialog-close:hover{background:linear-gradient(180deg,#7a2312f0,#48100afa);border-color:#ff8c668a;transform:none}.tab-dialog-body{position:relative;z-index:1;padding:16px;background:linear-gradient(180deg,#0c0a096b,#060505b8)}.panel-shell{--panel-accent: #d1a45c}.panel-loading{display:flex;align-items:center;justify-content:center;min-height:240px;border-radius:18px;border:1px dashed rgba(255,220,172,.18);background:linear-gradient(180deg,#1c1612b3,#0a0807e6);color:#ffe8bc;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.panel-dialog--upgrade .panel-shell{--panel-accent: #ffb264}.panel-dialog--sword .panel-shell{--panel-accent: #76a7ff}.panel-dialog--familiar .panel-shell{--panel-accent: #5bd0a1}.panel-dialog--alchemy .panel-shell{--panel-accent: #d8b255}.panel-dialog--skill .panel-shell{--panel-accent: #b78cff}.panel-dialog--equipment .panel-shell{--panel-accent: #84d1ff}.bottom-panel{position:absolute;inset:auto 14px 14px;width:auto;background:transparent;border:0;box-shadow:none}.bottom-panel-frame{overflow:hidden;border-radius:24px;border:1px solid rgba(255,220,172,.16);background:linear-gradient(180deg,#1f1713f5,#0a0807fa);box-shadow:0 20px 40px #0000006b,inset 0 1px #ffe3ae24}.skill-bar-container{border:0;background:transparent;box-shadow:none;padding:12px 14px 8px}.skill-bar-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.skill-bar-header-copy{min-width:0}.skill-bar-title{font-family:var(--font-title);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff0d1}.skill-bar-summary{color:#ffe8c6a8;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.skill-bar-collapse-btn{flex-shrink:0;width:30px;height:30px;min-height:30px;padding:0;border-radius:50%;border:1px solid rgba(255,220,172,.18);background:linear-gradient(180deg,#3a2b1ff0,#100c0bfa);color:#fff0d1;display:grid;place-items:center;box-shadow:inset 0 1px #ffe3ae1f,0 8px 14px #0003}.skill-bar-collapse-btn:hover{border-color:#ffcf8570}.skill-bar-rows{gap:8px;max-height:none}.skill-bar-rows.is-collapsed{gap:0;max-height:0;overflow:hidden}.skill-bar-section{display:flex;flex-direction:column;gap:6px}.skill-bar-label{align-self:flex-start;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,220,172,.16);background:linear-gradient(180deg,#3b2c1fd6,#0f0b0af5);color:#ffeecdd1;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.skill-bar-inner{gap:6px}.skill-slot{width:58px;height:58px;border-radius:16px!important;border:1px solid rgba(255,220,172,.18);background:linear-gradient(180deg,#30231beb,#100b09fa);box-shadow:inset 0 1px #ffe3ae14,0 10px 18px #00000042}.passive-slot{width:40px;height:40px}.skill-slot:first-child,.skill-slot:last-child{border-radius:16px;border-right:1px solid rgba(255,220,172,.18)}.skill-slot .rivet{display:none}.skill-slot:hover:not(.empty):not(:disabled){border-color:#ffcf8561;transform:translateY(-2px);box-shadow:0 14px 24px #00000047,0 0 18px #d1a45c1f}.skill-slot.active,.skill-slot.filled,.skill-slot-mini.filled{border-color:#76a7ff6b;box-shadow:0 0 18px #76a7ff26,0 10px 20px #00000047}.skill-icon-wrapper{background:radial-gradient(circle at 50% 28%,#ffdda81f,#00000047 70%),#050505}.skill-slot-index{position:absolute;top:6px;left:7px;z-index:2;min-width:16px;padding:1px 4px;border-radius:999px;background:#060608c7;border:1px solid rgba(255,220,172,.12);color:#ffeecdb3;font-size:10px;font-weight:700;line-height:1.2}.skill-cooldown-overlay{background:linear-gradient(180deg,#04070c0a,#03060cb8)}.skill-cd-number{font-size:16px;color:#fff1d4}.tab-bar{gap:10px;padding:0 14px 14px}.tab{min-height:88px;padding:10px 8px 12px;border-radius:18px;border:1px solid rgba(255,220,172,.16);background:linear-gradient(180deg,#3a2b1ff0,#100c0bfa);box-shadow:inset 0 1px #ffe3ae1f,0 12px 20px #00000040}.tab:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,231,193,.08),transparent 28%),radial-gradient(circle at 50% 0%,rgba(255,198,116,.12),transparent 60%);pointer-events:none}.tab.active{border-color:#ffcf857a;background:linear-gradient(180deg,#5e3d1ffa,#191210fc);box-shadow:0 0 26px #d1a45c2e,inset 0 1px #ffeec329}.tab:hover:not(.active){background:linear-gradient(180deg,#4b341ff5,#130e0cfa)}.tab-icon-wrapper{width:48px;height:48px}.tab-icon-static{filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.tab.active .tab-icon-static{filter:drop-shadow(0 0 12px rgba(255,200,116,.38)) drop-shadow(0 8px 12px rgba(0,0,0,.42))}.tab-text{font-size:11px;font-weight:800;color:#fff0d1;text-shadow:0 2px 4px rgba(0,0,0,.85)}.tab-badge{top:6px;right:6px;min-width:20px;height:20px;border-radius:999px;background:linear-gradient(180deg,#c44d38,#7e1f18);border-color:#ffb8a857}.tab .rivet{display:none}.loading-screen{background:radial-gradient(circle at 50% 34%,rgba(209,164,92,.18),transparent 28%),radial-gradient(circle at 15% 25%,rgba(118,167,255,.12),transparent 24%),linear-gradient(180deg,#06070b,#09070a,#040405);font-family:var(--font-ui)}.loading-content{width:min(520px,calc(100vw - 40px));padding:30px 28px;border-radius:28px;border:1px solid rgba(255,220,172,.18);background:linear-gradient(180deg,#201813f0,#0c0a08f5);box-shadow:0 28px 60px #00000075,inset 0 1px #ffe3ae1f}.loading-seal{position:relative;width:132px;height:132px;margin:0 auto 6px;display:grid;place-items:center}.loading-seal-ring,.loading-seal-core{position:absolute;border-radius:50%}.loading-seal-ring--outer{inset:0;border:1px solid rgba(255,220,172,.22);box-shadow:inset 0 0 0 1px #ffe3ae14,0 0 24px #d1a45c24;animation:loading-spin 10s linear infinite}.loading-seal-ring--inner{inset:18px;border:1px dashed rgba(118,167,255,.38);animation:loading-spin-reverse 7s linear infinite}.loading-seal-core{inset:36px;display:grid;place-items:center;border:1px solid rgba(255,220,172,.16);background:radial-gradient(circle at 50% 30%,#ffd99a24,#0d0b0af0 72%);color:#fff0d1;font-family:var(--font-title);font-size:24px;letter-spacing:.06em}.loading-logo{font-family:var(--font-title);font-size:clamp(20px,5vw,30px);letter-spacing:.18em;background:linear-gradient(180deg,#fff8e6,#e6c48b 44%,#9d6f36);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.loading-title{font-family:var(--font-title);letter-spacing:.14em;color:#fff0d1}.loading-rank,.loading-progress-text{color:#f6cb7a}.loading-stage-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.loading-stage{padding:8px 6px;border-radius:14px;border:1px solid rgba(255,220,172,.1);background:#0a09089e;color:#ffeecd7a;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:6px}.loading-stage.active,.loading-stage.done{color:#fff0d1}.loading-stage.done{border-color:#ffdcac2e;background:linear-gradient(180deg,#4c3720cc,#130e0cf0)}.loading-stage-dot{width:8px;height:8px;border-radius:50%;background:#ffdcac2e;box-shadow:0 0 10px transparent}.loading-stage.active .loading-stage-dot,.loading-stage.done .loading-stage-dot{background:#f6cb7a;box-shadow:0 0 10px #f6cb7a66}.loading-bar-container{height:14px;border-radius:999px;border:1px solid rgba(255,220,172,.14);background:#070708d1}.loading-bar-fill{background:linear-gradient(90deg,#6c3a1f,#d68c43 38%,#ffe1a1)}.loading-tips{border-radius:18px;border:1px solid rgba(255,220,172,.14);background:#08070685}.tip-text{color:#fff0d1d1}.tip-icon{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,220,172,.16);background:linear-gradient(180deg,#41311ee0,#0f0b0af5);display:grid;place-items:center;color:#ffd998;font-size:11px;font-weight:800;letter-spacing:.12em}.rebirth-fab{top:130px;right:18px;width:64px;height:64px;border-radius:20px;border:1px solid rgba(255,220,172,.24);background:linear-gradient(180deg,#462e49fa,#150e19fa);box-shadow:0 18px 28px #00000061,inset 0 1px #ffe3ae1f}.rebirth-fab.ready{border-color:#c997ff6b;box-shadow:0 0 22px #b78cff3d,0 18px 28px #00000061}.rebirth-fab-badge{min-width:22px;height:22px;border-radius:999px;background:linear-gradient(180deg,#b78cff,#5d2ea9);border:1px solid rgba(255,235,255,.2)}.rebirth-stats,.stats-dropdown-grid,.wave-selection-grid{gap:10px}.rebirth-stat,.stat-item{border-radius:16px;border:1px solid rgba(255,220,172,.12);background:linear-gradient(180deg,#271d18e0,#0c0909f5);box-shadow:inset 0 1px #ffe3ae14}.rebirth-do-btn,.rebirth-perk-btn,.rebirth-confirm-yes,.rebirth-confirm-no,.eq-btn,.fam-btn,.skill-action-btn,.alch-craft-btn,.alch-collect-btn,.btn-prestige{border-radius:14px;text-transform:uppercase;letter-spacing:.06em}.rebirth-confirm-dialog{border-radius:22px;border:1px solid rgba(255,220,172,.18);background:linear-gradient(180deg,#241a18fa,#0c0909fc)}.upgrade-grid,.alchemy-list,.sword-allocation-grid{gap:12px}.upgrade-item,.alchemy-item,.skill-row,.familiar-row,.sword-card,.rebirth-perk,.alchemy-active-slot,.eq-item-detail,.eq-slot,.eq-inventory-table-container,.eq-character-area,.skill-points-bar,.skill-equipped-row,.skill-cat-bar,.alchemy-header,.demon-stacks,.eq-header,.eq-view-toggle button,.eq-filter-btn,.eq-btn-dismantle-all,.familiar-header{border-color:#ffdcac1f!important;background:linear-gradient(180deg,#261d17e6,#0b0908f5)!important;box-shadow:inset 0 1px #ffe3ae14,0 14px 22px #0000002e}.upgrade-item:hover,.alchemy-item:hover:not(.locked),.skill-row:hover,.familiar-row:hover,.sword-card:hover,.eq-view-toggle button:hover,.eq-filter-btn:hover{border-color:#ffcf8561!important;box-shadow:0 18px 26px #00000038,0 0 18px #d1a45c1f!important}.upg-name,.alch-name,.fam-name,.skill-name,.sword-card-name,.rebirth-perk-name,.eq-header h3,.eq-detail-header,.active-slot-name{color:#fff0d1!important}.upg-desc,.alch-desc,.fam-desc,.skill-desc,.eq-detail-desc,.rebirth-perk-desc,.rebirth-perk-req,.stat-label{color:#ffe8c6a3!important}.upg-level,.skill-level-tag,.fam-level-tag,.eq-slot-upgrade-badge,.skill-equipped-tag,.fam-equipped-tag,.passive-active-tag{border-radius:999px}.upg-cost,.skill-upgrade-btn,.fam-btn.upgrade-btn,.alch-craft-btn,.alch-progress-text,.alch-curr-value{color:#ffd48a!important}.skill-equip-btn,.fam-btn.equip-btn,.eq-btn-equip,.eq-btn-quickequip,.alch-collect-btn{color:#dff9ec!important}.skill-equip-btn,.fam-btn.equip-btn,.eq-btn-equip,.eq-btn-quickequip{background:linear-gradient(180deg,#1e5d48f0,#0c1f17fa)!important;border-color:#5bd0a15c!important}.skill-upgrade-btn,.fam-btn.upgrade-btn,.alch-craft-btn,.rebirth-perk-btn.affordable,.eq-filter-btn.active,.wave-option-btn.active{background:linear-gradient(180deg,#68491ef0,#22180bfa)!important;border-color:#d1a45c5c!important}.eq-btn-dismantle,.eq-btn-dismantle-all,.fam-btn.equip-btn.unequip,.skill-equip-btn.unequip,.rebirth-confirm-no{background:linear-gradient(180deg,#62231af0,#210c0afa)!important;border-color:#ff8e5d57!important;color:#ffd4c6!important}.eq-view-toggle button.active,.skill-cat-btn.active{border-color:#ffcf8557!important;color:#fff3d7!important}.skill-points-bar,.alchemy-header,.familiar-header,.eq-header{border-radius:18px}.skill-equipped-row{border-radius:16px;border-bottom:0;margin:10px 0 0}.skill-slot-mini{border-radius:16px;border-color:#ffdcac24;background:linear-gradient(180deg,#33261ee0,#0f0c0bf5)}.skill-slot-mini.empty{opacity:.78}.skill-cat-bar{margin-top:12px;border-radius:18px;border-bottom:0;padding:10px}.skill-cat-btn{border-radius:14px}.eq-character-area,.eq-inventory-table-container{border-radius:20px}.eq-slot{width:72px;border-radius:18px}.eq-slot:hover{transform:translate(-50%,-53%)}.eq-slot-empty,.eq-slot-filled{padding:8px 6px}.eq-slot-label,.eq-slot-name{font-size:9px;line-height:1.25}.eq-inventory-table th{background:#34261dfa;color:#ffe3b5}.eq-inventory-table tr:hover{background:#422f22d1}.eq-inventory-table tr.selected{background:#4b3622eb}.cost-missing,.skill-rank-req,.fam-lock-hint,.familiar-unlock-hint,.rebirth-locked,.prestige-locked{color:#ffb29d!important}.sword-card,.alchemy-item{border-radius:20px}.sword-rarity-badge{border-radius:999px;box-shadow:0 6px 14px #0000002e}.sword-card-effect,.alch-cost span,.skill-stats span{border-radius:999px;background:#fff5e10d!important}.sword-slider-btn{width:28px;height:28px;border-radius:10px}.sword-slider{height:6px}.sword-slider::-webkit-slider-thumb{width:14px;height:14px}.demon-stacks{border-radius:18px}.alchemy-panel,.skill-panel,.familiar-panel{gap:12px}.alchemy-panel,.skill-list,.familiar-list,.eq-inventory-table-container,.tab-dialog-body,.tab-content{scrollbar-width:thin;scrollbar-color:rgba(209,164,92,.4) transparent}.alchemy-panel::-webkit-scrollbar,.skill-list::-webkit-scrollbar,.familiar-list::-webkit-scrollbar,.eq-inventory-table-container::-webkit-scrollbar,.tab-dialog-body::-webkit-scrollbar{width:8px}.alchemy-panel::-webkit-scrollbar-thumb,.skill-list::-webkit-scrollbar-thumb,.familiar-list::-webkit-scrollbar-thumb,.eq-inventory-table-container::-webkit-scrollbar-thumb,.tab-dialog-body::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#d1a45ca6,#754b1fe6)}.stat-value,.rebirth-stat strong{color:#fff2d7}@media(max-width:900px){.top-bar-container,.bottom-panel{padding-left:10px;padding-right:10px}.tab-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);border-radius:20px}.tab-dialog-title{font-size:18px}.tab-bar{gap:8px}.tab{min-height:76px}.skill-slot{width:auto;height:auto;aspect-ratio:1 / 1}}@media(max-width:640px){.top-bar-container{padding-top:6px;padding-left:8px;padding-right:8px}.top-bar-glass{border-radius:14px;padding:7px}.tb-left-group{gap:4px;min-width:0}.tb-top-actions{gap:4px}.tb-btn-styled,.tb-wave,.resource-btn,.tb-sound-btn,.tb-ctrl-btn,.tb-auto-btn{border-radius:10px!important}.tb-btn-styled,.tb-wave,.resource-btn{min-height:30px;padding:5px 7px!important}.rank-calligraphy{font-size:11px;letter-spacing:.05em}.tb-resource-value{font-size:11px}.tb-meter-row{grid-template-columns:1fr}.tb-row-controls{grid-template-columns:minmax(0,auto) auto auto minmax(0,1fr);gap:4px}.tb-auto-group{justify-content:stretch;min-width:0}.tb-auto-btn{flex:1;min-width:0;font-size:9px;padding:0 6px!important}.tb-ctrl-btn,.tb-speed-btn,.tb-pause-btn{min-width:32px;height:30px;padding:0 6px!important}.tb-speed-text{font-size:9px}.tb-ctrl-zoom-label{min-width:38px;font-size:9px}.bottom-panel{inset:auto 8px 8px}.bottom-panel-frame{border-radius:18px}.skill-bar-container{padding:10px 10px 6px}.skill-bar-header{align-items:flex-start;gap:8px}.skill-bar-title{font-size:11px}.skill-bar-summary{font-size:9px}.skill-bar-collapse-btn{width:28px;height:28px;min-height:28px}.tab-bar{gap:6px;padding:0 10px 10px}.tab{min-height:72px;padding:8px 4px 10px;border-radius:14px}.tab-text{font-size:9px}.rebirth-fab{top:118px;right:10px;width:56px;height:56px}.loading-stage-track{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes rank-flame-flicker{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 1px 4px rgba(255,240,214,.28)) drop-shadow(0 0 10px rgba(255,136,62,.26)) drop-shadow(0 0 16px rgba(189,44,12,.2))}45%{transform:translateY(-1px) scale(1.012);filter:drop-shadow(0 1px 5px rgba(255,245,218,.42)) drop-shadow(0 0 14px rgba(255,163,71,.42)) drop-shadow(0 0 24px rgba(216,58,17,.34))}75%{transform:translateY(0) scale(1.02);filter:drop-shadow(0 1px 6px rgba(255,246,220,.5)) drop-shadow(0 0 18px rgba(255,183,82,.46)) drop-shadow(0 0 28px rgba(247,79,26,.38))}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-spin-reverse{to{transform:rotate(-360deg)}}