@font-face{font-family:Cinzel;src:url(../assets/fonts/cinzel-variable.woff2) format("woff2");font-weight:400 900;font-display:swap}:root{--gold: #c8a24c;--gold-light: #e8d59c;--gold-dark: #7a5520;--green: #4a9e3f;--red: #c0392b;--blue: #3d7ab8;--purple: #7b4f8a;--bg-dark: #3b2a1a;--bg-panel: #f4e8c8;--text: #3b2414;--text-dim: #7a6040;--font: "Segoe UI", system-ui, sans-serif;--font-display: "Cinzel", "Palatino Linotype", Georgia, serif;--font-mono: "Courier New", monospace;--radius: 8px;--radius-lg: 12px;--shadow: 0 4px 20px rgba(30, 15, 0, .5);--shadow-lg: 0 12px 40px rgba(20, 10, 0, .6);--gold-glow: rgba(200, 162, 76, .4);--anim-fast: .12s;--anim-normal: .2s;--anim-slow: .4s;--heading-lg: 22px;--heading-md: 18px;--body: 16px;--body-sm: 14px;--caption: 12px}body.cinematic-mode,body.cinematic-mode *,.cinematic-mode canvas,html:has(body.cinematic-mode),html:has(body.cinematic-mode) *{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAAC0lEQVQI12NgAAIABQABNjN9GQAAAABJRnU5ErkJggg==) 0 0,none!important}#ui-overlay{font-family:var(--font);font-size:var(--body);color:var(--text);user-select:none;-webkit-user-select:none;line-height:1.4}#ui-overlay h1,#ui-overlay h2,#ui-overlay h3{font-family:var(--font-display);font-weight:700;line-height:1.2}@keyframes listItemIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mp-stagger>*{animation:listItemIn .2s ease backwards}.mp-stagger>*:nth-child(1){animation-delay:.02s}.mp-stagger>*:nth-child(2){animation-delay:.05s}.mp-stagger>*:nth-child(3){animation-delay:.08s}.mp-stagger>*:nth-child(4){animation-delay:.11s}.mp-stagger>*:nth-child(5){animation-delay:.14s}.mp-stagger>*:nth-child(6){animation-delay:.17s}.mp-stagger>*:nth-child(7){animation-delay:.2s}.mp-stagger>*:nth-child(8){animation-delay:.23s}.mp-stagger>*:nth-child(9){animation-delay:.26s}.mp-stagger>*:nth-child(10){animation-delay:.29s}.mp-stagger>*:nth-child(n+11){animation-delay:.32s}.sparkle-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:10}.sparkle{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:0;animation:sparkleFly .8s ease-out forwards}@keyframes sparkleFly{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.3) translateY(-24px);opacity:0}}.btn-wood{background:linear-gradient(180deg,#c4944a,#a87532 8%,#8b5e28 20%,#9b6b30,#7a5020,#6b4422,#5a3818);border:2px solid #4a2c12;border-radius:8px;color:#ffe8c0;font-family:var(--font-display);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 3px #3a2008,0 4px 8px #0000004d,inset 0 1px #ffdc9659,inset 0 -1px #0003;cursor:pointer;transition:all .12s}.btn-wood:hover{background:linear-gradient(180deg,#d4a458,#b8853a 8%,#9b6e30 20%,#ab7b38,#8a6028,#7b5428,#6a4820);transform:translateY(-1px);box-shadow:0 4px #3a2008,0 6px 12px #00000059,inset 0 1px #ffdc9666,inset 0 -1px #0003}.btn-wood:active{transform:translateY(2px) scale(.97);box-shadow:0 1px #3a2008,inset 0 1px #ffdc9633;filter:brightness(.92);transition-duration:.05s}.btn-wood:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:grayscale(.5)!important}.hud{position:absolute;top:0;left:0;padding:8px 10px;pointer-events:none;z-index:20;transition:transform .3s cubic-bezier(.4,0,.2,1)}.hud--collapsed{transform:translate(calc(-100% + 28px))}.hud-collapse-wrap{display:flex;align-items:flex-start;gap:0}.hud-collapse-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#140c048c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(200,162,76,.35);border-left:none;border-radius:0 8px 8px 0;padding:6px 3px;cursor:pointer;margin-top:12px;opacity:.75;transition:opacity .2s,box-shadow .2s,border-color .2s,transform .1s;width:18px;height:34px}.hud-collapse-btn:hover{opacity:1;border-color:#c8a24cb3;box-shadow:0 0 8px #c8a24c40}.hud-collapse-btn:active{transform:scale(.96)}.hud-collapse-arrow{width:11px;height:11px;display:block;fill:none;stroke:#c8a24cbf;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.hud-collapse-btn:hover .hud-collapse-arrow{stroke:#deba64}.hud--collapsed .hud-collapse-arrow{transform:rotate(180deg)}.hud-compact{display:flex;flex-direction:column;gap:5px;background:url(../assets/ui/menu/menu_wood_tile.webp);background-size:128px 128px;border:3px solid #3a2210;border-top:none;border-radius:0 0 12px 12px;padding:8px 10px;box-shadow:0 0 0 1px #c8a24c33,0 6px 20px #140a00b3,inset 0 1px #ffc86426,inset 0 -1px #0000004d;min-width:170px}.hud-stat{display:flex;align-items:center;gap:6px}.hud-stat-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.hud-energy-icon{width:26px;height:26px}.hud-stat-label{font-size:13px;font-weight:700;font-family:var(--font-display);color:#fff;text-shadow:0 0 2px #000,0 0 4px #000,0 1px 3px rgba(0,0,0,.9);min-width:30px;white-space:nowrap}.hud-bar{flex:1;height:14px;min-width:100px;background:#5a381840;border-radius:8px;overflow:hidden;border:1px solid rgba(90,56,24,.4);box-shadow:inset 0 2px 3px #0003}.hud-bar--energy{border-color:#4a9e3f4d}.hud-bar--xp{border-color:#5577dd40}.hud-bar-fill{height:100%;border-radius:6px;transition:width .3s ease;position:relative;overflow:hidden}.hud-energy-fill{background:linear-gradient(90deg,#2a6a22,#4a9e3f)}.hud-xp-fill{background:linear-gradient(90deg,#2a5a8a,#3d7ab8)}.hud-energy-text{font-size:12px;font-family:var(--font-mono);font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 0 2px #000,0 0 4px #000,0 1px 3px rgba(0,0,0,.9)}.hud-xp-level{color:#ffe8a0;font-size:15px;font-weight:800;text-shadow:0 0 1px #000,0 1px 2px rgba(0,0,0,.8)}.hud-gold{display:flex;align-items:center;gap:5px;padding:5px 8px;margin-top:3px;background:#0f080299;border-radius:12px;border:1px solid rgba(200,162,76,.3)}.hud-gold-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0;animation:coinSpin 8s ease-in-out infinite}@keyframes coinSpin{0%,90%{transform:rotateY(0)}95%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.hud-gold-text{font-size:15px;font-weight:800;font-family:var(--font-display);color:#ffe44d;text-shadow:0 0 1px #000,0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(255,200,0,.5)}.hud-gold-text.gold-pop{animation:goldPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes goldPop{0%{transform:scale(1.3);color:gold}to{transform:scale(1)}}.hud-compact.level-up-flash{animation:levelFlash .4s ease 3;border-color:#f4d56a;box-shadow:0 0 0 1px #c8a24c66,0 0 16px #f4d56a80,0 6px 20px #140a00b3}@keyframes levelFlash{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hud-xp-level.level-pop{animation:levelPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes levelPop{0%{transform:scale(1.8);color:gold}to{transform:scale(1)}}.hud-effects{margin-top:6px;width:calc(100% - 36px);display:flex;flex-direction:column;gap:6px}.hud-effects-toggle{pointer-events:auto;display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:linear-gradient(180deg,#1c0f049e,#140a02b8),url(../assets/ui/menu/menu_wood_tile.webp);background-size:cover,128px 128px;border:3px solid #3a2210;border-radius:10px;cursor:pointer;font-family:var(--font-display);color:#ffedc9;box-shadow:0 0 0 1px #c8a24c33,0 3px 8px #140a0099,inset 0 1px #ffc86426,inset 0 -1px #00000059;transition:transform .12s ease,filter .15s ease}.hud-effects-toggle:hover{filter:brightness(1.15)}.hud-effects-toggle:active{transform:scale(.98)}.hud-effects-toggle.is-open{border-radius:10px 10px 0 0;border-bottom-color:transparent}.hud-effects-toggle-icon{font-size:14px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.hud-effects-toggle-label{flex:1;text-align:left;font-size:12px;font-weight:800;letter-spacing:.3px;color:#ffedc9;text-shadow:0 0 3px #000,0 1px 2px rgba(0,0,0,.95)}.hud-effects-count{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#ffe07a,#e0a326 70%,#b87d18);color:#3a2210;font-family:var(--font-display);font-size:12px;font-weight:800;border-radius:50%;border:2px solid #2a1808;box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 3px #78460a80,0 1px 3px #00000080;text-shadow:0 1px 0 rgba(255,240,200,.4)}.hud-effects-chevron{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:12px;font-weight:800;color:#ffd98a;background:#00000059;border:1px solid rgba(200,162,76,.35);border-radius:50%;text-shadow:0 1px 2px rgba(0,0,0,.9);transition:transform .2s ease}.hud-effects-toggle.is-open .hud-effects-chevron{transform:rotate(180deg)}.hud-effects-drop{pointer-events:auto;margin-top:-6px;display:flex;flex-direction:column;gap:6px;padding:8px;background:url(../assets/ui/menu/menu_wood_tile.webp);background-size:128px 128px;border:3px solid #3a2210;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 0 0 1px #c8a24c33,0 8px 20px #140a00b3;animation:fxDropIn .22s cubic-bezier(.34,1.4,.64,1);transform-origin:top center}@keyframes fxDropIn{0%{opacity:0;transform:translateY(-6px) scaleY(.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}.fx-card{position:relative;padding:6px 8px;background:linear-gradient(180deg,#fff8e8f7,#f4e8d0f7);border:2px solid var(--fx-color, #c8a24c);border-left-width:5px;border-radius:8px;box-shadow:0 2px 4px #0006,inset 0 1px #fff9;animation:fxCardPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fxCardPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.fx-card-head{display:flex;align-items:center;gap:6px}.fx-card-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.fx-card-emoji{display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1}.fx-card-name{flex:1;min-width:0;font-family:var(--font-display);font-size:12px;font-weight:800;color:#3a2810;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-card-badge{flex-shrink:0;padding:1px 7px;background:var(--fx-color, #c8a24c);color:#fff;font-family:var(--font-display);font-size:11px;font-weight:800;border-radius:8px;text-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px #ffffff4d}.fx-card-badge--time{font-family:var(--font-mono)}.fx-card-stats{display:flex;flex-wrap:wrap;gap:3px 8px;margin-top:4px}.fx-stat{font-family:var(--font-display);font-size:11px;font-weight:700}.fx-stat--hint{color:#8a7550!important;font-weight:600;font-style:italic;font-size:10px}.fx-card-timer{margin-top:5px;height:4px;background:#5a381840;border-radius:3px;overflow:hidden}.fx-card-timer-fill{display:block;height:100%;background:var(--fx-color, #c8a24c);border-radius:3px;transition:width 1s linear}.fx-card--streak{animation:fxCardPop .3s cubic-bezier(.34,1.56,.64,1),fxStreakGlow 2.2s ease-in-out infinite}@keyframes fxStreakGlow{0%,to{box-shadow:0 2px 4px #0006,inset 0 1px #fff9}50%{box-shadow:0 2px 4px #0006,0 0 10px #ff992280,inset 0 1px #fff9}}.fx-card--expiring{animation:fxCardExpiring 1s ease-in-out infinite}@keyframes fxCardExpiring{0%,to{border-color:var(--fx-color, #c8a24c)}50%{border-color:#ff5c33}}.hud-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);animation:barShimmer 3s ease-in-out infinite}.fish-caught-popup{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px 16px 96px;background:#0006;opacity:0;transition:opacity .3s ease;z-index:100}.fish-caught-popup.fcp-visible{opacity:1}.fcp-card{background:url(../assets/ui/menu/menu_paper_bg.webp);background-size:256px 256px;border:3px solid #5a3818;border-radius:12px;padding:clamp(16px,4vh,24px) 32px;text-align:center;min-width:220px;max-width:min(340px,90vw);box-shadow:0 0 0 2px #3a2210,var(--shadow);transform:scale(.8);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.fcp-visible .fcp-card{transform:scale(1)}.fcp-rarity{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:4px;color:#5a3818}.fcp-fish-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin:8px 0}.fcp-glow{position:absolute;width:clamp(80px,22vh,120px);height:clamp(80px,22vh,120px);border-radius:50%;opacity:0;animation:fcpGlowIn .8s ease .4s forwards}@keyframes fcpGlowIn{to{opacity:.5}}.fcp-fish-img{width:clamp(64px,18vh,96px);height:clamp(64px,18vh,96px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));position:relative;z-index:1;animation:fishBounceIn .5s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes fishBounceIn{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.fcp-name{font-family:var(--font-display);font-size:var(--heading-lg);font-weight:700;margin-bottom:8px;color:#3b2414}.fcp-stats{display:flex;justify-content:center;gap:16px;margin-bottom:8px;font-size:14px;color:var(--text-dim)}.fcp-weight{font-family:var(--font-mono)}.fcp-xp{font-size:14px;color:var(--blue);font-weight:700;margin-bottom:16px;animation:xpPopIn .4s ease .5s both}@keyframes xpPopIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.fcp-card--rare{box-shadow:0 0 0 2px #3a2210,0 0 16px #4a9eff40,var(--shadow)}.fcp-card--epic{box-shadow:0 0 0 2px #3a2210,0 0 20px #c77dff4d,var(--shadow)}.fcp-card--legendary{box-shadow:0 0 0 2px #3a2210,0 0 24px #d4a54066,var(--shadow);animation:legendaryPulse 2s ease-in-out infinite}@keyframes legendaryPulse{0%,to{box-shadow:0 0 0 2px #3a2210,0 0 20px #d4a5404d,var(--shadow)}50%{box-shadow:0 0 0 2px #3a2210,0 0 36px #d4a54080,var(--shadow)}}.fcp-banner{display:inline-block;font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:1.5px;padding:4px 14px;margin-bottom:8px;border-radius:999px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);animation:fcpBannerIn .5s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes fcpBannerIn{0%{transform:scale(.6) translateY(-6px);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1) translateY(0);opacity:1}}.fcp-banner--new{background:linear-gradient(180deg,#4a9eff,#2a6ec8);box-shadow:0 2px 8px #4a9eff66}.fcp-banner--record{background:linear-gradient(180deg,#fc3,#d99a1a);color:#3b2414;text-shadow:0 1px 1px rgba(255,255,255,.35);box-shadow:0 2px 8px #ffcc3373}.fcp-banner--apex{background:linear-gradient(180deg,#d89bff,#9b4dff);box-shadow:0 2px 12px #9b4dff8c;animation:fcpBannerIn .5s cubic-bezier(.34,1.56,.64,1) .2s both,fcpApexBannerPulse 1.6s ease-in-out .9s infinite}@keyframes fcpApexBannerPulse{0%,to{box-shadow:0 2px 12px #9b4dff80}50%{box-shadow:0 2px 20px #c77dffd9}}.fcp-weight-star{font-size:18px;line-height:1;animation:fcpStarPopIn .45s cubic-bezier(.34,1.56,.64,1) .55s both}.fcp-weight-star--green{filter:drop-shadow(0 0 3px rgba(92,214,92,.7))}.fcp-weight-star--gold{filter:drop-shadow(0 0 5px rgba(255,204,51,.85))}.fcp-weight-star--apex{filter:drop-shadow(0 0 7px rgba(199,125,255,.95));animation:fcpStarPopIn .45s cubic-bezier(.34,1.56,.64,1) .55s both,fcpApexStarSpin 2.4s ease-in-out 1s infinite}@keyframes fcpStarPopIn{0%{transform:scale(0) rotate(-90deg);opacity:0}70%{transform:scale(1.3) rotate(8deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes fcpApexStarSpin{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(12deg)}}.fcp-record-note{font-size:12px;color:#b8860b;font-weight:600;margin-bottom:8px}.fcp-card--apex{box-shadow:0 0 0 2px #3a2210,0 0 28px #c77dff8c,var(--shadow);animation:apexPulse 2s ease-in-out infinite}@keyframes apexPulse{0%,to{box-shadow:0 0 0 2px #3a2210,0 0 24px #c77dff73,var(--shadow)}50%{box-shadow:0 0 0 2px #3a2210,0 0 44px #c77dffb3,var(--shadow)}}.fcp-btn{background:linear-gradient(180deg,#5cb85c,#3a7a3a);color:#fff;border:2px solid #2a5a2a;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 3px #1e4a1e,0 4px 8px #00000040;text-shadow:0 1px 1px rgba(0,0,0,.3)}.fcp-btn:hover{background:linear-gradient(180deg,#6ec86e,#4a9a4a);transform:translateY(-1px);box-shadow:0 4px #1e4a1e,0 6px 12px #0000004d}.fcp-btn:active{transform:translateY(2px);box-shadow:0 1px #1e4a1e}.fcp-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.fish-caught-popup.fcp-auto{cursor:pointer}.fcp-tap-hint{margin-top:10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;animation:fcp-hint-pulse 1.6s ease-in-out infinite}@keyframes fcp-hint-pulse{0%,to{opacity:.35}50%{opacity:.75}}.message-toast{position:absolute;top:80px;left:50%;transform:translate(-50%) translateY(-20px);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:auto}.message-toast.toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-content{background:linear-gradient(180deg,#4a3420f5,#362416f5);padding:11px 22px;border-radius:12px;font-size:var(--body);font-weight:700;font-family:var(--font-display);color:var(--gold-light);white-space:nowrap;box-shadow:0 6px 20px #140a008c,inset 0 1px #ffdc961f;border:1px solid rgba(200,162,76,.35);text-shadow:0 1px 2px rgba(0,0,0,.5)}.panel-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .2s ease;touch-action:auto}.panel-overlay.panel-visible{opacity:1}.panel-card{background:var(--bg-panel);border:2px solid #3a3a5a;border-radius:12px;padding:16px;min-width:280px;max-width:92vw;max-height:82dvh;overflow-y:auto;touch-action:pan-y;box-shadow:var(--shadow)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:16px;font-weight:700}.panel-close-btn{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:8px 12px;border-radius:6px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.panel-close-btn:hover{background:#ffffff1a;color:#fff}.debug-menu{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:900}.debug-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#00000080;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s}.debug-btn:hover{background:#000000b3;border-color:#fff6}.debug-btn:active{transform:scale(.92)}.forge-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.forge-row{display:flex;align-items:center;gap:10px}.forge-label{font-weight:600;min-width:50px;color:var(--text);font-size:13px}.forge-select{flex:1;padding:6px 10px;border-radius:var(--radius);border:1px solid #b8a080;background:#fff8ee;color:var(--text);font-size:13px}.forge-range{flex:1;accent-color:var(--gold)}.forge-level-display{font-weight:700;font-size:16px;min-width:24px;text-align:center}.forge-roll-btn{padding:8px 16px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:14px;cursor:pointer;transition:transform .1s,box-shadow .1s}.forge-roll-btn:hover{transform:scale(1.02);box-shadow:0 2px 8px #c8a24c66}.forge-roll-btn:active{transform:scale(.97)}.forge-results{display:flex;flex-direction:column;gap:10px;max-height:50dvh;overflow-y:auto;touch-action:pan-y;padding:2px}.forge-item{display:flex;gap:12px;padding:10px;background:#c8a24c0f;border:2px solid;border-radius:10px;transition:transform .15s,box-shadow .15s;animation:forge-item-pop .3s ease-out}.forge-item:hover{transform:translateY(-1px)}.forge-item-icon{flex-shrink:0;width:56px;height:56px;border:2px solid;border-radius:8px;background:#fff9;display:flex;align-items:center;justify-content:center;padding:4px}.forge-item-icon img{width:100%;height:100%;object-fit:contain}.forge-item-info{flex:1;min-width:0}.forge-item-name{font-weight:700;font-size:14px;font-family:var(--font-display)}.forge-item-level{font-size:11px;font-weight:600;margin-bottom:4px}.forge-item-mods{display:flex;flex-wrap:wrap;gap:2px 10px;margin-bottom:6px}.forge-mod{font-size:11px;color:var(--text-dim);white-space:nowrap}.forge-mod b{color:var(--text)}.forge-item-actions{display:flex;gap:6px}.forge-equip-btn,.forge-bag-btn{padding:3px 10px;border:1px solid #b8a080;border-radius:6px;background:#f0e4cc;color:var(--text);font-size:11px;font-weight:600;cursor:pointer;transition:background .1s,transform .1s}.forge-equip-btn:hover{background:var(--gold-light);transform:scale(1.04)}.forge-bag-btn:hover{background:#e8dcc0;transform:scale(1.04)}@keyframes forge-item-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.chest-tester-controls{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0}.chest-tester-tier-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chest-tier-btn{padding:8px 14px;border:2px solid var(--tier-color, #888);border-radius:8px;background:#5a38181a;color:#4a2c12;font-weight:600;font-size:13px;cursor:pointer;transition:all .15s ease}.chest-tier-btn:hover{background:#5a381833;transform:scale(1.05)}.chest-tier-btn.active{background:var(--tier-color, #888);color:#fff;box-shadow:0 0 10px var(--tier-color, #888)}.chest-tester-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.chest-tester-img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.chest-tester-tier-label{font-weight:700;font-size:14px;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.chest-tester-open-btn{padding:12px 32px;border:2px solid;border-radius:10px;background:linear-gradient(180deg,#5a3818,#3d2510);color:#f0e6d2;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #0000004d}.chest-tester-open-btn:hover{background:linear-gradient(180deg,#6b4422,#4a2c12);transform:scale(1.04)}.mp-overlay[data-panel=map]{background:#000000d9}.map-container{position:relative;width:94vw;height:88dvh;max-width:900px;max-height:650px;border-radius:12px;overflow:hidden;border:4px double #5a4a2a;outline:2px solid #8a7040;outline-offset:2px;box-shadow:0 0 30px #0009,inset 0 0 40px #5a4a2a66,inset 0 0 80px #0000004d,0 0 0 6px #5a4a2a33}.map-container:before{content:"";position:absolute;bottom:-5px;left:-5px;width:100px;height:100px;opacity:.25;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 95 C15 80 25 70 20 55 C15 40 25 35 30 45 C35 55 28 65 35 70 C42 75 40 60 45 50 C50 40 55 50 50 60 C45 70 50 80 55 75' stroke='%235a4a2a' fill='none' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M5 90 C10 85 8 75 12 65 C16 55 10 50 15 42' stroke='%235a4a2a' fill='none' stroke-width='2.5' stroke-linecap='round'/%3E%3Ccircle cx='18' cy='52' r='3' fill='%235a4a2a' opacity='0.6'/%3E%3Ccircle cx='14' cy='40' r='2' fill='%235a4a2a' opacity='0.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.map-container:after{content:"";position:absolute;top:-5px;right:-5px;width:90px;height:90px;opacity:.2;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M90 5 C85 20 75 25 80 40 C85 55 75 58 70 50 C65 42 72 35 65 30 C58 25 60 38 55 48 C50 58 45 48 50 38 C55 28 48 20 44 25' stroke='%235a4a2a' fill='none' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M95 10 C90 15 92 25 88 35 C84 45 90 48 85 55' stroke='%235a4a2a' fill='none' stroke-width='2.5' stroke-linecap='round'/%3E%3Ccircle cx='82' cy='42' r='3' fill='%235a4a2a' opacity='0.6'/%3E%3Ccircle cx='87' cy='57' r='2' fill='%235a4a2a' opacity='0.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.map-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-parchment-texture{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.08;background:repeating-radial-gradient(circle at 20% 30%,rgba(90,74,42,.3) 0px,transparent 1px,transparent 3px),repeating-radial-gradient(circle at 60% 70%,rgba(60,50,30,.2) 0px,transparent 1px,transparent 4px),repeating-radial-gradient(circle at 80% 20%,rgba(100,80,40,.25) 0px,transparent 1px,transparent 2px),repeating-radial-gradient(circle at 40% 90%,rgba(70,55,30,.2) 0px,transparent 1px,transparent 5px)}.map-waves{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;animation:mapWaveDrift 8s ease-in-out infinite alternate;pointer-events:none}.map-waves-2{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.15;animation:mapWaveDrift2 12s ease-in-out infinite alternate-reverse;pointer-events:none;transform-origin:center center}.map-compass{position:absolute;bottom:12px;right:12px;width:64px;height:64px;opacity:.8;pointer-events:none;animation:compassRotate 20s linear infinite;filter:drop-shadow(0 0 4px rgba(212,168,80,.6))}.map-fog-top{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,rgba(30,22,10,.7) 0%,rgba(30,22,10,.3) 40%,transparent 100%);pointer-events:none;z-index:3}.map-fog-bottom{position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to top,rgba(30,22,10,.7) 0%,rgba(30,22,10,.3) 40%,transparent 100%);pointer-events:none;z-index:3}.map-fog-left{position:absolute;top:0;bottom:0;left:0;width:40px;background:linear-gradient(to right,rgba(30,22,10,.7) 0%,rgba(30,22,10,.3) 40%,transparent 100%);pointer-events:none;z-index:3}.map-fog-right{position:absolute;top:0;bottom:0;right:0;width:40px;background:linear-gradient(to left,rgba(30,22,10,.7) 0%,rgba(30,22,10,.3) 40%,transparent 100%);pointer-events:none;z-index:3}.map-close-btn{position:absolute;top:8px;right:8px;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0009;color:#ccc;font-size:20px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.map-close-btn:hover{background:#000000d9;border-color:#fff;color:#fff}.map-location{position:absolute;transform:translate(-50%,-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease;z-index:4}.map-location:hover{transform:translate(-50%,-50%) scale(1.1)}.map-icon{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:filter .2s}.map-travel .map-icon{filter:drop-shadow(0 2px 6px rgba(212,165,64,.5))}.map-travel:hover .map-icon{filter:drop-shadow(0 0 8px rgba(212,168,80,.9)) drop-shadow(0 0 16px rgba(212,168,80,.5));animation:travelGlowRing 1.5s ease-in-out infinite}.map-current .map-icon{animation:currentBeacon 2.5s ease-in-out infinite}.map-locked .map-icon{filter:grayscale(.6) brightness(.6) drop-shadow(0 2px 4px rgba(0,0,0,.4))}.map-lock{position:absolute;top:-4px;right:-4px;width:18px;height:18px;opacity:.9}.map-label{margin-top:4px;font-family:var(--font-display);font-size:13px;font-weight:700;color:#f0e6d0;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.5);white-space:nowrap;text-align:center}.map-current .map-label{color:var(--gold)}.map-locked .map-label{color:#888}.map-you-marker{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;color:#1a1a1a;background:var(--gold);padding:1px 6px;border-radius:8px;white-space:nowrap;animation:mapYouPulse 2s ease-in-out infinite}.map-ship{position:absolute;transform:translate(-50%,-50%);width:56px;height:56px;object-fit:contain;pointer-events:none;z-index:5;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(212,168,80,.4));transition:left 1.2s ease-in-out,top 1.2s ease-in-out;animation:shipBob 3s ease-in-out infinite}@keyframes shipBob{0%,to{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,calc(-50% - 3px)) rotate(2deg)}}.map-hint{position:absolute;transform:translate(-50%);background:#000000d9;color:#ddd;font-size:11px;padding:6px 10px;border-radius:6px;border:1px solid #555;white-space:nowrap;pointer-events:none;animation:mapHintFadeIn .2s ease;z-index:5}@keyframes mapWaveDrift{0%{transform:translate(-3px) translateY(-2px) scale(1)}to{transform:translate(3px) translateY(2px) scale(1.01)}}@keyframes mapWaveDrift2{0%{transform:translate(4px) translateY(2px) scale(1.02)}to{transform:translate(-4px) translateY(-3px) scale(.99)}}@keyframes compassRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes travelGlowRing{0%,to{filter:drop-shadow(0 0 8px rgba(212,168,80,.9)) drop-shadow(0 0 16px rgba(212,168,80,.5))}50%{filter:drop-shadow(0 0 12px rgba(212,168,80,1)) drop-shadow(0 0 24px rgba(212,168,80,.7))}}@keyframes currentBeacon{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 0 6px rgba(212,168,80,.4))}50%{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 0 14px rgba(212,168,80,.8))}}@keyframes mapYouPulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.05)}}@keyframes mapHintFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.map-particles{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.map-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#d4a850b3;box-shadow:0 0 4px #d4a85080;animation:particleFloat linear infinite}.map-particle:nth-child(1){left:12%;animation-duration:7s;animation-delay:0s;width:2px;height:2px}.map-particle:nth-child(2){left:28%;animation-duration:9s;animation-delay:-2s}.map-particle:nth-child(3){left:45%;animation-duration:6s;animation-delay:-4s;width:4px;height:4px}.map-particle:nth-child(4){left:63%;animation-duration:8s;animation-delay:-1s;width:2px;height:2px}.map-particle:nth-child(5){left:78%;animation-duration:10s;animation-delay:-3s}.map-particle:nth-child(6){left:88%;animation-duration:7.5s;animation-delay:-5s;width:2px;height:2px}.map-particle:nth-child(7){left:35%;animation-duration:11s;animation-delay:-6s;width:4px;height:4px;background:#96c8ff80;box-shadow:0 0 4px #96c8ff66}.map-particle:nth-child(8){left:55%;animation-duration:8.5s;animation-delay:-7s;background:#96c8ff66;box-shadow:0 0 4px #96c8ff4d}@keyframes particleFloat{0%{bottom:-5%;opacity:0;transform:translate(0) scale(.5)}10%{opacity:1;transform:translate(5px) scale(1)}50%{transform:translate(-8px) scale(.8)}90%{opacity:.6;transform:translate(3px) scale(.6)}to{bottom:105%;opacity:0;transform:translate(-2px) scale(.3)}}.map-travel:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,80,.15) 0%,transparent 70%);animation:locationAura 3s ease-in-out infinite;pointer-events:none}@keyframes locationAura{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.map-compass{filter:drop-shadow(0 0 6px rgba(212,168,80,.7)) drop-shadow(0 0 12px rgba(212,168,80,.3))}.map-ship:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:30px;height:8px;background:radial-gradient(ellipse,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;animation:shipWake 2s ease-in-out infinite}@keyframes shipWake{0%,to{opacity:.4;width:30px}50%{opacity:.8;width:40px}}.menu-buttons{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:0;z-index:50;transition:bottom .3s cubic-bezier(.4,0,.2,1)}.menu-buttons--collapsed{bottom:calc(-68px + env(safe-area-inset-bottom,0px))}.menu-buttons-inner{display:flex;gap:4px;background:url(../assets/ui/menu/menu_wood_tile.webp);background-size:128px 128px;border:3px solid #3a2210;border-radius:16px;padding:2px 12px;box-shadow:0 0 0 1px #c8a24c33,0 6px 20px #140a00b3,inset 0 1px #ffc86426,inset 0 -1px #0000004d}.menu-collapse-btn{display:flex;align-items:center;justify-content:center;background:#140c048c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(200,162,76,.35);border-radius:8px 8px 0 0;padding:3px 20px;cursor:pointer;margin-bottom:-1px;opacity:.8;transition:opacity .2s,box-shadow .2s,border-color .2s,transform .1s;min-height:16px}.menu-collapse-btn:hover{opacity:1;border-color:#c8a24cb3;box-shadow:0 0 8px #c8a24c40}.menu-collapse-btn:active{transform:scale(.96)}.menu-collapse-arrow{width:12px;height:12px;display:block;fill:none;stroke:#c8a24cbf;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.menu-collapse-btn:hover .menu-collapse-arrow{stroke:#deba64}.menu-buttons--collapsed .menu-collapse-arrow{transform:rotate(180deg)}.menu-btn{width:62px;border-radius:10px;border:2px solid transparent;background:#c8a24c0f;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px 4px;box-shadow:none}.menu-btn:hover{background:#c8a24c2e;border-color:#c8a24c66;transform:translateY(-3px);box-shadow:0 4px 12px #c8a24c33}.menu-btn:active{transform:scale(.93) translateY(0)}.menu-btn--active{background:#c8a24c33;border-color:var(--gold);box-shadow:0 0 8px #c8a24c40,inset 0 0 6px #c8a24c1a}.menu-btn--active .menu-btn-label{color:var(--gold)}.menu-btn-icon{width:60px;height:60px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.menu-btn-label{display:none}.eq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.eq-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:2px solid rgba(90,56,24,.2);border-radius:10px;background:#5a38180d;cursor:pointer;transition:all .15s}.eq-slot--filled{background:#c8a24c14;border-width:2px;border-style:solid;transition:all .15s,box-shadow .3s}.eq-slot--filled:hover{background:#c8a24c2e;transform:translateY(-2px) scale(1.03);box-shadow:0 4px 12px #0003,0 0 12px -2px var(--slot-glow, var(--gold-glow))}.eq-slot--empty{cursor:default;opacity:.5}.eq-slot-img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.eq-slot-img--empty{opacity:.4;filter:grayscale(.6) drop-shadow(0 1px 2px rgba(0,0,0,.2))}.eq-slot-lvl{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 1px rgba(0,0,0,.5);box-shadow:0 1px 3px #0000004d}.eq-slot-label{font-size:10px;color:var(--text-dim);margin-top:2px;text-align:center}.eq-tooltip{display:none;position:fixed;z-index:9999;min-width:200px;max-width:260px;padding:12px 14px;background:#180e06f5;border:2px solid rgba(200,162,76,.4);border-radius:10px;box-shadow:0 6px 24px #000000b3,0 0 0 1px #0000004d;pointer-events:none;text-align:left;backdrop-filter:blur(4px)}.eq-tooltip--common{border-color:#888}.eq-tooltip--uncommon{border-color:#4a9e3f;box-shadow:0 6px 24px #000000b3,0 0 12px #4a9e3f26}.eq-tooltip--rare{border-color:#4a9eff;box-shadow:0 6px 24px #000000b3,0 0 12px #4a9eff33}.eq-tooltip--epic{border-color:#c77dff;box-shadow:0 6px 24px #000000b3,0 0 14px #c77dff33}.eq-tooltip--legendary{border-color:gold;box-shadow:0 6px 24px #000000b3,0 0 16px #ffd70040}.eq-tip-name{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:2px;color:#f0e8d4}.eq-tip-level{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:#ffffff14;color:#a08060;margin-bottom:6px}.eq-tip-slot{font-size:var(--caption);color:#a08060;margin-bottom:8px}.eq-tip-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(200,162,76,.3),transparent);margin:8px 0}.eq-tip-mods{font-size:var(--body-sm);color:#d4c8b0;line-height:1.7}.eq-tip-mod-better{color:#6ddb6d}.eq-tip-mod-worse{color:#e86060}.eq-tip-enchant{font-size:var(--body-sm);color:#c77dff;font-weight:600;margin-top:8px;padding-top:6px;border-top:1px solid rgba(199,125,255,.2)}.eq-tip-hint{font-size:10px;color:#706050;margin-top:8px;font-style:italic;border-top:1px solid rgba(200,162,76,.15);padding-top:6px}.eq-bag{display:flex;flex-direction:column;gap:6px}.eq-bag-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid rgba(90,56,24,.2);border-radius:8px;background:#c8a24c0f;transition:all .12s}.eq-bag-item:hover{background:#c8a24c24;transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.eq-bag-img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.eq-bag-info{flex:1;min-width:0}.eq-bag-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq-bag-meta{font-size:11px;color:#7a6040;margin-top:1px}.skill-canvas{width:100%;border-radius:8px;background:#0a0a1a;border:1px solid rgba(255,255,255,.06);touch-action:none;cursor:grab}.skill-canvas:active{cursor:grabbing}.skill-tooltip{position:absolute;bottom:16px;left:16px;right:16px;background:#000000eb;border:1px solid #555;border-radius:10px;padding:10px 14px}.skill-tip-name{font-size:14px;font-weight:700;margin-bottom:2px}.skill-tip-desc{font-size:12px;color:#ccc}.skill-tip-status{font-size:11px;color:var(--gold);margin-top:4px;font-weight:700}.settings-section{margin-bottom:18px}.settings-section-title{font-family:var(--font-display);font-size:var(--body);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#5a3818;margin-bottom:12px;border-bottom:1px solid rgba(90,56,24,.2);padding-bottom:8px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;color:#3b2414;cursor:pointer;min-height:44px}.settings-slider{width:160px;accent-color:var(--gold);height:14px}.settings-check{width:28px;height:28px;accent-color:var(--gold)}.settings-select{min-width:140px;padding:8px 12px;border:2px solid rgba(59,36,20,.3);border-radius:8px;background:#fffaf0e6;color:#3b2414;font-size:14px;font-weight:700;cursor:pointer;accent-color:var(--gold)}.settings-hint{font-size:12px;color:#3b241499;line-height:1.4;padding:0 0 4px}.settings-danger-btn{width:100%;padding:12px;border:1px solid #c0392b;border-radius:8px;background:#c0392b1a;color:#e74c3c;font-size:15px;font-weight:700;cursor:pointer}.settings-danger-btn:hover{background:#c0392b40}.settings-build-number{margin-top:16px;text-align:center;font-size:12px;color:#999}.ms-loot-popup{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:10}.ms-loot-card{background:url(../assets/ui/menu/menu_paper_bg.webp);background-size:256px 256px;border:3px solid #5a3818;border-radius:12px;padding:20px;min-width:240px;text-align:center;box-shadow:0 0 0 2px #3a2210,var(--shadow)}.ms-loot-title{font-size:16px;font-weight:700;color:#5a3818;margin-bottom:12px}.ms-loot-list{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.ms-loot-item{display:flex;justify-content:space-between;padding:5px 10px;font-size:13px;color:#3b2414;background:#c8a24c14;border-radius:4px}.ms-loot-ok{padding:8px 24px;background:linear-gradient(180deg,#5cb85c,#3a7a3a);color:#fff;border:2px solid #2a5a2a;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px #1e4a1e;text-shadow:0 1px 1px rgba(0,0,0,.3)}.ms-loot-ok:hover{background:linear-gradient(180deg,#6ec86e,#4a9a4a);transform:translateY(-1px)}.eq-slot--just-equipped{animation:equipFlash .5s ease}@keyframes equipFlash{0%{box-shadow:0 0 0 0 var(--gold-glow)}40%{box-shadow:0 0 18px 4px var(--gold-glow);transform:scale(1.08)}to{box-shadow:0 0 0 0 transparent;transform:scale(1)}}.eq-slot--selected{outline:2px solid var(--gold-glow, #c8a24c);outline-offset:2px;opacity:1!important;cursor:pointer!important;transform:scale(1.05);box-shadow:0 0 12px -2px var(--gold-glow, #c8a24c)}.eq-slot--empty.eq-slot--selected{background:#c8a24c1f}.eq-detail{margin:12px 0 16px;padding:12px;background:#180e060f;border:1px solid rgba(90,56,24,.2);border-radius:10px;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.eq-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.eq-detail-title{font-size:13px;font-weight:700;color:var(--text-main, #3a2a1a)}.eq-detail-close{width:36px;height:36px;border:none;background:#5a38181a;border-radius:6px;font-size:18px;color:var(--text-dim, #7a6040);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.eq-detail-close:hover{background:#5a381833}.eq-detail-empty{text-align:center;color:var(--text-dim, #7a6040);font-size:var(--body);font-style:italic;line-height:1.5;padding:24px 16px}.eq-detail-actions{display:flex;gap:8px;margin-top:10px;justify-content:center}.eq-cmp-items{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.eq-cmp-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#c8a24c0f;border:1px solid rgba(90,56,24,.12);border-radius:8px}.eq-cmp-img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.eq-cmp-info{min-width:0;flex:1}.eq-cmp-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq-cmp-lvl{font-size:10px;color:var(--text-dim, #7a6040)}.eq-cmp-stats{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.eq-cmp-row{display:grid;grid-template-columns:1fr auto auto auto;gap:6px;align-items:center;padding:3px 6px;border-radius:4px;background:#5a381808}.eq-cmp-stat-label{font-size:11px;color:var(--text-dim, #7a6040);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq-cmp-stat-val{font-size:11px;font-weight:600;color:var(--text-main, #3a2a1a);text-align:right;white-space:nowrap}.eq-cmp-stat-arrow{font-size:9px;width:14px;text-align:center;color:var(--text-dim, #7a6040)}.eq-cmp--up{color:#4a9a4a}.eq-cmp--down{color:#c05050}.eq-cmp-enchant{font-size:11px;color:#a070e0;padding:2px 6px}.eq-compare-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.eq-compare-nav-btn{width:38px;height:38px;border:1px solid rgba(90,56,24,.2);background:#c8a24c14;border-radius:6px;font-size:18px;font-weight:700;color:var(--text-main, #3a2a1a);cursor:pointer;transition:background .12s}.eq-compare-nav-btn:hover:not(:disabled){background:#c8a24c33}.eq-compare-nav-btn:disabled{opacity:.3;cursor:default}.eq-compare-nav-count{font-size:11px;color:var(--text-dim, #7a6040)}.eq-detail-list{display:flex;flex-direction:column;gap:6px}.eq-detail-candidate{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid rgba(90,56,24,.15);border-radius:8px;background:#c8a24c0a;cursor:pointer;transition:all .12s}.eq-detail-candidate:hover{background:#c8a24c1f;transform:translate(2px)}.eq-detail-candidate-img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.eq-detail-candidate-info{flex:1;min-width:0}.eq-detail-candidate-name{font-size:12px;font-weight:700}.eq-detail-candidate-mods{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:2px}.eq-detail-mod{font-size:10px}.eq-ring-new{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:10px;background:#64c8640f;border:1px solid rgba(100,200,100,.2);border-radius:8px}.eq-ring-slots{display:flex;flex-direction:column;gap:6px}.eq-ring-option{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid rgba(90,56,24,.15);border-radius:8px;background:#c8a24c0a;cursor:pointer;transition:all .12s}.eq-ring-option:hover{background:#c8645014;border-color:#c864504d}.eq-ring-option-img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.eq-ring-option-info{flex:1;min-width:0}.eq-ring-option-name{font-size:12px;font-weight:700}.eq-ring-option-mods{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:2px}.mp-btn--gold{background:linear-gradient(180deg,#d4a840,#b08830);color:#fff;border:1px solid #906820;text-shadow:0 1px 1px rgba(0,0,0,.3)}.mp-btn--gold:hover{background:linear-gradient(180deg,#e0b848,#c09838);transform:translateY(-1px)}.ti-card{position:absolute;inset:0;overflow:hidden;background:#1a0f05}.ti-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;pointer-events:none;z-index:0;transition:opacity .6s ease}.ti-card.ti-entered .ti-bg{opacity:1}.ti-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(10,5,0,.4) 100%);pointer-events:none}.ti-keeper{position:absolute;bottom:-35%;left:5%;height:130vh;z-index:1;display:flex;align-items:flex-end;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .4s ease .3s,transform .4s ease .3s}.ti-card.ti-entered .ti-keeper{opacity:1;transform:translateY(0)}.ti-keeper-img{height:100%;width:auto;max-height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6))}.ti-quest-npc{position:absolute;bottom:-35%;left:42%;height:130vh;width:40vh;z-index:1;pointer-events:none}.ti-quest-npc-figure{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;transform:translateY(40%);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1)}.ti-quest-npc-figure--in{opacity:1;transform:translateY(0)}.ti-quest-npc-img{height:100%;width:auto;max-height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6))}.ti-quest-npc-label{position:absolute;bottom:43%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;white-space:nowrap;background:#140c04b3;border:1px solid rgba(200,184,150,.4);border-radius:10px;backdrop-filter:blur(2px)}.ti-quest-npc-name{font-size:14px;font-weight:700;color:#f0e8d4;text-shadow:0 1px 4px rgba(0,0,0,.8)}.ti-quest-npc-title{font-size:11px;color:#c8b896;font-style:italic;text-shadow:0 1px 3px rgba(0,0,0,.7)}.ti-speech{position:absolute;left:30%;top:12%;max-width:220px;padding:10px 14px;font-size:13px;color:#3b2414;font-style:italic;background:#f8f0d8;border:2px solid #5a3818;border-radius:12px 12px 12px 4px;box-shadow:0 4px 12px #140a0059;z-index:2;opacity:0;transform:scale(.9);transition:opacity .3s ease .7s,transform .3s ease .7s}.ti-card.ti-entered .ti-speech{opacity:1;transform:scale(1)}.ti-card .ti-speech.ti-speech--out{opacity:0;transform:scale(.9) translateY(-6px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.ti-speech:after{content:"";position:absolute;left:-10px;top:14px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #f8f0d8;filter:drop-shadow(-2px 0 1px rgba(20,10,0,.2))}.ti-close-scene{position:absolute;top:16px;left:16px;z-index:10;width:60px;height:60px;background-size:60px 60px;opacity:0;transition:opacity .3s ease .4s}.ti-card.ti-entered .ti-close-scene{opacity:1}.ti-content{position:absolute;top:0;right:0;bottom:0;width:360px;max-width:85vw;display:flex;flex-direction:column;padding:16px;overflow:hidden;z-index:2;background:url(../assets/ui/menu/menu_paper_bg.webp);background-size:256px 256px;border-left:3px solid #5a3818;box-shadow:-4px 0 20px #140a0080;transform:translate(100%);transition:transform .4s cubic-bezier(.34,1.2,.64,1) .5s}.ti-card.ti-entered .ti-content{transform:translate(0)}.ti-content .mp-tabs{flex-wrap:wrap;gap:4px}.ti-content .mp-tab{flex:1 1 calc(33.333% - 4px);min-width:0;padding:8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ti-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ti-name{font-family:var(--font-display);font-size:18px;font-weight:700;color:#5a3818}.ti-gold{display:flex;align-items:center;gap:4px}.ti-gold-icon{width:18px;height:18px}.ti-gold-text{font-family:var(--font-display);font-size:15px;font-weight:700;color:#c8a24c;text-shadow:0 1px 1px rgba(0,0,0,.3)}.ti-gold-pop{animation:tiGoldPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes tiGoldPop{0%{transform:scale(1.3);color:gold}to{transform:scale(1);color:#c8a24c}}.ti-tab-content{flex:1;overflow-y:auto;min-height:0;color:#3b2414;touch-action:pan-y}.ti-tab-content::-webkit-scrollbar{width:8px}.ti-tab-content::-webkit-scrollbar-track{background:#d4be94;border-radius:4px}.ti-tab-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7a5028,#5a3818);border-radius:4px;border:1px solid #4a2c12}.ti-empty{text-align:center;color:#7a6040;padding:48px 24px;font-size:var(--body);font-style:italic;line-height:1.6}@media(max-width:600px){.ti-keeper{left:50%;bottom:auto;top:12%;height:70%;transform:translate(-50%) translateY(20px)}.ti-card.ti-entered .ti-keeper{transform:translate(-50%) translateY(0)}.ti-speech{left:50%;bottom:auto;top:4%;max-width:80vw;transform:translate(-50%) scale(.9);border-radius:12px}.ti-card.ti-entered .ti-speech{transform:translate(-50%) scale(1)}.ti-speech:after{display:none}.ti-content{inset:42% 0 0;width:100%;max-width:100%;border-left:none;border-top:3px solid #5a3818;border-radius:14px 14px 0 0;box-shadow:0 -4px 20px #140a0080;transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.2,.64,1) .5s}.ti-card.ti-entered .ti-content{transform:translateY(0)}.ti-quest-npc{display:none}}.ms-tab-content{position:relative;height:100%;display:flex;flex-direction:column}.ms-grid{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;touch-action:pan-y}.ms-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#c8a24c0f;border:1px solid rgba(90,56,24,.15);border-radius:8px;transition:background .15s}.ms-item:hover{background:#c8a24c24}.ms-item-disabled{opacity:.5}.ms-item-owned{border-color:var(--green);background:#4a9e3f14}.ms-item-img{width:40px;height:40px;object-fit:contain;border-radius:6px;flex-shrink:0}.ms-boat-img{width:52px;height:40px}.ms-item-info{flex:1;min-width:0}.ms-item-name{font-size:var(--body);font-weight:700;color:#3b2414;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-item-desc{font-size:11px;color:#7a6040;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.ms-item-stat{font-size:11px;color:var(--blue);margin-top:2px}.ms-level{font-size:11px;font-weight:400}.ms-stock{font-size:10px;font-weight:700;color:#5a7040;background:#4a7c3f1f;padding:1px 6px;border-radius:4px;margin-left:4px}.ms-stock--empty{color:#943;background:#c0392b1a}.ms-item-sold-out{opacity:.4;pointer-events:none}.ms-buy-btn,.ms-sell-btn{background:linear-gradient(180deg,#c8a24c,#8b6b1a);color:#fff;border:2px solid #6b4a10;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 2px #5a3a08;text-shadow:0 1px 1px rgba(0,0,0,.3);min-height:40px}.ms-buy-btn:hover:not(:disabled),.ms-sell-btn:hover{background:linear-gradient(180deg,#dab55a,#a07d22);transform:translateY(-1px);box-shadow:0 3px #5a3a08}.ms-btn-disabled{opacity:.4;cursor:not-allowed}.ms-owned-badge{font-size:12px;color:#2a6a22;font-weight:700;padding:4px 10px;flex-shrink:0}.ms-active-badge{color:#4a9;text-shadow:0 0 6px rgba(68,170,153,.4)}.ms-coming-soon-badge{font-size:11px;color:#7a6c3a;font-weight:700;font-style:italic;padding:4px 10px;flex-shrink:0}.ms-sell-all-btn{margin-top:12px;width:100%;background:linear-gradient(180deg,#c8a24c,#8b6b1a);color:#fff;border:2px solid #6b4a10;border-radius:10px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;flex-shrink:0;box-shadow:0 3px #5a3a08,0 4px 8px #00000040;text-shadow:0 1px 1px rgba(0,0,0,.3)}.ms-sell-all-btn:hover{background:linear-gradient(180deg,#dab55a,#a07d22);transform:translateY(-1px);box-shadow:0 4px #5a3a08,0 6px 12px #0000004d}.ms-empty{text-align:center;color:#7a6040;padding:48px 24px;font-size:var(--body);font-style:italic;line-height:1.6}.ms-empty small{display:block;margin-top:6px;font-size:var(--small, 12px);font-style:normal;opacity:.8}.ms-empty-icon{font-size:42px;margin-bottom:12px;opacity:.6;animation:emptyBob 3s ease-in-out infinite}.ms-empty-title{font-family:var(--font-display);font-size:var(--heading-md);font-weight:700;color:#5a3818;margin-bottom:6px;font-style:normal}.town-back-btn{position:absolute;bottom:20px;left:20px;background:linear-gradient(180deg,#a0703c,#7a5028);border:2px solid #5a3818;border-radius:10px;color:#f0e4c4;font-size:14px;font-weight:700;padding:10px 20px;cursor:pointer;z-index:50;transition:all .15s;box-shadow:0 3px #3a2210,0 4px 8px #0000004d;text-shadow:0 1px 1px rgba(0,0,0,.4)}.town-back-btn:hover{background:linear-gradient(180deg,#b8844a,#8b5e34);color:#fff;transform:translateY(-1px);box-shadow:0 4px #3a2210,0 6px 12px #0000004d}.ms-quests-list{overflow-y:auto;height:100%;touch-action:pan-y}.ms-confirm-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;animation:confirmFade .2s ease}@keyframes confirmFade{0%{opacity:0}to{opacity:1}}.ms-confirm-box{background:var(--panel-bg, #f5eed6);border:2px solid rgba(90,56,24,.3);border-radius:12px;padding:20px;display:flex;gap:16px;max-width:380px;box-shadow:0 8px 30px #0000004d;animation:confirmSlide .25s ease}@keyframes confirmSlide{0%{transform:translateY(10px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.ms-confirm-npc{width:80px;height:100px;object-fit:cover;object-position:top;border-radius:8px;border:2px solid rgba(90,56,24,.2);flex-shrink:0}.ms-confirm-content{display:flex;flex-direction:column;gap:8px;min-width:0}.ms-confirm-title{font-size:15px;font-weight:700;color:var(--text)}.ms-confirm-quest-name{font-size:13px;font-weight:600;color:var(--gold)}.ms-confirm-desc{font-size:12px;color:var(--text-dim);line-height:1.4}.ms-confirm-rewards{border-top:1px solid rgba(90,56,24,.1);padding-top:8px}.ms-confirm-reward-title{font-size:11px;font-weight:600;color:var(--text-dim);margin-bottom:4px}.ms-confirm-reward-list{font-size:12px;color:var(--gold);font-weight:600}.ms-confirm-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.mp-reward-equip{color:#7b1fa2;font-weight:700}.mp-badge--tier1{background:#64646426;color:#666}.mp-badge--tier2{background:#2196f326;color:#1565c0}.mp-badge--tier3{background:#9c27b026;color:#7b1fa2}.upgrade-stack{display:flex;flex-direction:column;gap:6px;padding:10px}.upgrade-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:default;transition:background .15s}.upgrade-row:hover{background:#c8a24c14}.upgrade-row-img{width:40px;height:40px;object-fit:contain;border-radius:6px;flex-shrink:0}.upgrade-row-img--boat{width:52px;height:38px}.upgrade-row-name{font-size:13px;font-weight:700;color:#3b2414;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-row-badge{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#7a6040;font-weight:700;flex-shrink:0}.upgrade-row--current{background:#c8a24c0f;border:1px solid rgba(90,56,24,.12)}.upgrade-row--next{background:#4a9e3f0a;border:1px dashed rgba(74,158,63,.3);cursor:pointer;transition:background .15s,transform .1s}.upgrade-row--next:hover{background:#4a9e3f1a;transform:translateY(-1px)}.upgrade-row--next:active{transform:translateY(0)}.upgrade-row--locked{opacity:.6;border-color:#5a381826;background:#00000005;cursor:not-allowed}.upgrade-row--locked:hover{background:#00000008;transform:none}.upgrade-row-arrow{font-size:14px;color:#4a9e3f;flex-shrink:0;font-weight:700}.upgrade-row--locked .upgrade-row-arrow{color:#888}.upgrade-row-price{display:flex;align-items:center;gap:4px;flex-shrink:0;background:#c8a24c1f;border:1px solid rgba(200,162,76,.3);border-radius:6px;padding:4px 8px}.upgrade-row-price--locked{background:#0000000a;border-color:#5a381826}.upgrade-row-coin{width:16px;height:16px;object-fit:contain}.upgrade-row-amount{font-size:14px;font-weight:800;color:#b8922e;text-shadow:0 1px 0 rgba(255,255,255,.3)}.upgrade-row-price--locked .upgrade-row-amount{color:#888}.upgrade-row--maxed{justify-content:center;font-size:13px;font-weight:700;color:#c8a24c;text-shadow:0 0 6px rgba(200,162,76,.3);padding:10px 16px}.wh-tab{display:flex;flex-direction:column;height:100%;gap:8px;overflow-y:auto;touch-action:pan-y}.wh-upgrade-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#c8a24c1a;border:1px solid rgba(90,56,24,.15);border-radius:8px;flex-shrink:0}.wh-capacity{font-size:13px;font-weight:700;color:#5a3818}.wh-upgrade-btn{background:linear-gradient(180deg,#4a9e3f,#2d6b24);color:#fff;border:2px solid #1f4d18;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px #1a3f14;text-shadow:0 1px 1px rgba(0,0,0,.3);min-height:40px}.wh-upgrade-btn:hover:not(:disabled){background:linear-gradient(180deg,#5cb84a,#3a7f30);transform:translateY(-1px);box-shadow:0 3px #1a3f14}.wh-section-title{font-size:12px;font-weight:700;color:#7a6040;text-transform:uppercase;letter-spacing:.5px;padding:4px 0 2px;border-bottom:1px solid rgba(90,56,24,.1);flex-shrink:0}.wh-grid{display:flex;flex-direction:column;gap:6px;min-height:48px;flex:1;overflow-y:auto}.wh-action-btn{background:linear-gradient(180deg,#6b8cba,#4a6a90);color:#fff;border:2px solid #3a5470;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 2px #2a4060;text-shadow:0 1px 1px rgba(0,0,0,.3);min-height:40px}.wh-action-btn:hover:not(:disabled){background:linear-gradient(180deg,#7da0cc,#5a7ca6);transform:translateY(-1px);box-shadow:0 3px #2a4060}.ms-guild-master-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;margin-bottom:8px;border-radius:8px;background:#0000002e}.ms-guild-master-blurb{font-size:12px;font-style:italic;line-height:1.35;color:var(--text-dim);min-width:0}.ms-guild-timer{flex-shrink:0;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;text-align:right}.ms-guild-timer-value{font-size:13px;font-weight:700;color:var(--gold);font-family:var(--font-mono)}.ms-guild-membership{padding:8px}.ms-guild-join-prompt{text-align:center;padding:24px 16px}.ms-guild-join-prompt h3{margin:0 0 8px;font-size:16px;color:var(--gold)}.ms-guild-join-prompt p{margin:0 0 16px;font-size:12px;color:var(--text-dim)}.ms-join-btn{padding:10px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#4a7c3f,#5a9a4a);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:0 2px 6px #0000004d}.ms-join-btn:hover{transform:scale(1.04);box-shadow:0 3px 10px #0006}.ms-membership-status{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:10px;border-radius:8px;background:#0000002e}.ms-membership-label{font-size:11px;color:var(--text-dim);margin-right:4px}.ms-membership-value{font-size:13px;font-weight:700;color:var(--text)}.ms-membership-level-0{color:#999}.ms-membership-level-1{color:#7ec87e}.ms-membership-level-2{color:#5ca8e0}.ms-membership-level-3{color:#c78bfa}.ms-membership-level-4{color:gold}.ms-membership-maxed{text-align:center;padding:12px;font-size:14px;font-weight:700;color:var(--gold)}.ms-membership-next{padding:10px 12px;margin-bottom:10px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.ms-membership-next-title{font-size:13px;margin-bottom:4px;color:var(--text)}.ms-membership-next-req{font-size:11px;color:var(--text-dim);margin-bottom:8px}.ms-membership-progress-bar{position:relative;height:20px;border-radius:10px;background:#0000004d;overflow:hidden;margin-bottom:6px}.ms-membership-progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#4a7c3f,#6abf5e);transition:width .3s ease}.ms-rarity-common .ms-membership-progress-fill{background:linear-gradient(90deg,#4a7c3f,#6abf5e)}.ms-rarity-rare .ms-membership-progress-fill{background:linear-gradient(90deg,#2d6a9f,#5ca8e0)}.ms-rarity-epic .ms-membership-progress-fill{background:linear-gradient(90deg,#7b3fa0,#c78bfa)}.ms-rarity-legendary .ms-membership-progress-fill{background:linear-gradient(90deg,#b8860b,gold)}.ms-membership-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ms-membership-reward{font-size:11px;color:var(--gold);text-align:center}.ms-membership-donate{margin-top:10px}.ms-donate-header{font-size:12px;font-weight:600;margin-bottom:8px;color:var(--text)}.ms-donate-actions{margin-bottom:8px}.ms-donate-btn{padding:10px 18px;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .1s;min-height:40px}.ms-donate-btn:disabled{opacity:.4;cursor:not-allowed}.ms-donate-all{background:linear-gradient(135deg,#3a6b8a,#4a8aaa);color:#fff;box-shadow:0 2px 4px #0000004d}.ms-donate-all:hover:not(:disabled){transform:scale(1.03)}.ms-donate-grid{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;padding:4px}.ms-donate-fish{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#c8a24c0d;border:1px solid rgba(90,56,24,.12);border-left:3px solid transparent;transition:background .12s,border-color .12s}.ms-donate-fish:hover{background:#c8a24c24;border-color:#5a381840;border-left-color:var(--gold)}.ms-donate-fish-img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.ms-donate-fish-name{flex:1;font-size:13px;font-weight:600;color:#3b2414;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-donate-single-btn{padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:700;background:linear-gradient(135deg,#4a7c3f,#5a9a4a);color:#fff;cursor:pointer;transition:transform .1s;box-shadow:0 1px 3px #0003;min-height:40px}.ms-donate-single-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#5a9a4a,#6abf5e)}.ms-fellowship{padding:8px;display:flex;flex-direction:column;gap:12px}.ms-fellowship-intro h3{margin:0 0 4px;font-size:16px;color:var(--gold)}.ms-fellowship-intro p{margin:0;font-size:12px;color:var(--text-dim);line-height:1.45}.ms-fellowship-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);border-bottom:1px solid rgba(90,56,24,.15);padding-bottom:4px}.ms-fellowship-browse-title{display:flex;align-items:center;justify-content:space-between}.ms-fellowship-refresh{border:none;background:#0000002e;color:var(--gold);border-radius:6px;width:26px;height:26px;font-size:15px;cursor:pointer;transition:transform .1s,background .12s}.ms-fellowship-refresh:hover{transform:rotate(90deg);background:#0000004d}.ms-fellowship-create-row{display:flex;gap:8px;margin-top:8px}.ms-fellowship-name,.ms-fellowship-tag{padding:9px 10px;border-radius:8px;border:1px solid rgba(90,56,24,.25);background:#fff9;color:#3b2414;font-size:13px;font-weight:600;min-width:0}.ms-fellowship-name{flex:1}.ms-fellowship-tag{width:72px;text-align:center;text-transform:uppercase;letter-spacing:.08em}.ms-fellowship-name:focus,.ms-fellowship-tag:focus{outline:none;border-color:var(--gold)}.ms-fellowship-create-btn{padding:9px 18px;border:none;border-radius:8px;background:linear-gradient(135deg,#4a7c3f,#5a9a4a);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:transform .1s;white-space:nowrap}.ms-fellowship-create-btn:hover:not(:disabled){transform:scale(1.04)}.ms-fellowship-create-btn:disabled{opacity:.5;cursor:not-allowed}.ms-fellowship-error{margin-top:8px;font-size:12px;font-weight:600;color:#c0392b}.ms-fellowship-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.ms-fellowship-card{display:grid;grid-template-columns:1fr auto;grid-template-areas:"main join" "bar join";gap:6px 10px;align-items:center;padding:10px 12px;border-radius:10px;background:#c8a24c0f;border:1px solid rgba(90,56,24,.12)}.ms-fellowship-card-main{grid-area:main;display:flex;align-items:center;gap:8px;min-width:0}.ms-fellowship-tag-badge{flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#3a6b8a,#4a8aaa);padding:2px 7px;border-radius:6px}.ms-fellowship-card-name{font-size:14px;font-weight:700;color:#3b2414;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-fellowship-card-members{flex-shrink:0;font-size:12px;font-weight:600;color:var(--text-dim)}.ms-fellowship-goal-bar{grid-area:bar;height:16px;margin-bottom:0}.ms-fellowship-goal-bar .ms-membership-progress-fill{background:linear-gradient(90deg,#b8860b,gold)}.ms-fellowship-goal-bar .ms-membership-progress-text{font-size:10px}.ms-fellowship-join-btn{grid-area:join;padding:8px 18px;font-size:13px}.ms-fellowship-join-btn:disabled{opacity:.5;cursor:not-allowed}.ms-fellowship-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#0000002e}.ms-fellowship-header .ms-fellowship-card-name{color:var(--text)}.ms-fellowship-leave-btn{margin-left:auto;padding:6px 14px;border:1px solid rgba(192,57,43,.5);background:#c0392b1f;color:#e06a5c;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:background .12s}.ms-fellowship-leave-btn:hover:not(:disabled){background:#c0392b40}.ms-fellowship-leave-btn:disabled{opacity:.5;cursor:not-allowed}.ms-fellowship-goal{padding:12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.ms-fellowship-goal--done{border-color:#ffd70080;background:#ffd70014}.ms-fellowship-goal-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.ms-fellowship-goal-label{font-size:13px;font-weight:700;color:var(--text)}.ms-fellowship-goal-value{font-size:13px;font-weight:700;color:var(--gold);font-family:var(--font-mono)}.ms-fellowship-goal-hint{margin-top:6px;font-size:11px;color:var(--text-dim)}.ms-fellowship-roster{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.ms-fellowship-roster-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:#c8a24c0d}.ms-fellowship-roster-row--me{background:#c8a24c2e;border-left:3px solid var(--gold)}.ms-fellowship-roster-rank{flex-shrink:0;width:20px;font-size:12px;font-weight:700;color:var(--text-dim);text-align:center}.ms-fellowship-roster-name{flex:1;font-size:13px;font-weight:600;color:#3b2414;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-fellowship-you{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--gold);background:#c8a24c33;padding:1px 5px;border-radius:4px}.ms-fellowship-roster-contrib{flex-shrink:0;font-size:13px;font-weight:700;color:var(--gold);font-family:var(--font-mono)}.ms-fellowship-feed{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto}.ms-fellowship-feed-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 8px;border-radius:6px;font-size:12px}.ms-fellowship-feed-row:nth-child(odd){background:#0000000f}.ms-fellowship-feed-text{color:var(--text-dim);min-width:0}.ms-fellowship-feed-text strong{color:#3b2414;font-weight:700}.ms-fellowship-feed-time{flex-shrink:0;font-size:11px;color:var(--text-dim);opacity:.7}.ms-confirm-box--compact{max-width:320px}.ms-community{display:flex;flex-direction:column;gap:12px}.ms-comm-toggles{display:flex;gap:6px;padding:3px;border-radius:10px;background:#00000024}.ms-comm-toggle{flex:1;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--text-dim);font-size:12px;font-weight:700;cursor:pointer;transition:background .12s,color .12s}.ms-comm-toggle:hover:not(.ms-comm-toggle--active){background:#c8a24c1a;color:var(--text)}.ms-comm-toggle--active{background:linear-gradient(180deg,#fdf6e3,#f0e2bd);color:#7a5520;box-shadow:0 1px 3px #00000040,inset 0 1px #fff9}.ms-comm-event{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.ms-comm-event--done{border-color:#ffd70080;background:#ffd70014}.ms-comm-event-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ms-comm-event-title{font-size:17px;font-weight:800;color:#3b2414}.ms-comm-event-timer{flex-shrink:0;font-size:12px;font-weight:700;color:var(--gold);font-family:var(--font-mono)}.ms-comm-event-desc{margin:0;font-size:12px;line-height:1.4;color:var(--text-dim)}.ms-comm-goal-bar{height:22px;margin-bottom:0}.ms-comm-goal-bar .ms-membership-progress-fill{background:linear-gradient(90deg,#b8860b,gold)}.ms-comm-event-done-badge{margin-top:6px;text-align:center;font-size:12px;font-weight:700;color:var(--gold)}.ms-comm-standings-btn{align-self:flex-start;padding:7px 14px;border:1px solid rgba(200,162,76,.4);background:#c8a24c1a;color:var(--gold);border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:background .12s}.ms-comm-standings-btn:hover{background:#c8a24c38}.ms-comm-standings{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.ms-comm-boards{display:flex;flex-direction:column;gap:10px}.ms-comm-board-selector{display:flex;gap:6px}.ms-comm-board-btn{flex:1;padding:7px 10px;border:1px solid rgba(90,56,24,.15);border-radius:8px;background:#c8a24c0d;color:var(--text-dim);font-size:12px;font-weight:700;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.ms-comm-board-btn--active{background:#c8a24c33;color:var(--gold);border-color:#c8a24c66}.ms-comm-board-list{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto}.ms-comm-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#c8a24c0d}.ms-comm-row--me{background:#c8a24c2e;border-left:3px solid var(--gold)}.ms-comm-row-rank{flex-shrink:0;width:26px;font-size:14px;font-weight:800;color:var(--text-dim);text-align:center}.ms-comm-row-name{flex:1;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#3b2414;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-comm-row-sub{font-size:10px;font-weight:600;color:var(--text-dim);opacity:.8}.ms-comm-row-value{flex-shrink:0;font-size:13px;font-weight:700;color:var(--gold);font-family:var(--font-mono)}.ms-market{display:flex;flex-direction:column;gap:12px}.ms-market-toggles .ms-comm-toggle{position:relative}.ms-market-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:4px;border-radius:8px;background:#d64545;color:#fff;font-size:10px;font-weight:800;vertical-align:middle}.ms-market-error{padding:8px 12px;border-radius:8px;background:#d645451f;border:1px solid rgba(214,69,69,.4);color:#b53030;font-size:12px;font-weight:700}.ms-market-filters{flex-wrap:wrap}.ms-market-hint,.ms-market-capnote{font-size:12px;font-weight:700;color:var(--text-dim)}.ms-market-capnote{align-self:flex-end;font-family:var(--font-mono)}.ms-market-browse{display:flex;flex-direction:column;gap:10px}.ms-market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:400px;overflow-y:auto;padding:2px}.ms-market-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-top:3px solid #6b6b6b;text-align:center}.ms-rarity-border-common{border-top-color:#6b6b6b}.ms-rarity-border-rare{border-top-color:#1565c0}.ms-rarity-border-epic{border-top-color:#7b1fa2}.ms-rarity-border-legendary{border-top-color:#c67100}.ms-market-card-media{position:relative;width:84px;height:84px;display:flex;align-items:center;justify-content:center}.ms-market-card-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ms-market-card-stars{position:absolute;bottom:-2px;right:-2px;font-size:12px;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ms-market-card-name{font-size:13px;font-weight:800;color:#3b2414;line-height:1.2}.ms-market-card-meta{font-size:11px;font-weight:600;color:var(--text-dim)}.ms-market-rarity{font-weight:800;text-transform:capitalize}.ms-market-rarity.ms-rarity-common{color:#6b6b6b}.ms-market-rarity.ms-rarity-rare{color:#1565c0}.ms-market-rarity.ms-rarity-epic{color:#7b1fa2}.ms-market-rarity.ms-rarity-legendary{color:#c67100}.ms-market-card-seller{font-size:10px;font-weight:600;color:var(--text-dim);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ms-market-card-price{font-size:13px;font-weight:800;color:var(--gold);font-family:var(--font-mono)}.ms-market-action{width:100%;margin-top:2px}.ms-market-sellform{display:flex;gap:14px;align-items:flex-start;padding:6px}.ms-market-sellform .ms-market-card{flex-shrink:0;width:140px}.ms-market-form{flex:1;display:flex;flex-direction:column;gap:8px}.ms-market-form-label{font-size:12px;font-weight:800;color:#3b2414}.ms-market-price-row{display:flex;align-items:center;gap:8px}.ms-market-price-input{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid rgba(90,56,24,.3);background:#ffffffb3;font-size:15px;font-weight:700;font-family:var(--font-mono);color:#3b2414}.ms-market-price-unit{font-size:12px;font-weight:700;color:var(--text-dim)}.ms-market-form-hints{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:600;color:var(--text-dim)}.ms-market-form-hints strong{color:#3b2414}.ms-market-fee strong{color:#b53030}.ms-market-form-actions{display:flex;gap:8px;margin-top:4px}.ms-market-form-actions .mp-btn{flex:1}.ms-market-mine{display:flex;flex-direction:column;gap:10px}.ms-auc-hint{padding:8px 12px;border-radius:8px;background:#c8a24c1a;border:1px solid rgba(200,162,76,.28);font-size:11.5px;font-weight:600;line-height:1.35;color:var(--text-dim)}.ms-auc-card{border-top-width:1px;border-width:2px}.ms-auc-mods{display:flex;flex-direction:column;gap:1px;width:100%;margin:2px 0}.ms-auc-mod{font-size:10px;font-weight:700;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-auc-mod span{font-weight:800}.ms-auc-price{font-size:13px;font-weight:800;color:#3b2414}.ms-auc-bid{color:var(--gold);font-family:var(--font-mono)}.ms-auc-price small{font-size:10px;font-weight:600;color:var(--text-dim)}.ms-auc-timer{font-size:10.5px;font-weight:700;color:#c67100;font-family:var(--font-mono)}.ms-auc-timer--ended{color:var(--text-dim)}.ms-auc-next{font-size:10px;font-weight:600;color:var(--text-dim)}.ms-auc-winning,.ms-auc-won{font-size:11px;font-weight:800;color:#2e7d32}.ms-auc-locked{font-size:10.5px;font-weight:700;color:var(--text-dim);font-style:italic;margin-top:2px}.ms-auc-bid-input,.ms-auc-start-input{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid rgba(90,56,24,.3);background:#ffffffb3;font-size:15px;font-weight:700;font-family:var(--font-mono);color:#3b2414}.ms-auc-durations{flex-wrap:wrap}.ms-auc-escrow-note{font-size:10.5px;font-weight:600;color:var(--text-dim);line-height:1.35;margin:2px 0 0;font-style:italic}.ms-fellowship-level{padding:12px;border-radius:10px;background:#c8a24c12;border:1px solid rgba(200,162,76,.22)}.ms-fellowship-level-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ms-fellowship-level-badge{flex-shrink:0;font-size:13px;font-weight:800;letter-spacing:.02em;color:#3a2a08;background:linear-gradient(135deg,gold,#b8860b);padding:3px 10px;border-radius:999px;box-shadow:0 1px 3px #00000040,inset 0 1px #fff6}.ms-fellowship-level-badge--sm{font-size:10px;font-weight:800;padding:1px 7px}.ms-fellowship-level-label{font-size:13px;font-weight:700;color:var(--text)}.ms-fellowship-level-xp{margin-left:auto;font-size:11px;font-weight:700;color:var(--gold);font-family:var(--font-mono);white-space:nowrap}.ms-fellowship-level-bar .ms-membership-progress-fill{background:linear-gradient(90deg,#b8860b,gold)}.ms-fellowship-perks{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ms-fellowship-perk{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;line-height:1.2;padding:4px 9px;border-radius:999px;background:#0000000f;border:1px solid rgba(90,56,24,.15);color:var(--text-dim);cursor:default}.ms-fellowship-perk--on{background:#4a7c3f29;border-color:#4a7c3f80;color:#2f5c26}.ms-guild-shop-grid{display:flex;flex-direction:column;gap:6px}.ms-guild-shop-item--locked{opacity:.6;filter:grayscale(.5)}.ms-guild-shop-item--locked .ms-item-img{filter:grayscale(1) brightness(.85)}.ms-comm-reward{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:600;text-align:center;color:var(--text);background:#c8a24c1a;border:1px solid rgba(200,162,76,.3)}.ms-comm-reward strong{color:var(--gold);font-weight:800}.ms-comm-reward--ready{justify-content:space-between;flex-wrap:nowrap;text-align:left;background:#ffd7001f;border-color:#ffd7008c;animation:comm-reward-pulse 1.8s ease-in-out infinite}.ms-comm-reward-text{min-width:0}.ms-comm-reward--claimed{color:#2f5c26;background:#4a7c3f24;border-color:#4a7c3f73}.ms-comm-reward--missed{color:var(--text-dim);background:#0000000d;border-color:#5a38182e;font-style:italic}@keyframes comm-reward-pulse{0%,to{box-shadow:0 0 #ffd70000}50%{box-shadow:0 0 0 4px #ffd7002e}}.ms-comm-claim-btn{flex-shrink:0;padding:8px 18px;border:none;border-radius:8px;background:linear-gradient(135deg,gold,#b8860b);color:#3a2a08;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 2px 4px #00000040;transition:transform .1s}.ms-comm-claim-btn:hover:not(:disabled){transform:scale(1.05)}.ms-comm-claim-btn:disabled{opacity:.5;cursor:default}.ms-comm-toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:20;max-width:90%;padding:10px 18px;border-radius:10px;background:#281a0af2;color:gold;font-size:13px;font-weight:700;text-align:center;box-shadow:0 4px 14px #0006;animation:comm-toast-in .25s ease-out}@keyframes comm-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.chest-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;opacity:0;transition:opacity .3s ease;z-index:100}.chest-overlay.chest-visible{opacity:1}.chest-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 32px;background:radial-gradient(ellipse at center,#3b2a1a,#1a1008);border:3px solid #5a3818;border-radius:16px;min-width:260px;box-shadow:0 0 0 2px #3a2210,0 0 40px #140a00cc}.chest-tier-label{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.chest-image-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chest-glow{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,var(--glow-color, #d4a540) 0%,transparent 70%);opacity:.3;animation:chest-pulse 2s ease-in-out infinite}.chest-img{width:100px;height:100px;object-fit:contain;position:relative;z-index:1}.chest-wobble{animation:chest-wobble 1.5s ease-in-out infinite}.chest-shake{animation:chest-shake .15s ease-in-out infinite}.chest-tap-hint{font-size:13px;color:#999;animation:chest-hint-blink 1.5s ease-in-out infinite}.chest-particles{position:absolute;inset:0;pointer-events:none}.chest-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:gold;left:50%;top:50%;animation:chest-particle-fly .8s ease-out forwards;animation-delay:calc(var(--i) * .05s);opacity:0}.chest-revealed{animation:chest-reveal-in .4s ease-out}.chest-rewards-title{font-family:var(--font-display);font-size:var(--heading-lg);font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.4)}.chest-reward-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:320px}.chest-reward-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#c8a24c14;border:1px solid;border-radius:10px;min-width:90px;animation:chest-reward-pop .4s ease-out backwards}.chest-reward-item:nth-child(1){animation-delay:.1s}.chest-reward-item:nth-child(2){animation-delay:.25s}.chest-reward-item:nth-child(3){animation-delay:.4s}.chest-reward-img{width:48px;height:48px;object-fit:contain}.chest-reward-item[data-reward-idx]{cursor:pointer;transition:transform .15s,box-shadow .15s}.chest-reward-item[data-reward-idx]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.chest-reward-icon{font-size:32px}.chest-reward-name{font-size:12px;font-weight:700;text-align:center;color:#eee}.chest-reward-sub{font-size:10px;font-weight:700}.chest-collect-btn{margin-top:8px;padding:10px 32px;background:linear-gradient(180deg,#5cb85c,#3a7a3a);color:#fff;border:2px solid #2a5a2a;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 3px #1e4a1e,0 4px 8px #0006;text-shadow:0 1px 1px rgba(0,0,0,.3)}.chest-collect-btn:hover{background:linear-gradient(180deg,#6ec86e,#4a9a4a);transform:translateY(-1px);box-shadow:0 4px #1e4a1e,0 6px 12px #0006}.chest-collect-btn:active{transform:translateY(2px);box-shadow:0 1px #1e4a1e}@keyframes chest-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes chest-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes chest-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes chest-hint-blink{0%,to{opacity:.6}50%{opacity:1}}@keyframes chest-particle-fly{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-60px) scale(.3)}}.chest-particle:nth-child(1){--angle: 0deg}.chest-particle:nth-child(2){--angle: 45deg}.chest-particle:nth-child(3){--angle: 90deg}.chest-particle:nth-child(4){--angle: 135deg}.chest-particle:nth-child(5){--angle: 180deg}.chest-particle:nth-child(6){--angle: 225deg}.chest-particle:nth-child(7){--angle: 270deg}.chest-particle:nth-child(8){--angle: 315deg}.chest-particle:nth-child(1){animation-name:cp-fly-0}.chest-particle:nth-child(2){animation-name:cp-fly-45}.chest-particle:nth-child(3){animation-name:cp-fly-90}.chest-particle:nth-child(4){animation-name:cp-fly-135}.chest-particle:nth-child(5){animation-name:cp-fly-180}.chest-particle:nth-child(6){animation-name:cp-fly-225}.chest-particle:nth-child(7){animation-name:cp-fly-270}.chest-particle:nth-child(8){animation-name:cp-fly-315}@keyframes cp-fly-0{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(10px,-50%) scale(.3)}}@keyframes cp-fly-45{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(42px,-8px) scale(.3)}}@keyframes cp-fly-90{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(60px) scale(.3)}}@keyframes cp-fly-135{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(42px,42px) scale(.3)}}@keyframes cp-fly-180{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translateY(60px) scale(.3)}}@keyframes cp-fly-225{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-42px,42px) scale(.3)}}@keyframes cp-fly-270{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-60px) scale(.3)}}@keyframes cp-fly-315{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-42px,-42px) scale(.3)}}@keyframes chest-reveal-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes chest-reward-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.celebrate-overlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:24px;background:#00000080;opacity:0;transition:opacity .3s ease;z-index:110;pointer-events:auto}.celebrate-overlay.celebrate-visible{opacity:1}.celebrate-card{position:relative;background:url(../assets/ui/menu/menu_paper_bg.webp);background-size:256px 256px;border:3px solid var(--accent, #d4a540);border-radius:12px;padding:16px 22px 18px;text-align:center;min-width:220px;max-width:280px;box-shadow:0 0 0 2px #3a2210,0 0 34px color-mix(in srgb,var(--accent, #d4a540) 45%,transparent),var(--shadow);transform:scale(.8) translateY(-10px);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.celebrate-visible .celebrate-card{transform:scale(1) translateY(0)}.celebrate-eyebrow{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.celebrate-emblem-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin:4px 0 10px;height:74px}.celebrate-glow{position:absolute;width:130px;height:130px;border-radius:50%;opacity:0;animation:celebrateGlowIn .8s ease .3s forwards}@keyframes celebrateGlowIn{to{opacity:.5}}.celebrate-emblem{position:relative;width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.6);box-shadow:0 3px 8px #3c281466,inset 0 2px 4px #ffffff8c,inset 0 -4px 6px #00000040;animation:celebratePop .5s cubic-bezier(.34,1.56,.64,1) .1s both}.celebrate-emblem-emoji{font-size:34px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.celebrate-img{position:relative;width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3));animation:celebratePop .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes celebratePop{0%{transform:scale(.2) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.celebrate-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:#3b2414;margin-bottom:3px}.celebrate-subtitle{font-size:12px;color:var(--text-dim);line-height:1.3;margin-bottom:12px;text-transform:capitalize}.celebrate-reward{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;margin-bottom:14px;border-radius:999px;background:linear-gradient(180deg,#d4a54038,#d4a5401a);border:1.5px solid rgba(212,165,64,.55)}.celebrate-reward-icon{width:22px;height:22px;object-fit:contain}.celebrate-reward-amount{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--gold-dark)}.celebrate-reward-label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold-dark)}.celebrate-claim-btn{display:block;width:100%;background:linear-gradient(180deg,#e8b84b,#c8923a);color:#3a2408;border:2px solid #96691f;border-radius:9px;padding:11px 24px;font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.5px;cursor:pointer;transition:transform .1s,box-shadow .2s,filter .15s;box-shadow:0 3px #7a5418,0 4px 10px #00000047;text-shadow:0 1px 1px rgba(255,255,255,.35)}.celebrate-claim-btn:hover:not(:disabled){background:linear-gradient(180deg,#f4c65a,#d8a145);transform:translateY(-1px);box-shadow:0 4px #7a5418,0 6px 14px #00000052}.celebrate-claim-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #7a5418}.celebrate-claim-btn:disabled{filter:saturate(.6) brightness(1.05);cursor:default;color:#3f7d3f}.levelup-overlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:24px;background:#0009;opacity:0;transition:opacity .3s ease;z-index:115;pointer-events:auto}.levelup-overlay.levelup-visible{opacity:1}.levelup-card{position:relative;overflow:hidden;background:url(../assets/ui/menu/menu_paper_bg.webp);background-size:256px 256px;border:3px solid #f4d56a;border-radius:14px;padding:20px 26px 22px;text-align:center;min-width:230px;max-width:280px;box-shadow:0 0 0 2px #3a2210,0 0 40px #f4d56a66,0 0 80px #f4d56a26,var(--shadow);transform:scale(.7) translateY(-20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.levelup-visible .levelup-card{transform:scale(1) translateY(0)}.levelup-rays{position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(244,213,106,.06) 10deg,transparent 20deg,transparent 30deg,rgba(244,213,106,.06) 40deg,transparent 50deg);animation:levelupSpin 12s linear infinite;pointer-events:none}@keyframes levelupSpin{to{transform:rotate(360deg)}}.levelup-eyebrow{position:relative;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#d4a540;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.levelup-level-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin:8px 0 10px;height:80px}.levelup-level-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(244,213,106,.5) 0%,transparent 65%);opacity:0;animation:levelGlowPulse 2s ease-in-out .3s infinite}@keyframes levelGlowPulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.6;transform:scale(1.1)}}.levelup-level-num{position:relative;font-family:var(--font-display);font-size:52px;font-weight:900;color:#3b2414;text-shadow:0 2px 0 rgba(244,213,106,.6),0 0 20px rgba(244,213,106,.3);animation:levelNumPop .5s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes levelNumPop{0%{transform:scale(.3) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.levelup-subtitle{position:relative;font-size:13px;color:var(--text-dim);margin-bottom:14px}.levelup-rewards{position:relative;display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:10px 14px;border-radius:8px;background:#f4d56a14;border:1px solid rgba(244,213,106,.25)}.levelup-reward-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#3b2414}.levelup-reward-icon{font-size:16px;flex-shrink:0}.levelup-reward-text{font-weight:600}.levelup-reward-total{font-size:11px;color:var(--text-dim);margin-left:auto}.levelup-buttons{position:relative;display:flex;flex-direction:column;gap:8px}.levelup-allocate-btn{display:block;width:100%;background:linear-gradient(180deg,#e8b84b,#c8923a);color:#3a2408;border:2px solid #96691f;border-radius:9px;padding:11px 24px;font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.5px;cursor:pointer;transition:transform .1s,box-shadow .2s,filter .15s;box-shadow:0 3px #7a5418,0 4px 10px #00000047;text-shadow:0 1px 1px rgba(255,255,255,.35)}.levelup-allocate-btn:hover{background:linear-gradient(180deg,#f4c65a,#d8a145);transform:translateY(-1px);box-shadow:0 4px #7a5418,0 6px 14px #00000052}.levelup-allocate-btn:active{transform:translateY(2px);box-shadow:0 1px #7a5418}.levelup-dismiss-btn{display:block;width:100%;background:transparent;color:var(--text-dim);border:1.5px solid rgba(90,56,24,.25);border-radius:9px;padding:8px 24px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.levelup-dismiss-btn:hover{background:#5a38180f;border-color:#5a381866}.menu-btn{position:relative}.menu-btn-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(180deg,#e85454,#c03030);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0006,0 0 0 2px #3a2210;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:2}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.bb-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;opacity:0;transition:opacity .3s ease;z-index:100}.bb-overlay.bb-visible{opacity:1}.bb-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 32px;background:radial-gradient(ellipse at center,#3b2a1a,#1a1008);border:3px solid var(--bb-color, #5a3818);border-radius:16px;min-width:260px;box-shadow:0 0 0 2px #3a2210,0 0 40px #140a00cc}.bb-tier-label{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--bb-color, #c8a24c)}.bb-image-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;cursor:pointer}.bb-glow{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,var(--bb-color, #c8a24c) 0%,transparent 70%);opacity:.3;animation:bb-pulse 2s ease-in-out infinite}.bb-img{width:110px;height:110px;object-fit:contain;position:relative;z-index:1}.bb-wobble{animation:bb-wobble 1.5s ease-in-out infinite}.bb-shake{animation:bb-shake .12s ease-in-out infinite}.bb-tap-hint{font-size:13px;color:#999;animation:bb-hint-blink 1.5s ease-in-out infinite}.bb-particles{position:absolute;inset:0;pointer-events:none}.bb-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--bb-color, #ffd700);left:50%;top:50%;animation:bb-particle-fly .8s ease-out forwards;animation-delay:calc(var(--i) * .05s);opacity:0}.bb-revealed{animation:bb-reveal-in .4s ease-out}.bb-rewards-title{font-family:var(--font-display);font-size:var(--heading-lg);font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.4)}.bb-reward-grid{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:420px}.bb-reward-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;background:#c8a24c1a;border:2px solid var(--bb-color, #5a3818);border-radius:12px;min-width:100px;cursor:pointer;transition:transform .15s,box-shadow .15s;animation:bb-reward-pop .4s ease-out backwards}.bb-reward-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000080;background:#c8a24c29}.bb-reward-item:nth-child(1){animation-delay:.1s}.bb-reward-item:nth-child(2){animation-delay:.2s}.bb-reward-item:nth-child(3){animation-delay:.3s}.bb-reward-item:nth-child(4){animation-delay:.4s}.bb-reward-item:nth-child(5){animation-delay:.5s}.bb-reward-item:nth-child(6){animation-delay:.6s}.bb-reward-img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.bb-reward-name{font-size:13px;font-weight:700;text-align:center;color:#f0e8d8;line-height:1.2}.bb-reward-count{font-size:15px;font-weight:700;color:var(--bb-color, #c8a24c);text-shadow:0 0 6px rgba(200,162,76,.3)}.bb-collect-btn{margin-top:8px;padding:10px 32px;background:linear-gradient(180deg,#5cb85c,#3a7a3a);color:#fff;border:2px solid #2a5a2a;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 3px #1e4a1e,0 4px 8px #0006;text-shadow:0 1px 1px rgba(0,0,0,.3)}.bb-collect-btn:hover{background:linear-gradient(180deg,#6ec86e,#4a9a4a);transform:translateY(-1px);box-shadow:0 4px #1e4a1e,0 6px 12px #0006}.bb-collect-btn:active{transform:translateY(2px);box-shadow:0 1px #1e4a1e}@keyframes bb-wobble{0%,to{transform:rotate(-3deg) scale(1)}25%{transform:rotate(2deg) scale(1.02)}50%{transform:rotate(-2deg) scale(1)}75%{transform:rotate(3deg) scale(1.01)}}@keyframes bb-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-3px) rotate(-1deg)}40%{transform:translate(3px) rotate(1deg)}60%{transform:translate(-2px) rotate(-.5deg)}80%{transform:translate(2px) rotate(.5deg)}}@keyframes bb-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes bb-hint-blink{0%,to{opacity:.6}50%{opacity:1}}@keyframes bb-reveal-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bb-reward-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes bb-particle-fly{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-60px) scale(.3)}}.bb-particle:nth-child(1){animation-name:bp-fly-0}.bb-particle:nth-child(2){animation-name:bp-fly-45}.bb-particle:nth-child(3){animation-name:bp-fly-90}.bb-particle:nth-child(4){animation-name:bp-fly-135}.bb-particle:nth-child(5){animation-name:bp-fly-180}.bb-particle:nth-child(6){animation-name:bp-fly-225}.bb-particle:nth-child(7){animation-name:bp-fly-270}.bb-particle:nth-child(8){animation-name:bp-fly-315}@keyframes bp-fly-0{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(10px,-50px) scale(.3)}}@keyframes bp-fly-45{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(42px,-42px) scale(.3)}}@keyframes bp-fly-90{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(60px) scale(.3)}}@keyframes bp-fly-135{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(42px,42px) scale(.3)}}@keyframes bp-fly-180{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translateY(60px) scale(.3)}}@keyframes bp-fly-225{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-42px,42px) scale(.3)}}@keyframes bp-fly-270{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-60px) scale(.3)}}@keyframes bp-fly-315{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-42px,-42px) scale(.3)}}.mp-fish-guide{margin:6px 0;padding:8px 10px;background:#16303d;border:1px solid #2f5d72;border-left:3px solid #6dbce6;border-radius:8px;font-size:12px}.mp-fish-guide-title{font-weight:700;color:#b6e2f7;margin-bottom:4px;font-size:12px}.mp-fish-guide-row{display:flex;gap:8px;line-height:1.5;color:#e6f2f8}.mp-fish-guide-label{flex:0 0 62px;color:#8fbdd2;font-weight:600}.qr-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;opacity:0;transition:opacity .3s ease;z-index:120}.qr-overlay.qr-visible{opacity:1}.qr-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 28px;background:radial-gradient(ellipse at center,#2a2418,#14100a);border:3px solid #a8842c;border-radius:16px;min-width:300px;max-width:380px;box-shadow:0 0 0 2px #5a4718,0 0 44px #c8a03c59;animation:qr-card-in .35s ease-out}@keyframes qr-card-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.qr-title{font-family:var(--font-display);font-size:var(--heading-lg);font-weight:700;color:gold;text-shadow:0 0 12px rgba(255,215,0,.45)}.qr-subtitle{font-size:13px;color:#c9b98a;margin-top:-6px}.qr-reward-grid{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.qr-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;min-width:78px;background:#c8a24c14;border:1px solid;border-radius:10px;animation:qr-tile-pop .4s ease-out backwards}.qr-tile:nth-child(1){animation-delay:.08s}.qr-tile:nth-child(2){animation-delay:.18s}.qr-tile:nth-child(3){animation-delay:.28s}.qr-tile:nth-child(4){animation-delay:.38s}@keyframes qr-tile-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.qr-tile-img{width:44px;height:44px;object-fit:contain}.qr-tile-icon{font-size:34px;line-height:44px;color:gold;text-shadow:0 0 8px rgba(255,215,0,.7),0 0 16px rgba(255,180,0,.4)}.qr-tile-name{font-size:12px;font-weight:700;text-align:center;color:#eee}.qr-tile-sub{font-size:11px;font-weight:700}.qr-tile--item{cursor:help}.qr-close-btn{margin-top:4px;padding:10px 34px;background:linear-gradient(180deg,#d4a540,#a8842c);color:#14100a;border:2px solid #7a5f1e;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .1s,filter .15s;box-shadow:0 3px #6a4f14}.qr-close-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.qr-close-btn:active{transform:translateY(2px);box-shadow:0 1px #6a4f14}.mp-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#140a00b3;backdrop-filter:blur(3px);opacity:0;transition:opacity .25s ease;z-index:100;touch-action:auto}.mp-overlay.mp-visible{opacity:1}.mp-overlay.mp-visible .mp-card{transform:none}.mp-card{position:relative;display:flex;flex-direction:column;height:82dvh;max-height:82dvh;background:url(../assets/ui/menu/menu_wood_tile.webp);background-size:128px 128px;border:none;border-radius:10px;padding:14px;box-shadow:0 0 0 3px #6b4422,0 0 0 5px #5a381859,0 12px 40px #140a0099,inset 0 0 8px #0000001a;transform:translateY(12px) scale(.95);transition:transform .3s cubic-bezier(.34,1.3,.64,1);overflow:hidden}.mp-card:before,.mp-card:after{content:"";position:absolute;width:48px;height:48px;background:url(../assets/ui/menu/corner_flourish.png) no-repeat center / contain;z-index:5;pointer-events:none;opacity:.85}.mp-card:before{top:4px;left:4px}.mp-card:after{bottom:4px;right:4px;transform:rotate(180deg)}.mp-edge{height:4px;background:linear-gradient(180deg,#8b6b3a,#6b4422);border-radius:2px;flex-shrink:0;box-shadow:inset 0 1px #ffdc9659,inset 0 -1px #00000040}.mp-edge--bottom{margin-top:auto}.mp-header{display:flex;align-items:center;gap:10px;padding:8px 12px;flex-shrink:0}.mp-title{flex:1;font-family:var(--font-display);font-size:var(--heading-lg);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#f5e2b8;margin:0;text-shadow:0 2px 0 #1a0a00,0 0 4px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.5)}.mp-header-right{font-size:var(--body);font-weight:700;font-family:var(--font-display);color:#f5e2b8;white-space:nowrap;text-shadow:0 2px 0 #1a0a00,0 0 4px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.7)}.mp-header-right:empty{display:none}.mp-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:url(../assets/ui/menu/menu_close_btn.png) no-repeat center / 38px 38px;background-color:transparent;border:none;border-radius:50%;overflow:hidden;cursor:pointer;transition:all .15s;flex-shrink:0;padding:0;box-shadow:none}.mp-close svg{display:none}.mp-close:hover{transform:scale(1.12);filter:brightness(1.15);background-color:#8c281e1f;box-shadow:0 2px 8px #00000026}.mp-close:active{transform:scale(.9);filter:brightness(.9)}.mp-tabs{display:flex;gap:3px;padding:2px 12px 8px;flex-shrink:0}.mp-tab{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 10px;background:#3c281499;border:1px solid rgba(90,56,24,.4);border-radius:8px 8px 3px 3px;color:#dcc89c;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .15s;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3)}.mp-tab-icon{width:26px;height:26px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));opacity:.8}.mp-tab:hover{background:#50371eb3;color:#ffe8a0;border-color:#c8a24c59;transform:translateY(-1px)}.mp-tab:hover .mp-tab-icon{opacity:1}.mp-tab--active{background:linear-gradient(180deg,#7a5528,#5a3818);border-color:var(--gold);color:#ffe8a0;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 0 8px #c8a24c4d,inset 0 1px #ffdc9640,inset 0 -1px #0003;transform:translateY(-2px)}.mp-tab--active .mp-tab-icon{opacity:1;filter:drop-shadow(0 0 3px rgba(200,162,76,.5))}.mp-tab--active:after{content:"";position:absolute;bottom:2px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:1px}.mp-tab-badge{position:absolute;top:-4px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:linear-gradient(180deg,#e85454,#c03030);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0006,0 0 0 2px #3a2210;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.mp-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 16px;min-height:0;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;will-change:scroll-position;background:url(../assets/ui/menu/menu_paper_bg.webp);background-size:256px 256px;border-radius:6px;border:2px solid rgba(90,56,24,.5);box-shadow:inset 0 2px 6px #5a381840,inset 0 0 20px #5a381814}@keyframes tabContentIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mp-body::-webkit-scrollbar{width:10px}.mp-body::-webkit-scrollbar-track{background:#d4be94;border-radius:5px}.mp-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7a5028,#5a3818);border-radius:5px;border:1px solid #4a2c12}.mp-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5e34,#6b4422)}.mp-section-title{font-family:var(--font-display);font-size:var(--body-sm);font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#5a3818;margin:20px 0 12px;padding-bottom:10px;text-align:center;background:url(../assets/ui/menu/divider_ornament.png) no-repeat center bottom / 100px auto;overflow:hidden}.mp-section-title--plain{background:none;padding-bottom:0}.mp-section-title:first-child{margin-top:0}.mp-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#c8a24c0d;border:1px solid rgba(90,56,24,.12);border-left:3px solid transparent;border-radius:8px;transition:background .12s,border-color .12s,transform .12s,box-shadow .12s}.mp-row:hover{background:#c8a24c24;border-color:#5a381840;border-left-color:var(--gold);transform:translate(2px);box-shadow:0 2px 8px #0000000f}.mp-row+.mp-row{margin-top:8px}.mp-row--active{border-left-color:var(--gold);border-color:#c8a24c80;background:#c8a24c24}.mp-row--clickable{cursor:pointer}.mp-row-icon,.mp-row-img{width:38px;height:38px;object-fit:contain;flex-shrink:0;border-radius:6px}.mp-row-info{flex:1;min-width:0}.mp-row-name{font-size:var(--body);font-weight:600;color:#3b2414;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-row-desc{font-size:var(--body-sm);color:#7a6040;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.mp-row-value{font-size:16px;font-weight:700;font-family:var(--font-mono);color:#3b2414;flex-shrink:0;min-width:32px;text-align:center}.mp-btn{padding:10px 18px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .12s;flex-shrink:0;text-shadow:0 1px 1px rgba(0,0,0,.3)}.mp-btn--gold{background:linear-gradient(180deg,#c4944a,#a87532 8%,#8b5e28 20%,#9b6b30,#7a5020,#6b4422,#5a3818);border:2px solid #4a2c12;color:#ffe8c0;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 3px #3a2008,0 4px 8px #0000004d,inset 0 1px #ffdc9659,inset 0 -1px #0003;padding:10px 20px}.mp-btn--gold:hover{background:linear-gradient(180deg,#d4a458,#b8853a 8%,#9b6e30 20%,#ab7b38,#8a6028,#7b5428,#6a4820);transform:translateY(-1px);box-shadow:0 4px #3a2008,0 6px 12px #00000059,inset 0 1px #ffdc9666,inset 0 -1px #0003}.mp-btn--gold:active{transform:translateY(2px) scale(.97);box-shadow:0 1px #3a2008,inset 0 1px #ffdc9633;filter:brightness(.92);transition-duration:.05s}.mp-btn--green{background:linear-gradient(180deg,#5cb85c,#3a7a3a);color:#fff;border:2px solid #2a5a2a;box-shadow:0 3px #1e4a1e,0 4px 8px #00000040}.mp-btn--green:hover{background:linear-gradient(180deg,#6ec86e,#4a9a4a);transform:translateY(-1px);box-shadow:0 4px #1e4a1e,0 6px 12px #0000004d}.mp-btn--green:active{transform:translateY(2px) scale(.97);box-shadow:0 1px #1e4a1e;transition-duration:.05s}.mp-btn--red{background:linear-gradient(180deg,#d9534f,#a03030);color:#fff;border:2px solid #7a2020;box-shadow:0 3px #5a1515,0 4px 8px #00000040}.mp-btn--red:hover{background:linear-gradient(180deg,#e06560,#b83a3a);transform:translateY(-1px);box-shadow:0 4px #5a1515,0 6px 12px #0000004d}.mp-btn--red:active{transform:translateY(2px) scale(.97);box-shadow:0 1px #5a1515;transition-duration:.05s}.mp-btn--ghost{background:#5a381814;color:#5a3818;border:1px solid rgba(90,56,24,.25);text-shadow:none;box-shadow:none}.mp-btn--ghost:hover{background:#5a381829;border-color:#5a381866}.mp-btn--full{width:100%;padding:12px;font-size:14px;margin-top:12px;border-radius:10px}.mp-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:grayscale(.5)!important}.mp-empty{text-align:center;padding:48px 24px;color:#7a6040;font-size:var(--body);font-style:italic;line-height:1.6}.mp-empty-img{width:80px;height:80px;object-fit:contain;margin:0 auto 14px;opacity:.85;animation:emptyBob 3s ease-in-out infinite}.mp-empty-icon{font-size:42px;margin-bottom:12px;opacity:.6;animation:emptyBob 3s ease-in-out infinite}.mp-empty-title{font-family:var(--font-display);font-size:var(--heading-md);font-weight:700;color:#5a3818;margin-bottom:6px;font-style:normal}@keyframes emptyBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cp-level-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cp-level-badge{font-size:14px;padding:5px 12px}.cp-xp-wrap{flex:1}.cp-xp-text{font-size:11px;color:var(--text-dim);margin-top:4px;font-family:var(--font-mono)}.mp-grid-item-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mp-grid-item-meta{display:flex;gap:6px;font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.journal-weight-star{position:absolute;top:4px;right:6px;z-index:2;font-size:24px;line-height:1;pointer-events:none;text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 1px 2px rgba(0,0,0,.6);-webkit-text-stroke:.75px rgba(0,0,0,.5)}.journal-weight-star--apex{animation:journalApexStar 2.4s ease-in-out infinite}@keyframes journalApexStar{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.18) rotate(10deg)}}.mp-bar{height:10px;background:#5a38181f;border-radius:5px;overflow:hidden;flex:1;border:1px solid rgba(90,56,24,.2);box-shadow:inset 0 1px 2px #0000001a}.mp-bar-fill{height:100%;border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.mp-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);animation:barShimmer 3s ease-in-out infinite}@keyframes barShimmer{0%{transform:translate(-100%)}50%,to{transform:translate(200%)}}.mp-bar-fill--gold{background:linear-gradient(90deg,#8b6b1a,#c8a24c)}.mp-bar-fill--green{background:linear-gradient(90deg,#2a6a22,#4a9e3f)}.mp-bar-fill--blue{background:linear-gradient(90deg,#2a5a8a,#3d7ab8)}.mp-badge{display:inline-block;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.3px}.mp-badge--gold{background:#c8a24c33;color:#7a5520;border:1px solid rgba(200,162,76,.4)}.mp-badge--green{background:#4a9e3f26;color:#2a6a22}.mp-badge--blue{background:#3d7ab826;color:#2a5a8a}.mp-badge--purple{background:#7b4f8a26;color:#5a3a6a}.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px}.mp-grid-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 8px;border:1px solid rgba(90,56,24,.15);border-radius:10px;background:#fff8e673;text-align:center;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.mp-grid-item:hover{border-color:#c8a24c80;background:#c8a24c1f;transform:translateY(-2px);box-shadow:0 3px 8px #00000014}.mp-divider{height:24px;background:url(../assets/ui/menu/divider_ornament.png) no-repeat center / 160px auto;margin:10px 0}.st-points-badge{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;background:linear-gradient(135deg,#4a3018,#3a2210);border:2px solid #6b4422;border-radius:20px;font-family:var(--font-display);box-shadow:0 2px 6px #0000004d,inset 0 1px #ffc86426}.st-points-badge--has{background:linear-gradient(135deg,#5a3a10,#3a2508);border-color:#d4a540;box-shadow:0 0 10px #d4a54080,inset 0 1px #ffdc964d;animation:stPointsPulse 2s ease-in-out infinite}.st-points-icon{font-size:16px;color:#c8a24c}.st-points-badge--has .st-points-icon{color:#d4a540;text-shadow:0 0 6px rgba(212,165,64,.6)}.st-points-value{font-size:18px;font-weight:800;color:#ffe8a0;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.st-points-badge--has .st-points-value{color:#fff;text-shadow:0 0 1px #000,0 1px 2px rgba(0,0,0,.8),0 0 8px rgba(255,200,50,.6)}.st-points-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#c8b490;margin-left:2px}@keyframes stPointsPulse{0%,to{box-shadow:0 0 8px #d4a5404d,inset 0 1px #ffdc964d}50%{box-shadow:0 0 14px #d4a54080,0 0 20px #d4a54033,inset 0 1px #ffdc9666}}.cp-inline-banner{text-align:center;margin-bottom:12px;animation:emptyBob 2s ease-in-out infinite}.skill-cat-pills{display:flex;gap:6px;margin-bottom:16px;padding:4px;background:#28190c73;border-radius:12px;border:1px solid rgba(90,56,24,.3);box-shadow:inset 0 2px 4px #00000026}.skill-cat-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:9px;border:1.5px solid color-mix(in srgb,var(--pill-color) 35%,rgba(60,40,20,.8));background:color-mix(in srgb,var(--pill-color) 12%,rgba(30,20,10,.85));cursor:pointer;transition:all .15s;font-family:var(--font-display)}.skill-cat-pill-label{font-size:12px;font-weight:700;color:color-mix(in srgb,var(--pill-color) 60%,#fff);letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:color .15s}.skill-cat-pill-count{font-size:10px;font-family:var(--font-mono);color:color-mix(in srgb,var(--pill-color) 40%,rgba(255,255,255,.7));transition:color .15s}.skill-cat-pill:hover{background:rgba(var(--pill-color-rgb, 200, 162, 76),.1);border-color:var(--pill-color, rgba(200, 162, 76, .3))}.skill-cat-pill:hover .skill-cat-pill-label{color:var(--pill-color, #ffe8a0)}.skill-cat-pill--active{background:linear-gradient(180deg,color-mix(in srgb,var(--pill-color) 35%,rgba(20,12,5,.9)),color-mix(in srgb,var(--pill-color) 20%,rgba(20,12,5,.9)));border-color:var(--pill-color);box-shadow:0 0 10px color-mix(in srgb,var(--pill-color) 35%,transparent),inset 0 1px #ffffff1f}.skill-cat-pill--active .skill-cat-pill-label{color:color-mix(in srgb,var(--pill-color) 70%,#fff);text-shadow:0 0 8px color-mix(in srgb,var(--pill-color) 50%,transparent)}.skill-cat-pill--active .skill-cat-pill-count{color:var(--pill-color);opacity:.8}.st-list{display:flex;flex-direction:column;align-items:stretch}.st-node{padding:10px 12px;background:#c8a24c0f;border:1px solid rgba(90,56,24,.15);border-radius:8px;transition:background .12s,border-color .12s;position:relative}.st-node:hover{background:#c8a24c24}.st-node--available{border-color:#c8a24c66;background:#c8a24c1a}.st-node--available:hover{background:#c8a24c38}.st-node--allocated{background:#c8a24c24;border-color:#c8a24c80}.st-node-header{display:flex;align-items:center;gap:10px}.st-node-icon{font-size:30px;width:44px;text-align:center;flex-shrink:0}.st-node-info{flex:1;min-width:0}.st-node-name{font-size:14px;font-weight:600}.st-node-desc{font-size:12px;color:#7a6040;margin-top:2px}.st-rarity{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-top:6px;margin-left:44px}.st-rarity--rare{color:#4a9eff}.st-rarity--epic{color:#c77dff}.st-connector{width:2px;height:14px;background:#5a381840;margin:0 auto}.mp-row--primary{background:#c8a24c1a;border-left-color:var(--gold)}.mp-row--primary .mp-row-value{font-size:15px;color:var(--gold-dark);font-weight:700}.mp-row--secondary .mp-row-name{font-size:13px;font-weight:400;color:var(--text-dim)}.mp-grid-item--discovered{animation:gridItemReveal .3s ease backwards}.mp-grid-item--undiscovered{opacity:.35;filter:grayscale(.4)}@keyframes gridItemReveal{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.mp-row--quest{flex-wrap:wrap;padding:12px}.mp-row--quest-done{border-color:#d4a54066;border-left-color:var(--gold);background:#c8a24c14}.mp-quest-regen{display:flex;justify-content:center;align-items:baseline;gap:6px;padding:6px 10px;margin-bottom:8px;border-radius:8px;background:#5a38181f;border:1px solid rgba(90,56,24,.15)}.mp-quest-regen-label{font-size:11px;color:#5a3818;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.mp-quest-regen-timer{font-size:13px;font-weight:700;color:#7a5520;font-family:var(--font-mono)}.mp-daily-goal{padding:8px 12px 10px;margin-bottom:10px;border-radius:10px;background:linear-gradient(180deg,#d4a54024,#d4a5400f);border:1px solid rgba(212,165,64,.4)}.mp-daily-goal--done{background:#5a381814;border-color:#5a381826}.mp-daily-goal-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.mp-daily-goal-label{font-size:11px;font-weight:700;color:#5a3818;text-transform:uppercase;letter-spacing:.04em}.mp-daily-goal-reward{font-size:12px;font-weight:800;color:#b8860b}.mp-daily-goal-done{font-size:12px;font-weight:700;color:#4a7c2f}.mp-daily-goal-bar{margin:0}.mp-daily-pips{display:flex;gap:5px;margin-top:6px}.mp-daily-pip{flex:1;height:4px;border-radius:2px;background:#5a38182e;transition:background .25s ease}.mp-daily-pip--on{background:#d4a540;box-shadow:0 0 6px #d4a54099}.mp-quest-header{display:flex;justify-content:space-between;align-items:center;width:100%}.mp-quest-time{font-size:11px;color:var(--text-main);font-weight:600;font-family:var(--font-mono)}.mp-quest-progress{display:flex;align-items:center;gap:8px;margin:6px 0;width:100%}.mp-quest-reward{font-size:11px;color:var(--gold);font-weight:600}.mp-quest-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;width:100%}.mp-quest-slots{font-size:11px;font-weight:700;color:var(--gold);background:#00000040;padding:2px 8px;border-radius:10px;margin-left:8px}.buff-row{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.buff-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:700;border:1px solid;animation:buffPulse 2s ease-in-out infinite}.buff-badge-img{width:16px;height:16px;object-fit:contain}.buff-badge-time{font-family:var(--font-mono)}@keyframes buffPulse{0%,to{opacity:1}50%{opacity:.7}}.cp-attr-banner{text-align:center;margin-bottom:10px;animation:emptyBob 2s ease-in-out infinite}.cp-attr-row{min-height:44px}.cp-attr-pts{font-size:12px;font-family:var(--font-mono);color:#5a3818;white-space:nowrap;margin-right:8px}.cp-attr-btn{width:38px;height:38px;min-width:38px;padding:0;font-size:18px;font-weight:700;line-height:1;border-radius:8px;border:2px solid rgba(74,158,63,.4);color:#2a6a22;background:#4a9e3f1a;cursor:pointer;transition:all .12s}.cp-attr-btn:hover{background:#4a9e3f40;border-color:#3a7a3a;transform:scale(1.1)}.cp-attr-btn:active{transform:scale(.95)}.cp-stat-row{min-height:40px}.cp-stat-row--expandable{cursor:pointer}.cp-stat-icon{width:32px;height:32px;flex-shrink:0;image-rendering:pixelated}.cp-stat-value{font-size:13px;font-weight:700;font-family:var(--font-mono);color:#3b2210;margin-right:8px;white-space:nowrap}.cp-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:0;font-size:12px;background:none;border:1px solid rgba(90,56,24,.2);border-radius:6px;color:#5a3818;transition:transform .15s,background .12s}.cp-expand-btn:hover{background:#c8a24c1f}.cp-expand-btn--open{background:#c8a24c14}.cp-stat-breakdown{padding:6px 12px 8px 20px;margin:-2px 12px 8px;background:#5a38180a;border-left:2px solid rgba(200,162,76,.3);border-radius:0 0 6px 6px;font-size:12px;color:#5a3818;animation:tabContentIn .15s ease}.cp-breakdown-entry{display:flex;justify-content:space-between;padding:3px 0}.cp-breakdown-entry span:last-child{font-family:var(--font-mono);font-weight:600}.cp-breakdown-total{font-weight:700;border-top:1px solid rgba(90,56,24,.15);padding-top:5px;margin-top:4px;color:#3b2210}.cp-talent-row{cursor:pointer;transition:background .12s}.cp-talent-row:hover{background:#c8a24c24}.cp-quest-hint{text-align:center;font-size:12px;color:var(--text-dim);margin-top:16px;padding:10px;border-top:1px solid rgba(90,56,24,.1)}.journal-subtabs{display:flex;gap:8px;margin-bottom:16px}.journal-subtab{flex:1;padding:11px 12px;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:.3px;border:1.5px solid rgba(90,56,24,.3);cursor:pointer;color:#c4a672;background:#28190c66;transition:all .15s;font-family:var(--font-display);text-shadow:0 1px 2px rgba(0,0,0,.3)}.journal-subtab:hover{background:#c8a24c1f;color:#ffe8a0;border-color:#c8a24c59}.journal-subtab--active{background:linear-gradient(180deg,#7a5528f2,#503214f2);border-color:var(--gold);color:#ffe8a0;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 0 8px #c8a24c4d,inset 0 1px #ffdc9633}.ach-group-title{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:var(--body-sm);font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#5a3818;margin:22px 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(90,56,24,.18)}.ach-group-count{font-size:12px;font-family:var(--font-mono);font-weight:700;color:var(--gold-dark);letter-spacing:.5px}.ach-list{display:flex;flex-direction:column;gap:8px}.ach-row{display:flex;align-items:center;gap:13px;padding:12px 14px;background:#7855280f;border:1px solid rgba(90,56,24,.14);border-left:3px solid rgba(90,56,24,.18);border-radius:10px;transition:background .12s,border-color .12s,box-shadow .12s,transform .12s}.ach-row:hover{transform:translate(2px)}.ach-row:not(.ach-row--unlocked){background:#5a381808}.ach-row--unlocked{background:linear-gradient(90deg,color-mix(in srgb,var(--tier-color) 16%,transparent) 0%,color-mix(in srgb,var(--tier-color) 5%,transparent) 60%,transparent 100%),#fffaeb59;border-color:color-mix(in srgb,var(--tier-color) 40%,rgba(90,56,24,.2));border-left:3px solid var(--tier-color);box-shadow:0 1px 3px #5a38181f,inset 0 1px #ffffff59}.ach-icon{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--tier-color) 55%,#fff) 0%,var(--tier-color) 55%,color-mix(in srgb,var(--tier-color) 70%,#000) 100%);border:2px solid color-mix(in srgb,var(--tier-color) 70%,#4a2e14);box-shadow:0 2px 5px #3c281459,inset 0 1px 2px #ffffff8c,inset 0 -3px 5px #00000038}.ach-icon:before{content:"";position:absolute;top:4px;left:8px;right:8px;height:40%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);pointer-events:none}.ach-icon--locked{background:radial-gradient(circle at 50% 32%,#cdbfa6,#a2906f 70%,#8a7856);border-color:#5a381866;box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -3px 5px #00000026}.ach-icon-emoji{font-size:22px;line-height:1;position:relative;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.ach-icon--locked .ach-icon-emoji{font-size:17px;opacity:.65;filter:none}.ach-info{flex:1;min-width:0}.ach-name-row{display:flex;align-items:center;gap:8px}.ach-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text)}.ach-row:not(.ach-row--unlocked) .ach-name{color:#8a7250}.ach-tier{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:2px 7px;border-radius:8px;border:1px solid;background:color-mix(in srgb,var(--tier-color) 18%,#fff)}.ach-row:not(.ach-row--unlocked) .ach-tier{opacity:.55}.ach-desc{font-size:12.5px;color:var(--text-dim);margin:3px 0 6px;line-height:1.35}.ach-unlocked-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#3f7d3f;letter-spacing:.3px}.ach-claim-btn{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.3px;color:#3a2408;background:linear-gradient(180deg,#e8b84b,#c8923a);border:1.5px solid #96691f;border-radius:8px;padding:9px 16px;cursor:pointer;box-shadow:0 2px #7a5418,0 3px 6px #00000038;text-shadow:0 1px 1px rgba(255,255,255,.35);transition:transform .1s,box-shadow .18s,filter .15s;animation:achClaimPulse 1.6s ease-in-out infinite;min-height:40px}.ach-claim-btn:hover{background:linear-gradient(180deg,#f4c65a,#d8a145);transform:translateY(-1px);box-shadow:0 3px #7a5418,0 5px 10px #00000047}.ach-claim-btn:active{transform:translateY(1px);box-shadow:0 1px #7a5418}@keyframes achClaimPulse{0%,to{box-shadow:0 2px #7a5418,0 3px 6px #00000038}50%{box-shadow:0 2px #7a5418,0 0 12px #e8b84bbf}}.journal-claim-dot{position:absolute;top:4px;left:5px;font-size:14px;z-index:3;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));animation:achClaimPulse 1.6s ease-in-out infinite}.ach-progress{display:flex;align-items:center;gap:8px}.ach-progress .mp-bar{flex:1}.ach-progress-text{font-size:11px;font-family:var(--font-mono);font-weight:700;color:var(--gold-dark);flex-shrink:0;min-width:42px;text-align:right}.journal-zones{display:flex;gap:3px;margin-bottom:16px;padding:3px;background:#28190c80;border-radius:10px;border:1px solid rgba(90,56,24,.3);box-shadow:inset 0 2px 4px #0003}.journal-zone-tab{flex:1;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.2px;border:1px solid transparent;cursor:pointer;color:#c4a672;background:transparent;transition:all .15s;font-family:var(--font-display);text-shadow:0 1px 2px rgba(0,0,0,.3);text-align:center}.journal-zone-tab:hover{background:#c8a24c1f;color:#ffe8a0;border-color:#c8a24c33}.journal-zone-tab--active{background:linear-gradient(180deg,#7a5528e6,#503214e6);border-color:var(--gold);color:#ffe8a0;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 0 6px #c8a24c40,inset 0 1px #ffdc9633}.mp-grid--journal{grid-template-columns:repeat(3,1fr);gap:12px}.mp-grid--journal .mp-grid-item{padding:14px 8px;cursor:pointer}.mp-grid--journal .mp-grid-item-img{width:70px;height:70px;object-fit:contain;margin-bottom:6px}.mp-grid--journal .mp-grid-item-name{font-size:12px}.fish-detail-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#140a00bf;z-index:10;animation:tabContentIn .2s ease}.fish-detail-card{position:relative;background:url(../assets/ui/menu/menu_paper_bg.webp);background-size:256px 256px;border:3px solid #5a3818;border-radius:12px;padding:24px 20px;min-width:260px;max-width:320px;text-align:center;box-shadow:0 0 0 1px #c8a24c4d,0 12px 40px #140a0080}.fish-detail-stats{text-align:left;font-size:13px;color:#3b2414;line-height:2;margin:12px 0}.fish-detail-stats strong{color:#5a3818}@media(min-width:601px)and (max-height:800px){.mp-card{height:70dvh;max-height:70dvh}}.tut-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:800;opacity:0;transition:opacity .3s ease;pointer-events:none;background:#140a0080;backdrop-filter:blur(2px)}.tut-overlay.tut-visible{opacity:1;pointer-events:auto}.tut-overlay.tut-visible .tut-frame{transform:translate(0) scale(1)}.tut-box{display:flex;align-items:flex-end;gap:0;max-width:680px;width:94vw}.tut-mermaid{position:relative;flex-shrink:0;width:260px;z-index:3;margin-right:-16px;margin-bottom:-4px}.tut-mermaid img{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));animation:tut-float 3s ease-in-out infinite;transition:transform .2s ease}.tut-mermaid img.tut-pose-change{transform:scale(.94)}.tut-mermaid-glow{position:absolute;inset:15% 10% 5%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,220,120,.25) 0%,transparent 70%);pointer-events:none;z-index:-1;animation:tut-glow-pulse 4s ease-in-out infinite}@keyframes tut-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tut-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.tut-frame{position:relative;flex:1;min-width:0;background:url(../assets/ui/menu/menu_wood_tile.webp);background-size:128px 128px;border-radius:10px;padding:12px;box-shadow:0 0 0 3px #6b4422,0 0 0 5px #5a381859,0 12px 40px #140a0099,inset 0 0 8px #0000001a;transform:translate(12px) scale(.95);transition:transform .35s cubic-bezier(.34,1.3,.64,1)}.tut-frame:before,.tut-frame:after{content:"";position:absolute;width:40px;height:40px;background:url(../assets/ui/menu/corner_flourish.png) no-repeat center / contain;z-index:5;pointer-events:none;opacity:.85}.tut-frame:before{top:4px;left:4px}.tut-frame:after{bottom:4px;right:4px;transform:rotate(180deg)}.tut-paper{position:relative;background:url(../assets/ui/menu/menu_paper_bg.webp);background-size:256px 256px;border:2px solid rgba(90,56,24,.5);border-radius:6px;padding:18px 20px 14px;box-shadow:inset 0 2px 6px #5a381840,inset 0 0 20px #5a381814;transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.2,.64,1)}.tut-paper--flip{opacity:0;transform:translateY(8px) scale(.97)}.tut-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.tut-name{font-family:var(--font-display);font-size:var(--heading-md);font-weight:700;color:#3b2210;text-shadow:0 1px 0 rgba(255,220,150,.4)}.tut-step-count{font-size:11px;font-family:var(--font-mono);color:#7a6040;background:#5a381814;padding:2px 8px;border-radius:10px;border:1px solid rgba(90,56,24,.15)}.tut-divider{height:20px;background:url(../assets/ui/menu/divider_ornament.png) no-repeat center / 120px auto;margin-bottom:8px}.tut-text{font-size:var(--body);color:var(--text);line-height:1.6;margin-bottom:10px}.tut-text b{color:#5a3818;font-weight:700}.tut-extra{margin-bottom:10px}.tut-extra:empty{display:none}.tut-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.tut-dots{display:flex;gap:7px}.tut-dot{width:9px;height:9px;border-radius:50%;background:var(--gold-light);border:1.5px solid rgba(122,85,32,.3);transition:all .25s ease}.tut-dot--active{background:var(--gold);border-color:var(--gold-dark);transform:scale(1.3);box-shadow:0 0 8px #c8a24c99}.tut-btn{font-family:var(--font-display);font-size:var(--body-sm);font-weight:700;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .12s;min-height:44px}.tut-btn:active{transform:translateY(2px) scale(.97);transition-duration:.05s}.tut-btn--next{background:linear-gradient(180deg,#c4944a,#a87532 8%,#8b5e28 20%,#9b6b30,#7a5020,#6b4422,#5a3818);border:2px solid #4a2c12;color:#ffe8c0;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 3px #3a2008,0 4px 8px #0000004d,inset 0 1px #ffdc9659,inset 0 -1px #0003}.tut-btn--next:hover{background:linear-gradient(180deg,#d4a458,#b8853a 8%,#9b6e30 20%,#ab7b38,#8a6028,#7b5428,#6a4820);transform:translateY(-1px);box-shadow:0 4px #3a2008,0 6px 12px #00000059,inset 0 1px #ffdc9666,inset 0 -1px #0003}.tut-btn--next:active{box-shadow:0 1px #3a2008,inset 0 1px #ffdc9633;filter:brightness(.92)}.tut-inline-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin:0 2px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.tut-inline-icon--lg{width:28px;height:28px}.tut-highlighted{z-index:810!important;animation:tut-pulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes tut-pulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,220,80,.7))}50%{filter:drop-shadow(0 0 14px rgba(255,220,80,1))}}.tut-meter-wrap{display:flex;align-items:stretch;gap:10px;padding:12px 10px;background:#5a38180f;border-radius:8px;border:1px solid rgba(90,56,24,.2);box-shadow:inset 0 1px 3px #5a38181a;height:150px}.tut-meter-bar{width:18px;flex-shrink:0;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1.5px #0000004d,0 2px 6px #00000040}.tut-meter-seg{width:100%;position:relative}.tut-meter-seg+.tut-meter-seg{border-top:1.5px solid rgba(0,0,0,.4)}.tut-meter-annotations{flex:1;display:flex;flex-direction:column;min-width:0}.tut-meter-anno{display:flex;align-items:center;gap:5px;min-height:0}.tut-meter-arrow{font-size:13px;font-weight:700;color:var(--gold-dark);line-height:1}.tut-meter-label{font-family:var(--font-display);font-weight:700;font-size:12px;white-space:nowrap}.tut-meter-desc{font-size:11px;color:#5a4a3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tut-time-wrap{display:flex;gap:6px;padding:10px 8px;background:#5a38180f;border-radius:8px;border:1px solid rgba(90,56,24,.2);box-shadow:inset 0 1px 3px #5a38181a}.tut-time-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:6px;background:#fff8e680;border:1px solid rgba(90,56,24,.1)}.tut-time-icon{font-size:22px}.tut-time-label{font-family:var(--font-display);font-weight:700;font-size:11px}.tut-time-hours{font-size:10px;color:#5a4a3a;font-family:var(--font-mono)}.tut-loc-wrap{display:flex;flex-direction:column;gap:5px;padding:8px;background:#5a38180f;border-radius:8px;border:1px solid rgba(90,56,24,.2);box-shadow:inset 0 1px 3px #5a38181a}.tut-loc-item{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:6px;border-left:3px solid transparent;opacity:.55;transition:all .15s}.tut-loc-item--active{background:#c8a24c1f;border-left-color:var(--gold);opacity:1}.tut-loc-icon{width:32px;height:32px;object-fit:contain;border-radius:4px;flex-shrink:0}.tut-loc-name{font-family:var(--font-display);font-size:12px;font-weight:600;color:#3b2414;flex:1}.tut-loc-lock{width:16px;height:16px;object-fit:contain;opacity:.6}.tut-rain-wrap{display:flex;flex-direction:column;gap:6px;padding:10px;background:#5a38180f;border-radius:8px;border:1px solid rgba(90,56,24,.2);box-shadow:inset 0 1px 3px #5a38181a}.tut-rain-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;background:#fff8e680;border:1px solid rgba(90,56,24,.1);border-left:3px solid var(--gold)}.tut-rain-icon{font-size:22px;flex-shrink:0;width:30px;text-align:center}.tut-rain-info{display:flex;flex-direction:column;gap:1px}.tut-rain-label{font-family:var(--font-display);font-weight:700;font-size:12px;color:#3b2414}.tut-rain-desc{font-size:11px;color:#5a4a3a}.menu-tut{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:750;pointer-events:none;opacity:0;transition:opacity var(--anim-normal) ease,transform var(--anim-normal) ease}.menu-tut--visible{opacity:1}.menu-tut-box{display:flex;align-items:flex-end;gap:0;max-width:520px;width:88vw;pointer-events:none}.menu-tut--visible .menu-tut-box{pointer-events:auto}.menu-tut-mermaid{flex-shrink:0;width:160px;z-index:2}.menu-tut-mermaid img{width:100%;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));animation:tut-float 3s ease-in-out infinite}.menu-tut-bubble{flex:1;min-width:0;position:relative;background:url(../assets/ui/menu/menu_paper_bg.webp);background-size:256px 256px;border:2px solid rgba(90,56,24,.5);border-radius:10px;padding:12px 16px 10px;margin-left:-10px;box-shadow:0 0 0 2px #6b4422,0 4px 14px #1e0f004d,inset 0 1px 4px #5a381826;transition:opacity .15s ease,transform .15s ease}.menu-tut-bubble--flip{opacity:0;transform:translateY(3px)}.menu-tut-bubble:before{content:"";position:absolute;left:-10px;bottom:18px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid #6b4422}.menu-tut-bubble:after{content:"";position:absolute;left:-7px;bottom:20px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:9px solid #f4e8c8}.menu-tut-name{font-family:var(--font-display);font-size:13px;font-weight:700;color:#3b2210;margin-bottom:4px;text-shadow:0 1px 0 rgba(255,220,150,.3)}.menu-tut-text{font-size:12px;color:var(--text);line-height:1.5;margin-bottom:8px;max-height:160px;overflow-y:auto}.menu-tut-extra{margin-bottom:6px}.menu-tut-extra:empty{display:none}.menu-tut-btn{display:block;margin-left:auto}.tut-stat-hint{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#4a9e3f1a;border:1px solid rgba(74,158,63,.3);border-radius:8px;font-size:12px;color:#3b2414}.tut-stat-hint-arrow{font-size:14px;font-weight:700;color:#2a6b5a;animation:tut-pulse-arrow 1.5s ease-in-out infinite}@keyframes tut-pulse-arrow{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:600px){.tut-box{flex-direction:column;align-items:center;max-width:92vw}.tut-mermaid{width:160px;margin-right:0;margin-bottom:-20px}.tut-frame{padding:10px;transform:translate(0) scale(.95)}.tut-overlay.tut-visible .tut-frame{transform:translate(0) scale(1)}.tut-paper{padding:14px 14px 12px}.tut-text{font-size:13px;max-height:30vh;overflow-y:auto}.tut-frame:before,.tut-frame:after{width:28px;height:28px}.tut-name{font-size:15px}.tut-meter-wrap{height:120px;padding:8px}.tut-dots{gap:5px}.tut-dot{width:7px;height:7px}.menu-tut{bottom:64px}.menu-tut-box{flex-direction:column;align-items:center}.menu-tut-mermaid{width:120px;margin-bottom:-10px}.menu-tut-bubble{margin-left:0;margin-top:0}.menu-tut-bubble:before,.menu-tut-bubble:after{display:none}.menu-tut-text{max-height:120px;font-size:11px}}@media(max-width:380px){.tut-mermaid{width:120px;margin-bottom:-14px}.tut-paper{padding:10px 10px 8px}.tut-text{font-size:12px;max-height:25vh}.tut-btn{padding:7px 16px;font-size:12px}.menu-tut-mermaid{width:100px}}@media(orientation:landscape)and (max-height:500px){.tut-box{flex-direction:row;align-items:flex-end}.tut-mermaid{width:120px;margin-right:-10px;margin-bottom:0}.tut-mermaid-glow{display:none}.tut-paper{padding:10px 12px 8px}.tut-text{font-size:12px;max-height:80px;overflow-y:auto}.tut-divider{height:14px;margin-bottom:4px}.tut-meter-wrap{height:80px;padding:6px}.menu-tut{bottom:10px;right:10px;left:auto;transform:none}.menu-tut-box{flex-direction:row;max-width:380px}.menu-tut-mermaid{width:80px;margin-bottom:0}.menu-tut-bubble{margin-left:-8px}.menu-tut-bubble:before,.menu-tut-bubble:after{display:block}.menu-tut-text{max-height:70px;font-size:11px}}.help-overlay{position:fixed;inset:0;z-index:850;display:flex;align-items:center;justify-content:center;background:#06121eb8;backdrop-filter:blur(3px);animation:help-fade-in .2s ease}@keyframes help-fade-in{0%{opacity:0}to{opacity:1}}.help-menu{width:min(440px,92vw);max-height:86vh;overflow-y:auto;background:linear-gradient(180deg,#fdf6e3,#f3e7c9);border:3px solid #2c2013;border-radius:18px;box-shadow:0 18px 48px #00000080;padding:20px;animation:help-pop-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes help-pop-in{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.help-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.help-menu-title{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:800;color:#2c2013}.help-menu-close{flex:0 0 auto;width:34px;height:34px;border:2px solid #2c2013;border-radius:50%;background:#fffaf0;color:#2c2013;font-size:20px;line-height:1;cursor:pointer;transition:transform .12s ease,background .12s ease}.help-menu-close:hover{background:#ffe3b3;transform:scale(1.08)}.help-menu-sub{margin:6px 0 16px;font-size:14px;color:#6b5a3e}.help-topic-list{display:flex;flex-direction:column;gap:10px}.help-topic{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:2px solid #d8c496;border-radius:14px;background:#fffaf0;cursor:pointer;text-align:left;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.help-topic:hover{transform:translate(3px);border-color:#2c2013;box-shadow:0 4px 12px #00000026}.help-topic-icon{flex:0 0 auto;font-size:28px;line-height:1}.help-topic-text{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.help-topic-title{font-family:Georgia,serif;font-size:16px;font-weight:700;color:#2c2013}.help-topic-sub{font-size:12px;color:#8a7550}.help-topic-chevron{flex:0 0 auto;font-size:24px;color:#b89a5e}.first-cast-nudge{position:fixed;left:50%;bottom:20%;transform:translate(-50%);z-index:700;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;animation:nudge-bob 1.4s ease-in-out infinite}.first-cast-nudge-hand{font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.first-cast-nudge-text{padding:8px 16px;border-radius:999px;background:#0c1826d9;border:2px solid rgba(255,255,255,.35);color:#fff;font-family:Georgia,serif;font-size:15px;font-weight:700;white-space:nowrap;box-shadow:0 4px 14px #0006}@keyframes nudge-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.topbar{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));z-index:60;display:flex;align-items:flex-start;gap:4px;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.topbar--collapsed{transform:translate(calc(100% - 18px))}.topbar--dev{top:46px}.topbar>*{pointer-events:auto}.topbar-collapse-btn{flex-shrink:0;margin-top:12px;display:flex;align-items:center;justify-content:center;background:#140c048c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(200,162,76,.35);border-right:none;border-radius:8px 0 0 8px;padding:6px 3px;cursor:pointer;opacity:.75;transition:opacity .2s,box-shadow .2s,border-color .2s,transform .1s;width:18px;height:34px}.topbar-collapse-btn:hover{opacity:1;border-color:#c8a24cb3;box-shadow:0 0 8px #c8a24c40}.topbar-collapse-btn:active{transform:scale(.96)}.topbar-collapse-arrow{width:11px;height:11px;display:block;fill:none;stroke:#c8a24cbf;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.topbar-collapse-btn:hover .topbar-collapse-arrow{stroke:#deba64}.topbar--collapsed .topbar-collapse-arrow{transform:rotate(180deg)}.topbar-stack{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.topbar-help{position:relative;width:52px;height:52px;padding:0;border-radius:50%;border:2px solid #3a2210;background:radial-gradient(circle at 50% 30%,#78bee659,#1e3c5a8c),url(../assets/ui/menu/menu_wood_tile.webp);background-size:cover,128px 128px;cursor:pointer;overflow:visible;box-shadow:0 0 0 1px #c8a24c59,0 4px 12px #140a0099,inset 0 1px #ffc86433;transition:transform .15s ease,box-shadow .15s ease;animation:topbar-help-pulse 3.6s ease-in-out infinite}.topbar-help:hover{transform:scale(1.08) translateY(-1px);box-shadow:0 0 0 1px #c8a24c99,0 6px 16px #c8a24c4d,inset 0 1px #ffc86440}.topbar-help:active{transform:scale(.95)}.topbar-help--active{border-color:var(--gold, #c8a24c);box-shadow:0 0 10px #c8a24c80,inset 0 0 8px #c8a24c33;animation:none}.topbar-help-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%;pointer-events:none}.topbar-help-badge{position:absolute;bottom:-3px;right:-3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#f4d56a,#c8922e);border:2px solid #3a2210;color:#2c2013;font-family:Georgia,serif;font-weight:800;font-size:13px;line-height:16px;text-align:center;box-shadow:0 2px 4px #0006;pointer-events:none}@keyframes topbar-help-pulse{0%,92%,to{box-shadow:0 0 0 1px #c8a24c59,0 4px 12px #140a0099,inset 0 1px #ffc86433}96%{box-shadow:0 0 0 1px #c8a24cb3,0 4px 18px #c8a24c73,inset 0 1px #ffc86440}}.player-badge{display:flex;align-items:center;gap:8px;height:44px;padding:3px 12px 3px 3px;border-radius:24px;border:2px solid #3a2210;background:url(../assets/ui/menu/menu_wood_tile.webp);background-size:128px 128px;cursor:pointer;max-width:190px;box-shadow:0 0 0 1px #c8a24c33,0 4px 12px #140a0099,inset 0 1px #ffc86426;transition:transform .15s ease,box-shadow .15s ease}.player-badge:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 0 1px #c8a24c73,0 6px 16px #c8a24c40,inset 0 1px #ffc86433}.player-badge:not(:disabled):active{transform:scale(.97)}.player-badge:disabled{cursor:default}.player-badge-avatar{position:relative;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:2px solid rgba(200,162,76,.6);background:radial-gradient(circle at 50% 35%,#4a6a90,#2a3f5c);display:flex;align-items:center;justify-content:center;overflow:visible}.player-badge-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.player-badge-avatar-letter{font-family:Georgia,serif;font-weight:800;font-size:17px;color:#f0e4c4;text-shadow:0 1px 2px rgba(0,0,0,.5)}.player-badge--guest .player-badge-avatar{background:radial-gradient(circle at 50% 35%,#6b533a,#3a2c1c)}.player-badge-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #2c2013;background:#8a8a8a}.player-badge-dot--online{background:#4caf50;box-shadow:0 0 6px #4caf50cc}.player-badge-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1.15}.player-badge-name{max-width:120px;font-family:var(--font-display, "Georgia", serif);font-weight:700;font-size:13px;color:#f0e4c4;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-badge-status{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c8a24ce6}.player-badge-signin{font-family:var(--font-display, "Georgia", serif);font-weight:700;font-size:13px;color:#f4d56a;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;padding-right:4px}@media(max-width:600px){.topbar-help{width:46px;height:46px}.player-badge{height:40px;max-width:150px}.player-badge-avatar{width:32px;height:32px}.player-badge-name{max-width:84px}}.daily-overlay{position:fixed;inset:0;z-index:860;display:flex;align-items:center;justify-content:center;background:#06121ec7;backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.daily-overlay.daily-visible{opacity:1}.daily-card{width:min(480px,94vw);padding:24px 22px 22px;border-radius:22px;border:3px solid #2c2013;background:linear-gradient(180deg,#fff6df,#f3e2b8);box-shadow:0 20px 56px #0000008c;transform:scale(.88) translateY(14px);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.daily-visible .daily-card{transform:scale(1) translateY(0);opacity:1}.daily-card--claim{animation:daily-claim-pop .45s ease}@keyframes daily-claim-pop{40%{transform:scale(1.04)}to{transform:scale(1)}}.daily-header{text-align:center;margin-bottom:18px}.daily-title{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:800;color:#2c2013;text-shadow:0 1px 0 rgba(255,255,255,.5)}.daily-streak{margin:4px 0 0;font-size:15px;font-weight:700;color:#b5651d}.daily-track{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:16px}.daily-day{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:12px;border:2px solid transparent;background:#ffffff59}.daily-day-label{font-size:10px;font-weight:700;color:#8a7550;text-transform:uppercase;letter-spacing:.02em}.daily-day-icon{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.daily-day-icon img{max-width:100%;max-height:100%;object-fit:contain}.daily-day-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#28783cb8;color:#fff;border-radius:8px;font-size:20px;font-weight:900}.daily-day-reward{font-size:10px;font-weight:700;color:#6b5a3e;text-align:center;line-height:1.1}.daily-day--claimed{opacity:.75}.daily-day--upcoming{opacity:.55}.daily-day--today{border-color:#f0a500;background:linear-gradient(180deg,#fff3c4,#ffe08a);box-shadow:0 0 0 2px #f0a50059,0 4px 12px #f0a50059;transform:scale(1.06);animation:daily-today-pulse 1.8s ease-in-out infinite}@keyframes daily-today-pulse{0%,to{box-shadow:0 0 0 2px #f0a50059,0 4px 12px #f0a50059}50%{box-shadow:0 0 0 3px #f0a50099,0 6px 18px #f0a50080}}.daily-offline{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:16px;border-radius:14px;background:#2c20130f;border:1px dashed #c8a86a;font-size:13px;color:#4a3c23;line-height:1.35}.daily-offline-icon{flex:0 0 auto;width:28px;height:28px}.daily-claim-btn{display:block;width:100%;padding:14px;border:none;border-radius:14px;background:linear-gradient(180deg,#ffc542,#f0a500);color:#2c2013;font-family:Georgia,serif;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 4px #b97d00,0 6px 14px #0000004d;transition:transform .1s ease,box-shadow .1s ease}.daily-claim-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px #b97d00,0 8px 18px #00000059}.daily-claim-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #b97d00,0 2px 8px #0000004d}.daily-claim-btn:disabled{opacity:.7;cursor:default}.auth-body{display:flex;flex-direction:column;align-items:center;gap:12px}.auth-mermaid{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));animation:authMermaidBob 3s ease-in-out infinite;pointer-events:none;user-select:none}@keyframes authMermaidBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-form{display:flex;flex-direction:column;gap:12px;width:100%}.auth-intro{margin:0;text-align:center;font-size:14px;line-height:1.45;color:#5a4a38}.auth-field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:#5a4a38}.auth-field input{padding:10px 12px;border:2px solid #cbb892;border-radius:10px;background:#fffdf6;font-size:15px;color:#3a2f22;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.auth-field input:focus{border-color:#3a9ad9;box-shadow:0 0 0 3px #3a9ad933}.auth-submit{margin-top:2px}.auth-error{padding:8px 10px;border-radius:8px;background:#c83c321f;border:1px solid rgba(200,60,50,.35);color:#a5342b;font-size:13px;text-align:center}.auth-notice{padding:8px 10px;border-radius:8px;background:#388e3c1f;border:1px solid rgba(56,142,60,.35);color:#2f6a33;font-size:13px;text-align:center}.auth-switch{text-align:center;font-size:13px;color:#6b5a44}.auth-link{background:none;border:none;padding:0;color:#3a9ad9;font-weight:800;font-size:13px;cursor:pointer;text-decoration:underline}.auth-link:hover{color:#2c7cb0}.auth-guest{background:none;border:none;color:#8a785c;font-size:13px;cursor:pointer;padding:4px 8px;text-decoration:underline}.auth-guest:hover{color:#5a4a38}.settings-account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.settings-account-email{font-size:14px;font-weight:700;color:#3a2f22;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-account-unverified{color:#b8863a;font-weight:700;font-style:normal}@media(max-width:600px){.mp-card{width:96vw!important;max-width:96vw!important;height:90dvh;max-height:90dvh;padding:10px;border-radius:14px}.mp-card:before,.mp-card:after{width:30px;height:30px;opacity:.7}.mp-header{padding:4px 6px 6px;gap:6px}.mp-title{font-size:17px}.mp-header-right{font-size:13px}.mp-close{width:40px;height:40px;background-size:40px 40px}.ti-close-scene{width:72px;height:72px;background-size:72px 72px}.mp-body{padding:14px 12px}.mp-tabs{gap:6px;padding:2px 6px 6px}.mp-tab{flex-direction:column;gap:2px;padding:10px 6px;font-size:12px;line-height:1.15;border-radius:7px 7px 3px 3px;min-height:44px}.mp-tab-icon{width:24px;height:24px}.menu-buttons{position:fixed;bottom:12px;width:100%;padding:0 6px}.menu-buttons--collapsed{bottom:calc(-64px + env(safe-area-inset-bottom,0px))}.menu-buttons-inner{gap:4px;padding:4px 8px;max-width:100%}.menu-btn{width:auto;flex:1;min-width:44px;max-width:60px;padding:4px;min-height:44px}.menu-btn-icon{width:100%;max-width:50px;height:auto;aspect-ratio:1}.hud{padding:6px 8px}.hud-compact{min-width:150px;gap:4px;padding:6px 8px}.hud-bar{min-width:80px;height:16px}.eq-grid{gap:10px}.eq-slot-img{width:40px;height:40px}.mp-btn{padding:11px 16px;font-size:14px;min-height:44px}.mp-row{padding:12px;gap:10px;min-height:44px}.eq-slot-label{font-size:11px}.eq-bag-meta{font-size:12px}.ach-tier{font-size:10px;padding:3px 8px}.st-node-desc{font-size:13px}.map-row-tag{font-size:11px;padding:4px 9px}.map-row-sub{font-size:13px}.skill-cat-pill{padding:10px 8px;min-height:44px}.journal-subtab{padding:13px 12px;min-height:44px}.journal-zones{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.journal-zones::-webkit-scrollbar{display:none}.journal-zone-tab{flex:0 0 auto;padding:12px 14px;min-height:40px;white-space:nowrap}.cp-attr-row{min-height:48px}.cp-stat-row{min-height:44px}}.map-list{display:flex;flex-direction:column;gap:8px}.map-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#c8a24c0f;border:1px solid rgba(90,56,24,.18);border-left:4px solid rgba(90,56,24,.25);border-radius:10px;transition:background .12s,transform .12s,border-color .12s}.map-row--travel{cursor:pointer;border-left-color:var(--gold)}.map-row--travel:active{background:#c8a24c2e;transform:scale(.985)}.map-row--current{background:#c8a24c24;border-color:#c8a24c80;border-left-color:var(--gold)}.map-row--locked{opacity:.6;cursor:pointer}.map-row-icon{width:52px;height:52px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.map-row--locked .map-row-icon{filter:grayscale(.7) brightness(.7)}.map-row-info{flex:1;min-width:0}.map-row-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:#3b2210}.map-row-sub{font-size:12px;color:#7a6040;margin-top:2px;line-height:1.3}.map-row-sub--flash{color:var(--red);font-weight:600}.map-row-go{flex-shrink:0;font-size:16px;color:var(--gold-dark)}.map-row-lock{width:22px;height:22px;flex-shrink:0;opacity:.85}.map-row-tag{flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:10px;white-space:nowrap}.map-row-tag--here{background:var(--gold);color:#2a1c08}.map-row--shake{animation:mapRowShake .4s ease}@keyframes mapRowShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(orientation:landscape)and (max-height:500px){.mp-card{height:94dvh;max-height:94dvh;width:70vw!important;max-width:560px!important;padding:8px}.mp-card:before,.mp-card:after{width:26px;height:26px;opacity:.6}.mp-header{padding:2px 6px 4px}.mp-title{font-size:16px}.mp-tabs{padding:2px 6px 4px;gap:4px}.mp-tab{flex-direction:row;padding:5px 8px;font-size:12px}.mp-tab-icon{width:18px;height:18px}.mp-body{padding:12px 14px}.menu-buttons{bottom:calc(6px + env(safe-area-inset-bottom,0px))}.menu-btn{width:48px;min-height:44px}.menu-btn-icon{width:44px;height:44px}.mp-body{padding:10px 12px}.eq-grid{gap:8px}.eq-slot-img{width:36px;height:36px}.eq-slot-label{font-size:10px}.eq-cmp-img{width:28px;height:28px}.eq-cmp-row{gap:4px;padding:3px 4px}}