:root{--bg: #16141c;--bg-panel: #201d29;--bg-panel-alt: #262230;--text: #eae6f0;--text-dim: #a79fb8;--accent: #c9a876;--border: #3a3548;--danger: #e26a6a;--success: #7fd88f;--transition-fast: .14s;--transition-base: .22s;--transition-slow: .38s;--ease-out-soft: ease-out;font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;background:var(--bg-panel-alt);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 14px;font-size:.9rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:#201d29;font-weight:600;border-color:var(--accent)}button.danger{border-color:var(--danger);color:var(--danger)}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:9px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel-alt);color:var(--text);font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color var(--transition-fast) var(--ease-out-soft),background var(--transition-fast) var(--ease-out-soft)}.google-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-panel-alt))}input{font-family:inherit;background:var(--bg-panel-alt);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px}.logo-ember-wrap{position:relative;display:block;width:100%;margin:4px auto 16px}.logo-ember-img{position:relative;z-index:1;display:block;width:100%;height:auto;animation:logo-ember-heat 3.6s ease-in-out infinite}.logo-ember-glow{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;background:radial-gradient(ellipse at 50% 55%,rgba(200,45,35,.28),transparent 68%);filter:blur(8px);animation:logo-ember-flicker 3.2s ease-in-out infinite;pointer-events:none}.logo-ember-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:visible;pointer-events:none}.logo-ember{position:absolute;width:2.5px;height:.75px;background:#ff3b1a;box-shadow:0 0 1.5px #ff5028e6;opacity:0;transform:rotate(var(--ember-rot));mix-blend-mode:screen;animation-name:logo-ember-crackle;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes logo-ember-heat{0%,to{filter:drop-shadow(0 0 3px rgba(200,45,35,.35))}50%{filter:drop-shadow(0 0 6px rgba(200,45,35,.6))}}@keyframes logo-ember-flicker{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}@keyframes logo-ember-crackle{0%{opacity:0;transform:translate(0) rotate(var(--ember-rot)) scale(.5)}8%{opacity:1}22%{opacity:.4}38%{opacity:1;transform:translate(calc(var(--ember-dx) * .35),calc(var(--ember-dy) * .35)) rotate(var(--ember-rot)) scale(.9)}55%{opacity:.45}72%{opacity:.95;transform:translate(calc(var(--ember-dx) * .7),calc(var(--ember-dy) * .7)) rotate(var(--ember-rot)) scale(.7)}88%{opacity:.6}to{opacity:0;transform:translate(var(--ember-dx),var(--ember-dy)) rotate(var(--ember-rot)) scale(.2)}}h2{margin-top:0}.panel{background:linear-gradient(180deg,#1e1a27eb,#121018f0);border:1px solid var(--line);border-radius:var(--radius-m);padding:18px;margin-bottom:18px;box-shadow:var(--shadow-soft)}.rarity-badge{display:inline-block;padding:2px 8px;border-radius:5px;border:1px solid;font-size:.75rem;font-weight:600}.rarity-frame{border:2px solid;border-radius:8px;padding:10px;background:var(--bg-panel-alt)}.rarity-frame-mythique{border-width:2px}.grid{display:grid;gap:12px}.card{display:flex;flex-direction:column;gap:6px;cursor:pointer}.card:hover{filter:brightness(1.1)}.worldmap-pathline-fill-svg{fill:none;stroke:#f0b429;stroke-width:4.2;stroke-linecap:round;vector-effect:non-scaling-stroke}.hover-tooltip{z-index:1000;border-radius:10px;border:1px solid var(--border);padding:12px;background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-panel-alt) 100%);box-shadow:0 12px 32px #0009;font-size:.85rem;animation:tooltipIn .14s ease-out}.hover-tooltip-trigger{display:inline-flex;align-items:center}.zone-image{position:relative;flex-shrink:0;border-radius:10px;overflow:hidden;background-color:var(--bg-panel-alt);border:1px solid var(--border)}.zone-image-img{position:absolute;top:50%;left:50%;width:108%;height:108%;transform:translate(-50%,-50%);object-fit:cover}.zone-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zone-image-fallback-icon{font-size:2.4rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.quest-board-wrap{position:relative;margin-bottom:18px}.quest-board{position:relative;min-height:650px;border-style:solid;border-width:46px 30px;border-image-slice:15% 9% fill;border-image-repeat:stretch;overflow-x:auto;overflow-y:hidden}.quest-card{position:absolute;z-index:2;transform:translate(-50%,-50%)}.quest-card>.hover-tooltip-trigger{display:block;width:100%;height:100%}.quest-card-btn{display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer;transition:transform .15s var(--ease-out-soft),filter .15s var(--ease-out-soft)}.quest-card-btn:not(:disabled):hover{transform:scale(1.1);filter:brightness(1.12)}.quest-card-btn:disabled{cursor:default}.quest-card-note{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.quest-card-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:16% 12% 10%;text-align:center}.quest-card-type{font-size:.58rem;font-weight:700;color:#3a2a18;text-transform:uppercase;letter-spacing:.03em}.quest-card-name{font-size:.74rem;font-weight:800;color:#2b2013;line-height:1.18;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 0 rgba(255,255,255,.25)}.quest-card-name-wrap{position:relative}.quest-card-completed .quest-card-name-wrap:before{content:"";position:absolute;top:-5px;right:-8px;bottom:-5px;left:-8px;border:1.5px solid #4a3826;border-radius:52% 48% 54% 46%/44% 56%;transform:rotate(-2.5deg);opacity:.8;pointer-events:none}.quest-card-cooldown{margin-top:auto;font-size:.64rem;font-weight:700;color:#2b2013;font-variant-numeric:tabular-nums}.quest-card-check{position:absolute;top:8px;right:14px;z-index:2;width:1px;height:1px;transform:rotate(-8deg)}.quest-card-check:before,.quest-card-check:after{content:"";position:absolute;top:50%;left:50%;width:15px;height:3px;border-radius:2px;background:#4a2f18;box-shadow:0 1px 2px #0006}.quest-card-check:before{transform:translate(-65%,-30%) rotate(48deg)}.quest-card-check:after{transform:translate(-30%,-60%) rotate(-38deg)}.quest-card-completed .quest-card-note{filter:drop-shadow(0 4px 6px rgba(0,0,0,.5)) saturate(.8) brightness(.92)}.quest-card-current{z-index:3}.quest-card-current .quest-card-note{filter:drop-shadow(0 0 10px var(--accent)) drop-shadow(0 4px 6px rgba(0,0,0,.5))}.quest-card-locked .quest-card-note{filter:grayscale(.85) brightness(.55)}.quest-card-locked .quest-card-name{opacity:.75}.quest-card-boss{z-index:4}.quest-card-boss .quest-card-note{filter:drop-shadow(0 0 14px rgba(201,168,118,.7)) drop-shadow(0 4px 8px rgba(0,0,0,.6))}.quest-card-boss .quest-card-name{font-size:.95rem}.quest-card-boss .quest-card-type{font-size:.7rem}.quest-board-ember-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:visible;pointer-events:none}.quest-board-ember{position:absolute;width:7px;height:2.5px;border-radius:1px;background:var(--ember-core);box-shadow:0 0 5px 1px rgba(var(--ember-glow-rgb),1),0 0 12px 3px rgba(var(--ember-glow-rgb),.6);opacity:0;transform:rotate(var(--ember-rot));mix-blend-mode:screen;animation-name:logo-ember-crackle;animation-timing-function:linear;animation-iteration-count:infinite}.log-entry.fail{color:var(--danger)}.log-entry.success{color:var(--success)}.log-entry{white-space:normal;overflow-wrap:break-word;animation:log-entry-in var(--transition-fast) var(--ease-out-soft)}@keyframes log-entry-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tabs{display:flex;gap:4px;margin-bottom:14px}.tabs button{transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .25s ease}.tabs button.active{background:var(--accent);color:#201d29}.tabs button:disabled{opacity:.55}.empty-state{color:var(--text-dim);font-style:italic;padding:20px;text-align:center}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.skeleton-block{background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:8px;animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.error-banner{background:#3a1a1a;border:1px solid var(--danger);color:#ffb0b0;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:.85rem}.paperdoll{display:grid;grid-template-columns:92px 230px 92px;grid-template-rows:repeat(4,106px);grid-template-areas:"casque     char  cape" "arme       char  bouclier" "gantelets  char  plastron" "bottes     char  jambieres";gap:14px;justify-items:center;align-items:center;margin:0 auto}.item-tile{position:relative;border-radius:10px;border:1.5px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,filter .12s ease}.item-tile:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.2)}.item-tile-inert{cursor:default}.item-tile-inert:hover{transform:none;filter:none}.item-tile-icon{line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.75)) drop-shadow(0 0 6px rgba(0,0,0,.4))}.item-tile-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.75))}.item-tile-badge{position:absolute;pointer-events:none;line-height:1}.item-tile-badge-tr{top:3px;right:3px}.item-tile-badge-br{bottom:3px;right:3px}.item-tile-badge-bl{bottom:3px;left:3px}.item-tile-lock-toggle{pointer-events:auto;cursor:pointer;background:none;border:none;padding:0;font-size:.72rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75));opacity:0;transition:opacity .12s ease}.item-tile:hover .item-tile-lock-toggle,.item-tile-lock-toggle-active{opacity:1}.item-grid{display:flex;flex-wrap:wrap;gap:10px}@keyframes item-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.item-shake{animation:item-shake .4s}.item-grid-cell{position:relative;border-radius:12px;padding:3px;border:2px solid transparent;transition:border-color .15s ease}.item-grid-cell.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.item-tooltip{z-index:1000;border-radius:14px;border:2px solid;padding:18px;background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-panel-alt) 100%);box-shadow:0 20px 48px #000000b3,inset 0 0 0 1px #ffffff0d;pointer-events:none;animation:tooltipIn .14s ease-out}@keyframes tooltipIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.item-tooltip-header{display:flex;gap:14px;align-items:center}.item-tooltip-titleblock{flex:1;min-width:0}.item-tooltip-title{font-weight:700;font-size:1.2rem;line-height:1.28}.item-tooltip-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border) 15%,var(--border) 85%,transparent);margin:12px 0}.item-tooltip-line{font-size:.84rem;color:var(--text-dim);margin-top:5px}.item-tooltip-stat{font-size:1rem;color:var(--success);margin-top:10px;font-weight:700}.item-tooltip-stat-secondary{font-size:.88rem;color:var(--accent);margin-top:5px}.item-tooltip-footer{margin-top:14px;padding-top:10px;border-top:1px dashed var(--border);font-size:.8rem;color:var(--text-dim);font-style:italic}.type-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.type-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:72px;height:72px;padding:8px 4px;border-radius:10px;border:2px solid rgba(255,255,255,.35);background:var(--bg-panel-alt);cursor:pointer;position:relative;overflow:hidden;transition:border-color .15s ease,transform .12s ease}.type-tile:hover{transform:translateY(-2px)}.type-tile.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--bg-panel-alt))}.type-tile-icon{font-size:1.6rem}.type-tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.type-tile-label{font-size:.62rem;color:var(--text-dim);text-align:center}.type-tile.selected .type-tile-label{color:var(--text)}.type-tile-label-overlay,.type-tile.selected .type-tile-label-overlay{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:3px 4px 2px;background:linear-gradient(to top,rgba(0,0,0,.85) 15%,transparent);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes reveal-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.damage-number-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.damage-number{position:absolute;left:50%;bottom:32%;transform:translate(-50%);font-weight:700;font-size:.95rem;color:var(--success);text-shadow:-1px -1px 1.5px #000,1px -1px 1.5px #000,-1px 1px 1.5px #000,1px 1px 1.5px #000;white-space:nowrap;animation:damage-number-float calc(var(--transition-slow) * 3) var(--ease-out-soft) forwards}.damage-number-power{bottom:100%;font-size:.85rem}.damage-number-power-compact{left:100%;bottom:auto;top:50%;margin-left:6px;font-size:.85rem;animation-name:damage-number-power-compact-float}@keyframes damage-number-float{0%{opacity:0;transform:translate(-50%) scale(.85)}15%{opacity:1;transform:translate(-50%,-8px) scale(1.08)}30%{transform:translate(-50%,-12px) scale(1)}to{opacity:0;transform:translate(-50%,-50px) scale(1)}}@keyframes damage-number-power-compact-float{0%{opacity:0;transform:translateY(-50%) translate(-4px) scale(.85)}15%{opacity:1;transform:translateY(-50%) translate(0) scale(1.08)}30%{transform:translateY(-50%) translate(0) scale(1)}to{opacity:0;transform:translateY(-50%) translate(10px) scale(1)}}.combat-stage{overflow:hidden}.combat-canvas-host{width:100%;aspect-ratio:2 / 1;border-radius:8px;background:radial-gradient(ellipse at 50% 70%,var(--bg-panel-alt),var(--bg-panel));position:relative;z-index:1;overflow:hidden;opacity:0;transition:opacity .32s var(--ease-out-soft)}.combat-canvas-host-ready{opacity:1}.lobby-connecting{position:absolute;z-index:1;margin:12px}.combat-hud-panel{background:#0a080e8c;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.combat-hud-player{position:absolute;left:12px;top:12px;width:190px;z-index:3}.combat-hud-hotbar{position:absolute;left:12px;top:100px;bottom:12px;z-index:3;display:flex;flex-direction:column;gap:6px;justify-content:flex-end}.combat-boss-hp-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);width:min(60%,420px);z-index:3}.combat-boss-hp-bar .combat-bar-monster{height:14px}.combat-bar-label{font-size:.72rem;color:var(--text-dim);display:flex;justify-content:space-between;margin-bottom:2px}.combat-bar-label span{color:var(--text);font-variant-numeric:tabular-nums}.combat-bar{width:100%;height:12px;background:var(--bg-panel-alt);border-radius:6px;overflow:hidden;border:1px solid var(--border)}.combat-bar-fill{height:100%;transition:width var(--transition-base) var(--ease-out-soft)}.combat-bar-hp .combat-bar-fill{background:linear-gradient(90deg,var(--danger),#f0a0a0)}.combat-bar-mana .combat-bar-fill{background:linear-gradient(90deg,#4a7fd6,#7fb0f7)}.combat-bar-monster{height:8px}.combat-bar-fill-monster{background:linear-gradient(90deg,#b4524f,#e0827f)}.combat-monster-charging{animation:combat-charging-pulse .5s ease-in-out infinite alternate}@keyframes combat-charging-pulse{0%{filter:drop-shadow(0 0 2px rgba(224,130,60,.4))}to{filter:drop-shadow(0 0 10px rgba(224,130,60,.9))}}.combat-charging-tell{color:#e0823c;font-weight:700}.combat-end-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at center,#0a080e8c,#0a080eeb 70%);-webkit-backdrop-filter:blur(4px) saturate(.8);backdrop-filter:blur(4px) saturate(.8);animation:combat-end-fade .35s var(--ease-out-soft)}@keyframes combat-end-fade{0%{opacity:0}to{opacity:1}}.combat-end-window{--end-accent: var(--gold);position:relative;width:min(560px,100%);max-height:90vh;overflow-y:auto;padding:30px 28px 24px;text-align:center;border-color:color-mix(in srgb,var(--end-accent) 45%,transparent);background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--end-accent) 22%,transparent),transparent 70%),linear-gradient(180deg,#1e1a27f5,#0e0c13f7);box-shadow:0 0 60px color-mix(in srgb,var(--end-accent) 22%,transparent),var(--shadow-deep);animation:ui-pop .48s .12s var(--ease-spring) both}.combat-end-victory{--end-accent: var(--success)}.combat-end-defeat{--end-accent: var(--danger)}.combat-end-title{margin:0 0 6px;font-family:var(--font-display);font-size:2.3rem;letter-spacing:.08em;text-shadow:0 0 24px color-mix(in srgb,var(--end-accent) 60%,transparent);animation:ui-rise .6s .22s var(--ease-out) both}.combat-end-rewards{margin:14px 0;font-size:.92rem;color:var(--text-dim)}.combat-end-rewards>div+div{margin-top:10px}.combat-end-loot-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.combat-end-loot-tiles>*{animation:ui-pop .42s var(--ease-spring) both}.combat-end-loot-tiles>:nth-child(1){animation-delay:.38s}.combat-end-loot-tiles>:nth-child(2){animation-delay:.46s}.combat-end-loot-tiles>:nth-child(3){animation-delay:.54s}.combat-end-loot-tiles>:nth-child(n+4){animation-delay:.62s}.combat-end-coeur-loot{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.8rem;font-weight:600}.combat-end-actions{display:flex;gap:8px;justify-content:center;margin-top:18px;flex-wrap:wrap}.combat-skill-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;overflow:hidden}.combat-skill-key-badge{position:absolute;top:2px;left:4px;font-size:.62rem;font-weight:700;color:var(--text-dim);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.8)}.combat-skill-cooldown-overlay{position:absolute;left:0;right:0;bottom:0;background:#0000009e;transition:height .1s linear;pointer-events:none}.effect-type-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid currentColor;border-radius:6px;background:color-mix(in srgb,currentColor 14%,var(--bg-panel-alt));line-height:1}.combat-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg);overflow:hidden}.combat-fullscreen .combat-stage{margin-bottom:0;padding:0;border:none;border-radius:0;height:100%;display:flex;flex-direction:column}.combat-fullscreen .combat-canvas-host{flex:1;aspect-ratio:auto;border-radius:0}.combat-fullscreen-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--bg);animation:combat-fullscreen-flash-fade .2s var(--ease-out-soft) forwards}.combat-fullscreen-flash-closing{animation-direction:reverse}@keyframes combat-fullscreen-flash-fade{0%{opacity:1}to{opacity:0}}.damage-number-loot{bottom:20%;font-size:.8rem;font-weight:600}.combat-end-title.combat-outcome-victory{color:var(--success)}.combat-end-title.combat-outcome-defeat{color:var(--text-dim)}:root{--ink-0: #09080d;--ink-1: #0f0d14;--ink-2: #16131d;--ink-3: #1e1a27;--ink-4: #282233;--line: rgba(233, 205, 150, .14);--line-strong: rgba(233, 205, 150, .3);--gold: #d9b36c;--gold-bright: #f4d594;--gold-deep: #8a6a33;--ember: #ff8a3d;--ember-deep: #c2410c;--steel: #9fb0c3;--arcane: #7cc4ff;--text-strong: #fbf4e6;--text-body: #e9e0d0;--text-soft: #b7ab99;--text-faint: #7d7366;--ok: #7fd88f;--warn: #f2c14e;--bad: #ef6b5b;--bg: var(--ink-1);--bg-panel: var(--ink-2);--bg-panel-alt: var(--ink-3);--text: var(--text-body);--text-dim: var(--text-soft);--accent: var(--gold);--border: rgba(233, 205, 150, .18);--danger: var(--bad);--success: var(--ok);--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;font-family:var(--font-body);--radius-s: 8px;--radius-m: 14px;--radius-l: 22px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-deep: 0 24px 60px rgba(0, 0, 0, .55), 0 4px 14px rgba(0, 0, 0, .35);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .35);--menu-accent: var(--gold);--menu-accent-rgb: 217, 179, 108}html,body{background:var(--ink-0);color:var(--text-body);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);letter-spacing:.02em;font-weight:700}::selection{background:rgba(var(--menu-accent-rgb),.35);color:var(--text-strong)}*{scrollbar-width:thin;scrollbar-color:rgba(var(--menu-accent-rgb),.35) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:rgba(var(--menu-accent-rgb),.28);border-radius:10px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--menu-accent-rgb),.5)}button{font-family:var(--font-body);font-weight:700;font-size:.92rem;letter-spacing:.01em;color:var(--text-body);background:linear-gradient(180deg,#2a2432,#1b1722);border:1px solid rgba(233,205,150,.2);border-radius:10px;padding:9px 16px;box-shadow:inset 0 1px #ffffff0f,0 2px 6px #0000004d;transition:transform .16s var(--ease-out),border-color .16s var(--ease-out),box-shadow .2s var(--ease-out),background .2s var(--ease-out),color .16s}button:hover:not(:disabled){border-color:rgba(var(--menu-accent-rgb),.65);color:var(--text-strong);box-shadow:inset 0 1px #ffffff14,0 0 0 1px rgba(var(--menu-accent-rgb),.15),0 6px 18px rgba(var(--menu-accent-rgb),.12)}button:active:not(:disabled){transform:translateY(1px) scale(.985)}button:focus-visible{outline:2px solid rgba(var(--menu-accent-rgb),.8);outline-offset:2px}button:disabled{opacity:.42;cursor:not-allowed}button.primary,.btn-primary{color:#22170a;font-weight:800;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 45%,#b48a45 100%);border:1px solid #f7dfa6;text-shadow:0 1px 0 rgba(255,240,200,.45);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #5a3c1459,0 6px 20px #d9b36c40}button.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){color:#1a1107;box-shadow:inset 0 1px #fff9,inset 0 -2px #5a3c1459,0 10px 30px #f4d59466;transform:translateY(-1px)}button.danger{color:#ffd2cb;border-color:#ef6b5b8c;background:linear-gradient(180deg,#3a1d1f,#26141a)}button.danger:hover:not(:disabled){border-color:var(--bad);box-shadow:0 6px 20px #ef6b5b40}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent}.btn-lg{padding:13px 26px;font-size:1.02rem;border-radius:12px}.btn-block{width:100%}.tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:#00000047;border:1px solid var(--line);margin-bottom:12px}.tabs button{background:transparent;border-color:transparent;box-shadow:none;padding:7px 14px;color:var(--text-soft)}.tabs button.active{color:#22170a;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-color:transparent;box-shadow:0 4px 14px rgba(var(--menu-accent-rgb),.3)}.eyebrow{font-family:var(--font-display);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(var(--menu-accent-rgb),.9)}.display-title{font-family:var(--font-display);font-weight:800;color:var(--text-strong);letter-spacing:.03em;line-height:1.05}.muted{color:var(--text-soft)}.faint{color:var(--text-faint)}.frame{position:relative;border-radius:var(--radius-m);background:radial-gradient(120% 80% at 0% 0%,rgba(var(--menu-accent-rgb),.07),transparent 60%),linear-gradient(180deg,#1e1a27eb,#121018f0);border:1px solid var(--line);box-shadow:var(--shadow-soft),inset 0 1px #ffffff0a}.frame:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:calc(var(--radius-m) - 5px);border:1px solid rgba(var(--menu-accent-rgb),.08);pointer-events:none}.frame-pad{padding:18px 20px}.frame-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-family:var(--font-display);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-strong)}.frame-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--menu-accent-rgb),.45),transparent)}.kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;font-family:var(--font-body);font-size:.7rem;font-weight:800;color:var(--text-strong);background:linear-gradient(180deg,#3a3344,#211c29);border:1px solid rgba(255,255,255,.14);box-shadow:0 2px #00000080;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--text-body);background:#ffffff0d;border:1px solid var(--line)}.stat-bar{position:relative;height:8px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.06);overflow:hidden}.stat-bar>span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--menu-accent-rgb),.6),rgba(var(--menu-accent-rgb),1));box-shadow:0 0 12px rgba(var(--menu-accent-rgb),.6);transition:width .7s var(--ease-out)}.empty-state{color:var(--text-soft);font-style:italic;text-align:center;padding:26px 12px}.error-banner{color:#ffd2cb;background:#ef6b5b1f;border:1px solid rgba(239,107,91,.4);border-radius:10px;padding:10px 14px}@keyframes ui-rise{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes ui-pop{0%{opacity:0;transform:scale(.86)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ui-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px) rotate(-1deg)}40%{transform:translate(6px) rotate(1deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes ui-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.rise{animation:ui-rise .52s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 55ms)}.pop{animation:ui-pop .42s var(--ease-spring) both}.page-fade-in{animation:ui-fade .26s var(--ease-out) both}.chance-gauge{position:relative;flex:none}.chance-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.chance-gauge-track{fill:#00000059;stroke:#ffffff12;stroke-width:7}.chance-gauge-fill{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 6px currentColor);transition:stroke-dashoffset .9s var(--ease-out),stroke .3s}.chance-gauge-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.chance-gauge-text strong{font-family:var(--font-display);font-size:1.55rem;font-weight:800;color:currentColor;text-shadow:0 0 14px currentColor}.chance-gauge-text small{margin-top:4px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]){font:inherit;color:var(--text-strong);background:#00000059;border:1px solid rgba(233,205,150,.18);border-radius:10px;padding:10px 14px;outline:none;transition:border-color .16s,box-shadow .2s}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus{border-color:rgba(var(--menu-accent-rgb),.75);box-shadow:0 0 0 3px rgba(var(--menu-accent-rgb),.15)}input::placeholder{color:var(--text-faint)}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,select,[contenteditable=true],.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img{-webkit-user-drag:none}.game-tip{position:fixed;z-index:200;max-width:280px;padding:6px 10px;border-radius:8px;font-size:.8rem;line-height:1.35;color:var(--text-strong);background:linear-gradient(180deg,#221d2af7,#120f16f7);border:1px solid rgba(236,197,125,.3);box-shadow:0 10px 26px #00000080;pointer-events:none;transform:translate(-50%,-100%);animation:game-tip-in .16s var(--ease-out) both}.game-tip-below{transform:translate(-50%)}@keyframes game-tip-in{0%{opacity:0;margin-top:4px}}.game-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--ink-0)}.lobby-world{position:absolute;top:0;right:0;bottom:0;left:0;background:#a1acbe}.lobby-world canvas{display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;transition:opacity .28s var(--ease-out),transform .38s var(--ease-out)}.hud>*>*{pointer-events:auto}.hud-hidden{opacity:0;transform:scale(1.02)}.hud-hidden>*>*{pointer-events:none}.hud-top-left{position:absolute;top:18px;left:18px}.hud-top-center{position:absolute;top:18px;left:50%;transform:translate(-50%)}.hud-top-right{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:8px}.hud-bottom{position:absolute;left:0;right:0;bottom:18px;display:flex;flex-direction:column;align-items:center;gap:12px}.glass{background:linear-gradient(180deg,#100d16c7,#0a090ea8);border:1px solid rgba(233,205,150,.16);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 10px 34px #00000059,inset 0 1px #ffffff0d}.hud-plate{display:flex;align-items:center;gap:14px;padding:7px 20px 7px 7px;border-radius:999px 22px 22px 999px;background:linear-gradient(90deg,#0e0b13db,#0e0b138c);border:1px solid rgba(233,205,150,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 36px #00000059;text-align:left;animation:ui-rise .6s var(--ease-out) both}.hud-plate:hover:not(:disabled){border-color:#e9cd9673;transform:translateY(-1px)}.hud-plate-portrait{position:relative;width:76px;height:76px;flex:none}.hud-plate-portrait img{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:50% 6%;transform:scale(1);background:radial-gradient(circle at 50% 30%,#3b3246,#16121c);box-shadow:inset 0 0 12px #0009}.hud-plate-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:84px;height:84px;transform:rotate(-90deg)}.hud-plate-ring-track{fill:none;stroke:#ffffff14;stroke-width:4}.hud-plate-ring-fill{fill:none;stroke:var(--gold-bright);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(244,213,148,.8));transition:stroke-dashoffset .9s var(--ease-out)}.hud-plate-level{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);min-width:28px;padding:1px 7px;border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:.82rem;color:#22170a;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border:1px solid #fff0c8;box-shadow:0 3px 10px #00000080;text-align:center}.hud-plate-text{min-width:170px}.hud-plate-name{font-family:var(--font-display);font-weight:800;font-size:1.12rem;color:var(--text-strong);letter-spacing:.03em}.hud-plate-class{font-size:.85rem;color:var(--gold);font-weight:700;margin-top:1px}.hud-plate-xp{margin-top:6px}.hud-plate-xp .stat-bar{--menu-accent-rgb: 244, 213, 148;height:6px}.hud-plate-xp small{display:block;margin-top:3px;font-size:.7rem;color:var(--text-soft)}.resource-strip{display:flex;gap:6px}.resource-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;font-weight:800;font-size:.98rem;color:var(--text-strong);background:linear-gradient(180deg,#14111ad1,#0c0a10b3);border:1px solid rgba(233,205,150,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.resource-chip-power{color:var(--gold-bright)}.resource-chip-power svg{color:var(--ember);filter:drop-shadow(0 0 5px rgba(255,138,61,.7))}.hud-icon-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:12px;background:linear-gradient(180deg,#14111ad1,#0c0a10b3);border:1px solid rgba(233,205,150,.18);color:var(--text-body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-dock{display:flex;gap:10px;padding:10px 14px 8px;border-radius:24px;background:linear-gradient(180deg,#100d16b8,#09080dd1);border:1px solid rgba(233,205,150,.16);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 16px 50px #00000073,inset 0 1px #ffffff0f}.hud-dock-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:86px;padding:2px 0 4px;background:none;border:none;box-shadow:none;color:var(--text-soft)}.hud-dock-btn:hover:not(:disabled){box-shadow:none;color:var(--text-strong)}.hud-dock-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:var(--dock-accent);background:radial-gradient(circle at 50% 0%,rgba(var(--dock-accent-rgb),.28),transparent 70%),linear-gradient(180deg,#2b2434,#16121c);border:1px solid rgba(var(--dock-accent-rgb),.35);box-shadow:inset 0 1px #ffffff14,0 6px 16px #0006;transition:transform .26s var(--ease-spring),box-shadow .26s var(--ease-out),border-color .26s}.hud-dock-btn:hover .hud-dock-icon{transform:translateY(-6px) scale(1.06);border-color:rgba(var(--dock-accent-rgb),.85);box-shadow:inset 0 1px #ffffff1f,0 0 0 4px rgba(var(--dock-accent-rgb),.12),0 12px 28px rgba(var(--dock-accent-rgb),.35)}.hud-dock-label{font-family:var(--font-display);font-size:.74rem;font-weight:700;letter-spacing:.06em}.hud-dock-key{position:absolute;top:-2px;right:12px;transform:scale(.9)}.hud-dock-badge{position:absolute;top:-6px;left:12px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;font-size:.72rem;font-weight:800;color:#fff;background:linear-gradient(180deg,#ff7a52,#d23d1f);border:1px solid #ffc3a8;box-shadow:0 0 12px #ff6e46cc;animation:ui-breathe 2.2s ease-in-out infinite}.hud-controls{display:flex;gap:16px;padding:7px 16px;border-radius:999px;font-size:.8rem;color:var(--text-soft);background:#0a090e8c;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .9s var(--ease-out)}.hud-controls>span{display:inline-flex;align-items:center;gap:4px}.hud-controls-faded{opacity:0}.hud-bottom:hover .hud-controls-faded{opacity:1}.hud-controls-warn{color:var(--warn)}.farm-tracker{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 6px;border-radius:18px;background:linear-gradient(180deg,#14100ce0,#0c0a08cc);border:1px solid rgba(236,197,125,.35);box-shadow:0 14px 40px #00000073,0 0 30px #ecc57d1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.farm-tracker-main{display:flex;align-items:center;gap:10px;padding:2px 8px 2px 2px;background:none;border:none;box-shadow:none;text-align:left}.farm-tracker-zone{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;overflow:visible}.farm-tracker-dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #7fd88f40,0 0 12px var(--ok);animation:ui-breathe 1.4s ease-in-out infinite}.farm-tracker-dot-wait{background:var(--warn);box-shadow:0 0 12px var(--warn)}.farm-tracker-text strong{display:block;font-family:var(--font-display);font-size:.9rem;color:var(--text-strong)}.farm-tracker-text small{font-size:.76rem;color:var(--text-soft)}.farm-tracker-loot{display:flex;gap:4px}.farm-tracker-stop{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:10px;color:#ffc9bf;border-color:#ef6b5b73}@keyframes menu-backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0) saturate(1);backdrop-filter:blur(0) saturate(1)}}@keyframes menu-topbar-in{0%{opacity:0;transform:translateY(-18px)}}@keyframes menu-body-in{0%{opacity:0;transform:translateY(16px) scale(.992);filter:blur(6px)}}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;color:var(--text-body)}.menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1400px 700px at 50% -15%,rgba(var(--menu-accent-rgb),.16),transparent 62%),radial-gradient(900px 500px at 100% 100%,rgba(var(--menu-accent-rgb),.06),transparent 70%),linear-gradient(180deg,#09080db3,#09080de6);-webkit-backdrop-filter:blur(16px) saturate(1.15) brightness(.8);backdrop-filter:blur(16px) saturate(1.15) brightness(.8);animation:menu-backdrop-in .38s var(--ease-out) both;transition:background .5s var(--ease-out),opacity .26s var(--ease-out)}.menu-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);pointer-events:none}.menu-overlay-closing .menu-backdrop{opacity:0}.menu-overlay-closing .menu-topbar,.menu-overlay-closing .menu-body{opacity:0;transform:translateY(10px) scale(.99);transition:opacity .22s var(--ease-out),transform .26s var(--ease-out)}.menu-topbar{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:18px;padding:14px 26px;border-bottom:1px solid rgba(var(--menu-accent-rgb),.16);background:linear-gradient(180deg,#08070bb3,#08070b33);animation:menu-topbar-in .42s var(--ease-out) both}.menu-topbar:after{content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--menu-accent-rgb),.7),transparent)}.menu-topbar-title{display:flex;align-items:center;gap:12px}.menu-topbar-crest{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--menu-accent);background:radial-gradient(circle at 50% 0%,rgba(var(--menu-accent-rgb),.3),transparent 70%),#1b1622;border:1px solid rgba(var(--menu-accent-rgb),.45);box-shadow:0 0 22px rgba(var(--menu-accent-rgb),.2)}.menu-topbar-name{font-family:var(--font-display);font-weight:800;font-size:1.45rem;color:var(--text-strong);letter-spacing:.04em;line-height:1.1}.menu-tabs{display:flex;gap:4px;padding:5px;border-radius:16px;background:#00000059;border:1px solid rgba(255,255,255,.06)}.menu-tab{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:transparent;border:1px solid transparent;box-shadow:none;color:var(--text-soft);font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.04em}.menu-tab .kbd{opacity:.55;transform:scale(.85)}.menu-tab svg{color:rgba(var(--tab-accent-rgb),.75);transition:transform .26s var(--ease-spring)}.menu-tab:hover:not(:disabled){color:var(--text-strong);border-color:transparent;box-shadow:none;background:rgba(var(--tab-accent-rgb),.08)}.menu-tab:hover svg{transform:scale(1.15) rotate(-4deg)}.menu-tab-active{color:var(--text-strong);background:linear-gradient(180deg,rgba(var(--tab-accent-rgb),.24),rgba(var(--tab-accent-rgb),.08));border-color:rgba(var(--tab-accent-rgb),.45);box-shadow:0 0 24px rgba(var(--tab-accent-rgb),.18),inset 0 1px #ffffff14}.menu-tab-active svg{color:var(--tab-accent);filter:drop-shadow(0 0 6px rgba(var(--tab-accent-rgb),.8))}.menu-tab-active:after{content:"";position:absolute;left:18%;right:18%;bottom:-6px;height:2px;border-radius:2px;background:var(--tab-accent);box-shadow:0 0 10px var(--tab-accent);animation:ui-fade .3s var(--ease-out)}.menu-topbar-right{display:flex;justify-content:flex-end;align-items:center;gap:8px}.menu-close{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 12px;border-radius:12px}.menu-body{position:relative;z-index:1;flex:1;min-height:0;overflow:hidden;padding:20px 26px 22px;animation:menu-body-in .46s var(--ease-out) both;animation-delay:60ms}.lobby-plan{margin:auto 22px auto auto;width:min(440px,92vw);max-height:86dvh;overflow:auto;padding:22px;border-radius:var(--radius-l);color:var(--text-body);background:linear-gradient(180deg,#18141ff5,#0d0b11f7);border:1px solid rgba(233,205,150,.25);box-shadow:var(--shadow-deep);animation:ui-rise .42s var(--ease-out) both}.lobby-plan::backdrop{background:#05040840}.lobby-plan header{display:flex;justify-content:space-between;align-items:center;gap:10px}.lobby-plan h2{margin:4px 0 14px;font-size:1.4rem}.lobby-plan small{font-family:var(--font-display);font-size:.66rem;letter-spacing:.24em;color:var(--gold)}.lobby-plan svg{display:block;width:100%;border-radius:12px;background:#0c0a10}.lobby-plan p{font-size:.9rem;line-height:1.5;color:var(--text-soft)}@media(max-width:1180px){.menu-topbar{grid-template-columns:auto 1fr auto}.menu-tab span:not(.kbd){display:none}.menu-topbar-title .eyebrow{display:none}}@media(max-width:760px){.hud-dock-btn{width:60px}.hud-dock-label,.hud-controls,.hud-plate-text,.menu-topbar-right .resource-strip{display:none}}.menu-scroll{height:100%;overflow-y:auto;max-width:1640px;margin:0 auto;padding-right:6px}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#1d1520 0%,var(--ink-0) 70%);overflow:hidden}.loading-screen-glow{position:absolute;width:60vmin;height:60vmin;border-radius:50%;background:radial-gradient(circle,rgba(255,138,61,.22),transparent 65%);filter:blur(20px);animation:ui-breathe 3.2s ease-in-out infinite}.loading-screen-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;animation:ui-rise .7s var(--ease-out) both}.loading-screen-content p{margin:0;font-family:var(--font-display);letter-spacing:.14em;color:var(--text-soft)}.loading-screen-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(233,205,150,.15);border-top-color:var(--gold-bright);animation:ui-spin .9s linear infinite}.loading-screen-error{color:#ffc9bf!important;letter-spacing:.02em!important;font-family:var(--font-body)!important}.station-label{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.06em;color:#fff4dc;background:#0c0a108c;border:1px solid color-mix(in srgb,var(--station-color) 55%,transparent);box-shadow:0 4px 14px #00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.8;transition:transform .26s var(--ease-spring),opacity .2s,padding .2s,border-radius .2s,box-shadow .26s}.station-label-near{opacity:1;padding:9px 16px;border-radius:14px;transform:translateY(-6px) scale(1.08);border-color:var(--station-color);box-shadow:0 0 22px color-mix(in srgb,var(--station-color) 60%,transparent),0 8px 20px #0006}.station-label em{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-style:normal;font-size:.78rem;color:var(--station-color);animation:ui-rise .3s var(--ease-out) both}.station-label kbd{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font-family:var(--font-body);font-weight:800;color:#1a1206;background:var(--station-color)}.email-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#0a080e59,#0a080ebf);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ui-rise .3s var(--ease-out) both}.email-prompt{width:min(420px,100%);display:flex;flex-direction:column;gap:12px;padding:24px 26px;border-radius:var(--radius-l);background:linear-gradient(180deg,#1e1a27f7,#0e0c13f7);border:1px solid rgba(233,205,150,.28);box-shadow:var(--shadow-deep)}.email-prompt p{margin:0}.email-prompt-title{margin:0;font-family:var(--font-display);font-size:1.45rem;color:var(--text-strong)}.email-prompt input{width:100%;padding:11px 13px;font-size:1rem}.email-prompt-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.item-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.item-filters-search{flex:1 1 160px;min-width:140px;height:34px;padding:0 12px;border-radius:10px;font:inherit;font-size:.9rem;color:var(--text-strong);background:#00000059;border:1px solid rgba(255,255,255,.08);outline:none;transition:border-color .16s}.item-filters-search:focus{border-color:rgba(var(--menu-accent-rgb),.6)}.item-filters-group{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:#00000052;border:1px solid rgba(255,255,255,.06)}.item-filters-group button{min-width:30px;height:28px;padding:0 7px;border-radius:7px;font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--text-soft);background:transparent;border:1px solid transparent;box-shadow:none}.item-filters-group button:hover:not(:disabled){box-shadow:none;border-color:transparent;background:#ffffff0f}.item-filters-group button.on{color:#1a1206;background:linear-gradient(180deg,rgba(var(--menu-accent-rgb),1),rgba(var(--menu-accent-rgb),.75))}.item-filters-rarity{gap:4px;padding:3px 6px;align-items:center}.item-filters-rarity button{min-width:0;width:18px;height:18px;padding:0;border-radius:50%;background:var(--dot);border:2px solid rgba(0,0,0,.5);opacity:.55;transition:transform .18s var(--ease-spring),opacity .18s}.item-filters-rarity button:hover:not(:disabled){background:var(--dot);opacity:.9;transform:scale(1.15)}.item-filters-rarity button.on{background:var(--dot);opacity:1;border-color:#fff;box-shadow:0 0 10px var(--dot);transform:scale(1.2)}.item-filters-reset{height:30px;padding:0 10px;font-size:.78rem}.item-detail{--rarity: var(--gold);display:flex;flex-direction:column;align-items:center;text-align:center}.item-detail-hero{position:relative;display:grid;place-items:center;width:160px;height:150px}.item-detail-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,var(--rarity) 0%,transparent 65%);opacity:.28;filter:blur(10px);animation:ui-breathe 3s ease-in-out infinite}.item-detail-kind{margin-top:4px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft)}.item-detail-name{margin:6px 0 8px;font-size:1.35rem;line-height:1.15}.item-detail-palier{margin-left:8px;color:var(--rarity);text-shadow:0 0 12px var(--rarity)}.item-detail-badge{display:flex;gap:8px;align-items:center;justify-content:center;margin-bottom:14px}.item-detail-stats{width:100%;text-align:left;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.item-detail-main-stat{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(var(--menu-accent-rgb),.12),#0003);border:1px solid rgba(var(--menu-accent-rgb),.25)}.item-detail-main-stat span{font-weight:700;color:var(--text-body)}.item-detail-main-stat strong{font-family:var(--font-display);font-size:1.3rem;color:var(--text-strong)}.item-detail-main-stat small{grid-column:1 / -1;font-size:.76rem;color:var(--text-soft)}.item-detail-secondaires{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.item-detail-secondaires li{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;border-radius:9px;font-size:.86rem;background:#00000038}.item-detail-secondaires strong{color:var(--ok)}.item-detail-usage{margin:0 0 14px;font-size:.86rem;color:var(--text-soft);line-height:1.45}.item-detail-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.item-detail-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.item-detail-actions>button.btn-lg{grid-column:1 / -1}.item-grid{display:flex;flex-wrap:wrap;gap:8px}.item-grid-cell{border-radius:14px;padding:3px;border:2px solid transparent;transition:border-color .16s,transform .2s var(--ease-spring),background .16s}.item-grid-cell:hover{transform:translateY(-2px)}.item-grid-cell.selected{border-color:rgba(var(--menu-accent-rgb),.9);background:rgba(var(--menu-accent-rgb),.12);box-shadow:0 0 18px rgba(var(--menu-accent-rgb),.35)}.entry{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden auto;background:var(--ink-0)}.entry-map{position:fixed;top:-6%;right:-6%;bottom:-6%;left:-6%;background-size:cover;background-position:0% 50%;filter:blur(3px) saturate(.85) brightness(.45) sepia(.2);animation:entry-pan 90s ease-in-out infinite alternate}@keyframes entry-pan{0%{background-position:0% 50%;transform:scale(1.08)}to{background-position:100% 50%;transform:scale(1.14)}}.entry-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 55% at 50% 45%,rgba(255,138,61,.12),transparent 70%),radial-gradient(ellipse at center,transparent 30%,rgba(5,4,8,.85) 100%),linear-gradient(180deg,#09080d66,#09080dd9)}.entry-embers{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.entry-embers i{position:absolute;bottom:-10px;border-radius:50%;background:#ffb26b;box-shadow:0 0 10px #ff8a3d;opacity:0;animation-name:entry-ember;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes entry-ember{0%{opacity:0;transform:translate(0)}10%{opacity:.9}to{opacity:0;transform:translate(40px,-105vh)}}.entry-content{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 16px}.entry-logo{animation:ui-rise .8s var(--ease-out) both}.entry-card{width:min(430px,100%);padding:26px 28px;border-radius:var(--radius-l);background:linear-gradient(180deg,#1a1620db,#0d0b11e6);border:1px solid rgba(233,205,150,.22);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:var(--shadow-deep),inset 0 1px #ffffff0f;animation:ui-rise .7s .12s var(--ease-out) both}.entry-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:20px;border-radius:12px;background:#00000059;border:1px solid rgba(255,255,255,.06)}.entry-switch button{position:relative;z-index:1;background:none;border:none;box-shadow:none;color:var(--text-soft);font-family:var(--font-display);letter-spacing:.06em}.entry-switch button:hover:not(:disabled){box-shadow:none}.entry-switch button.on{color:#22170a}.entry-switch-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:9px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 4px 16px #d9b36c59;transition:transform .32s var(--ease-spring)}.entry-switch-thumb.right{transform:translate(100%)}.entry-form{display:flex;flex-direction:column;gap:14px}.entry-form label{display:flex;flex-direction:column;gap:6px}.entry-form label>span{font-family:var(--font-display);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}.entry-form input{width:100%;padding:12px 14px;font-size:1rem}.entry-form button[type=submit]{margin-top:6px}.entry-or{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:var(--text-faint);font-size:.8rem}.entry-or:before,.entry-or:after{content:"";flex:1;height:1px;background:var(--line)}.entry .google-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:12px;font-weight:700;text-decoration:none;color:var(--text-strong);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);transition:background .16s,border-color .16s}.entry .google-btn:hover{background:#ffffff17;border-color:#ffffff40}.entry-note{margin:10px 0 0;font-size:.8rem;color:var(--text-soft)}.entry-card-hero{width:min(760px,100%);display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center;padding:24px 32px 24px 16px}.entry-hero-portrait{position:relative;height:360px;display:flex;justify-content:center}.entry-hero-portrait:before{content:"";position:absolute;top:20%;right:0;bottom:10%;left:0;border-radius:50%;background:radial-gradient(circle,rgba(255,170,90,.25),transparent 65%);filter:blur(10px)}.entry-hero-portrait img{position:relative;height:100%;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(0,0,0,.7));animation:ui-float 6s ease-in-out infinite}.entry-hero-form h1{margin:6px 0 8px;font-size:2rem}.entry-hero-form p{margin:0 0 18px}.entry-heading{text-align:center;max-width:620px;animation:ui-rise .7s var(--ease-out) both}.entry-heading h1{margin:8px 0 10px;font-size:clamp(1.8rem,3.4vw,2.8rem)}.class-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:34px;perspective:1200px}.class-card{--rarity: var(--gold);width:270px;height:400px;padding:0;border:none;border-radius:22px;background:none;box-shadow:none;transform-style:preserve-3d;animation:class-card-deal .9s calc(var(--i) * .22s + .2s) var(--ease-out) both}.class-card:hover:not(:disabled){box-shadow:none}@keyframes class-card-deal{0%{opacity:0;transform:translateY(60px) rotateY(180deg) scale(.85)}to{opacity:1;transform:none}}.class-card-inner{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 22px 20px;border-radius:22px;overflow:hidden;background:radial-gradient(90% 60% at 50% 25%,color-mix(in srgb,var(--rarity) 28%,transparent),transparent 70%),linear-gradient(180deg,#221c29,#110e15);border:2px solid color-mix(in srgb,var(--rarity) 75%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--rarity) 30%,transparent),0 24px 50px #0009,inset 0 0 0 6px #00000059,inset 0 0 0 7px color-mix(in srgb,var(--rarity) 25%,transparent);transform:rotateX(var(--tx)) rotateY(var(--ty));transition:transform .14s ease-out,box-shadow .3s}.class-card:hover .class-card-inner{box-shadow:0 0 70px color-mix(in srgb,var(--rarity) 55%,transparent),0 30px 60px #000000a6,inset 0 0 0 6px #00000059,inset 0 0 0 7px color-mix(in srgb,var(--rarity) 45%,transparent)}.class-card-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 45%,transparent 60%);background-size:250% 100%;animation:ui-shimmer 5s linear infinite;pointer-events:none}.class-card-rarity{font-family:var(--font-display);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--rarity)}.class-card-sigil{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;font-family:var(--font-display);font-size:3.8rem;font-weight:800;color:var(--text-strong);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rarity) 45%,#2a2231),#120e16);border:2px solid color-mix(in srgb,var(--rarity) 80%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--rarity) 45%,transparent);text-shadow:0 0 20px var(--rarity)}.class-card-name{font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:var(--text-strong);letter-spacing:.04em}.class-card-stats{width:100%;display:flex;flex-direction:column;gap:7px}.class-card-stat{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:8px;text-align:left}.class-card-stat small{font-size:.78rem;color:var(--text-soft)}.class-card-stat i{height:6px;border-radius:999px;background:#00000073;overflow:hidden}.class-card-stat b{display:block;height:100%;border-radius:inherit;background:var(--stat);box-shadow:0 0 8px var(--stat)}.class-card-cta{margin-top:auto;font-family:var(--font-display);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rarity);opacity:.6;transition:opacity .2s}.class-card:hover .class-card-cta{opacity:1}@media(max-width:720px){.entry-card-hero{grid-template-columns:1fr}.entry-hero-portrait{height:200px}}.entry-field{display:flex;flex-direction:column;gap:6px}.entry-link{align-self:flex-start;padding:0;background:none;border:none;box-shadow:none;font-size:.82rem;font-weight:600;color:var(--gold-bright);cursor:pointer}.entry-link:hover:not(:disabled){box-shadow:none;text-decoration:underline}.entry-forgot-link{align-self:flex-end}.entry-forgot{display:flex;flex-direction:column;gap:14px}.entry-forgot>p{margin:0}.entry-forgot-title{margin:0;font-family:var(--font-display);font-size:1.4rem;color:var(--text-strong)}.entry-sent-icon{display:grid;place-items:center;width:64px;height:64px;margin:4px auto 0;border-radius:50%;font-size:1.8rem;color:#22170a;background:radial-gradient(circle at 35% 30%,#fbe3ae,var(--gold) 60%,#8e6a31);box-shadow:0 0 30px #d9b36c66;animation:ui-pop .52s var(--ease-spring) both}.entry-forgot:has(.entry-sent-icon){text-align:center}.entry-note-warn{margin:0;color:#ffb4a0}