@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Inter:wght@400;500;600;700&display=swap";:root{--c-bg: #0d0a07;--c-bg-deep: #080605;--c-surface: #151009;--c-surface-2: #1d1510;--c-surface-3: #251a12;--c-border: rgba(180, 120, 50, .25);--c-border-glow: rgba(230, 184, 92, .6);--c-gold: #e6b85c;--c-gold-bright: #f5d48a;--c-gold-dim: #9c7b3a;--c-gold-muted: #5a4420;--c-text: #f0e4cc;--c-text-dim: #a8987e;--c-text-muted: #6a5c48;--c-ember: #c9460a;--c-ember-glow: rgba(201, 70, 10, .4);--c-success: #4ade80;--c-error: #f87171;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--game-ratio: 390 / 844;--font-hero: "Cinzel", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-full: 9999px;--t-fast: .12s ease;--t-normal: .22s ease;--t-slow: .38s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;min-height:100%;overflow:hidden;background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{display:grid;place-items:center;min-height:100vh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);color:var(--c-text);font-family:var(--font-body);font-size:15px;overscroll-behavior:none}#game{position:relative;width:min(calc(100vw - var(--safe-left) - var(--safe-right)),calc((100vh - var(--safe-top) - var(--safe-bottom)) * 390 / 844));height:min(calc(100vh - var(--safe-top) - var(--safe-bottom)),calc((100vw - var(--safe-left) - var(--safe-right)) * 844 / 390));aspect-ratio:var(--game-ratio);background:var(--c-bg);overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px #b4783214,0 0 60px #000000f2,0 0 120px #c9460a0f}#game canvas{display:block;width:100%!important;height:100%!important;margin:0!important}#auth{position:fixed;inset:0;display:grid;place-items:center;padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left));z-index:10;overflow:auto;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(201,70,10,.12) 0%,transparent 65%),radial-gradient(ellipse 60% 40% at 20% 80%,rgba(100,60,20,.18) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 80% 90%,rgba(80,40,10,.12) 0%,transparent 55%),linear-gradient(180deg,#0f0b08,#0d0a06,#080605)}#auth:before,#auth:after{content:"";position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity}#auth:before{width:600px;height:600px;top:-200px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(230,184,92,.04) 0%,transparent 70%);animation:aura-pulse 6s ease-in-out infinite alternate}#auth:after{width:300px;height:300px;bottom:-80px;right:-60px;background:radial-gradient(circle,rgba(201,70,10,.07) 0%,transparent 70%);animation:aura-pulse 8s ease-in-out 2s infinite alternate}@keyframes aura-pulse{0%{opacity:.5;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.15)}}.auth-card{position:relative;width:min(100%,400px);max-height:92vh;padding:32px 28px 28px;border-radius:var(--r-lg);overflow-y:auto;overflow-x:hidden;background:#120d09f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-border);box-shadow:0 0 0 1px #e6b85c0a,0 32px 100px #000c,inset 0 1px #ffffff0a;animation:card-enter .5s cubic-bezier(.16,1,.3,1) both}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--c-gold) 40%,var(--c-gold-bright) 50%,var(--c-gold) 60%,transparent);border-radius:var(--r-full);opacity:.6}.auth-card::-webkit-scrollbar{width:4px}.auth-card::-webkit-scrollbar-track{background:var(--c-surface);border-radius:var(--r-full)}.auth-card::-webkit-scrollbar-thumb{background:var(--c-gold-muted);border-radius:var(--r-full)}.auth-card::-webkit-scrollbar-thumb:hover{background:var(--c-gold)}.auth-card h1{font-family:var(--font-hero);font-size:clamp(36px,8vw,48px);font-weight:900;text-align:center;letter-spacing:.22em;line-height:1;margin-bottom:4px;color:transparent;background:linear-gradient(135deg,#9c7b3a,#e6b85c 30%,#f5d48a,#e6b85c 70%,#9c7b3a);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;filter:drop-shadow(0 0 16px rgba(230,184,92,.4));animation:shimmer 4s linear infinite}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.auth-card .subtitle{text-align:center;color:var(--c-text-dim);font-size:12px;font-weight:500;letter-spacing:.06em;margin:8px 0 24px;text-transform:uppercase}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:3px;background:var(--c-bg-deep);border-radius:var(--r-md);border:1px solid var(--c-border)}.tabs button{border:0;border-radius:calc(var(--r-md) - 3px);padding:10px 8px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.03em;cursor:pointer;color:var(--c-text-muted);background:transparent;transition:color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);position:relative;overflow:hidden}.tabs button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent);opacity:0;transition:opacity var(--t-fast)}.tabs button:hover:after{opacity:1}.tabs button:hover{color:var(--c-text-dim)}.tabs button.active{color:var(--c-gold-bright);background:linear-gradient(135deg,#3a2410,#2c1c0f);box-shadow:0 1px 3px #00000080,inset 0 1px #e6b85c26}label{display:block;margin:16px 0 6px;color:var(--c-text-dim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}input{width:100%;padding:12px 14px;font-family:var(--font-body);font-size:15px;color:var(--c-text);background:var(--c-surface);border:1px solid rgba(100,75,50,.4);border-radius:var(--r-sm);outline:none;transition:border-color var(--t-normal),background var(--t-normal),box-shadow var(--t-normal);caret-color:var(--c-gold)}input::placeholder{color:var(--c-text-muted)}input:hover{border-color:#966e4680;background:var(--c-surface-2)}input:focus{border-color:var(--c-gold);background:var(--c-surface-2);box-shadow:0 0 0 3px #e6b85c1a,0 0 16px #e6b85c14}.customizer-section{margin-top:18px;padding:16px;background:linear-gradient(135deg,#0f0a06cc,#140e08cc);border:1px solid rgba(120,80,40,.3);border-radius:var(--r-md);position:relative;overflow:hidden;animation:slide-down .3s cubic-bezier(.16,1,.3,1) both}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.customizer-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(230,184,92,.04) 0%,transparent 60%);pointer-events:none}.customizer-title{font-size:10px;font-weight:700;color:var(--c-gold);margin-bottom:14px;text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:6px}.customizer-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(230,184,92,.3),transparent)}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px}.opt-btn{padding:10px 6px;border:1px solid rgba(90,64,45,.5);border-radius:var(--r-sm);background:#140e09b3;color:var(--c-text-dim);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;text-align:center;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.opt-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent);opacity:0;transition:opacity var(--t-fast)}.opt-btn:hover{border-color:#966e3c99;color:var(--c-text);transform:translateY(-1px)}.opt-btn:hover:after{opacity:1}.opt-btn:active{transform:translateY(0) scale(.97)}.opt-btn.active{border-color:var(--c-gold);background:linear-gradient(135deg,#3d2510,#2a1b0e);color:var(--c-gold-bright);box-shadow:0 0 0 1px #e6b85c26,0 0 12px #e6b85c1a,inset 0 1px #e6b85c1a}#submit{position:relative;width:100%;margin-top:22px;padding:14px 20px;border:0;border-radius:var(--r-sm);font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:filter var(--t-normal),transform var(--t-fast),box-shadow var(--t-normal);-webkit-user-select:none;user-select:none;color:#fff8e8;background:linear-gradient(135deg,#a0621e,#c4792a,#d9903a,#c4792a,#a0621e);background-size:200% 100%;box-shadow:0 4px 16px #a0621e73,0 1px 3px #00000080,inset 0 1px #ffffff1f;animation:btn-shimmer 3s linear infinite}@keyframes btn-shimmer{0%{background-position:200% center}to{background-position:-200% center}}#submit:before{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:skew(-15deg);transition:left .5s ease}#submit:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 24px #a0621e8c,0 2px 6px #00000080,inset 0 1px #ffffff26}#submit:hover:before{left:125%}#submit:active{transform:translateY(1px);box-shadow:0 2px 8px #a0621e66,inset 0 1px 3px #0000004d}#submit:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:grayscale(.3);animation:none}#submit:disabled:before{display:none}#auth-error{min-height:20px;margin:12px 0 0;text-align:center;font-size:12px;font-weight:500;color:var(--c-error);letter-spacing:.02em;transition:opacity var(--t-normal)}#auth-error:empty{opacity:0}#logout{position:fixed;z-index:20;top:max(12px,var(--safe-top));right:max(12px,var(--safe-right));display:none;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid rgba(120,85,50,.5);border-radius:var(--r-sm);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--c-text-dim);background:#0a0704d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}#logout:hover{color:var(--c-text);border-color:#b48246b3;background:#140e08e6;box-shadow:0 4px 16px #00000080}.swatch-palette{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.swatch:hover{transform:scale(1.15)}.swatch.active{border-color:var(--c-gold);box-shadow:0 0 0 2px #e6b85c4d;transform:scale(1.1)}.divider{height:1px;margin:20px 0;background:linear-gradient(90deg,transparent 0%,rgba(180,120,50,.3) 20%,rgba(230,184,92,.5) 50%,rgba(180,120,50,.3) 80%,transparent 100%)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(230,184,92,.2);border-top-color:var(--c-gold);border-radius:50%;animation:spin .6s linear infinite}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.badge--gold{background:#e6b85c1f;color:var(--c-gold);border:1px solid rgba(230,184,92,.25)}.text-success{color:var(--c-success)}.text-error{color:var(--c-error)}.text-gold{color:var(--c-gold)}.text-muted{color:var(--c-text-muted)}@media(max-height:640px){.auth-card{padding:20px 18px;border-radius:var(--r-md)}.auth-card h1{font-size:30px}label{margin:10px 0 4px}input{padding:10px 12px}#submit{padding:12px;margin-top:16px}}@media(max-width:360px){.auth-card{padding:18px 14px}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97)}:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--c-bg-deep)}::-webkit-scrollbar-thumb{background:var(--c-gold-muted);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-gold-dim)}@media print{body{background:#fff;color:#000}#auth{background:#fff}.auth-card{box-shadow:none;border:1px solid #ccc}}#ui-layer{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden;font-family:var(--font-body, "Inter", system-ui, sans-serif);color:var(--c-text, #f0e4cc);font-size:14px;-webkit-font-smoothing:antialiased;width:100%;max-width:100vw}#ui-layer>*{pointer-events:auto}.ui-scene{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;animation:scene-in .15s ease both;width:100%;max-width:100vw;min-width:0}@keyframes scene-in{0%{opacity:0}to{opacity:1}}.ui-scene--opaque{background:#0d0a07}.ui-scene--overlay{background:#0a0705d1;-webkit-backdrop-filter:none;backdrop-filter:none}.ui-header{flex-shrink:0;padding:14px 18px 12px;padding-top:max(14px,env(safe-area-inset-top,0px));padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px));background:#0f0b08f7;border-bottom:1px solid rgba(180,120,50,.2);position:relative;box-sizing:border-box}.ui-header__eyebrow{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9c7b3a;margin-bottom:3px}.ui-header__title{font-family:var(--font-hero, "Cinzel", Georgia, serif);font-size:20px;font-weight:700;color:#f0e4cc;line-height:1.15;letter-spacing:.04em;padding-right:80px}.ui-header__subtitle{font-size:11px;color:#a8987e;margin-top:3px;padding-right:80px}.ui-header__meta{font-size:10px;color:#9c7b3a;margin-top:5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ui-header__badge{font-size:10px;font-weight:700;color:#e6b85c;background:#e6b85c1a;border:1px solid rgba(230,184,92,.25);border-radius:4px;padding:1px 6px;letter-spacing:.06em}.ui-header__badge--power{font-size:13px;padding:3px 8px;border-color:#e6b85c66;background:#e6b85c26}.ui-header__actions{position:absolute;top:14px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ui-header__link{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9c7b3a;cursor:pointer;transition:color .12s ease;padding:3px 0;min-height:24px;display:flex;align-items:center}.ui-header__link:hover{color:#e6b85c}.ui-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;width:100%;max-width:100%;min-width:0}.ui-body::-webkit-scrollbar{width:3px}.ui-body::-webkit-scrollbar-track{background:transparent}.ui-body::-webkit-scrollbar-thumb{background:#9c7b3a66;border-radius:9999px}.ui-body__inner{padding:14px 16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:12px;min-height:100%;width:100%;min-width:0;box-sizing:border-box}.ui-nav{flex-shrink:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;padding:8px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom,0px));padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));background:#0a0704f7;border-top:1px solid rgba(100,70,40,.3);box-sizing:border-box;width:100%}.ui-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:44px;padding:8px 6px;border:0;border-radius:8px;font-family:var(--font-body, "Inter", system-ui, sans-serif);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .12s ease,transform 80ms ease,box-shadow .12s ease;position:relative;overflow:hidden;white-space:normal;text-align:center;line-height:1.2;box-sizing:border-box;color:#fff8e8;background:linear-gradient(135deg,#8b5d2e,#a87038,#8b5d2e);background-size:200% 100%;box-shadow:0 2px 10px #8c5d2e59,inset 0 1px #ffffff14}.ui-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.06) 0%,transparent 100%)}.ui-btn:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 16px #8c5d2e73,inset 0 1px #ffffff1a}.ui-btn:active{transform:translateY(1px) scale(.98);filter:brightness(.95)}.ui-btn:disabled{opacity:.38;cursor:not-allowed;transform:none;filter:grayscale(.4)}.ui-btn--sm{min-height:36px;font-size:10px;padding:7px 12px;border-radius:6px}.ui-btn--ghost{background:transparent;border:1px solid rgba(180,120,50,.35);color:#a8987e;box-shadow:none}.ui-btn--ghost:hover{border-color:#e6b85c99;color:#e6b85c;box-shadow:none}.ui-btn--danger{background:linear-gradient(135deg,#7f2020,#a33030,#7f2020);box-shadow:0 2px 10px #a330304d}.ui-btn--danger:hover{box-shadow:0 4px 16px #a3303066}.ui-btn--success{background:linear-gradient(135deg,#1e5c2d,#2d7a3d,#1e5c2d);box-shadow:0 2px 10px #2d7a3d4d}.ui-btn--locked{background:#1e160fcc;color:#6a5c48;border:1px solid rgba(100,70,40,.25);box-shadow:none;cursor:not-allowed}.ui-btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.ui-panel{background:#120d09f5;border:1px solid rgba(100,70,40,.28);border-radius:10px;padding:14px;position:relative;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.ui-panel__title{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9c7b3a;margin-bottom:10px;display:flex;align-items:center;gap:6px}.ui-panel__title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(156,123,58,.3),transparent)}.ui-panel--elevated{background:#1c140df7;border-color:#825a3252}.ui-panel--gold{border-color:#e6b85c59;box-shadow:0 0 0 1px #e6b85c0f}.ui-panel--success{border-color:#4ade804d;background:#0f1c12f5}.ui-panel--danger{border-color:#f8717159;background:#1c0c0cf5}.ui-tabs{display:flex;gap:3px;padding:3px;background:#080604e6;border-radius:9px;border:1px solid rgba(80,55,35,.3);flex-shrink:0}.ui-tab{flex:1;min-height:36px;padding:7px 6px;border:0;border-radius:7px;font-family:var(--font-body, "Inter", system-ui, sans-serif);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:#6a5c48;background:transparent;transition:color .12s ease,background .12s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:3px}.ui-tab:hover:not(.ui-tab--active){color:#a8987e}.ui-tab--active{color:#f5d48a;background:linear-gradient(135deg,#2c1e10,#3a2810);box-shadow:inset 0 1px #e6b85c1f,0 1px 4px #0006}.ui-tabs--scroll{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.ui-tabs--scroll::-webkit-scrollbar{display:none}.ui-tabs--inventory-subtabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:3px;width:100%}.ui-tabs--equipment-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;width:100%;min-width:0}.ui-tabs--equipment-main .ui-tab{min-width:0;white-space:normal;overflow-wrap:anywhere}.ui-list{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.ui-item{background:#120d09f5;border:1px solid rgba(100,70,40,.28);border-radius:9px;padding:11px 13px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform 80ms ease;position:relative;overflow:visible;animation:item-appear .2s ease both;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.ui-item--hoverable:hover{z-index:25}.ui-item__desc-preview{font-size:10.5px;color:#cbbba0;font-style:italic;margin-top:3px;line-height:1.35}@keyframes item-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ui-item:hover{border-color:#b4783273;background:#18110bfa}.ui-item:active{transform:scale(.99)}.ui-item--equipped{border-color:#4ade8059;background:#0c1910f5}.ui-item__icon{width:40px;height:40px;flex-shrink:0;border-radius:8px;background:#0a0704cc;border:1px solid rgba(100,70,40,.3);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;overflow:hidden;box-sizing:border-box}.ui-equipment-icon{display:block;width:34px;height:34px;max-width:100%;max-height:100%;flex:0 0 auto;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgba(0,0,0,.65))}.ui-slot__icon{display:flex;align-items:center;justify-content:center;line-height:1}.ui-slot__icon--legendary .ui-equipment-icon,.ui-item__icon--legendary .ui-equipment-icon{filter:drop-shadow(0 0 5px rgba(250,204,92,.75))}.ui-item__body{flex:1;min-width:0}.ui-item__name{font-size:13px;font-weight:600;color:#f0e4cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.ui-item--equipped .ui-item__name{color:#4ade80}.ui-item .ui-item__name--common{color:#fff}.ui-item .ui-item__name--legendary{color:#e6b85c;text-shadow:0 0 8px rgba(230,184,92,.22)}.ui-item__meta{font-size:10px;color:#6a5c48;display:flex;gap:6px;flex-wrap:wrap}.ui-item__stat{font-size:11px;color:#a8987e;margin-top:3px}.ui-item__badge{display:inline-flex;align-items:center;padding:1px 5px;border-radius:3px;font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#0a0704b3;border:1px solid rgba(156,123,58,.3);color:#9c7b3a}.ui-item__badge--green{background:#143219b3;border-color:#4ade804d;color:#4ade80}.ui-item__badge--red{background:#320f0fb3;border-color:#f871714d;color:#f87171}.ui-item__action{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px}.ui-stats{display:grid;grid-template-columns:1fr auto;gap:2px 12px}.ui-stat-label{font-size:11px;color:#a8987e;padding:4px 0;border-bottom:1px solid rgba(50,35,20,.4)}.ui-stat-value{font-size:11px;font-weight:600;color:#f0e4cc;text-align:right;padding:4px 0;border-bottom:1px solid rgba(50,35,20,.4)}.ui-stat-label:last-of-type,.ui-stat-value:last-of-type{border-bottom:none}.ui-stat-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(50,35,20,.3);font-size:11px;position:relative}.ui-stat-row:last-child{border-bottom:none}.ui-stat-row__label{color:#a8987e}.ui-stat-row__value{font-weight:600;color:#f0e4cc}.ui-stat-row__value--gold{color:#e6b85c}.ui-stat-row__value--green{color:#4ade80}.ui-stat-row__value--red{color:#f87171}.ui-stat-row--hoverable{cursor:help;outline:none}.ui-stat-info-icon{color:#9c7b3a;font-size:9px;margin-left:2px}.ui-stat-tooltip{display:none;position:absolute;z-index:120;top:calc(100% + 5px);left:18px;width:min(300px,calc(100vw - 72px));padding:10px 11px;border:1px solid rgba(230,184,92,.48);border-radius:8px;background:#140e09fa;box-shadow:0 10px 28px #000000a6;color:#f0e4cc;text-align:left;white-space:normal}.ui-stat-tooltip--top{top:auto;bottom:calc(100% + 5px)}.ui-stat-row--hoverable:hover .ui-stat-tooltip,.ui-stat-row--hoverable:focus-visible .ui-stat-tooltip{display:block}.ui-stat-tooltip__header,.ui-stat-tooltip__title,.ui-stat-tooltip__effect{display:flex;align-items:baseline}.ui-stat-tooltip__header{justify-content:space-between;gap:10px;margin-bottom:4px}.ui-stat-tooltip__title{gap:5px;font-weight:700;color:#f5d48a}.ui-stat-tooltip__current{flex-shrink:0;font-weight:700;color:#fff}.ui-stat-tooltip__desc{margin-bottom:6px;color:#c9b99e}.ui-stat-tooltip__section-title{margin-bottom:3px;font-size:9px;font-weight:700;color:#9c7b3a;text-transform:uppercase;letter-spacing:.06em}.ui-stat-tooltip__effects{display:grid;gap:2px}.ui-stat-tooltip__effect{flex-wrap:wrap;gap:3px}.ui-stat-tooltip__effect-bullet,.ui-stat-tooltip__effect-val{color:#e6b85c}.ui-stat-tooltip__effect-label,.ui-stat-tooltip__effect-val{font-weight:700}.ui-stat-tooltip__effect-detail{color:#a8987e}.ui-stat-tooltip__footer{margin-top:7px;padding-top:6px;border-top:1px solid rgba(100,70,40,.28)}.ui-progress{height:7px;border-radius:9999px;background:#0f0b07e6;border:1px solid rgba(80,55,35,.4);overflow:hidden;position:relative}.ui-progress__fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#a87038,#e6b85c 60%,#f5d48a);background-size:200% 100%;animation:progress-shimmer 3s linear infinite;transition:width .4s cubic-bezier(.4,0,.2,1);min-width:2px}@keyframes progress-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.ui-progress__fill--green{background:linear-gradient(90deg,#1e5c2d,#4ade80 60%,#86efac);background-size:200% 100%;animation:progress-shimmer 3s linear infinite}.ui-progress__fill--blue{background:linear-gradient(90deg,#1e3a6e,#60a5fa 60%,#93c5fd);background-size:200% 100%;animation:progress-shimmer 3s linear infinite}.ui-progress-wrap{display:flex;flex-direction:column;gap:3px}.ui-progress-label{display:flex;justify-content:space-between;font-size:9.5px}.ui-progress-label__name{color:#a8987e}.ui-progress-label__value{color:#6a5c48}.ui-paperdoll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". head ." "weapon chest offhand" "hands legs feet";gap:7px;padding:8px 0 4px;width:100%;min-width:0;max-width:100%}.ui-slot{border-radius:8px;border:1px solid rgba(100,70,40,.35);background:#0c0906d9;padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:border-color .12s ease,background .12s ease;min-height:82px;position:relative;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.ui-paperdoll>.ui-slot{min-width:0!important;width:100%!important;max-width:100%!important;overflow:visible}.ui-slot__meta{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;gap:2px;text-align:center}.ui-slot__meta>span{min-width:0;max-width:100%}.ui-slot--head{grid-area:head}.ui-slot--weapon{grid-area:weapon}.ui-slot--chest{grid-area:chest}.ui-slot--offhand{grid-area:offhand}.ui-slot--hands{grid-area:hands}.ui-slot--legs{grid-area:legs}.ui-slot--feet{grid-area:feet}.ui-slot:hover{border-color:#b478328c}.ui-slot--equipped{border-color:#4ade8059;background:#0a160ee6}.ui-slot--equipped:hover{border-color:#f871718c}.ui-slot__label{font-size:7.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6a5c48;display:block;max-width:100%}.ui-slot--equipped .ui-slot__label{color:#4ade80}.ui-slot__name{font-size:9px;font-weight:600;color:#a8987e;text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%}.ui-slot .ui-equipment-icon{width:32px;height:32px;max-width:32px;max-height:32px}.ui-slot--equipped .ui-slot__name{color:#f0e4cc}.ui-slot__durability{font-size:8px;color:#6a5c48}.ui-slot__durability--warn{color:#e6b85c}.ui-slot__durability--crit{color:#f87171}.ui-equipped-summary{margin-top:8px;padding-top:10px;border-top:1px solid rgba(120,82,43,.3);width:100%;min-width:0;max-width:100%;overflow:hidden}.ui-equipped-summary__totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ui-equipped-summary__totals span{padding:7px 5px;border:1px solid rgba(120,82,43,.32);border-radius:7px;background:#0c0906b3;color:#a8987e;font-size:9px;text-align:center}.ui-equipped-summary__totals strong{display:block;margin-top:2px;color:#f0e4cc;font-size:10px}.ui-equipped-summary__title{margin:9px 0 5px;color:#8f6a32;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ui-equipped-summary__bonuses{display:flex;flex-wrap:wrap;gap:5px}.ui-equipped-summary__bonus{padding:4px 7px;border:1px solid rgba(230,184,92,.35);border-radius:999px;background:#48300e47;color:#e6b85c;font-size:9px;font-weight:700;max-width:100%}.ui-equipped-summary__empty{color:#6a5c48;font-size:9px;font-style:italic}.ui-slot--wide{grid-column:span 3}.ui-slot--hoverable{position:relative;outline:none}.ui-slot--hoverable:hover,.ui-slot--hoverable:focus-visible,.ui-slot--hoverable.is-active{z-index:40}.ui-equip-tooltip{display:none;position:absolute;left:50%;transform:translate(-50%);top:calc(100% + 6px);width:250px;max-width:88vw;background:#140f0a;border:1px solid rgba(230,184,92,.5);box-shadow:0 8px 26px #000000f0,0 0 12px #e6b85c38;border-radius:6px;padding:10px 12px;z-index:150;pointer-events:none;text-align:left;animation:equip-tooltip-in .16s cubic-bezier(.16,1,.3,1) both}@keyframes equip-tooltip-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.ui-slot--offhand .ui-equip-tooltip{left:auto;right:0;transform:none;animation-name:equip-tooltip-in-right}@keyframes equip-tooltip-in-right{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ui-slot--weapon .ui-equip-tooltip{left:0;transform:none;animation-name:equip-tooltip-in-left}@keyframes equip-tooltip-in-left{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ui-slot--hands .ui-equip-tooltip,.ui-slot--legs .ui-equip-tooltip,.ui-slot--feet .ui-equip-tooltip{top:auto;bottom:calc(100% + 6px);animation-name:equip-tooltip-in-bottom}@keyframes equip-tooltip-in-bottom{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.ui-item--hoverable .ui-equip-tooltip{left:auto;right:12px;top:auto;bottom:calc(100% + 4px);transform:none;animation-name:equip-tooltip-in-inv}@keyframes equip-tooltip-in-inv{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ui-slot--hoverable:hover .ui-equip-tooltip,.ui-slot--hoverable:focus-visible .ui-equip-tooltip,.ui-slot--hoverable.is-active .ui-equip-tooltip,.ui-item--hoverable:hover .ui-equip-tooltip,.ui-item--hoverable:focus-visible .ui-equip-tooltip,.ui-item--hoverable.is-active .ui-equip-tooltip{display:block}.ui-equip-tooltip__header{border-bottom:1px solid rgba(180,120,50,.25);padding-bottom:5px;margin-bottom:6px}.ui-equip-tooltip__name{font-family:var(--font-hero, "Cinzel", Georgia, serif);font-size:13px;font-weight:700;line-height:1.25;margin-bottom:3px}.ui-equip-tooltip__meta{display:flex;align-items:center;gap:6px;font-size:9.5px}.ui-equip-tooltip__badge{font-size:9px;font-weight:700;border:1px solid rgba(230,184,92,.35);background:#e6b85c1a;padding:0 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.ui-equip-tooltip__stats{display:flex;flex-direction:column;gap:3px;margin-bottom:6px;background:#0000004d;padding:5px 8px;border-radius:4px;border:1px solid rgba(100,70,40,.22)}.ui-equip-tooltip__stat-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.ui-equip-tooltip__stat-label{color:#a8987e}.ui-equip-tooltip__stat-val{font-weight:700}.ui-equip-tooltip__desc{margin-bottom:6px;font-size:10.5px;line-height:1.35}.ui-equip-tooltip__desc-title{font-size:9px;font-weight:700;text-transform:uppercase;color:#e6b85c;letter-spacing:.05em;margin-bottom:2px}.ui-equip-tooltip__desc-text{color:#e4d7c0}.ui-equip-tooltip__dynamic{margin-bottom:6px;background:#e6b85c14;border:1px solid rgba(230,184,92,.25);border-radius:4px;padding:5px 8px}.ui-equip-tooltip__dynamic-title{font-size:9.5px;font-weight:700;color:#e6b85c;margin-bottom:4px}.ui-equip-tooltip__dynamic-badges{display:flex;flex-wrap:wrap;gap:4px}.ui-equip-tooltip__dynamic-badge{font-size:9.5px;font-weight:700;color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.3);padding:1px 6px;border-radius:3px}.ui-equip-tooltip__set{font-size:9.5px;margin-bottom:6px;padding:5px 8px;background:#60a5fa14;border:1px solid rgba(96,165,250,.25);border-radius:4px}.ui-equip-tooltip__set-title{color:#60a5fa;font-weight:700;margin-bottom:3px}.ui-equip-tooltip__set-line{color:#93c5fd;line-height:1.3}.ui-equip-tooltip__req{font-size:9.5px;color:#f87171;margin-bottom:6px;font-weight:600}.ui-equip-tooltip__footer{font-size:9.5px;color:#a8987e;border-top:1px solid rgba(180,120,50,.2);padding-top:4px;display:flex;justify-content:space-between}.ui-combat-hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column}.ui-combat-header{padding:10px 14px 8px;background:#0a0704e0;border-bottom:1px solid rgba(80,55,35,.3);flex-shrink:0;pointer-events:auto}.ui-combat-status{font-size:12px;font-weight:600;color:#e6b85c;text-align:center;min-height:18px;transition:color .2s ease}.ui-combat-status--green{color:#4ade80}.ui-combat-status--red{color:#f87171}.ui-combat-progress{font-size:10px;color:#a8987e;text-align:center;margin-top:3px}.ui-combat-rewards{font-size:9.5px;color:#6a5c48;text-align:center;margin-top:2px;line-height:1.4}.ui-combat-arena{flex:1;pointer-events:none}.ui-combat-footer{flex-shrink:0;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom,0px));background:#0a0704e6;border-top:1px solid rgba(80,55,35,.3);display:flex;flex-direction:column;gap:6px;pointer-events:auto}.ui-city-hud{position:absolute;top:0;left:0;right:0;pointer-events:none}.ui-city-header{margin:8px 8px 0;background:#0f0b08f0;border:1px solid rgba(180,120,50,.3);border-radius:10px;padding:10px 14px;pointer-events:auto}.ui-city-header__top{display:flex;align-items:flex-start;justify-content:space-between}.ui-city-header__name{font-family:var(--font-hero, "Cinzel", Georgia, serif);font-size:18px;font-weight:700;color:#f0e4cc;line-height:1.2}.ui-city-header__level{font-size:10px;color:#e6b85c;margin-top:2px}.ui-city-header__hp{font-size:9.5px;color:#a8987e;margin-top:4px;display:flex;align-items:center;gap:6px}.ui-city-squad{margin:4px 8px 0;background:#0c0906eb;border:1px solid rgba(180,120,50,.25);border-radius:8px;padding:7px 12px;pointer-events:auto;cursor:pointer;font-size:9px;color:#9c7b3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .12s ease}.ui-city-squad--multiplayer{border-color:#4ade8066;color:#4ade80}.ui-city-squad:hover{border-color:#e6b85c80}.ui-toast-container{position:absolute;bottom:80px;left:14px;right:14px;display:flex;flex-direction:column-reverse;gap:6px;pointer-events:none;z-index:50}.ui-toast{background:#140e09f7;border:1px solid rgba(100,70,40,.4);border-radius:9px;padding:10px 14px;font-size:12px;font-weight:500;color:#f0e4cc;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #0009;animation:toast-in .2s cubic-bezier(.16,1,.3,1) both}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-toast--fadeout{animation:toast-out .2s ease forwards}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.ui-toast--success{border-color:#4ade8073}.ui-toast--error{border-color:#f8717173}.ui-toast--gold{border-color:#e6b85c73}.ui-toast__icon{font-size:16px;flex-shrink:0}.ui-toast__text{flex:1;line-height:1.4}.ui-showcase{background:#120c08fa;border:1px solid rgba(100,70,40,.3);border-radius:10px;overflow:hidden}.ui-showcase--heritage{position:relative;border-color:#facc5cd9;background:radial-gradient(circle at 18% 0%,rgba(250,204,92,.16),transparent 42%),linear-gradient(145deg,#1f1407fc,#0e0906fc);box-shadow:0 0 0 1px #facc5c26,0 0 24px #e69a2d33,inset 0 0 22px #facc5c0d}.ui-showcase--heritage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,230,150,.08) 48%,transparent 70%);transform:translate(-100%);animation:heritage-shimmer 4.5s ease-in-out infinite}@keyframes heritage-shimmer{0%,65%{transform:translate(-100%)}to{transform:translate(100%)}}.ui-showcase__header{display:flex;gap:12px;padding:12px;border-bottom:1px solid rgba(70,50,30,.3)}.ui-showcase__icon-box{width:56px;height:56px;flex-shrink:0;border-radius:8px;background:#0a0704e6;border:1.5px solid rgba(180,120,50,.5);display:flex;align-items:center;justify-content:center;font-size:28px;padding:3px;overflow:hidden;box-sizing:border-box}.ui-showcase__icon-box--heritage{border-color:#facc5c;background:radial-gradient(circle,#7e4c0c8c,#0c0804f2);color:#ffe7a3;box-shadow:0 0 16px #facc5c47,inset 0 0 12px #facc5c1f}.ui-showcase__heritage-badge{display:inline-block;margin:1px 0 5px;padding:3px 7px;border:1px solid rgba(250,204,92,.65);border-radius:999px;background:#6f410866;color:#ffe29a;font-size:8px;font-weight:800;letter-spacing:.12em;text-shadow:0 0 8px rgba(255,215,110,.65)}.ui-showcase__info{flex:1;min-width:0}.ui-showcase__name{font-size:14px;font-weight:700;color:#f0e4cc;margin-bottom:3px;line-height:1.2}.ui-showcase__type{font-size:9.5px;color:#9c7b3a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.ui-showcase__status{font-size:9px;font-weight:700}.ui-showcase__stat-bar{padding:9px 12px;background:#18100ab3;border-bottom:1px solid rgba(50,35,20,.3);font-size:11px;font-weight:600;color:#4ade80;text-align:center}.ui-showcase__description{padding:10px 12px;font-size:10.5px;color:#a8987e;line-height:1.5;border-bottom:1px solid rgba(50,35,20,.3)}.ui-showcase__costs{padding:10px 12px}.ui-showcase__costs-title{font-size:9px;font-weight:700;letter-spacing:.1em;color:#9c7b3a;text-transform:uppercase;margin-bottom:8px}.ui-showcase__costs-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.ui-showcase__cost-item{font-size:10.5px;display:flex;justify-content:space-between}.ui-showcase__cost-item--ok{color:#a8987e}.ui-showcase__cost-item--nok{color:#f87171}.ui-recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.ui-recipe-tile{border-radius:7px;border:1px solid rgba(90,65,40,.4);background:#100b07e6;padding:6px 4px 5px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:border-color .12s ease,background .12s ease;min-height:64px}.ui-recipe-tile:hover{border-color:#b478328c}.ui-recipe-tile--selected{border-color:#e6b85cb3;background:#1e140af7;box-shadow:0 0 0 1px #e6b85c1a}.ui-recipe-tile--owned{border-color:#4ade8059;background:#0a160ce6}.ui-recipe-tile--heritage{position:relative;min-height:74px;border-color:#facc5cb8;background:radial-gradient(circle at 50% 0%,#7e4c0c6b,#120b06f5 72%);box-shadow:inset 0 0 10px #facc5c14,0 0 8px #e69a2d1f}.ui-recipe-tile--heritage .ui-recipe-tile__icon{font-size:23px;filter:drop-shadow(0 0 5px rgba(250,204,92,.75))}.ui-recipe-tile--heritage .ui-recipe-tile__name{color:#ffe29a;font-weight:800}.ui-recipe-tile--heritage.ui-recipe-tile--selected{border-color:#facc5c;box-shadow:0 0 0 1px #facc5c40,0 0 15px #e69a2d4d}.ui-recipe-tile__heritage-mark{color:#facc5c;font-size:6.5px;font-weight:800;letter-spacing:.08em;text-shadow:0 0 6px rgba(250,204,92,.55)}.ui-recipe-tile__icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.ui-equipment-icon--recipe{width:32px;height:32px}.ui-equipment-icon--showcase{width:48px;height:48px}@media(prefers-reduced-motion:reduce){.ui-showcase--heritage:before{animation:none}}.ui-recipe-tile__name{font-size:7.5px;font-weight:600;color:#a8987e;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ui-skill-slots{display:flex;gap:5px;margin-bottom:12px}.ui-skill-slot{flex:1;border-radius:7px;border:1px solid rgba(100,70,40,.3);background:#0c0906e6;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:58px}.ui-skill-slot--filled{border-color:#b4783280;background:#1c140af2}.ui-skill-slot__label{font-size:7px;font-weight:700;letter-spacing:.08em;color:#6a5c48;text-transform:uppercase}.ui-skill-slot--filled .ui-skill-slot__label{color:#9c7b3a}.ui-skill-slot__name{font-size:7.5px;font-weight:600;color:#f0e4cc;text-align:center;line-height:1.25;word-break:break-word}.ui-skill-card{background:#120d09f5;border:1px solid rgba(100,70,40,.28);border-radius:9px;padding:11px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ui-skill-card--equipped{border-color:#4ade804d}.ui-skill-card__body{flex:1;min-width:0}.ui-skill-card__name{font-size:13px;font-weight:600;color:#f0e4cc;margin-bottom:3px}.ui-skill-card--equipped .ui-skill-card__name{color:#4ade80}.ui-skill-card__desc{font-size:10px;color:#a8987e;line-height:1.45}.ui-skill-card__action{flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:4px 0;min-height:32px;display:flex;align-items:center}.ui-skill-card__action--place{color:#e6b85c}.ui-skill-card__action--remove{color:#f87171}.ui-skill-card__action--passive{color:#4ade80}.ui-rank-item{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#120d09f2;border:1px solid rgba(80,55,35,.25);border-radius:8px;animation:item-appear .18s ease both;width:100%}.ui-rank-item--self{border-color:#e6b85c66;background:#19120af7}.ui-rank-item__pos{font-family:var(--font-hero, "Cinzel", Georgia, serif);font-size:14px;font-weight:700;color:#6a5c48;width:28px;text-align:center;flex-shrink:0}.ui-rank-item--self .ui-rank-item__pos{color:#e6b85c}.ui-rank-item__name{flex:1 1 auto;font-size:13px;font-weight:600;color:#f0e4cc;min-width:60px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-rank-item__score{font-size:11px;font-weight:700;color:#9c7b3a;flex-shrink:0}.ui-section-title{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9c7b3a;margin:14px 0 8px;display:flex;align-items:center;gap:6px}.ui-section-title:before{content:"";width:3px;height:12px;background:#9c7b3a;border-radius:2px}.ui-desc{font-size:11px;color:#a8987e;line-height:1.6}.ui-mastery{padding:10px 0;border-bottom:1px solid rgba(50,35,20,.3)}.ui-mastery:last-child{border-bottom:none}.ui-mastery__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.ui-mastery__name{font-size:12px;font-weight:600;color:#f0e4cc;display:flex;align-items:center;gap:5px}.ui-mastery__name--equipped{color:#4ade80}.ui-mastery__xp{font-size:9px;color:#6a5c48}.ui-mastery__milestone{font-size:9px;color:#9c7b3a;margin-top:3px}.ui-mastery__total-stats{font-size:9px;color:#9c7b3a;margin-top:2px}.ui-mastery__total-value{color:#9c7b3a}@keyframes spin{to{transform:rotate(360deg)}}.u-text-gold{color:#e6b85c!important}.u-text-green{color:#4ade80!important}.u-text-red{color:#f87171!important}.u-text-muted{color:#a8987e!important}.u-text-bold{font-weight:700!important}.u-text-center{text-align:center!important}.u-hidden{display:none!important}.u-mt-sm{margin-top:6px!important}.u-mt-md{margin-top:12px!important}.ui-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(156,123,58,.3) 30%,rgba(156,123,58,.3) 70%,transparent);margin:8px 0}.ui-inventory-label{display:flex;align-items:center;justify-content:space-between;padding:8px 0 4px;font-size:10px}.ui-inventory-label__title{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9c7b3a}.ui-inventory-label__count{color:#6a5c48}.ui-resources{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 14px;background:#0a0704b3;border-bottom:1px solid rgba(60,42,25,.3);font-size:10.5px;color:#e6b85c;font-weight:600;flex-shrink:0}.ui-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0704b3;z-index:40}.ui-loading__spinner{width:28px;height:28px;border:3px solid rgba(230,184,92,.15);border-top-color:#e6b85c;border-radius:50%;animation:spin .7s linear infinite}.ui-btn:focus-visible,.ui-tab:focus-visible,.ui-item:focus-visible{outline:2px solid #e6b85c;outline-offset:2px}@media(prefers-reduced-motion:reduce){.ui-progress__fill,.ui-btn,.ui-item,.ui-toast{animation:none!important;transition:none!important}}.ui-map-markers{position:absolute;inset:0;pointer-events:none;z-index:10}.ui-map-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.ui-map-marker:hover{transform:translate(-50%,-55%) scale(1.05)}.ui-map-marker:active{transform:translate(-50%,-50%) scale(.95)}.ui-map-marker__icon{width:32px;height:32px;background:var(--c-panel);border:1px solid var(--c-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 12px #0009;margin-bottom:6px}.ui-map-marker__label{background:#14100ce6;border:1px solid rgba(230,184,92,.5);padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--c-text);white-space:nowrap;box-shadow:0 2px 8px #00000080}.ui-map-marker--locked{filter:grayscale(1);opacity:.7}.ui-map-marker--locked .ui-map-marker__icon{border-color:var(--c-red)}.ui-modal-overlay{position:absolute;inset:0;background:#040302e0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:modal-fade-in .18s ease both}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ui-modal-card{width:100%;max-width:360px;background:#19120e;border:1.5px solid #e6b85c;border-radius:14px;box-shadow:0 12px 40px #000000e6,0 0 20px #e6b85c26;overflow:hidden;display:flex;flex-direction:column}.ui-modal-header{padding:14px 16px 12px;background:#130d09;border-bottom:1px solid rgba(180,120,50,.25);display:flex;justify-content:space-between;align-items:flex-start}.ui-modal-title{font-family:var(--font-hero, "Cinzel", Georgia, serif);font-size:16px;font-weight:700;color:#f0e4cc}.ui-modal-subtitle{font-size:11px;color:#a8987e;margin-top:2px}.ui-modal-close{background:transparent;border:none;color:#a8987e;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.ui-modal-close:hover{color:#f0e4cc}.ui-modal-body{padding:14px;display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow-y:auto}.ui-stepper{display:flex;align-items:center;gap:4px;margin-top:8px}.ui-stepper-btn{padding:6px 7px;font-size:10.5px;font-weight:700;border-radius:6px;background:#251a13;border:1px solid rgba(180,120,50,.4);color:#f0e4cc;cursor:pointer;white-space:nowrap}.ui-stepper-btn:hover{background:#36261c;border-color:#e6b85c}.ui-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.ui-input-num{flex:1;text-align:center;font-size:14px;font-weight:700;color:#f0e4cc;background:#110c08;border:1px solid rgba(180,120,50,.4);border-radius:6px;padding:6px 4px;min-width:44px;max-width:65px}.ui-input-num:focus{border-color:#e6b85c;outline:none}.ui-modal-footer{padding:12px 14px;background:#130d09;border-top:1px solid rgba(180,120,50,.25);display:flex;flex-direction:column;gap:6px}