:root{--bg-deep:#000000;--color-accent:#39ab6f;--bg-primary:#080a0c;--bg-secondary:#0a0d10;--bg-card:rgba(255,255,255,0.07);--bg-card-hover:rgba(255,255,255,0.13);--bg-elevated:rgba(255,255,255,0.10);--accent:#39ab6f;--accent-light:#4cc985;--accent-dim:#2d8a5a;--accent-glow:rgba(57,171,111,0.15);--secondary:#39ab6f;--secondary-dim:#2d8a5a;--text-primary:#ffffff;--text-secondary:#b0b0b0;--text-muted:#666666;--border:rgba(255,255,255,0.08);--border-accent:rgba(57,171,111,0.35);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow:0 4px 24px rgba(0,0,0,0.5);--shadow-lg:0 8px 48px rgba(0,0,0,0.6);--transition:0.3s cubic-bezier(0.4,0,0.2,1);--hero-bg-y:10%;--inner-scroll-dim:0;} *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;font-size:16px;} body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-deep);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;} .page-bg{position:fixed;inset:0;z-index:-2;background:url('../img/bg.jpg') center var(--hero-bg-y)/cover no-repeat;background-image:image-set(url('../img/bg.avif') type('image/avif'),url('../img/bg.webp') type('image/webp'),url('../img/bg.jpg') type('image/jpeg'));filter:brightness(0.7);} .page-bg-overlay{position:fixed;inset:0;z-index:-1;background:url('../img/bg_ovl.png') center var(--hero-bg-y)/cover no-repeat;opacity:0;} body.inner-page .page-bg-overlay{opacity:1;background:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.7) 85%,rgba(0,0,0,1) 100%),radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,0.4) 100%),linear-gradient(rgba(0,0,0,var(--inner-scroll-dim)),rgba(0,0,0,var(--inner-scroll-dim)));} a{color:var(--accent-light);text-decoration:none;transition:color var(--transition);} a:hover{color:var(--accent);text-decoration:none;} img{max-width:100%;height:auto;display:block;} ul{list-style:none;margin:0;padding:0;} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .container{max-width:1240px;margin:0 auto;padding:0 32px;} .status-bar{background:rgba(12,14,20,0.95);border-bottom:1px solid var(--border);padding:8px 0;font-size:13px;position:fixed;top:0;left:0;right:0;z-index:1001;backdrop-filter:blur(12px);} .status-bar__inner{display:flex;justify-content:space-between;align-items:center;} .status-bar__left,.status-bar__right{display:flex;align-items:center;gap:12px;} .status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;} .status-indicator--online{background:var(--secondary);box-shadow:0 0 8px var(--secondary);} .status-text{color:var(--text-secondary);} .status-text strong{color:var(--secondary);letter-spacing:0.5px;} .status-divider{color:var(--text-muted);opacity:0.4;} .status-races{display:inline-flex;align-items:center;gap:10px;} .status-race{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);} .status-race__icon{width:14px;height:14px;display:inline-block;flex-shrink:0;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.45));} .status-race--elyos .status-race__icon{background-image:url("../img/races/elyos_logo.png");background-image:image-set(url("../img/races/elyos_logo.avif") type("image/avif"),url("../img/races/elyos_logo.webp") type("image/webp"),url("../img/races/elyos_logo.png") type("image/png"));} .status-race--asmo .status-race__icon{background-image:url("../img/races/asmodian_logo.png");background-image:image-set(url("../img/races/asmodian_logo.avif") type("image/avif"),url("../img/races/asmodian_logo.webp") type("image/webp"),url("../img/races/asmodian_logo.png") type("image/png"));} .navbar{position:fixed;top:33px;left:0;right:0;z-index:1000;background:rgba(12,14,20,0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0;transition:background var(--transition),box-shadow var(--transition);} .navbar--scrolled{background:rgba(12,14,20,0.97);box-shadow:0 4px 32px rgba(0,0,0,0.4);} .navbar__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;height:64px;min-width:0;} .navbar__brand{display:flex;align-items:center;gap:12px;min-width:0;flex:0 0 auto;} .anniversary-logo-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:0 11px 0 9px;overflow:hidden;flex:0 0 auto;color:#2b1700;background:linear-gradient(145deg,#fff3a8 0%,#ffc84b 42%,#e69013 100%);border:1px solid #ffe7a0;border-radius:999px;box-shadow:0 0 0 1px rgba(128,71,0,0.36),0 0 18px rgba(255,190,56,0.52),0 5px 14px rgba(0,0,0,0.36),inset 0 1px rgba(255,255,255,0.72);line-height:1;text-decoration:none;transform-origin:center;animation:anniversaryBadgePulse 2.8s ease-in-out infinite;} .anniversary-logo-badge::before{content:'';position:absolute;top:-55%;bottom:-55%;left:-45%;width:24%;background:rgba(255,255,255,0.7);filter:blur(1px);transform:rotate(18deg);animation:anniversaryBadgeShine 3.6s ease-in-out infinite;pointer-events:none;} .anniversary-logo-badge:hover,.anniversary-logo-badge:focus-visible{color:#201000;background:linear-gradient(145deg,#fff9c7 0%,#ffd763 42%,#ef9e1c 100%);box-shadow:0 0 0 1px rgba(128,71,0,0.4),0 0 27px rgba(255,199,72,0.8),0 7px 17px rgba(0,0,0,0.42),inset 0 1px rgba(255,255,255,0.82);transform:translateY(-1px) scale(1.06);} .anniversary-logo-badge:focus-visible{outline:2px solid #fff1a8;outline-offset:3px;} .anniversary-logo-badge__number{position:relative;z-index:1;font-family:'Cinzel',serif;font-size:18px;font-weight:800;text-shadow:0 1px rgba(255,255,255,0.45);} .anniversary-logo-badge__unit{position:relative;z-index:1;font-size:9px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;} .navbar__logo{font-family:'Cinzel',serif;font-size:22px;font-weight:700;letter-spacing:2px;display:flex;align-items:baseline;gap:0;color:var(--text-primary);text-decoration:none;} .navbar__logo:hover{color:var(--text-primary);} .navbar__logo-dot{color:var(--accent);font-weight:400;font-size:18px;} .navbar__menu{display:flex;align-items:center;gap:4px;} .navbar__link{display:inline-block;padding:8px 14px;font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;} .navbar__link:hover{color:var(--text-primary);background:rgba(255,255,255,0.04);} .navbar__link--accent{color:var(--accent);border:1px solid var(--border-accent);background:var(--accent-glow);} .navbar__link--accent:hover{color:var(--accent-light);background:rgba(57,171,111,0.12);} .navbar__actions{position:relative;} .navbar__item--has-dropdown{position:relative;} .navbar__dropdown-toggle{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;cursor:pointer;font:inherit;} .navbar__dropdown-caret{font-size:10px;line-height:1;transition:transform var(--transition);} .navbar__item--open>.navbar__dropdown-toggle .navbar__dropdown-caret{transform:rotate(180deg);} .navbar__dropdown{position:absolute;top:100%;left:0;min-width:200px;margin:6px 0 0;padding:6px;list-style:none;background:#0c0e14;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px rgba(0,0,0,0.5);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition);z-index:1500;} .navbar__item--has-dropdown:hover>.navbar__dropdown,.navbar__item--has-dropdown:focus-within>.navbar__dropdown,.navbar__item--open>.navbar__dropdown{opacity:1;visibility:visible;transform:translateY(0);} .navbar__dropdown-link{display:block;padding:8px 12px;font-size:14px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);white-space:nowrap;} .navbar__dropdown-link:hover{color:var(--text-primary);background:rgba(255,255,255,0.04);} .lang-switcher{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--transition);font-family:inherit;} .lang-switcher:hover{border-color:var(--accent-dim);color:var(--text-primary);} .lang-switcher:focus,.lang-switcher:focus-visible,.lang-switcher:active{outline:none;box-shadow:none;} .lang-switcher .fa-chevron-down{font-size:10px;transition:transform var(--transition);} .lang-switcher.active .fa-chevron-down{transform:rotate(180deg);} .lang-dropdown{position:absolute;top:calc(100%+8px);right:0;min-width:160px;background:#12151d;border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-md);box-shadow:0 12px 32px rgba(0,0,0,0.55);padding:6px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition);z-index:2000;} .lang-dropdown.show{opacity:1;visibility:visible;transform:translateY(0);} .lang-dropdown__item{display:block;padding:8px 14px;font-size:14px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);} .lang-dropdown__item:hover,.lang-dropdown__item.active{background:rgba(57,171,111,0.1);color:var(--accent-light);} .navbar__burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin-left:8px;padding:0;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition),border-color var(--transition);font-family:inherit;} .navbar__burger:hover{color:var(--text-primary);border-color:var(--accent-dim);} .navbar__burger:focus,.navbar__burger:focus-visible,.navbar__burger:active{outline:none;box-shadow:none;} .navbar__burger-icon,.navbar__burger-icon::before,.navbar__burger-icon::after{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--transition),opacity var(--transition),background var(--transition),top var(--transition);} .navbar__burger-icon{position:relative;} .navbar__burger-icon::before,.navbar__burger-icon::after{content:"";position:absolute;left:0;} .navbar__burger-icon::before{top:-6px;} .navbar__burger-icon::after{top:6px;} .navbar__burger[aria-expanded="true"] .navbar__burger-icon{background:transparent;} .navbar__burger[aria-expanded="true"] .navbar__burger-icon::before{top:0;transform:rotate(45deg);} .navbar__burger[aria-expanded="true"] .navbar__burger-icon::after{top:0;transform:rotate(-45deg);} .navbar__backdrop{display:none;} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 28px;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;letter-spacing:0.5px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap;} .btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#ffffff;box-shadow:0 2px 16px rgba(57,171,111,0.3);} .btn--primary:hover{background:linear-gradient(135deg,var(--accent-light),var(--accent));box-shadow:0 4px 24px rgba(57,171,111,0.45);transform:translateY(-1px);color:#ffffff;} .btn--outline{background:transparent;border:1px solid rgba(255,255,255,0.15);color:var(--text-primary);} .btn--outline:hover{border-color:var(--accent-dim);background:var(--accent-glow);color:var(--accent-light);} .btn--gold{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#ffffff;font-weight:700;} .btn--gold:hover{background:linear-gradient(135deg,var(--accent-light),var(--accent));transform:translateY(-1px);color:#ffffff;} .btn--lg{padding:16px 36px;font-size:15px;} .btn--sm{padding:8px 20px;font-size:13px;} .social-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid var(--border);color:var(--text-secondary);font-size:18px;transition:all var(--transition);} .social-btn:hover{background:var(--accent-glow);border-color:var(--accent-dim);color:var(--accent-light);transform:translateY(-2px);} .social-btn--footer{border-radius:var(--radius-sm);width:auto;padding:8px 16px;gap:8px;font-size:14px;} .social-btn--footer span{font-size:13px;font-weight:500;} .hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:97px;} .hero__bg{position:absolute;inset:0;background:none;} .hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.7) 85%,rgba(0,0,0,1) 100%),radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,0.4) 100%);} .hero__particles{position:absolute;inset:0;pointer-events:none;} .hero__content{position:relative;z-index:2;text-align:center;max-width:860px;margin:0 auto;padding:40px 32px 80px;} .hero__badge{display:inline-block;padding:6px 20px;background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:100px;font-family:'Cinzel',serif;font-size:12px;font-weight:600;letter-spacing:3px;color:var(--accent-light);text-transform:uppercase;margin-bottom:32px;animation:fadeInDown 0.8s ease-out;} .hero__title{font-family:'Cinzel',serif;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;color:var(--text-primary);animation:fadeInUp 0.8s ease-out 0.1s both;} .hero__title--accent{color:var(--accent);display:inline;} .hero__subtitle{font-size:18px;line-height:1.7;color:var(--text-secondary);margin-bottom:12px;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp 0.8s ease-out 0.2s both;} .hero__desc{font-size:15px;color:var(--text-muted);margin-bottom:40px;animation:fadeInUp 0.8s ease-out 0.3s both;} .hero__actions{display:flex;justify-content:center;gap:16px;margin-bottom:36px;animation:fadeInUp 0.8s ease-out 0.4s both;} .hero__social{display:flex;justify-content:center;gap:12px;animation:fadeInUp 0.8s ease-out 0.5s both;} .hero__scroll-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;animation:bounce 2.5s ease-in-out infinite;} .section{padding:100px 0;background:linear-gradient(90deg,rgba(0,0,0,0.96) 0%,rgba(0,0,0,0.88) 28%,rgba(0,0,0,0.78) 58%,rgba(0,0,0,0.78) 100%);} .section--dark{background:linear-gradient(90deg,rgba(5,7,9,0.98) 0%,rgba(8,11,14,0.93) 28%,rgba(10,13,16,0.88) 58%,rgba(10,13,16,0.88) 100%);} .section__header{text-align:center;margin-bottom:64px;} .section__tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;} .section__title{font-family:'Cinzel',serif;font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:20px;} .section__line{width:60px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-dim));border-radius:2px;margin:0 auto;} .section__promise{text-align:center;font-size:20px;font-weight:500;color:var(--secondary);margin-top:48px;margin-bottom:24px;} .section__cta{text-align:center;margin-top:48px;} .pnp{--pnp-gold:#c09f69;--pnp-gold-soft:#a28555;--pnp-cream:#eef0f3;--pnp-green:#59d985;--pnp-line:rgba(150,170,200,0.12);--pnp-card-bg:linear-gradient(180deg,#031015 0%,#02080c 100%);position:relative;scroll-margin-top:clamp(120px,16vh,190px);padding:clamp(30px,4vw,60px) 0;background:radial-gradient(140% 120% at 50% 0%,#0a0f16 0%,#05080d 60%,#03060a 100%);border-top:1px solid rgba(150,170,200,0.08);border-bottom:1px solid rgba(150,170,200,0.08);overflow:hidden;} .pnp,.pnp *:not(.fa-solid):not(.fa-regular):not(.fa-brands){font-family:'Inter',sans-serif;} .pnp__frame{position:relative;border:0;border-radius:0;padding:clamp(18px,2.4vw,34px);background:transparent;box-shadow:none;} .pnp-gold{color:var(--pnp-gold);} .pnp__side-art{position:absolute;z-index:0;height:auto;pointer-events:none;user-select:none;} .pnp__side-art img{display:block;width:100%;height:auto;} .pnp__side-art--heroes{left:clamp(-20px,-1vw,8px);top:clamp(-92px,-5vw,-64px);width:clamp(230px,17vw,323px);transform:rotate(-10deg);transform-origin:50% 20%;} .pnp__side-art--banner{right:clamp(-182px,-9vw,-120px);top:clamp(-102px,-5.4vw,-72px);width:clamp(296px,23.4vw,421px);transform:rotate(5deg);transform-origin:50% 20%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,0.7) 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,0.7) 72%,transparent 100%);} .pnp__header{margin-bottom:clamp(20px,2.4vw,36px);} .pnp__rows{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(12px,1.2vw,20px);} .pnp__row{display:grid;gap:clamp(12px,1.2vw,20px);align-items:stretch;} .pnp__row>*{min-width:0;} .pnp__row--top{grid-template-columns:minmax(270px,0.95fr) minmax(0,1.25fr) minmax(0,1.25fr);align-items:end;} .pnp__row--mid{grid-template-columns:minmax(0,1.18fr) minmax(0,1.29fr) minmax(0,1.29fr);} .pnp-card{position:relative;padding:clamp(14px,1.3vw,22px);border:1px solid var(--pnp-line);border-radius:14px;background:var(--pnp-card-bg);overflow:hidden;} .pnp-card__title{font-family:'Inter',sans-serif;font-weight:500;letter-spacing:0.04em;font-size:clamp(16px,1.5vw,21px);line-height:1.15;color:var(--pnp-gold);text-align:center;margin-bottom:10px;} .pnp__intro{position:relative;min-width:0;min-height:clamp(300px,22vw,358px);overflow:visible;} .pnp__intro-body{position:relative;z-index:1;min-width:0;max-width:320px;padding-top:clamp(154px,11vw,198px);} .pnp__title{font-family:'Inter',sans-serif;font-weight:500;line-height:1.04;letter-spacing:0.01em;font-size:clamp(24px,1.95vw,33px);color:var(--pnp-cream);text-shadow:0 2px 20px rgba(0,0,0,0.6);margin-bottom:14px;} .pnp__lead{color:#b9c0c8;font-size:0.92rem;line-height:1.5;margin-bottom:18px;} .pnp__cd-label{color:#8b939d;font-size:0.82rem;letter-spacing:0.02em;margin-bottom:10px;} .pnp__cd{display:flex;gap:10px;} .pnp__cd-cell{flex:1 1 0;min-width:0;padding:10px 6px 8px;border:1px solid var(--pnp-line);border-radius:10px;background:rgba(0,0,0,0.3);text-align:center;} .pnp__cd-num{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:clamp(28px,3vw,40px);color:var(--pnp-green);line-height:1;} .pnp__cd-unit{display:block;margin-top:7px;font-size:0.72rem;letter-spacing:0.04em;color:#7f8791;} .pnp-card--title,.pnp-card--elyos{min-height:clamp(300px,27vw,344px);} .pnp-card--title{display:flex;flex-direction:column;} .pnp-title-card__row{display:flex;align-items:center;gap:clamp(8px,1vw,16px);} .pnp-title-card__row>picture{flex:0 0 auto;display:block;} .pnp-title-card__medal{flex:0 0 auto;width:clamp(150px,11vw,188px);height:auto;filter:drop-shadow(0 0 16px rgba(201,150,79,0.5)) drop-shadow(0 0 34px rgba(201,150,79,0.22));} .pnp-bonus{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1;} .pnp-bonus li{display:flex;align-items:center;gap:10px;color:#d3d8de;font-size:0.92rem;white-space:nowrap;} .pnp-bonus li i{flex:0 0 auto;width:20px;text-align:center;color:var(--pnp-gold);font-size:17px;} .pnp-bonus b{color:var(--pnp-gold);font-weight:500;} .pnp-title-card__badges{display:flex;gap:12px;justify-content:center;margin-top:16px;} .pnp-badge{flex:1;max-width:160px;padding:10px 12px;border:1px solid var(--pnp-line);border-radius:10px;background:rgba(0,0,0,0.3);text-align:center;color:#8b939d;font-size:0.8rem;line-height:1.6;} .pnp-badge b{color:var(--pnp-gold);font-weight:500;} .pnp-card--title-wide{grid-column:2 / -1;} .pnp-card--title-wide .pnp-card__title{font-size:clamp(19px,1.65vw,24px);} .pnp-card--title-wide .pnp-title-card__row{justify-content:center;gap:clamp(30px,5vw,82px);} .pnp-card--title-wide .pnp-title-card__medal{width:clamp(184px,15vw,238px);} .pnp-card--title-wide .pnp-bonus{flex:0 1 310px;} .pnp-card--title-wide .pnp-bonus li{font-size:1rem;} .pnp-card--title-wide .pnp-title-card__badges{gap:16px;} .pnp-card--title-wide .pnp-badge{max-width:210px;} .pnp-card--elyos{display:flex;align-items:stretch;gap:12px;padding-right:clamp(58px,5vw,92px);overflow:visible;} .pnp-elyos__text{position:relative;z-index:1;flex:1 1 auto;min-width:0;} .pnp-card--elyos .pnp-card__title{font-family:'Cinzel',serif;font-weight:600;text-align:left;color:var(--text-primary);font-size:16px;letter-spacing:0.02em;margin-bottom:12px;} .pnp-card__lead{color:var(--pnp-green);font-weight:400;font-size:0.738rem;line-height:1.45;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:20px;} .pnp-elyos__bonus{display:flex;flex-direction:column;gap:14px;} .pnp-elyos__bonus li{display:flex;align-items:center;gap:14px;} .pnp-elyos__bonus picture{flex:0 0 auto;display:block;line-height:0;} .pnp-elyos__icon{flex:0 0 auto;width:48px;height:auto;object-fit:contain;} .pnp-x2{display:block;color:var(--pnp-green);font-family:'Inter',sans-serif;font-weight:500;font-size:1.04rem;line-height:1.1;letter-spacing:0.03em;} .pnp-elyos__cap{display:block;color:#b3b9c1;font-size:0.86rem;line-height:1.25;margin-top:1px;} .pnp-elyos__note{color:#b9c0c8;font-size:0.9rem;font-weight:400;line-height:1.35;margin:18px 0 0;max-width:260px;} .pnp-set{display:flex;flex-direction:column;padding-top:13px;} .pnp-set__head{text-align:center;margin-bottom:16px;} .pnp-set__title{display:block;font-family:'Cinzel',serif;font-weight:600;letter-spacing:0.1em;font-size:16px;color:var(--text-primary);} .pnp-set__sub{display:block;margin-top:5px;font-size:0.684rem;letter-spacing:0.16em;color:var(--pnp-green);} .pnp-set__grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:8px;} .pnp-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 4px 12px;border:1px solid var(--pnp-line);border-radius:12px;background:rgba(0,0,0,0.22);} .pnp-item picture{display:block;line-height:0;} .pnp-item__ico{width:32px;height:32px;margin-bottom:12px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.55));} .pnp-item__name{color:#d3d8de;font-size:0.76rem;line-height:1.3;min-height:2.6em;} .pnp-item__amount{margin-top:auto;padding-top:10px;color:var(--pnp-green);font-weight:500;font-size:0.74rem;} .pnp-table{padding:0;} .pnp-table__title{padding:13px;text-align:center;font-family:'Cinzel',serif;font-weight:600;letter-spacing:0.1em;font-size:16px;color:var(--text-primary);border-bottom:1px solid var(--pnp-line);} .pnp-table table{width:100%;border-collapse:collapse;table-layout:fixed;} .pnp-table th{padding:10px 10px;text-align:center;font-size:0.7rem;letter-spacing:0.04em;text-transform:uppercase;color:#7f8791;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.05);} .pnp-table th:first-child{text-align:left;} .pnp-table th:first-child,.pnp-table td:first-child{width:68%;} .pnp-table th:nth-child(2),.pnp-table td:nth-child(2),.pnp-table th:nth-child(3),.pnp-table td:nth-child(3){width:16%;} .pnp-table th+th,.pnp-table td+td{border-left:1px solid rgba(255,255,255,0.08);} .pnp-table th:nth-child(2),.pnp-table td:nth-child(2){background:rgba(89,217,133,0.035);} .pnp-table th:nth-child(3),.pnp-table td:nth-child(3){background:rgba(134,197,234,0.04);} .pnp-table th:nth-child(2){color:var(--pnp-green);} .pnp-table th:nth-child(3){color:#86c5ea;} .pnp-table td{padding:9px 8px;text-align:center;font-size:0.8rem;color:#d3d8de;border-bottom:1px solid rgba(255,255,255,0.035);} @media(min-width:761px){.pnp-table td:first-child{white-space:nowrap;}} .pnp-table tbody tr:last-child td{border-bottom:none;} .pnp-table td:first-child{text-align:left;color:#d3d8de;padding-left:14px;} .pnp-table td picture{display:inline-block;vertical-align:middle;line-height:0;margin-right:9px;margin-top:-2px;} .pnp-ico{width:26px;height:26px;object-fit:contain;vertical-align:middle;margin-right:9px;margin-top:-2px;display:inline-block;} .pnp-temp-item{display:inline-flex;align-items:center;max-width:100%;min-width:0;vertical-align:middle;} .pnp-temp-item picture{flex:0 0 auto;} .pnp-temp-item__label{min-width:0;overflow-wrap:break-word;} .pnp-help{-webkit-appearance:none;appearance:none;position:relative;z-index:3;display:inline-flex;flex:0 0 16px;align-items:center;justify-content:center;width:16px;min-width:16px;height:16px;min-height:16px;margin-left:5px;padding:0;border:1px solid rgba(201,150,79,0.5);border-radius:50%;background:rgba(201,150,79,0.12);color:var(--pnp-gold);font:600 11px/1 'Inter',sans-serif;cursor:help;text-align:center;text-indent:0;box-shadow:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;} .pnp-help::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100%+8px);width:max-content;max-width:280px;padding:8px 10px;border:1px solid rgba(150,170,200,0.18);border-radius:8px;background:#071018;color:#d3d8de;box-shadow:0 10px 28px rgba(0,0,0,0.5);font:400 12px/1.35 'Inter',sans-serif;text-align:left;white-space:pre-line;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity 0.18s ease,transform 0.18s ease;} .pnp-help:hover::after,.pnp-help:focus-visible::after,.pnp-help.is-open::after{opacity:1;transform:translate(-50%,0);} .pnp-table th:not(:first-child),.pnp-table td:not(:first-child){white-space:nowrap;} .pnp-table th:not(:first-child),.pnp-table td:not(:first-child){padding-left:5px;padding-right:5px;} .pnp-table td:not(:first-child){color:var(--pnp-green);font-weight:500;font-size:0.74rem;} .pnp-table td:last-child{color:#86c5ea;padding-right:7px;} .pnp-table--equal th:first-child,.pnp-table--equal td:first-child{width:68%;} .pnp-table--equal th:nth-child(2),.pnp-table--equal td:nth-child(2){width:32%;color:var(--pnp-green);background:rgba(89,217,133,0.035);} .pnp-table--temporary{display:flex;flex-direction:column;overflow:visible;z-index:2;} .pnp-table--temporary table{flex:1 1 auto;} .pnp-table--temporary tbody tr{height:33.333%;} .pnp-table--temporary td{vertical-align:middle;} .pnp-bottom{display:flex;align-items:center;gap:clamp(16px,2vw,34px);margin-top:clamp(12px,1.4vw,22px);padding:clamp(4px,0.6vw,8px) clamp(18px,2vw,34px);} .pnp-bottom>picture{flex:0 0 auto;display:block;} .pnp-bottom__book{flex:0 0 auto;width:clamp(190px,18vw,280px);height:auto;margin-block:clamp(-26px,-1.8vw,-14px);mix-blend-mode:screen;} .pnp-bottom__text{flex:1 1 auto;min-width:0;} .pnp-bottom__title{font-family:'Cinzel',serif;font-weight:600;letter-spacing:0.08em;font-size:16px;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;} .pnp-bottom__text p{color:#b9c0c8;font-size:0.9rem;line-height:1.35;} .pnp-bottom__text p a{color:var(--pnp-green);} .pnp-bottom__actions{flex:0 0 auto;display:flex;align-items:center;gap:clamp(12px,1.4vw,22px);} .pnp-more{display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border-radius:12px;border:1px solid var(--pnp-line);background:rgba(255,255,255,0.02);color:#cfd4da;font-weight:500;letter-spacing:0.05em;font-size:0.9rem;text-transform:uppercase;white-space:nowrap;transition:color var(--transition),border-color var(--transition),background var(--transition);} .pnp-more i{color:var(--pnp-gold-soft);font-size:0.82em;} .pnp-more:hover,.pnp-more:focus-visible{color:#fff;border-color:rgba(230,196,122,0.4);background:rgba(230,196,122,0.06);} .pnp-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;padding:17px 40px;border-radius:12px;background:linear-gradient(180deg,#46c98a,#2f9e69);color:#fff;font-weight:500;letter-spacing:0.05em;font-size:1rem;text-transform:uppercase;box-shadow:0 10px 28px rgba(57,171,111,0.34);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);} .pnp-cta:hover,.pnp-cta:focus-visible{color:#fff;transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 14px 34px rgba(57,171,111,0.44);} @media(max-width:1180px){.pnp__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);} .pnp__intro{grid-column:1 / -1;} .pnp__side-art--heroes{left:clamp(-84px,-8vw,-48px);top:clamp(18px,2vw,32px);width:clamp(250px,30vw,340px);} .pnp__side-art--banner{right:clamp(-104px,-10vw,-68px);top:clamp(-72px,-6vw,-42px);width:clamp(234px,29.64vw,328px);} .pnp__intro-body{margin-left:clamp(210px,25vw,290px);padding-top:clamp(56px,7vw,86px);} .pnp-set{grid-column:1 / -1;} .pnp-card--title-wide{grid-column:1 / -1;}} @media(max-width:760px){.pnp__row{grid-template-columns:minmax(0,1fr);} .pnp__intro,.pnp-set{grid-column:auto;} .pnp__side-art{display:none;} .pnp__intro{min-height:0;text-align:center;} .pnp__intro-body{max-width:none;padding-top:0;margin-left:0;} .pnp-card--elyos{padding-right:clamp(14px,1.3vw,22px);} .pnp-bottom{flex-direction:column;text-align:center;} .pnp-bottom__title{white-space:normal;} .pnp-bottom__text br{display:none;} .pnp-bottom__actions{flex-direction:column;width:100%;} .pnp-more,.pnp-cta{width:100%;justify-content:center;}} @media(max-width:440px){.pnp-title-card__row{flex-direction:column;text-align:center;} .pnp-bonus{align-items:center;} .pnp-card--elyos{flex-direction:column;} .pnp-set__grid{grid-template-columns:1fr;} .pnp-title-card__badges{flex-direction:column;align-items:center;} .pnp-badge{width:100%;max-width:220px;}} .tasks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .task-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px;transition:all var(--transition);position:relative;overflow:hidden;} .task-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);opacity:0;transition:opacity var(--transition);} .task-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px);} .task-card:hover::before{opacity:1;} .task-card__number{font-family:'Cinzel',serif;font-size:32px;font-weight:700;color:var(--accent-dim);opacity:0.5;margin-bottom:16px;line-height:1;} .task-card__text{font-size:15px;color:var(--text-secondary);line-height:1.7;} .timeline{position:relative;max-width:800px;margin:48px auto 0;} .timeline__line{position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent),var(--accent-dim),transparent);} .timeline__step{display:flex;gap:28px;padding:24px 0;position:relative;} .timeline__marker{width:56px;height:56px;border-radius:50%;background:var(--bg-card);border:2px solid var(--accent-dim);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:20px;flex-shrink:0;z-index:2;transition:all var(--transition);} .timeline__step:hover .timeline__marker{border-color:var(--accent);box-shadow:0 0 20px rgba(57,171,111,0.3);background:rgba(57,171,111,0.1);} .timeline__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px 28px;flex:1;transition:all var(--transition);} .timeline__step:hover .timeline__card{border-color:var(--border-accent);transform:translateX(4px);} .timeline__card h3{font-family:'Cinzel',serif;font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:10px;} .timeline__card p{font-size:14px;color:var(--text-secondary);line-height:1.7;} .bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(160px,auto);gap:16px;} .bento__item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition);position:relative;overflow:hidden;} .bento__item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity var(--transition);} .bento__item:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-2px);} .bento__item:hover::before{opacity:1;} .bento__item--wide{grid-column:span 2;} .bento__icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--accent-glow);color:var(--accent);font-size:18px;margin-bottom:16px;} .bento__item h3{font-family:'Cinzel',serif;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;} .bento__item p{font-size:14px;color:var(--text-secondary);line-height:1.6;} .bento__visual{display:flex;align-items:flex-end;padding-top:20px;height:60px;} .ping-bars{display:flex;gap:6px;align-items:flex-end;height:100%;width:120px;} .ping-bar{flex:1;height:var(--h);background:linear-gradient(to top,var(--accent-dim),var(--accent));border-radius:3px 3px 0 0;animation:ping-grow 2s ease-in-out infinite alternate;} .ping-bar:nth-child(2){animation-delay:0.2s;} .ping-bar:nth-child(3){animation-delay:0.4s;} .ping-bar:nth-child(4){animation-delay:0.6s;} .ping-bar:nth-child(5){animation-delay:0.8s;} @keyframes ping-grow{0%{opacity:0.5;} 100%{opacity:1;}} .gifts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:180px auto auto 1fr;column-gap:18px;row-gap:0;} .gift-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;cursor:pointer;overflow:hidden;text-decoration:none;transition:all var(--transition);grid-row:span 4;display:grid;grid-template-rows:subgrid;} .gift-card:hover,.gift-card:focus-visible{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:0 12px 40px rgba(0,0,0,0.3);} .gift-card:focus-visible{outline:2px solid var(--accent-light);outline-offset:4px;} .gift-card--promo{background:linear-gradient(180deg,rgba(232,184,72,0.14),var(--bg-card) 52%);border-color:rgba(232,184,72,0.62);box-shadow:0 0 0 1px rgba(232,184,72,0.16),0 14px 44px rgba(0,0,0,0.34);position:relative;} .gift-card--promo:hover,.gift-card--promo:focus-visible{border-color:rgba(244,201,90,0.9);box-shadow:0 0 0 1px rgba(244,201,90,0.35),0 16px 52px rgba(0,0,0,0.42);} .gift-card__image{position:relative;height:180px;overflow:hidden;} .gift-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;} .gift-card:hover .gift-card__image img{transform:scale(1.05);} .gift-card__badge{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-dim));display:flex;align-items:center;justify-content:center;font-size:14px;color:#ffffff;box-shadow:0 2px 12px rgba(57,171,111,0.4);} .gift-card--promo .gift-card__badge{background:linear-gradient(135deg,#f4c95a,#b77a22);box-shadow:0 2px 16px rgba(244,201,90,0.45);} .gift-card__promo-label{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:rgba(244,201,90,0.95);color:#160f04;font-size:11px;font-weight:800;line-height:1;letter-spacing:0.08em;text-transform:uppercase;box-shadow:0 3px 14px rgba(0,0,0,0.28);} .gift-card__body{padding:24px;grid-row:span 3;display:grid;grid-template-rows:subgrid;align-content:start;} .gift-card__title{font-family:'Cinzel',serif;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;} .gift-card--promo .gift-card__title{color:#f4c95a;} .gift-card__tag{display:inline-block;font-size:12px;font-weight:600;color:var(--secondary);margin-bottom:12px;} .gift-card--promo .gift-card__tag{color:#f4c95a;} .gift-card__text{font-size:13px;color:var(--text-secondary);line-height:1.7;} .footer{background:linear-gradient(90deg,rgba(3,4,5,0.98) 0%,rgba(6,8,10,0.95) 30%,rgba(8,10,12,0.92) 62%,rgba(8,10,12,0.92) 100%);border-top:1px solid var(--border);padding:64px 0 36px;position:relative;z-index:3;} .footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px;margin-bottom:40px;} .footer__heading{font-family:'Cinzel',serif;font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px;} .footer__text{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px;} .footer__social{display:flex;gap:10px;} .footer__contacts{display:flex;flex-direction:column;gap:12px;} .footer__contacts li{font-size:14px;color:var(--text-secondary);} .footer__contacts strong{color:var(--text-primary);font-weight:500;} .footer__contacts a{color:var(--accent-light);} .footer__email-link{position:relative;z-index:6;display:inline-block;pointer-events:auto;} .footer__contacts a:hover{color:var(--accent);} .footer__links{display:flex;flex-direction:column;gap:10px;} .footer__links li a{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);transition:all var(--transition);} .footer__links li a::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--accent-dim);flex-shrink:0;} .footer__links li a:hover{color:var(--accent-light);transform:translateX(4px);} .footer__bottom{border-top:1px solid var(--border);padding-top:32px;text-align:center;} .footer__disclaimer{font-size:12px;color:var(--text-muted);line-height:1.7;margin-bottom:12px;max-width:900px;margin-left:auto;margin-right:auto;} .footer__copyright{font-size:11px;color:var(--text-muted);line-height:1.7;} .back-to-top{position:fixed;bottom:32px;left:32px;width:44px;height:44px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);color:var(--accent);font-size:16px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px);transition:all var(--transition);z-index:999;display:flex;align-items:center;justify-content:center;} .back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);} .back-to-top:focus{outline:none;} .back-to-top:hover{background:var(--accent-glow);border-color:var(--accent-dim);transform:translateY(-2px);} .promo-float{position:fixed;right:28px;bottom:28px;z-index:2100;display:block;width:112px;height:112px;border-radius:50%;filter:drop-shadow(0 12px 28px rgba(0,0,0,0.55)) drop-shadow(0 0 20px rgba(244,201,90,0.22));text-decoration:none;animation:promoFloatPulse 3.6s ease-in-out infinite;} .promo-float:hover,.promo-float:focus-visible{transform:translateY(-3px);filter:drop-shadow(0 16px 34px rgba(0,0,0,0.62)) drop-shadow(0 0 28px rgba(244,201,90,0.34));} .promo-float:focus-visible{outline:2px solid rgba(244,201,90,0.8);outline-offset:4px;} .promo-float img{width:100%;height:100%;object-fit:contain;} .promo-float picture{display:block;width:100%;height:100%;} @media(hover:none) and(pointer:coarse){.promo-float{display:none !important;}} @keyframes fadeInUp{from{opacity:0;transform:translateY(24px);} to{opacity:1;transform:translateY(0);}} @keyframes promoFloatPulse{0%,100%{filter:drop-shadow(0 12px 28px rgba(0,0,0,0.55)) drop-shadow(0 0 16px rgba(244,201,90,0.18));} 50%{filter:drop-shadow(0 12px 28px rgba(0,0,0,0.55)) drop-shadow(0 0 30px rgba(244,201,90,0.34));}} @keyframes anniversaryBadgePulse{0%,100%{transform:scale(1);} 50%{transform:scale(1.045);}} @keyframes anniversaryBadgeShine{0%,58%{left:-45%;opacity:0;} 64%{opacity:0.8;} 82%,100%{left:125%;opacity:0;}} @keyframes fadeInDown{from{transform:translateY(-16px);} to{transform:translateY(0);}} @keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);} 50%{transform:translateX(-50%) translateY(8px);}} @keyframes float-particle{0%,100%{transform:translateY(0) translateX(0);opacity:0;} 10%{opacity:0.6;} 90%{opacity:0.6;} 100%{transform:translateY(-100vh) translateX(40px);opacity:0;}} .reveal{opacity:0;transform:translateY(32px);transition:opacity 0.7s ease-out,transform 0.7s ease-out;} .reveal.visible{opacity:1;transform:translateY(0);} .hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:120px;background:linear-gradient(to top,var(--bg-deep),transparent);z-index:1;pointer-events:none;} .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,0.5) 100%);z-index:1;pointer-events:none;} .particle{position:absolute;width:2px;height:2px;background:var(--accent);border-radius:50%;animation:float-particle linear infinite;opacity:0;} .page-content{padding:140px 0 80px;min-height:100vh;} .form-group{position:relative;} .form-input{width:100%;padding:14px 16px;background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:'Inter',sans-serif;font-size:14px;transition:all var(--transition);outline:none;} .form-input:focus{border-color:var(--accent-dim);background:rgba(255,255,255,0.07);box-shadow:0 0 0 3px rgba(57,171,111,0.1);} .form-input::placeholder{color:var(--text-muted);} .form-input.is-invalid{border-color:rgba(220,70,70,0.55);background:rgba(220,70,70,0.06);} .form-input.is-invalid:focus{border-color:rgba(220,70,70,0.75);box-shadow:0 0 0 3px rgba(220,70,70,0.12);} .cabinet__field-hint,.cabinet__field-error{display:flex;align-items:flex-start;gap:8px;margin-top:6px;font-size:12px;line-height:1.45;} .cabinet__field-hint{color:var(--text-muted);} .cabinet__field-hint i{color:rgba(57,171,111,0.85);margin-top:2px;} .cabinet__field-error{color:rgba(255,200,200,0.95);} .cabinet__field-error i{color:rgb(230,90,90);margin-top:2px;} .cabinet__field-error[hidden]{display:none;} .pwd-field{position:relative;} .pwd-field .form-input{padding-right:44px;} .pwd-field__toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition);} .pwd-field__toggle:hover,.pwd-field__toggle:focus-visible{color:var(--accent-light);outline:none;} .pwd-field__toggle svg{width:18px;height:18px;display:block;} .pwd-field__toggle .pwd-field__icon--off{display:none;} .pwd-field.is-visible .pwd-field__icon--on{display:none;} .pwd-field.is-visible .pwd-field__icon--off{display:block;} .form-label{display:block;margin-bottom:8px;color:rgba(255,255,255,0.85);font-size:13px;font-weight:500;letter-spacing:0.02em;} .form-select{width:100%;padding:12px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;transition:border-color 0.2s,background 0.2s;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;} .form-select:focus{outline:none;border-color:var(--color-accent);background:rgba(255,255,255,0.06);} .form-select option{background:#141414;color:#fff;} .shop-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:28px;} .shop-breadcrumb__item{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.75);text-decoration:none;font-size:13px;font-weight:500;line-height:1.2;transition:border-color 0.2s,background 0.2s,color 0.2s;} .shop-breadcrumb__item i{font-size:12px;opacity:0.85;} .shop-breadcrumb__item--link:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.18);color:#fff;} .shop-breadcrumb__item--category{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.1);color:rgba(255,255,255,0.75);} .shop-breadcrumb__item--category:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.18);color:#fff;} .shop-breadcrumb__item--current{background:linear-gradient(145deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.95);font-weight:600;} .shop-breadcrumb__item--current span{overflow-wrap:anywhere;} .shop-breadcrumb__sep{color:rgba(255,255,255,0.34);font-size:10px;padding:0 2px;} .legal-page{max-width:880px;margin:0 auto;} .legal-page__title{font-family:'Cinzel',serif;font-size:clamp(32px,4vw,48px);font-weight:600;margin-bottom:32px;color:#fff;letter-spacing:0.02em;} .legal-page__content{color:rgba(255,255,255,0.75);line-height:1.7;font-size:15px;} .legal-page__content p{margin-bottom:16px;} .legal-page__content a{color:var(--color-accent);text-decoration:none;transition:color 0.2s ease;} .legal-page__content a:hover{color:var(--accent-light,#4cc985);text-decoration:none;} .legal-page__content .prpol__word{font-weight:700;} .legal-page__content .prpol__ltw{margin-left:18px;margin-bottom:16px;} .legal-page__content .prpol__list{margin:0 0 16px 20px;padding:0;} .legal-page__content .prpol__list li{margin-bottom:8px;} .cabinet__header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.08);} .cabinet__title{font-family:'Cinzel',serif;font-size:clamp(28px,3.5vw,40px);font-weight:600;color:#fff;letter-spacing:0.02em;} .cabinet__username{color:var(--color-accent);} .cabinet__layout{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start;} .cabinet__layout--single{grid-template-columns:minmax(0,640px);justify-content:center;} .cabinet__sidebar{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:0;overflow:hidden;position:sticky;top:100px;} .cabinet__sidebar-head{padding:12px;border-bottom:1px solid rgba(255,255,255,0.06);} .cabinet__sidebar-menu{padding:12px;} .cabinet__nav{display:flex;flex-direction:column;gap:4px;} .cabinet__nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:rgba(255,255,255,0.7);font-family:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background 0.2s,color 0.2s;} .cabinet__nav-item i{width:16px;font-size:14px;color:rgba(255,255,255,0.5);transition:color 0.2s;} .cabinet__nav-item:hover{background:rgba(255,255,255,0.04);color:#fff;} .cabinet__nav-item.active{background:rgba(57,171,111,0.12);color:var(--color-accent);} .cabinet__nav-item.active i{color:var(--color-accent);} .cabinet__main{min-width:0;} .cabinet__tab{display:none;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:32px;} .cabinet__tab.active{display:block;} .cabinet__section-title{font-family:'Cinzel',serif;font-size:22px;font-weight:600;color:#fff;margin-bottom:20px;letter-spacing:0.02em;} .cabinet__warning{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(230,180,60,0.08);border:1px solid rgba(230,180,60,0.2);border-radius:8px;color:rgba(255,220,150,0.9);font-size:13px;line-height:1.5;margin-bottom:24px;} .cabinet__warning i{color:rgb(230,180,60);margin-top:2px;} .cabinet__warning--danger{background:rgba(220,70,70,0.08);border-color:rgba(220,70,70,0.28);color:rgba(255,200,200,0.95);} .cabinet__warning--danger i{color:rgb(230,90,90);} .cabinet__warning--success{background:rgba(80,180,110,0.08);border-color:rgba(80,180,110,0.28);color:rgba(200,240,210,0.95);} .cabinet__warning--success i{color:rgb(100,200,130);} .cabinet__warning-list{margin:6px 0 0;padding-left:18px;list-style:disc;} .cabinet__warning-list li{margin:2px 0;} .cabinet__warning-meta{margin:4px 0;opacity:0.85;font-size:12px;} .cabinet__security-block{margin-bottom:24px;} .cabinet__subsection-title{font-family:'Cinzel',serif;font-size:17px;font-weight:600;color:rgba(255,255,255,0.92);margin:4px 0 14px;letter-spacing:0.02em;display:flex;align-items:center;gap:10px;} .cabinet__subsection-title i{color:rgba(230,180,60,0.9);font-size:15px;} .cabinet__subdivider{border:none;height:1px;background:rgba(255,255,255,0.08);margin:18px 0 22px;} .cabinet__checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;line-height:1.5;color:rgba(255,255,255,0.85);} .cabinet__checkbox input[type="checkbox"]{margin-top:3px;flex-shrink:0;accent-color:rgb(230,180,60);} .form-group--checkbox{margin-top:4px;} .cabinet__form{display:flex;flex-direction:column;gap:16px;max-width:480px;} .cabinet__form--compact{max-width:none;} .cabinet__discord-info{margin:0 0 20px;padding:14px 16px;list-style:none;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:8px;color:rgba(255,255,255,0.7);font-size:14px;line-height:1.7;} .cabinet__discord-info li+li{margin-top:4px;} .cabinet__discord-info strong{color:rgba(255,255,255,0.92);} .cabinet__discord-action{max-width:none;align-items:flex-start;} .cabinet__discord-unlink{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.86);box-shadow:none;} .cabinet__discord-unlink:hover{background:rgba(220,70,70,0.14);border-color:rgba(220,70,70,0.45);color:#fff;} .cabinet__desc{color:rgba(255,255,255,0.7);line-height:1.6;font-size:14px;margin-bottom:20px;} .cabinet__desc--schedule{margin-top:-8px;padding-left:18px;color:rgba(255,255,255,0.58);font-size:13px;list-style:none;} .cabinet__desc--schedule li{position:relative;} .cabinet__desc--schedule li::before{content:"";position:absolute;top:9px;left:-14px;width:4px;height:4px;border-radius:50%;background:rgba(230,180,60,0.55);} .cabinet__email-change-requested{margin-top:22px;max-width:480px;padding:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.09);border-radius:10px;} .cabinet__email-change-title{margin:0 0 8px;font-size:14px;font-weight:600;color:rgba(255,255,255,0.86);} .cabinet__email-change-route{margin:0 0 8px;font-size:13px;color:rgba(255,255,255,0.78);} .cabinet__email-change-note{margin:0 0 14px;font-size:13px;color:rgba(255,255,255,0.62);line-height:1.5;} .ach-summary{margin:0 0 18px;padding:16px 18px;border:1px solid rgba(255,255,255,0.08);border-radius:12px;background:rgba(255,255,255,0.03);} .ach-summary__row{display:flex;align-items:center;gap:14px;} .ach-summary__icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:10px;border:1px solid rgba(230,180,60,0.28);background:rgba(230,180,60,0.1);color:rgb(230,180,60);font-size:17px;} .ach-summary__text{flex:1 1 auto;min-width:0;} .ach-summary__title{font-size:15px;font-weight:600;color:rgba(255,255,255,0.92);} .ach-summary__sub{margin-top:2px;font-size:13px;color:rgba(255,255,255,0.55);} .ach-summary__percent{flex:0 0 auto;font-size:22px;font-weight:700;color:rgba(255,255,255,0.92);} .ach-summary__track{position:relative;height:6px;margin-top:14px;border-radius:999px;background:rgba(255,255,255,0.08);overflow:hidden;} .ach-summary__fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(235,150,90,0.8),rgb(230,180,60));} .quests__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;} .quests__title{margin-bottom:0;} .quests__resets{font-size:13px;color:rgba(255,255,255,0.6);white-space:nowrap;} .quests__resets strong{color:rgb(230,180,60);font-weight:600;margin-left:4px;} .quests__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.07);} .quests__picker{display:flex;align-items:center;gap:12px;min-width:260px;} .quests__picker-label{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;color:rgba(255,255,255,0.65);white-space:nowrap;} .quests__picker-label i{color:rgba(230,180,60,0.85);font-size:12px;} .quests__select-wrap{min-width:190px;} .quests__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .quests__filter{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.7);font-size:13px;font-family:inherit;cursor:pointer;transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease;} .quests__filter:hover{background:rgba(255,255,255,0.06);color:#fff;} .quests__filter.is-active{background:rgba(230,180,60,0.12);border-color:rgba(230,180,60,0.4);color:rgb(240,205,130);} .quests__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,0.08);font-size:11px;line-height:1;color:rgba(255,255,255,0.75);} .quests__filter.is-active .quests__filter-count{background:rgba(230,180,60,0.22);color:rgb(245,215,150);} .quests__notice{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.45;} .quests__notice--warning{border:1px solid rgba(230,180,60,0.35);background:rgba(230,180,60,0.1);color:rgb(245,215,150);} .quests__notice i{flex:0 0 auto;} .quests__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;} .quests__grid>.quest-card{min-width:0;} .quests__empty-filter{margin:24px 0 0;text-align:center;font-size:14px;color:rgba(255,255,255,0.55);} .quests__empty-filter[hidden]{display:none;} .quests__updated{display:flex;align-items:center;gap:8px;margin:24px 0 0;font-size:12px;color:rgba(255,255,255,0.45);} .quests__updated i{font-size:11px;} .quest-card{position:relative;isolation:isolate;display:grid;grid-template-rows:78px 48px 70px 72px 24px 18px 52px 50px;row-gap:10px;min-height:530px;padding:26px 22px 22px;border-radius:14px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);transition:border-color 0.2s ease,background 0.2s ease,transform 0.2s ease;} .quest-card--staged{grid-template-rows:78px 48px 70px 72px 24px 18px 52px 50px;min-height:530px;} .quest-card--target-blocks-1,.quest-card--target-blocks-1.quest-card--staged{grid-template-rows:78px 48px 70px 72px 24px 18px 52px 18px 52px 50px;min-height:590px;} .quest-card--target-blocks-2,.quest-card--target-blocks-2.quest-card--staged{grid-template-rows:78px 48px 70px 72px 24px 18px 52px 18px 52px 18px 52px 50px;min-height:670px;} .quest-card--target-blocks-3,.quest-card--target-blocks-3.quest-card--staged{grid-template-rows:78px 48px 70px 72px 24px 18px 52px 18px 52px 18px 52px 18px 52px 50px;min-height:750px;} .quest-card[hidden]{display:none !important;} .quest-card:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.14);} .quest-card--event{border-color:rgba(90,200,120,0.45);} .quest-card--season{border-color:rgba(120,150,230,0.35);} .quest-card--promo{border-color:rgba(186,120,235,0.45);background:linear-gradient(135deg,rgba(186,120,235,0.07),rgba(186,120,235,0) 42%),rgba(255,255,255,0.025);} .quest-card--promo:hover{border-color:rgba(186,120,235,0.6);} .quest-card--claimable{border-color:rgba(230,180,60,0.5);background:rgba(230,180,60,0.05);} .quest-card--claimed,.quest-card--expired{opacity:0.6;} .quest-card--achievement.quest-card--claimed{opacity:1;border-color:rgba(80,210,135,0.45);background:linear-gradient(135deg,rgba(80,210,135,0.08),rgba(80,210,135,0) 38%),rgba(255,255,255,0.025);} .quest-card--achievement{display:block;height:530px;min-height:530px;padding:0;background:none;border:0;perspective:1200px;cursor:pointer;} .quest-card--achievement:hover{background:none;border-color:transparent;} .quest-card--achievement:focus-visible{outline:2px solid rgba(230,180,60,0.8);outline-offset:4px;} .achievement-card__inner{position:relative;height:100%;min-height:530px;transform-style:preserve-3d;transition:transform 0.55s cubic-bezier(0.2,0.78,0.2,1);} .quest-card--achievement.is-flipped .achievement-card__inner{transform:rotateY(180deg);} .achievement-card__face{position:absolute;inset:0;height:100%;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;} .achievement-card__front{display:grid;grid-template-rows:1fr auto;padding:0;border:1px solid rgba(255,255,255,0.09);background:linear-gradient(180deg,rgba(8,10,13,0.04),rgba(8,10,13,0.9)),rgba(255,255,255,0.025);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.35),0 14px 36px rgba(0,0,0,0.32);} .achievement-card__crest{position:absolute;top:12px;left:50%;z-index:3;width:14px;height:14px;margin:0 0 0 -7px;border:1px solid rgba(230,180,60,0.55);border-radius:3px;background:rgb(18,20,25);transform:rotate(45deg);transition:border-color 0.25s ease,background 0.25s ease,box-shadow 0.25s ease;} .achievement-card__artwrap{position:relative;height:414px;min-height:0;overflow:hidden;} .achievement-card__caption{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:116px;gap:12px;padding:0 18px;border-top:1px solid rgba(255,255,255,0.07);background:linear-gradient(180deg,rgba(10,12,16,0.75),rgba(10,12,16,0.95));} .achievement-card__back{display:grid;grid-template-rows:78px 48px 70px 72px 24px 18px 52px 50px;row-gap:10px;padding:26px 22px 22px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.025);transform:rotateY(180deg);overflow:visible;cursor:default;} .quest-card--achievement.quest-card--event .achievement-card__back{border-color:rgba(90,200,120,0.45);} .quest-card--achievement.quest-card--season .achievement-card__back{border-color:rgba(120,150,230,0.35);} .quest-card--achievement.quest-card--promo .achievement-card__back{border-color:rgba(186,120,235,0.45);background:linear-gradient(135deg,rgba(186,120,235,0.07),rgba(186,120,235,0) 42%),rgba(255,255,255,0.025);} .quest-card--achievement.quest-card--claimable .achievement-card__back{border-color:rgba(230,180,60,0.5);background:rgba(230,180,60,0.05);} .quest-card--achievement.quest-card--claimed .achievement-card__back{border-color:rgba(80,210,135,0.45);background:linear-gradient(135deg,rgba(80,210,135,0.08),rgba(80,210,135,0) 38%),rgba(255,255,255,0.025);} .achievement-card__art{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,0.08),rgba(0,0,0,0.4) 55%,rgba(0,0,0,0.86));user-select:none;} .achievement-card__art img{width:100%;height:100%;min-height:0;object-fit:contain;padding:20px;filter:grayscale(1) brightness(0.45) contrast(1.08);opacity:0.55;transform:scale(1.05);pointer-events:none;user-select:none;-webkit-user-drag:none;} .achievement-card__art img.achievement-card__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;padding:0;transform:none;} .achievement-card__unknown{margin:auto;grid-column:1 / -1;align-self:center;justify-self:center;color:rgba(255,255,255,0.18);font-size:90px;} .achievement-card__front-shade{position:absolute;inset:0;background:rgba(0,0,0,0.18);pointer-events:none;} .achievement-card__title{width:100%;min-width:0;max-width:100%;margin:0;color:rgba(255,255,255,0.86);font-family:'Cinzel',serif;font-size:17px;font-weight:700;line-height:1.3;letter-spacing:0.06em;text-align:center;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,0.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .achievement-card__status{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:7px 16px;border-radius:999px;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.6);font-size:13px;font-weight:700;line-height:1;letter-spacing:0.04em;} .achievement-card__status i{font-size:11px;opacity:0.7;} .achievement-card__counter{font-variant-numeric:tabular-nums;white-space:nowrap;} .achievement-card__counter-sep{opacity:0.45;padding:0 1px;} .achievement-card__status--done{border-color:rgba(120,220,150,0.5);background:rgba(40,150,90,0.22);color:rgb(150,235,180);box-shadow:0 0 22px rgba(80,210,135,0.18);} .achievement-card__status--done i{opacity:1;} .achievement-card__bar{display:block;width:100%;max-width:190px;height:3px;border-radius:999px;background:rgba(255,255,255,0.08);overflow:hidden;} .achievement-card__bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(235,150,90,0.75),rgb(230,180,60));} .achievement-card__stages{display:flex;align-items:center;gap:6px;} .achievement-card__pip{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.16);} .achievement-card__pip--claimed{background:rgb(120,210,145);} .achievement-card__pip--ready{background:rgb(230,180,60);box-shadow:0 0 8px rgba(230,180,60,0.6);} .achievement-card__pip--current{background:rgba(235,150,90,0.85);} .quest-card--achievement.quest-card--claimed .achievement-card__front{border-color:rgba(120,220,150,0.42);box-shadow:inset 0 0 0 1px rgba(120,220,150,0.18),0 0 32px rgba(80,210,135,0.24),0 14px 38px rgba(0,0,0,0.34);} .quest-card--achievement.quest-card--claimed .achievement-card__art img{filter:saturate(1.25) brightness(1.08) contrast(1.04);opacity:0.95;} .quest-card--achievement.quest-card--claimed .achievement-card__front-shade{background:radial-gradient(circle at 50% 45%,rgba(255,210,100,0.16),transparent 62%);} .quest-card--achievement.quest-card--claimed .achievement-card__title{color:#fff;} .quest-card--achievement.quest-card--claimed .achievement-card__crest{border-color:rgba(120,220,150,0.75);background:rgb(24,44,34);box-shadow:0 0 14px rgba(80,210,135,0.45);} .quest-card--achievement:hover .achievement-card__art img{opacity:0.72;filter:grayscale(1) brightness(0.62) contrast(1.08);} .quest-card--achievement.quest-card--claimed:hover .achievement-card__art img{opacity:1;filter:saturate(1.3) brightness(1.14) contrast(1.05);} .achievement-card__art img.achievement-card__cover{filter:none;} .quest-card--achievement:hover .achievement-card__art img.achievement-card__cover{filter:brightness(1.38);} .achievement-card__art img.achievement-card__cover--unlocked{filter:saturate(1.25) brightness(1.08) contrast(1.04);opacity:0.95;} .quest-card--achievement:hover .achievement-card__art img.achievement-card__cover--unlocked{filter:saturate(1.3) brightness(1.14) contrast(1.05);opacity:1;} .quest-card--achievement:hover .achievement-card__crest{border-color:rgba(230,180,60,0.9);box-shadow:0 0 14px rgba(230,180,60,0.45);} .achievement-card__art img{transition:opacity 0.3s ease,filter 0.3s ease;} .quest-card:not(.quest-card--achievement)>.achievement-card__inner,.quest-card:not(.quest-card--achievement)>.achievement-card__inner>.achievement-card__back{display:contents;} .quest-card:not(.quest-card--achievement)>.achievement-card__inner,.quest-card:not(.quest-card--achievement) .achievement-card__face,.quest-card:not(.quest-card--achievement) .achievement-card__back{position:static;inset:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;transform:none;transition:none;overflow:visible;backface-visibility:visible;-webkit-backface-visibility:visible;} .quest-card__achievement-ribbon{position:absolute;top:-12px;right:18px;min-width:0;padding:5px 12px;background:linear-gradient(135deg,rgba(71,191,122,0.94),rgba(47,143,99,0.94));color:#fff;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:0.05em;line-height:1;text-align:center;text-transform:uppercase;transform:none;z-index:3;box-shadow:0 8px 16px rgba(57,171,111,0.24);border:1px solid rgba(255,255,255,0.22);white-space:nowrap;pointer-events:none;} .quest-card__badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:6px;background:rgb(70,175,100);color:#fff;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;} .quest-card__badge--event{background:rgb(70,175,100);} .quest-card__badge--season{background:rgb(110,140,220);} .quest-card__badge--promo{background:linear-gradient(135deg,rgb(176,106,230),rgb(140,88,210));} .quest-card--expired .quest-card__badge{background:rgba(150,150,150,0.55);} .quest-card__repeat{position:absolute;top:14px;right:14px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.55);font-size:12px;cursor:help;} .quest-card__head{grid-row:1;text-align:center;min-height:0;} .quest-card__title{font-family:'Cinzel',serif;font-size:19px;font-weight:600;line-height:1.35;letter-spacing:0.04em;text-transform:uppercase;color:#fff;margin:0 0 8px;min-height:26px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;} .quest-card__condition{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,0.82);min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-line;overflow:hidden;cursor:default;} .quest-card__title.quest-card__has-tooltip,.quest-card__condition.quest-card__has-tooltip,.quest-card__note.quest-card__has-tooltip{cursor:help;} .quest-card__meta{grid-row:2;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;align-content:flex-start;min-height:48px;max-height:48px;overflow:hidden;} .quest-card__meta-item{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.62);font-size:11px;line-height:1.4;white-space:nowrap;max-width:100%;min-width:0;} .quest-card__meta-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .quest-card__meta-item--type{background:rgba(200,170,90,0.14);color:rgba(225,195,120,0.92);font-weight:600;letter-spacing:0.02em;} .quest-card__meta-item--requirement{background:rgba(90,150,210,0.14);color:rgba(150,195,235,0.94);font-weight:600;cursor:help;} .quest-card__meta-item--maps{cursor:help;} .quest-card__claim-level{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:-3px;padding:0 5px;border:1px solid rgba(235,75,75,0.75);border-radius:999px;background:rgba(120,16,24,0.55);color:rgb(255,118,118);font-weight:700;line-height:1;cursor:help;} .quest-card__notes{grid-row:3;min-height:70px;max-height:70px;display:grid;grid-template-rows:18px 18px 18px;align-content:center;gap:4px;overflow:hidden;} .quest-card__note{margin:0;text-align:center;font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .quest-card__note--success{-webkit-line-clamp:1;} .quest-card__note--warning{-webkit-line-clamp:1;} .quest-card__note--placeholder,.quest-card__link--placeholder{visibility:hidden;} .quest-card__note--success{color:rgba(120,210,145,0.9);} .quest-card__note--tag-missing{color:rgb(255,122,122);font-weight:700;} .quest-card__note--tag-detected{color:rgb(151,255,191);font-weight:700;text-shadow:0 0 8px rgba(76,221,137,0.75);} .quest-card__note--warning{color:rgba(235,170,90,0.9);} .quest-card__link{display:block;text-align:center;font-size:12px;line-height:18px;color:rgb(120,165,235);transition:color 0.18s ease;} .quest-card__link:hover{color:rgb(155,195,255);} .quest-card__progress{grid-row:4;min-height:72px;position:relative;} .quest-card__past-reward{grid-row:4;min-height:72px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px 12px;border:1px solid rgba(230,180,60,0.26);border-radius:8px;background:rgba(230,180,60,0.07);text-align:center;} .quest-card__past-reward-title{display:flex;align-items:center;justify-content:center;gap:7px;color:rgb(230,180,60);font-size:13px;font-weight:600;line-height:1.25;} .quest-card__past-reward-period{color:rgba(255,255,255,0.74);font-size:12px;line-height:1.25;} .quest-card__past-reward-period strong{color:rgb(255,220,135);font-weight:600;} .quest-card__scope-tag{position:absolute;top:50%;left:-23px;transform:translateY(-50%) rotate(180deg);padding:10px 3px;border:1px solid rgba(255,255,255,0.09);border-left:none;border-radius:0 5px 5px 0;background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.42);font-size:9px;font-weight:600;letter-spacing:0.08em;line-height:1;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl;cursor:help;z-index:2;} .quest-card__scope-tag--character{border-color:rgba(255,255,255,0.16);background:rgba(255,255,255,0.09);color:rgba(255,255,255,0.72);} .quest-card__past-reward .quest-card__scope-tag{left:-24px;} .quest-card__progress-counter{display:flex;align-items:baseline;justify-content:center;gap:5px;font-size:20px;font-weight:600;margin-bottom:8px;} .quest-card__progress-activity{margin-top:6px;text-align:center;font-size:12px;font-weight:500;letter-spacing:0.02em;color:rgba(255,255,255,0.5);} .quest-card__progress-current{color:rgb(235,150,90);} .quest-card__progress-sep,.quest-card__progress-goal{color:rgba(255,255,255,0.5);} .quest-card--claimable .quest-card__progress-current,.quest-card--claimed .quest-card__progress-current{color:rgb(120,210,145);} .quest-card__progress-track{position:relative;height:4px;border-radius:999px;background:rgba(255,255,255,0.08);overflow:hidden;} .quest-card__progress-track--staged{overflow:visible;} .quest-card__progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(235,150,90,0.8),rgb(230,180,60));} .quest-card__progress-track--staged .quest-card__progress-fill{position:relative;z-index:1;} .quest-card__progress-marker{position:absolute;top:50%;z-index:2;width:2px;height:14px;border-radius:999px;background:rgba(255,255,255,0.34);box-shadow:0 0 0 3px rgba(12,14,18,0.95);transform:translate(-50%,-50%);} .quest-card__progress-marker--claimed,.quest-card__progress-marker--ready{background:rgb(120,210,145);} .quest-card__progress-marker--current{background:rgb(230,180,60);} .quest-card__progress-stages{position:relative;height:24px;margin-top:9px;} .quest-card__progress-stage{position:absolute;top:0;min-width:28px;padding:2px 5px;border-radius:5px;background:rgba(0,0,0,0.28);color:rgba(255,255,255,0.55);font-size:11px;line-height:16px;text-align:center;font-variant-numeric:tabular-nums;transform:translateX(-50%);} .quest-card__progress-stage:last-child{transform:translateX(-100%);} .quest-card__progress-stage--claimed,.quest-card__progress-stage--ready{color:rgb(120,210,145);} .quest-card__progress-stage--current{color:rgb(230,180,60);} .quest-card--claimable .quest-card__progress-fill,.quest-card--claimed .quest-card__progress-fill{background:linear-gradient(90deg,rgba(90,190,120,0.8),rgb(120,210,145));} .quest-card__completions{grid-row:5;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 8px;min-height:24px;overflow:hidden;font-size:12px;letter-spacing:0.02em;color:rgba(255,255,255,0.5);} .quest-card__completions-value{font-weight:600;color:rgba(255,255,255,0.75);} .quest-card__completions-ready{color:rgb(120,210,145);} .quest-card__rewards-label{grid-row:6;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;line-height:18px;letter-spacing:0.03em;color:rgba(255,255,255,0.55);} .quest-card__rewards-label i{font-size:11px;color:rgba(230,180,60,0.8);} .quest-card--target-blocks-1 .quest-card__target-label{grid-row:6;} .quest-card--target-blocks-1 .quest-card__rewards-label:not(.quest-card__target-label){grid-row:8;} .quest-card--target-blocks-2 .quest-card__objectives-label{grid-row:6;} .quest-card--target-blocks-2 .quest-card__kill-targets-label{grid-row:8;} .quest-card--target-blocks-2 .quest-card__rewards-label:not(.quest-card__target-label){grid-row:10;} .quest-card--target-blocks-3 .quest-card__objectives-label{grid-row:6;} .quest-card--target-blocks-3 .quest-card__kill-targets-label{grid-row:8;} .quest-card--target-blocks-3 .quest-card__quest-targets-label{grid-row:10;} .quest-card--target-blocks-3 .quest-card__rewards-label:not(.quest-card__target-label){grid-row:12;} .quest-card__rewards{position:relative;z-index:1;grid-row:7;display:flex;align-items:flex-start;align-content:flex-start;justify-content:center;flex-wrap:nowrap;gap:8px;min-height:52px;padding:2px 0 6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(230,180,60,0.5) rgba(255,255,255,0.05);} .quest-card__rewards::-webkit-scrollbar{height:3px;} .quest-card__rewards::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:999px;} .quest-card__rewards::-webkit-scrollbar-thumb{background:rgba(230,180,60,0.5);border-radius:999px;} .quest-card__rewards.is-scrollable{justify-content:flex-start;} .quest-card--staged .quest-card__rewards{align-items:flex-start;align-content:flex-start;min-height:52px;padding:2px 0 8px;} .quest-card--target-blocks-1 .quest-card__target-list{grid-row:7;min-height:26px;padding-bottom:4px;} .quest-card--target-blocks-1 .quest-card__rewards:not(.quest-card__target-list){grid-row:9;} .quest-card--target-blocks-2 .quest-card__objectives{grid-row:7;min-height:52px;padding-bottom:4px;} .quest-card--target-blocks-2 .quest-card__kill-targets{grid-row:9;min-height:52px;padding-bottom:4px;} .quest-card--target-blocks-2 .quest-card__rewards:not(.quest-card__target-list){grid-row:11;} .quest-card--target-blocks-3 .quest-card__target-list{min-height:52px;padding-bottom:4px;} .quest-card--target-blocks-3 .quest-card__objectives{grid-row:7;}.quest-card--target-blocks-3 .quest-card__kill-targets{grid-row:9;}.quest-card--target-blocks-3 .quest-card__quest-targets{grid-row:11;}.quest-card--target-blocks-3 .quest-card__rewards:not(.quest-card__target-list){grid-row:13;} .quest-card__stage{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(150,130,230,0.6);color:rgb(180,165,245);font-size:13px;font-weight:600;} .quest-card__stage-reward-separator{flex:0 0 auto;position:relative;width:12px;height:42px;align-self:flex-start;cursor:help;} .quest-card__stage-reward-separator::before{content:"";position:absolute;top:0;left:50%;width:2px;height:42px;border-radius:999px;background:rgba(230,180,60,0.85);box-shadow:0 0 0 2px rgba(12,14,18,0.95);transform:translateX(-50%);} .quest-card__reward{position:relative;flex:0 0 auto;width:38px;height:38px;border-radius:6px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.08);overflow:visible;} .quest-card__reward::after{content:none;position:absolute;left:50%;bottom:calc(100%+8px);z-index:20;width:max-content;max-width:220px;padding:7px 9px;border:1px solid rgba(230,180,60,0.45);border-radius:6px;background:rgba(12,14,18,0.98);box-shadow:0 8px 24px rgba(0,0,0,0.55);color:rgba(255,255,255,0.92);font-size:12px;line-height:1.35;text-align:center;white-space:normal;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity 0.08s ease,transform 0.08s ease;} .quest-card__reward::before{content:none;position:absolute;left:50%;bottom:calc(100%+3px);z-index:21;width:8px;height:8px;background:rgba(12,14,18,0.98);border-right:1px solid rgba(230,180,60,0.45);border-bottom:1px solid rgba(230,180,60,0.45);opacity:0;pointer-events:none;transform:translate(-50%,4px) rotate(45deg);transition:opacity 0.08s ease,transform 0.08s ease;} .quest-card__reward:hover::after,.quest-card__reward:hover::before,.quest-card__reward:focus-within::after,.quest-card__reward:focus-within::before{opacity:1;transform:translate(-50%,0) rotate(0deg);} .quest-card__reward:hover::before,.quest-card__reward:focus-within::before{transform:translate(-50%,0) rotate(45deg);} .quest-card__reward img{width:100%;height:100%;object-fit:contain;display:block;border-radius:5px;} .quest-card__kill-fill{position:absolute;left:0;right:0;bottom:0;z-index:1;border-radius:0 0 5px 5px;background:rgba(6,8,12,0.72);pointer-events:none;} .quest-card__reward--kill-done .quest-card__kill-fill{border-radius:5px;} .quest-card__kill-cross{position:absolute;left:50%;top:50%;z-index:2;width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none;} .quest-card__kill-cross::before,.quest-card__kill-cross::after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;border-radius:2px;background:rgba(235,90,90,0.92);box-shadow:0 0 4px rgba(0,0,0,0.8);} .quest-card__kill-cross::before{transform:rotate(45deg);} .quest-card__kill-cross::after{transform:rotate(-45deg);} .quest-card__reward-count{position:absolute;z-index:3;right:-2px;bottom:-2px;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgb(230,180,60);color:#1a1a1a;font-size:10px;font-weight:700;line-height:1;} .quest-card__reward--hidden{display:flex;align-items:center;justify-content:center;cursor:help;border-color:rgba(230,180,60,0.45);background:radial-gradient(circle at 50% 40%,rgba(230,180,60,0.22),rgba(0,0,0,0) 70%),rgba(0,0,0,0.35);box-shadow:inset 0 0 12px rgba(230,180,60,0.12);} .quest-card__reward--hidden i{font-size:18px;color:rgb(230,180,60);text-shadow:0 0 10px rgba(230,180,60,0.55);animation:questHiddenRewardPulse 2.4s ease-in-out infinite;} .quest-card__reward--discord{color:#5865f2;background:rgba(88,101,242,0.13);border-color:rgba(88,101,242,0.45);display:inline-flex;align-items:center;justify-content:center;font-size:30px;} .quest-card__reward--claimed img,.quest-card__reward--claimed>i{filter:grayscale(0.8) brightness(0.55);opacity:0.65;} .quest-card__reward-claimed-mark{position:absolute;z-index:4;top:-6px;right:-6px;width:17px;height:17px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(11,22,15,0.96);border-radius:50%;background:#4cc985;box-shadow:0 1px 8px rgba(76,201,133,0.55);color:#07150c;font-size:13px;font-weight:900;line-height:1;} @keyframes questHiddenRewardPulse{0%,100%{opacity:0.7;transform:scale(1);} 50%{opacity:1;transform:scale(1.12);}} @media(prefers-reduced-motion:reduce){.quest-card__reward--hidden i{animation:none;}} .quest-card__random-option{flex:0 0 auto;position:relative;display:flex;align-items:flex-start;gap:4px;} .quest-card__random-option--set{padding:2px;border-radius:8px;border:1px dashed rgba(150,130,230,0.5);background:rgba(150,130,230,0.07);} .quest-card__reward--random{border-color:rgba(150,130,230,0.45);background:radial-gradient(circle at 50% 30%,rgba(150,130,230,0.18),rgba(0,0,0,0) 70%),rgba(0,0,0,0.25);} .quest-card__reward--random.quest-card__reward--hidden{border-color:rgba(150,130,230,0.45);background:radial-gradient(circle at 50% 35%,rgba(230,180,60,0.16),rgba(0,0,0,0) 70%),radial-gradient(circle at 50% 30%,rgba(150,130,230,0.18),rgba(0,0,0,0) 70%),rgba(0,0,0,0.25);box-shadow:inset 0 0 12px rgba(230,180,60,0.1);} .quest-card__random-chance{position:absolute;left:0;top:0;z-index:2;min-width:18px;padding:1px 3px;border-radius:999px;background:rgb(150,130,230);color:#12101a;font-size:9px;font-weight:700;line-height:1.35;text-align:center;pointer-events:none;} .quest-card__random-option{order:1;} .quest-card__choice-option.quest-card__random-option--set{border-color:rgba(57,171,111,0.5);background:rgba(57,171,111,0.07);} .quest-card__reward--choice{border-color:rgba(57,171,111,0.5);background:radial-gradient(circle at 50% 30%,rgba(57,171,111,0.18),rgba(0,0,0,0) 70%),rgba(0,0,0,0.25);} .quest-choice__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:50vh;margin:12px 0;overflow-y:auto;} .quest-choice__option{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 8px;border:1px solid var(--border,rgba(255,255,255,0.12));border-radius:8px;background:var(--bg-card,rgba(255,255,255,0.07));color:var(--text-secondary,#b0b0b0);font:inherit;cursor:pointer;transition:border-color 0.15s ease,background-color 0.15s ease,color 0.15s ease;} .quest-choice__option:hover,.quest-choice__option:focus-visible{border-color:var(--accent-dim,#2d8a5a);background:var(--bg-card-hover,rgba(255,255,255,0.13));color:var(--text-primary,#ffffff);} .quest-choice__option.is-selected{border-color:var(--accent,#39ab6f);background:var(--accent-glow,rgba(57,171,111,0.15));color:var(--text-primary,#ffffff);} .quest-choice__icons{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;} .quest-choice__icon{position:relative;width:40px;height:40px;} .quest-choice__icon img{display:block;width:100%;height:100%;object-fit:contain;} .quest-choice__count{position:absolute;right:-2px;bottom:-2px;padding:0 3px;border-radius:4px;background:rgba(0,0,0,0.8);color:#ffffff;font-size:10px;font-weight:700;line-height:1.4;} .quest-choice__name{max-width:100%;font-size:12px;line-height:1.3;text-align:center;overflow-wrap:anywhere;} .quest-choice__mark{position:absolute;top:6px;right:6px;color:var(--accent-light,#4cc985);font-size:12px;opacity:0;} .quest-choice__option.is-selected .quest-choice__mark{opacity:1;} .quest-choice__counter{margin:0 0 8px;color:var(--text-secondary,#b0b0b0);font-size:13px;} .quest-choice__counter strong{color:var(--text-primary,#ffffff);} @media(max-width:480px){.quest-choice__grid{grid-template-columns:repeat(2,minmax(0,1fr));}} .quest-card__reward--guaranteed{order:3;} .quest-card__guaranteed-separator{order:2;flex:0 0 auto;align-self:center;color:rgba(230,180,60,0.9);font-size:18px;font-weight:600;line-height:1;} .quest-card__character-claims{position:relative;z-index:20;grid-row:8;display:flex;flex-direction:column;gap:6px;} .quest-card__character-claim{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(112px,auto);align-items:center;gap:8px;min-height:38px;padding:6px 8px 6px 12px;border:1px solid rgba(255,255,255,0.09);border-radius:8px;background:rgba(255,255,255,0.035);} .quest-card__character-claim.is-claimed{border-color:rgba(57,171,111,0.25);} .quest-card__character-name{overflow:hidden;color:rgba(255,255,255,0.9);text-overflow:ellipsis;white-space:nowrap;} .quest-card__character-level{color:rgba(255,255,255,0.45);font-size:11px;} .quest-card__character-state{color:rgba(255,255,255,0.48);font-size:10px;text-align:right;text-transform:uppercase;} .quest-card__character-claim.is-claimed .quest-card__character-state{color:rgba(93,210,145,0.9);} .quest-card__character-claim-button{min-height:28px;padding:5px 10px;border:1px solid rgba(230,180,60,0.48);border-radius:7px;background:rgba(230,180,60,0.12);color:#e6c46e;font:600 10px 'Cinzel',serif;letter-spacing:0.04em;cursor:pointer;} .quest-card__character-claim-button:hover{background:rgba(230,180,60,0.2);} .quest-card__daily-playtime{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;margin-top:4px;color:rgba(255,255,255,0.72);font-size:10px;line-height:1.2;white-space:nowrap;} .quest-card__daily-playtime-row{display:inline-flex;align-items:center;gap:6px;} .quest-card__daily-playtime-row i,.quest-card__daily-playtime-row strong{color:#e6b43c;} .quest-card__daily-playtime-note{overflow:hidden;color:rgba(255,255,255,0.42);text-overflow:ellipsis;} .quest-card__action{position:relative;z-index:20;grid-row:8;width:100%;height:50px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:14px 18px;border-radius:10px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.45);font-family:'Cinzel',serif;font-size:14px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;cursor:not-allowed;} .quest-card--target-blocks-1 .quest-card__action,.quest-card--target-blocks-1 .quest-card__character-claims,.quest-card--target-blocks-1 .quest-card__discord-invite,.quest-card--target-blocks-1 .quest-card__twitter-form,.quest-card--target-blocks-1 .quest-card__twitter-status{grid-row:10;} .quest-card--target-blocks-2 .quest-card__action,.quest-card--target-blocks-2 .quest-card__character-claims,.quest-card--target-blocks-2 .quest-card__discord-invite,.quest-card--target-blocks-2 .quest-card__twitter-form,.quest-card--target-blocks-2 .quest-card__twitter-status{grid-row:12;} .quest-card--target-blocks-3 .quest-card__action,.quest-card--target-blocks-3 .quest-card__character-claims,.quest-card--target-blocks-3 .quest-card__discord-invite,.quest-card--target-blocks-3 .quest-card__twitter-form,.quest-card--target-blocks-3 .quest-card__twitter-status{grid-row:14;} .quest-card:not(.quest-card--achievement){display:flex;flex-direction:column;gap:10px;min-height:530px;cursor:default;} .quest-card:not(.quest-card--achievement) .quest-card__head{order:1;flex:0 0 78px;} .quest-card:not(.quest-card--achievement) .quest-card__meta{order:2;flex:0 0 48px;} .quest-card:not(.quest-card--achievement) .quest-card__notes{order:3;flex:0 0 70px;} .quest-card:not(.quest-card--achievement) .quest-card__progress,.quest-card:not(.quest-card--achievement) .quest-card__past-reward{order:4;flex:0 0 72px;} .quest-card:not(.quest-card--achievement) .quest-card__completions{order:5;min-height:0;} .quest-card:not(.quest-card--achievement) .quest-card__completions:empty{display:none;} .quest-card:not(.quest-card--achievement) .quest-card__target-block{order:6;display:flex;flex-direction:column;gap:0;} .quest-card:not(.quest-card--achievement) .quest-card__target-block--first{margin-top:auto;} .quest-card:not(.quest-card--achievement) .quest-card__target-label{min-height:18px;} .quest-card:not(.quest-card--achievement) .quest-card__target-list{min-height:52px;padding-bottom:4px;} .quest-card:not(.quest-card--achievement) .quest-card__rewards-label:not(.quest-card__target-label){order:7;margin-top:auto;} .quest-card--target-blocks-1 .quest-card__rewards-label:not(.quest-card__target-label),.quest-card--target-blocks-2 .quest-card__rewards-label:not(.quest-card__target-label),.quest-card--target-blocks-3 .quest-card__rewards-label:not(.quest-card__target-label){margin-top:0;} .quest-card:not(.quest-card--achievement) .quest-card__rewards:not(.quest-card__target-list){order:8;} .quest-card:not(.quest-card--achievement) .quest-card__action,.quest-card:not(.quest-card--achievement) .quest-card__character-claims,.quest-card:not(.quest-card--achievement) .quest-card__discord-invite,.quest-card:not(.quest-card--achievement) .quest-card__twitter-form,.quest-card:not(.quest-card--achievement) .quest-card__twitter-status{order:9;} .quest-card__action>*{position:relative;z-index:1;pointer-events:none;} .quest-card-tooltip{position:fixed;z-index:5000;max-width:min(520px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(230,180,60,0.5);border-radius:6px;background:rgba(12,14,18,0.98);box-shadow:0 10px 28px rgba(0,0,0,0.6);color:rgba(255,255,255,0.94);font-size:13px;line-height:1.55;text-align:left;white-space:pre-line;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity 0.06s ease,transform 0.06s ease;} .quest-card-tooltip.is-visible{opacity:1;transform:translateY(0);} .quest-card-tooltip{max-height:min(680px,calc(100vh - 32px));overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;} .quest-card__action--claim{background:linear-gradient(135deg,rgb(230,180,60),rgb(205,145,45));border-color:rgba(230,180,60,0.6);color:#1a1a1a;cursor:pointer !important;transition:background 0.18s ease,border-color 0.18s ease;} .quest-card__action--claim::before{content:"";position:absolute;inset:-1px;z-index:0;border-radius:inherit;cursor:pointer;} .quest-card__action--claim:hover{background:linear-gradient(135deg,rgb(238,190,72),rgb(214,154,52));border-color:rgba(238,190,72,0.7);} .quest-card__action--claim.is-loading{cursor:progress;opacity:0.86;} .quest-card__action-form{display:contents;} .quest-card__action--discord{background:linear-gradient(135deg,rgb(88,101,242),rgb(71,82,196));border-color:rgba(88,101,242,0.6);color:#fff;cursor:pointer !important;transition:background 0.18s ease,border-color 0.18s ease;} .quest-card__action--discord:hover{background:linear-gradient(135deg,rgb(101,113,245),rgb(83,94,214));border-color:rgba(101,113,245,0.7);} .quest-card__action--twitter{background:linear-gradient(135deg,rgb(38,38,38),rgb(15,15,15));border-color:rgba(180,180,180,0.5);color:#fff;cursor:pointer !important;transition:background 0.18s ease,border-color 0.18s ease;} .quest-card__action--twitter:hover{background:linear-gradient(135deg,rgb(58,58,58),rgb(30,30,30));border-color:rgba(220,220,220,0.7);} .quest-card__discord-invite,.quest-card__twitter-form,.quest-card__twitter-status{display:flex;flex-direction:column;gap:8px;} .quest-card__discord-invite{grid-row:8;min-height:50px;justify-content:center;gap:3px;padding:3px 0;overflow:hidden;} .quest-card__discord-invite .quest-card__note--success{display:none;} .quest-card__discord-invite .quest-card__link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .quest-card__discord-invite .quest-card__note{font-size:11px;line-height:14px;-webkit-line-clamp:1;} .quest-card__twitter-text,.quest-card__twitter-url{width:100%;padding:8px 10px;background:rgba(0,0,0,0.25);border:1px solid rgba(200,200,200,0.25);border-radius:4px;color:inherit;font:inherit;font-size:13px;resize:vertical;} .quest-card__twitter-text:focus,.quest-card__twitter-url:focus{outline:none;border-color:rgba(220,220,220,0.55);} .quest-card__twitter-url{margin-bottom:8px;} .quest-card__action--done{color:rgba(120,210,145,0.75);border-color:rgba(90,190,120,0.3);} .quest-card__action--done i{margin-right:6px;} @media(max-width:640px){.quests__grid{grid-template-columns:1fr;} .quests__toolbar{align-items:stretch;} .quests__picker{flex-direction:column;align-items:flex-start;gap:8px;} .quests__select-wrap{width:100%;}} .donate-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;} .donate-info__card{display:flex;align-items:center;gap:14px;padding:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;} .donate-info__icon{width:42px;height:42px;border-radius:8px;background:rgba(57,171,111,0.1);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;} .donate-info__label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.5);margin-bottom:4px;} .donate-info__value{display:block;font-size:16px;font-weight:600;color:#fff;} .donate-info__link{color:var(--color-accent);text-decoration:none;font-weight:600;font-size:15px;} .donate-info__link:hover{color:var(--accent-light,#4cc985);} .donate-info__rate{color:rgba(255,255,255,0.6);font-size:13px;} .donate-note{color:rgba(255,255,255,0.7);line-height:1.6;font-size:14px;margin-bottom:24px;} .donate-methods{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.08);padding-bottom:0;} .donate-method{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:rgba(255,255,255,0.6);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:color 0.2s,border-color 0.2s;margin-bottom:-1px;} .donate-method:hover{color:#fff;} .donate-method.active{color:var(--color-accent);border-bottom-color:var(--color-accent);} .cabinet__page-header{text-align:center;margin-bottom:44px;} .cabinet__page-header .section__tag{display:inline-block;margin-bottom:14px;} .cabinet__page-title{font-family:'Cinzel',serif;font-size:clamp(26px,3vw,38px);font-weight:700;color:#fff;letter-spacing:0.02em;margin-bottom:16px;} .cabinet__page-username{color:var(--accent);} .cabinet__page-line{margin:0 auto;} .cabinet__section-title-icon{color:var(--accent);margin-right:4px;font-size:0.85em;opacity:0.9;} .cabinet__profile{display:flex;align-items:center;gap:14px;padding:8px 8px 14px;} .cabinet__profile-avatar{width:52px;height:52px;border-radius:50%;background:rgba(57,171,111,0.12);border:2px solid rgba(57,171,111,0.3);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent);flex-shrink:0;} .cabinet__profile-info{min-width:0;} .cabinet__profile-name{font-family:'Cinzel',serif;font-size:15px;font-weight:700;color:#fff;letter-spacing:0.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .cabinet__profile-role{font-size:12px;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.06em;margin-top:2px;} .cabinet__balance-mini{display:flex;align-items:center;gap:10px;margin:0 8px 8px;padding:12px 14px;background:rgba(57,171,111,0.07);border:1px solid rgba(57,171,111,0.2);border-radius:10px;} .cabinet__balance-mini-icon{color:#f6b85f;font-size:18px;flex-shrink:0;} .cabinet__balance-mini-body{flex:1;min-width:0;} .cabinet__balance-mini-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:0.07em;color:rgba(255,255,255,0.45);margin-bottom:2px;} .cabinet__balance-mini-value{display:block;font-size:16px;font-weight:700;color:#fff;} .cabinet__balance-mini-value span{font-size:11px;font-weight:500;color:var(--accent);margin-left:2px;} .cabinet__balance-mini-add{width:28px;height:28px;border-radius:50%;background:rgba(57,171,111,0.15);border:1px solid rgba(57,171,111,0.3);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none;flex-shrink:0;transition:background 0.2s,border-color 0.2s;} .cabinet__balance-mini-add:hover{background:rgba(57,171,111,0.25);border-color:rgba(57,171,111,0.5);color:var(--accent-light);} .cabinet__nav-divider{height:1px;background:rgba(255,255,255,0.06);margin:8px 0;} .cabinet__nav-item--logout{color:rgba(255,80,80,0.7);} .cabinet__nav-item--logout:hover{background:rgba(255,80,80,0.06);color:rgba(255,100,100,0.9);} .cabinet__nav-item--logout i{color:rgba(255,80,80,0.6);} .cabinet__form-divider{height:1px;background:rgba(255,255,255,0.06);margin:8px 0;} .cabinet__masked-email{color:rgba(255,255,255,0.92);font-weight:700;letter-spacing:0.01em;} .cabinet__stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;} .cabinet__stat-card{display:flex;align-items:flex-start;gap:14px;min-height:0;padding:18px 20px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;} .cabinet__stat-card--premium{border-color:rgba(57,171,111,0.2);} .cabinet__stat-card--rate{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;border-color:rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);min-width:180px;} .cabinet__stat-icon{width:44px;height:44px;border-radius:10px;background:rgba(57,171,111,0.1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;} .cabinet__stat-icon--premium{background:rgba(230,180,60,0.1);color:#e6b43c;} .cabinet__stat-body{display:flex;flex-direction:column;gap:4px;padding-top:2px;min-width:0;} .cabinet__stat-label{display:block;margin:0;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:0.07em;color:rgba(255,255,255,0.45);} .cabinet__stat-value{font-size:22px;font-weight:700;color:#fff;} .cabinet__stat-value em{font-style:normal;font-size:13px;font-weight:500;color:var(--accent);margin-left:3px;} .cabinet__stat-action{font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;} .cabinet__stat-card--support .cabinet__stat-action{line-height:1.35;} .cabinet__stat-text{font-size:14px;color:rgba(255,255,255,0.76);} .cabinet__stat-links{display:flex;flex-direction:column;gap:4px;} .cabinet__stat-action:hover{color:var(--accent-light);} .cabinet__stat-action--subtle{font-size:12px;color:rgba(255,255,255,0.62);} .cabinet__stat-action--subtle:hover{color:rgba(255,255,255,0.85);} .cabinet__stat-rate-tag{display:block;margin:2px 0 0;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:0.07em;color:rgba(255,255,255,0.4);} .cabinet__stat-card--premium .cabinet__stat-icon,.cabinet__stat-card--support .cabinet__stat-icon,.cabinet__stat-card--balance .cabinet__stat-icon{margin-top:10px;} .cabinet__stat-card--balance{display:none;border-color:rgba(57,171,111,0.22);background:rgba(57,171,111,0.04);} .cabinet__stat-icon--balance{background:rgba(57,171,111,0.12);color:var(--accent);} .cabinet__stat-rate{font-size:15px;font-weight:600;color:rgba(255,255,255,0.75);} .cabinet__stat-icon--rate{display:none;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.75);} .cabinet__stat-rate-body{display:contents;} .donate-note{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.65);font-size:14px;margin-bottom:20px;} .donate-note i{color:var(--accent);flex-shrink:0;} .donate-help{display:flex;align-items:flex-start;gap:10px;margin:0 0 20px;padding:12px 14px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);border-radius:10px;} .donate-help__icon{color:var(--accent);margin-top:2px;} .donate-help__text{color:rgba(255,255,255,0.66);font-size:13px;line-height:1.55;} .donate-help__link{margin-left:6px;color:var(--accent);font-weight:600;text-decoration:none;} .donate-help__link:hover{color:var(--accent-light);} .donate-methods{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.08);} .donate-methods__title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:rgba(255,255,255,0.45);margin:0;line-height:1;flex-shrink:0;} .donate-methods__pills{display:flex;gap:10px;flex-wrap:wrap;align-items:center;} #tabDonate button:focus,#tabDonate button:focus-visible,#tabDonate button:active{outline:none;box-shadow:none;} .donate-method{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 22px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.6);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;transition:all 0.2s;line-height:1;} .donate-method i{line-height:1;} .donate-method:hover{background:rgba(255,255,255,0.06);color:#fff;} .donate-method.active{background:rgba(57,171,111,0.1);border-color:rgba(57,171,111,0.4);color:var(--accent);} .donate-box{display:none;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:14px;margin-bottom:24px;overflow:hidden;} .donate-box.active{display:block;} #tabDonate #paypalych,#tabDonate #paypalychru,#tabDonate #paypalychua,#tabDonate .donate-box{background:rgba(255,255,255,0.02) !important;} .donate-box__header{display:flex;align-items:center;gap:14px;padding:18px 24px;background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.06);} .donate-box__header-icon{width:40px;height:40px;border-radius:8px;background:rgba(57,171,111,0.1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;} .donate-box__title{font-size:16px;font-weight:700;color:#fff;margin:0 0 3px;} .donate-box__subtitle{font-size:12px;color:rgba(255,255,255,0.45);margin:0;} .donate-box__body{padding:18px 24px 24px;} .donate-box__info-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;} .donate-box__info-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(57,171,111,0.08);border:1px solid rgba(57,171,111,0.2);border-radius:20px;font-size:12px;color:rgba(255,255,255,0.7);} .donate-box__info-pill i{color:var(--accent);font-size:11px;} .donate-box__info-pill--warn{background:rgba(230,180,60,0.07);border-color:rgba(230,180,60,0.2);} .donate-box__info-pill--warn i{color:#e6b43c;} .donate-box__auto-note{display:flex;align-items:center;gap:7px;font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:20px;} .donate-box__auto-note i{color:var(--accent);} .donate-box__label{font-size:12px;text-transform:uppercase;letter-spacing:0.06em;color:rgba(255,255,255,0.4);margin-bottom:10px;} .donate-box__presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;} .donate-preset{padding:8px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.65);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.18s;} .donate-preset:hover{background:rgba(255,255,255,0.08);color:#fff;border-color:rgba(255,255,255,0.2);} .donate-preset.active{background:rgba(57,171,111,0.15);border-color:rgba(57,171,111,0.5);color:var(--accent-light);} .donate-box__form-row{display:flex;align-items:stretch;gap:12px;} .donate-box__input-wrap{position:relative;flex:1;} .donate-box__amount-input{width:100%;padding-right:80px !important;font-size:18px !important;font-weight:600 !important;height:54px;} .donate-box__amount-input--with-bonus{padding-right:16px !important;} .donate-box__inline-bonus{position:absolute;right:18px;top:50%;transform:translateY(-50%);max-width:96px;color:#7cebb2;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-align:right;} .donate-box__input-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:rgba(255,255,255,0.4);pointer-events:none;} .donate-box__submit{flex-shrink:0;height:54px;white-space:nowrap;} .donate-box__eur-hint{margin-top:10px;font-size:13px;color:rgba(255,255,255,0.4);} .donate-terms{padding:0;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:14px;overflow:hidden;} .donate-terms__header{display:flex;align-items:center;gap:10px;padding:16px 24px;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.06);} .donate-terms__header i{color:var(--accent);font-size:16px;} .donate-terms__header h4{font-family:'Cinzel',serif;font-size:14px;font-weight:700;color:rgba(255,255,255,0.7);letter-spacing:0.05em;margin:0;line-height:1;} .donate-terms__list{padding:20px 24px 4px 44px;color:rgba(255,255,255,0.55);font-size:13px;line-height:1.65;} .donate-terms__list li{margin-bottom:10px;padding-left:2px;} .donate-terms__list li::marker{color:var(--accent);font-weight:700;} .donate-terms__policy{margin:0;padding:14px 24px 18px;font-family:'Cinzel',serif;font-size:15px;font-weight:700;letter-spacing:0.03em;line-height:1.45;color:rgba(255,255,255,0.86);background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.06);} .donate-terms__policy a{color:var(--accent);font-weight:600;} .donate-refund{margin-top:14px;border:1px solid rgba(255,255,255,0.08);border-radius:14px;background:rgba(255,255,255,0.015);overflow:hidden;} .donate-refund__toggle{width:100%;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;background:rgba(255,255,255,0.02);color:rgba(255,255,255,0.84);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;text-align:left;cursor:pointer;} .donate-refund__toggle:focus,.donate-refund__toggle:focus-visible,.donate-refund__toggle:active{outline:none;box-shadow:none;} .donate-refund__toggle span{display:inline-flex;align-items:center;flex:1;min-width:0;flex-wrap:wrap;gap:8px;white-space:normal;line-height:1.35;} .donate-refund__toggle i{color:var(--accent);} .donate-refund__toggle-icon{flex-shrink:0;margin-left:8px;transition:transform 0.2s ease;} .donate-refund__toggle[aria-expanded="true"] .donate-refund__toggle-icon{transform:rotate(180deg);} .donate-refund__content{padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,0.06);color:rgba(255,255,255,0.66);font-size:13px;line-height:1.65;} .donate-refund__content p{margin-bottom:12px;} .donate-refund__definitions{margin:0 0 14px;padding-left:18px;} .donate-refund__definitions li{margin-bottom:8px;} .donate-refund__content a{color:var(--accent);text-decoration:none;} .donate-refund__content a:hover{color:var(--accent-light);} .donate-refund__updated{margin-bottom:0;color:rgba(255,255,255,0.45);font-size:12px;} .cabinet__table-wrap{border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);} .cabinet__table{width:100%;border-collapse:collapse;} .cabinet__table th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.03);padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.08);} .cabinet__table td{padding:12px 16px;font-size:14px;color:rgba(255,255,255,0.84);border-bottom:1px solid rgba(255,255,255,0.05);} .cabinet__table tr:last-child td{border-bottom:none;} .cabinet__table--login-log td{font-size:13px;white-space:nowrap;} .cabinet__table--login-log td:nth-child(3){color:rgba(255,255,255,0.7);font-size:12px;white-space:nowrap;} .cabinet__table td.cabinet__login-log-result--failed{color:#ff4d4d;font-weight:600;} .cabinet__table td.cabinet__login-log-result--locked{color:#ff4d4d;font-weight:600;} .cabinet__login-log-ip{color:inherit;border-bottom:1px dotted rgba(255,255,255,0.35);transition:color 0.15s ease,border-color 0.15s ease;} .cabinet__login-log-ip:hover{color:#d4a950;border-bottom-color:#d4a950;} .ea-modal__lead{font-size:15px;color:rgba(255,255,255,0.88);line-height:1.6;margin:0 0 14px;} .ea-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;} .ea-modal__actions .ea-modal__submit,.ea-modal__actions .ea-modal__cancel{width:100%;height:48px;margin:0;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease;} .ea-modal__actions .ea-modal__cancel{background:transparent;color:rgba(255,255,255,0.75);border:1px solid rgba(255,255,255,0.2);} .ea-modal__actions .ea-modal__cancel:hover{background:rgba(255,255,255,0.06);color:#fff;border-color:rgba(255,255,255,0.32);} .cabinet__empty-text{padding:16px 0;color:rgba(255,255,255,0.55);font-size:14px;font-style:italic;} .top-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-bottom:24px;} .top-tab{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:10px 22px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:8px;color:rgba(255,255,255,0.7);font-family:inherit;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;text-align:center;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;cursor:pointer;transition:background 0.2s,border-color 0.2s,color 0.2s;} .top-tab:hover{background:rgba(255,255,255,0.06);color:#fff;} .top-tab:focus,.top-tab:focus-visible,.top-tab:active{outline:none;box-shadow:none;} .top-tab.active{background:rgba(57,171,111,0.12);border-color:rgba(57,171,111,0.4);color:var(--color-accent);} .top-table-wrap{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;} .top-table{width:max-content;min-width:100%;border-collapse:collapse;} .top-table thead th{padding:14px 20px;text-align:left;background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.6);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;border-bottom:1px solid rgba(255,255,255,0.08);white-space:nowrap;} .top-table tbody td{padding:14px 20px;color:rgba(255,255,255,0.85);font-size:14px;border-bottom:1px solid rgba(255,255,255,0.04);white-space:nowrap;} .top-table tbody tr:last-child td{border-bottom:none;} .top-table tbody tr:hover{background:rgba(255,255,255,0.02);} .top-table--dense{width:auto;min-width:100%;} .top-table--dense thead th,.top-table--dense tbody td{padding:8px 10px;font-size:13px;width:1%;} .top-table--dense .top-table__name{width:auto;} .top-table .trend--up{color:#4ade80;font-weight:600;} .top-table .trend--down{color:#ef4444;font-weight:600;} .top-table .trend--none{color:rgba(255,255,255,0.4);} .top-table .trend--new{color:#fbbf24;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:0.5px;} .top-table__rank{font-weight:700;color:rgba(255,255,255,0.5);width:60px;} .top-table__row--gold .top-table__rank{color:#e4c056;} .top-table__row--silver .top-table__rank{color:#c8c8d0;} .top-table__row--bronze .top-table__rank{color:#c68a5a;} .top-table__name{font-weight:600;color:#fff;} .top-class{display:inline-flex;align-items:center;gap:8px;font-weight:500;} .top-class i{width:20px;height:20px;display:inline-block;flex-shrink:0;text-align:center;font-size:0;line-height:0;color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.45));} .top-class--assassin i{background-image:url('./iconsclass/icon_emblem_assassin.png');background-image:image-set(url('./iconsclass/icon_emblem_assassin.avif') type('image/avif'),url('./iconsclass/icon_emblem_assassin.webp') type('image/webp'),url('./iconsclass/icon_emblem_assassin.png') type('image/png'));} .top-class--gladiator i{background-image:url('./iconsclass/icon_emblem_fighter.png');background-image:image-set(url('./iconsclass/icon_emblem_fighter.avif') type('image/avif'),url('./iconsclass/icon_emblem_fighter.webp') type('image/webp'),url('./iconsclass/icon_emblem_fighter.png') type('image/png'));} .top-class--sorcerer i{background-image:url('./iconsclass/icon_emblem_wizard.png');background-image:image-set(url('./iconsclass/icon_emblem_wizard.avif') type('image/avif'),url('./iconsclass/icon_emblem_wizard.webp') type('image/webp'),url('./iconsclass/icon_emblem_wizard.png') type('image/png'));} .top-class--ranger i{background-image:url('./iconsclass/icon_emblem_ranger.png');background-image:image-set(url('./iconsclass/icon_emblem_ranger.avif') type('image/avif'),url('./iconsclass/icon_emblem_ranger.webp') type('image/webp'),url('./iconsclass/icon_emblem_ranger.png') type('image/png'));} .top-class--cleric i{background-image:url('./iconsclass/icon_emblem_cleric.png');background-image:image-set(url('./iconsclass/icon_emblem_cleric.avif') type('image/avif'),url('./iconsclass/icon_emblem_cleric.webp') type('image/webp'),url('./iconsclass/icon_emblem_cleric.png') type('image/png'));} .top-class--templar i{background-image:url('./iconsclass/icon_emblem_knight.png');background-image:image-set(url('./iconsclass/icon_emblem_knight.avif') type('image/avif'),url('./iconsclass/icon_emblem_knight.webp') type('image/webp'),url('./iconsclass/icon_emblem_knight.png') type('image/png'));} .top-class--spiritmaster i{background-image:url('./iconsclass/icon_emblem_elementalist.png');background-image:image-set(url('./iconsclass/icon_emblem_elementalist.avif') type('image/avif'),url('./iconsclass/icon_emblem_elementalist.webp') type('image/webp'),url('./iconsclass/icon_emblem_elementalist.png') type('image/png'));} .top-class--chanter i{background-image:url('./iconsclass/icon_emblem_chanter.png');background-image:image-set(url('./iconsclass/icon_emblem_chanter.avif') type('image/avif'),url('./iconsclass/icon_emblem_chanter.webp') type('image/webp'),url('./iconsclass/icon_emblem_chanter.png') type('image/png'));} .top-class--songweaver i{background-image:url('./iconsclass/Icon_emblem_Bard.png');background-image:image-set(url('./iconsclass/Icon_emblem_Bard.avif') type('image/avif'),url('./iconsclass/Icon_emblem_Bard.webp') type('image/webp'),url('./iconsclass/Icon_emblem_Bard.png') type('image/png'));} .top-class--gunslinger i{background-image:url('./iconsclass/Icon_emblem_Gunner.png');background-image:image-set(url('./iconsclass/Icon_emblem_Gunner.avif') type('image/avif'),url('./iconsclass/Icon_emblem_Gunner.webp') type('image/webp'),url('./iconsclass/Icon_emblem_Gunner.png') type('image/png'));} .top-class--aethertech i{background-image:url('./iconsclass/Icon_emblem_Engineer.png');background-image:image-set(url('./iconsclass/Icon_emblem_Engineer.avif') type('image/avif'),url('./iconsclass/Icon_emblem_Engineer.webp') type('image/webp'),url('./iconsclass/Icon_emblem_Engineer.png') type('image/png'));} .top-class--artist i{background-image:url('./iconsclass/Icon_emblem_Artist.png');background-image:image-set(url('./iconsclass/Icon_emblem_Artist.avif') type('image/avif'),url('./iconsclass/Icon_emblem_Artist.webp') type('image/webp'),url('./iconsclass/Icon_emblem_Artist.png') type('image/png'));} .top-class--bard i{background-image:url('./iconsclass/Icon_emblem_Bard.png');background-image:image-set(url('./iconsclass/Icon_emblem_Bard.avif') type('image/avif'),url('./iconsclass/Icon_emblem_Bard.webp') type('image/webp'),url('./iconsclass/Icon_emblem_Bard.png') type('image/png'));} .top-class--engineer i{background-image:url('./iconsclass/Icon_emblem_Engineer.png');background-image:image-set(url('./iconsclass/Icon_emblem_Engineer.avif') type('image/avif'),url('./iconsclass/Icon_emblem_Engineer.webp') type('image/webp'),url('./iconsclass/Icon_emblem_Engineer.png') type('image/png'));} .top-class--gunner i{background-image:url('./iconsclass/Icon_emblem_Gunner.png');background-image:image-set(url('./iconsclass/Icon_emblem_Gunner.avif') type('image/avif'),url('./iconsclass/Icon_emblem_Gunner.webp') type('image/webp'),url('./iconsclass/Icon_emblem_Gunner.png') type('image/png'));} .top-class--rider i{background-image:url('./iconsclass/Icon_emblem_Rider.png');background-image:image-set(url('./iconsclass/Icon_emblem_Rider.avif') type('image/avif'),url('./iconsclass/Icon_emblem_Rider.webp') type('image/webp'),url('./iconsclass/Icon_emblem_Rider.png') type('image/png'));} .top-class--mage i{background-image:url('./iconsclass/icon_emblem_mage.png');background-image:image-set(url('./iconsclass/icon_emblem_mage.avif') type('image/avif'),url('./iconsclass/icon_emblem_mage.webp') type('image/webp'),url('./iconsclass/icon_emblem_mage.png') type('image/png'));} .top-class--priest i{background-image:url('./iconsclass/icon_emblem_priest.png');background-image:image-set(url('./iconsclass/icon_emblem_priest.avif') type('image/avif'),url('./iconsclass/icon_emblem_priest.webp') type('image/webp'),url('./iconsclass/icon_emblem_priest.png') type('image/png'));} .top-class--scout i{background-image:url('./iconsclass/icon_emblem_scout.png');background-image:image-set(url('./iconsclass/icon_emblem_scout.avif') type('image/avif'),url('./iconsclass/icon_emblem_scout.webp') type('image/webp'),url('./iconsclass/icon_emblem_scout.png') type('image/png'));} .top-class--warrior i{background-image:url('./iconsclass/icon_emblem_warrior.png');background-image:image-set(url('./iconsclass/icon_emblem_warrior.avif') type('image/avif'),url('./iconsclass/icon_emblem_warrior.webp') type('image/webp'),url('./iconsclass/icon_emblem_warrior.png') type('image/png'));} .race-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;} .race-badge--elyos{background:rgba(95,175,225,0.15);color:#8cc5e8;border:1px solid rgba(95,175,225,0.3);} .race-badge--asmo{background:rgba(225,85,95,0.15);color:#e88c92;border:1px solid rgba(225,85,95,0.3);} .race-badge--all{background:rgba(57,171,111,0.15);color:#7cebb2;border:1px solid rgba(57,171,111,0.35);} .race-badge--balaur{background:rgba(180,120,230,0.15);color:#c4a3e8;border:1px solid rgba(180,120,230,0.35);} .top-hub__lead{margin:10px auto 24px;color:rgba(255,255,255,0.7);font-size:15px;line-height:1.6;max-width:780px;text-align:center;} .top-hub__lead--fixed{min-height:calc(1.6em * 2);} .top-hub-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;} @media(min-width:960px){.top-hub-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}} .top-hub-card{display:flex;flex-direction:column;gap:16px;padding:24px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:14px;transition:border-color 0.2s,background 0.2s;} .top-hub-card:hover{background:rgba(255,255,255,0.035);border-color:rgba(57,171,111,0.25);} .top-hub-card__title{margin:0;font-family:'Cinzel',serif;font-size:22px;font-weight:600;letter-spacing:0.02em;color:#fff;line-height:1.25;} .top-hub-card__title a{color:inherit;text-decoration:none;transition:color 0.2s;} .top-hub-card__title a:hover{color:var(--color-accent);} .top-hub-card__empty{padding:32px 16px;text-align:center;color:rgba(255,255,255,0.5);font-size:14px;background:rgba(255,255,255,0.02);border:1px dashed rgba(255,255,255,0.08);border-radius:10px;} .top-hub-card__more{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 0;color:var(--color-accent);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;text-decoration:none;transition:color 0.2s,gap 0.2s;} .top-hub-card__more:hover{color:#7cebb2;gap:10px;} .shop-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap;} .shop-controls__left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .shop-discount-filter{position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.12);background:linear-gradient(145deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015));box-shadow:0 8px 24px rgba(0,0,0,0.25);cursor:pointer;user-select:none;transition:border-color 0.2s,box-shadow 0.2s,background 0.2s;} .shop-discount-filter:hover{border-color:rgba(57,171,111,0.45);box-shadow:0 10px 26px rgba(57,171,111,0.12),0 8px 24px rgba(0,0,0,0.2);} .shop-discount-filter input{position:absolute;opacity:0;pointer-events:none;} .shop-discount-filter__icon{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent);background:rgba(57,171,111,0.14);border:1px solid rgba(57,171,111,0.35);flex-shrink:0;} .shop-discount-filter__text{display:flex;flex-direction:column;gap:2px;min-width:0;} .shop-discount-filter__title{font-size:14px;font-weight:600;color:rgba(255,255,255,0.92);line-height:1.1;} .shop-discount-filter__hint{font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:rgba(255,255,255,0.45);} .shop-discount-filter__toggle{position:relative;width:38px;height:22px;border-radius:999px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);margin-left:8px;transition:background 0.2s,border-color 0.2s;} .shop-discount-filter__toggle::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,0.85);transition:transform 0.2s,background 0.2s;} .shop-discount-filter input:checked+.shop-discount-filter__icon{background:rgba(57,171,111,0.24);border-color:rgba(57,171,111,0.55);color:#7cebb2;} .shop-discount-filter input:checked~.shop-discount-filter__text .shop-discount-filter__title{color:#fff;} .shop-discount-filter input:checked~.shop-discount-filter__text .shop-discount-filter__hint{color:rgba(124,235,178,0.85);} .shop-discount-filter input:checked~.shop-discount-filter__toggle{background:rgba(57,171,111,0.28);border-color:rgba(57,171,111,0.55);} .shop-discount-filter input:checked~.shop-discount-filter__toggle::after{transform:translateX(16px);background:#6be3aa;} .shop-discount-filter--new:hover{border-color:rgba(110,197,245,0.45);box-shadow:0 10px 26px rgba(110,197,245,0.12),0 8px 24px rgba(0,0,0,0.2);} .shop-discount-filter--new .shop-discount-filter__icon{color:#a6dcf7;background:rgba(110,197,245,0.14);border-color:rgba(110,197,245,0.35);} .shop-discount-filter--new input:checked+.shop-discount-filter__icon{background:rgba(110,197,245,0.24);border-color:rgba(110,197,245,0.55);color:#c8e7fa;} .shop-discount-filter--new input:checked~.shop-discount-filter__toggle{background:rgba(110,197,245,0.28);border-color:rgba(110,197,245,0.55);} .shop-discount-filter--new input:checked~.shop-discount-filter__toggle::after{background:#a6dcf7;} .shop-search{display:flex;align-items:stretch;gap:0;min-height:50px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,0.05);overflow:hidden;transition:border-color 0.2s,box-shadow 0.2s,background 0.2s;} .shop-search:focus-within{border-color:var(--accent-dim);background:rgba(255,255,255,0.07);box-shadow:0 0 0 3px rgba(57,171,111,0.1);} .shop-search__input{min-width:210px;padding:10px 14px;border:none;border-radius:0;background:transparent;box-shadow:none;} .shop-search__input:focus{box-shadow:none;} .shop-search__btn{min-width:50px;padding:0 14px;background:rgba(57,171,111,0.16);border:none;color:var(--color-accent);cursor:pointer;transition:background 0.2s,color 0.2s;display:inline-flex;align-items:center;justify-content:center;} .shop-search__btn i{color:currentColor;font-size:14px;} .shop-search__btn:hover{background:rgba(57,171,111,0.28);color:#7cebb2;} .shop-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:28px;} .shop-category{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:6px;color:rgba(255,255,255,0.7);text-decoration:none;font-size:13px;font-weight:500;line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:0.04em;overflow-wrap:anywhere;transition:all 0.2s;} .shop-category:hover{background:rgba(255,255,255,0.06);color:#fff;} .shop-category.active{background:rgba(57,171,111,0.12);border-color:rgba(57,171,111,0.4);color:var(--color-accent);} .shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:40px;} .shop-card{position:relative;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform 0.2s,border-color 0.2s,box-shadow 0.2s;display:flex;flex-direction:column;touch-action:pan-y;} .shop-card__link{position:absolute;inset:0;z-index:1;text-decoration:none;color:inherit;} .shop-card__link:focus{outline:none;} .shop-card__link:focus-visible{outline:2px solid rgba(57,171,111,0.6);outline-offset:-2px;} .shop-card:hover{transform:translateY(-4px);border-color:rgba(57,171,111,0.4);box-shadow:0 12px 32px rgba(0,0,0,0.4);} .shop-card__image{position:relative;aspect-ratio:1;overflow:hidden;background:rgba(0,0,0,0.3);} .shop-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;} .shop-card:hover .shop-card__image img{transform:scale(1.05);} .shop-card__carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;border:none;border-radius:999px;background:rgba(8,10,14,0.55);color:rgba(255,255,255,0.92);display:inline-flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;opacity:0;transition:opacity 0.2s,background 0.2s,color 0.2s;z-index:5;} .shop-card__carousel-nav--prev{left:8px;} .shop-card__carousel-nav--next{right:8px;} .shop-card:hover .shop-card__carousel-nav,.shop-card__carousel-nav:focus-visible{opacity:1;} .shop-card__carousel-nav:hover{background:rgba(57,171,111,0.75);color:#fff;} .shop-card__carousel-nav:focus{outline:none;} .shop-card__carousel-nav:focus-visible{outline:2px solid rgba(57,171,111,0.7);outline-offset:2px;} @media(hover:none){.shop-card__carousel-nav{opacity:0.85;}} .shop-card__image.is-loading::after{content:'';position:absolute;inset:0;background:rgba(8,10,14,0.55);z-index:3;} .shop-card__image.is-loading::before{content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid rgba(255,255,255,0.15);border-top-color:#39ab6f;border-radius:50%;animation:gallery-spin 0.7s linear infinite;z-index:4;} .shop-card__discount-ribbon{position:absolute;top:14px;right:-48px;min-width:170px;padding:7px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#fff;border-radius:6px;font-size:13px;font-weight:800;letter-spacing:0.05em;line-height:1;text-align:center;transform:rotate(34deg);transform-origin:center;z-index:2;box-shadow:0 10px 20px rgba(57,171,111,0.35);border:1px solid rgba(255,255,255,0.22);pointer-events:none;} .shop-card__new-ribbon{position:absolute;top:14px;right:-48px;min-width:170px;padding:7px 16px;background:linear-gradient(135deg,#6ec5f5,#4aa3e0);color:#fff;border-radius:6px;font-size:13px;font-weight:800;letter-spacing:0.08em;line-height:1;text-align:center;transform:rotate(34deg);transform-origin:center;z-index:2;box-shadow:0 10px 20px rgba(110,197,245,0.35);border:1px solid rgba(255,255,255,0.22);pointer-events:none;} .shop-card__body{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1;} .shop-card__name{font-size:14px;font-weight:600;color:#fff;line-height:1.35;text-transform:uppercase;letter-spacing:0.03em;margin:0;} .shop-card h3.shop-card__name--top,.shop-card__name.shop-card__name--top{display:block !important;margin:0 !important;padding:12px 14px 10px !important;font-size:13px !important;line-height:1.3 !important;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.06);box-sizing:border-box !important;} .shop-card__name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;min-height:2.6em;} .shop-card__price .race-badge{margin-left:auto;white-space:nowrap;} .shop-card__price{display:flex;align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:4px;margin-top:auto;} .shop-card__price-label{font-size:12px;font-weight:600;color:rgba(255,255,255,0.88);} .shop-card__price-old{font-size:15px;font-weight:700;color:rgba(255,255,255,0.45);text-decoration:line-through;} .shop-card__price-current{font-size:16px;font-weight:700;color:#fff;} .shop-card__coin{display:inline-flex;align-items:center;justify-content:center;color:#f6b85f;font-size:13px;line-height:1;} .pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:32px;} .pagination__btn,.pagination__num{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:6px;color:rgba(255,255,255,0.7);text-decoration:none;font-size:13px;font-weight:600;transition:all 0.2s;} .pagination__btn:hover,.pagination__num:hover{background:rgba(255,255,255,0.06);color:#fff;} .pagination__num.active{background:rgba(57,171,111,0.24);border-color:rgba(57,171,111,0.75);color:#ffffff;box-shadow:0 0 0 2px rgba(57,171,111,0.22);} .pagination__btn--disabled{opacity:0.35;pointer-events:none;} .pagination__dots{color:rgba(255,255,255,0.4);padding:0 4px;} .item-detail{display:grid;grid-template-columns:380px 1fr;gap:34px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:24px;} .item-detail__media{display:flex;flex-direction:column;gap:10px;} .item-detail__image{position:relative;max-height:570px;border-radius:12px;overflow:hidden;background:rgba(0,0,0,0.3);touch-action:pan-y;} .item-detail__image:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(57,171,111,0.2);} .item-detail__image img{display:block;width:100%;height:auto;} .item-detail__image .carousel-inner,.item-detail__image .carousel-item{height:100%;} .item-detail__image .carousel-item{width:100%;} .item-detail__gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:999px;border:none;outline:none;background:rgba(8,10,14,0.72);color:rgba(255,255,255,0.9);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s,color 0.2s;z-index:3;} .item-detail__gallery-nav:focus{outline:none;} .item-detail__gallery-nav:focus-visible{outline:2px solid rgba(57,171,111,0.7);outline-offset:2px;} .item-detail__image.is-loading::after{content:'';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,10,14,0.55);border-radius:inherit;z-index:4;} .item-detail__image.is-loading::before{content:'';position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid rgba(255,255,255,0.15);border-top-color:#39ab6f;border-radius:50%;animation:gallery-spin 0.7s linear infinite;z-index:5;} @keyframes gallery-spin{to{transform:rotate(360deg);}} .item-detail__gallery-nav:hover{background:rgba(57,171,111,0.22);border-color:rgba(57,171,111,0.5);color:#7cebb2;} .item-detail__gallery-nav .carousel-control-prev-icon,.item-detail__gallery-nav .carousel-control-next-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background-size:14px 14px;background-image:none;} .item-detail__gallery-nav .carousel-control-prev-icon::before,.item-detail__gallery-nav .carousel-control-next-icon::before{font-family:"Font Awesome 6 Free";font-weight:900;font-size:13px;line-height:1;} .item-detail__gallery-nav .carousel-control-prev-icon::before{content:"\f053";} .item-detail__gallery-nav .carousel-control-next-icon::before{content:"\f054";} .item-detail__gallery-nav--prev{left:10px;} .item-detail__gallery-nav--next{right:10px;} .item-detail__gallery-counter{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(8,10,14,0.72);border:1px solid rgba(255,255,255,0.16);color:rgba(255,255,255,0.9);font-size:11px;font-weight:600;letter-spacing:0.06em;z-index:3;} .item-detail__gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:8px;} .item-detail__gallery-thumb{border:1px solid rgba(255,255,255,0.14);border-radius:8px;overflow:hidden;background:rgba(255,255,255,0.03);padding:0;cursor:pointer;transition:border-color 0.2s,transform 0.2s;} .item-detail__gallery-thumb:hover{transform:translateY(-1px);border-color:rgba(255,255,255,0.28);} .item-detail__gallery-thumb.is-active{border-color:rgba(57,171,111,0.6);box-shadow:0 0 0 1px rgba(57,171,111,0.25);} .item-detail__gallery-thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block;} .item-detail__discount-ribbon{top:16px;right:-56px;min-width:190px;z-index:4;} .item-detail__new-ribbon{top:16px;right:-56px;min-width:190px;z-index:4;} .item-detail__info{display:flex;flex-direction:column;gap:14px;} .item-detail__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;} .item-detail__name{font-family:'Cinzel',serif;font-size:clamp(24px,3vw,32px);font-weight:600;color:#fff;margin:0;letter-spacing:0.02em;} .item-detail__race-row{display:inline-flex;align-items:center;gap:10px;margin-top:0;} .item-detail__race-label{font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.55);} .item-detail__race-badge{padding:4px 12px;border-radius:999px;font-size:11px;letter-spacing:0.07em;} .item-detail__desc{margin:0;} .item-detail__desc--single{display:block;} .item-detail__desc--has-tags{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,0.75fr);gap:12px;align-items:start;} .item-detail__desc--tags-only{display:grid;grid-template-columns:minmax(220px,0.75fr) minmax(0,1.25fr);gap:12px;align-items:start;} .item-detail__desc-main{min-width:0;color:rgba(255,255,255,0.75);line-height:1.5;font-size:14px;} .item-detail__desc-main p{margin:0 0 7px;} .item-detail__desc-main p:last-child{margin-bottom:0;} .item-detail__desc-tags{display:none;} .item-detail__desc--has-tags .item-detail__desc-tags,.item-detail__desc--tags-only .item-detail__desc-tags{display:block;align-self:start;padding:10px 12px;border-radius:10px;background:linear-gradient(160deg,rgba(57,171,111,0.12),rgba(57,171,111,0.06));border:1px solid rgba(57,171,111,0.32);} .item-detail__desc-tags-title{margin-bottom:7px;color:rgba(186,246,216,0.98);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;} .item-detail__desc-tags-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;} .item-detail__desc-tags-list li{padding:5px 8px;border-radius:7px;border:1px solid rgba(124,235,178,0.25);background:rgba(124,235,178,0.08);color:rgba(203,250,227,0.97);font-size:12px;line-height:1.35;} .item-detail__code{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);border-radius:8px;flex-wrap:wrap;} .item-detail__code-label{font-size:12px;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.05em;} .item-detail__code-value{font-family:'SF Mono',Monaco,Consolas,monospace;font-size:13px;color:var(--color-accent);background:none;padding:0;} .item-detail__code-copy{margin-left:auto;padding:6px 10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s;} .item-detail__code-copy:hover{background:rgba(57,171,111,0.15);color:var(--color-accent);border-color:rgba(57,171,111,0.4);} .item-detail__code-copy:focus,.item-detail__code-copy:active{outline:none;box-shadow:none;} .item-detail__code-copy:focus-visible{outline:none;border-color:rgba(57,171,111,0.45);box-shadow:0 0 0 2px rgba(57,171,111,0.2);} .item-detail__price-block{padding:10px 12px;background:rgba(57,171,111,0.05);border:1px solid rgba(57,171,111,0.2);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;} .item-detail__price{display:flex;align-items:center;gap:7px;margin-bottom:0;min-width:0;} .item-detail__price-old{font-size:14px;color:rgba(255,255,255,0.4);text-decoration:line-through;} .item-detail__price-current{font-size:24px;font-weight:700;color:var(--color-accent);font-family:'Cinzel',serif;} .item-detail__price-currency{display:inline-flex;align-items:center;font-size:11px;line-height:1;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.05em;} .item-detail__balance{display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,0.7);font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:0.05em;margin-left:auto;white-space:nowrap;} .item-detail__balance strong{color:#fff;} .item-detail__coin{font-size:13px;} .item-detail__select-wrap{position:relative;} .item-detail__character-label{display:inline-flex;align-items:center;gap:7px;} .item-detail__character-label i{font-size:12px;color:rgba(124,235,178,0.95);} .item-detail__character-select{min-height:44px;padding-left:14px;padding-right:46px;border-radius:10px;border-color:rgba(255,255,255,0.16);background-color:rgba(255,255,255,0.06);background-image:linear-gradient(145deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03)),url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M3 4.5L6 7.5L9 4.5' stroke='%237cebb2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat,no-repeat;background-position:center,right 14px center;background-size:auto,14px 14px;font-weight:500;letter-spacing:0.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);} .item-detail__character-select:hover{border-color:rgba(57,171,111,0.42);background-color:rgba(255,255,255,0.08);} .item-detail__character-select:focus{border-color:rgba(57,171,111,0.75);box-shadow:0 0 0 3px rgba(57,171,111,0.16),0 10px 24px rgba(0,0,0,0.25);} .item-detail__select-wrap.is-enhanced .item-detail__character-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;} .item-detail__character-trigger{width:100%;min-height:44px;border:1px solid rgba(255,255,255,0.16);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:border-color 0.2s,background-color 0.2s,box-shadow 0.2s;} .item-detail__character-trigger:hover{border-color:rgba(57,171,111,0.42);background:linear-gradient(145deg,rgba(255,255,255,0.09),rgba(255,255,255,0.04));} .item-detail__character-trigger:focus{outline:none;border-color:rgba(57,171,111,0.75);box-shadow:0 0 0 3px rgba(57,171,111,0.16),0 10px 24px rgba(0,0,0,0.25);} .item-detail__character-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .item-detail__character-trigger-arrow{color:#7cebb2;font-size:11px;transition:transform 0.2s;} .item-detail__select-wrap.is-open .item-detail__character-trigger-arrow{transform:rotate(180deg);} .item-detail__character-menu{position:absolute;top:calc(100%+8px);left:0;right:0;z-index:25;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto;padding:8px;border-radius:10px;border:1px solid rgba(57,171,111,0.3);background:linear-gradient(170deg,rgba(13,16,20,0.98),rgba(10,12,16,0.98));box-shadow:0 16px 34px rgba(0,0,0,0.45);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease;} .item-detail__select-wrap.is-open .item-detail__character-menu{opacity:1;transform:translateY(0);pointer-events:auto;} .item-detail__character-menu::-webkit-scrollbar{width:6px;} .item-detail__character-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:999px;} .item-detail__character-option{width:100%;border:1px solid rgba(255,255,255,0.08);border-radius:8px;background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.88);padding:10px 12px;font-family:inherit;font-size:14px;text-align:left;line-height:1.3;cursor:pointer;transition:background-color 0.15s,border-color 0.15s,color 0.15s;} .item-detail__character-option:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.18);color:#fff;} .item-detail__character-option.is-active{background:rgba(57,171,111,0.2);border-color:rgba(57,171,111,0.5);color:#7cebb2;} .item-detail__gift{margin-top:-2px;} .item-detail__gift-label{display:inline-flex;align-items:center;gap:7px;} .item-detail__gift-label i{font-size:12px;color:rgba(124,235,178,0.95);} .item-detail__gift-input{width:100%;min-height:44px;padding:10px 14px;border-radius:10px;border-color:rgba(255,255,255,0.16);background:linear-gradient(145deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03));} .item-detail__gift-input:hover{border-color:rgba(57,171,111,0.42);background:linear-gradient(145deg,rgba(255,255,255,0.09),rgba(255,255,255,0.04));} .item-detail__gift-input:focus{border-color:rgba(57,171,111,0.75);box-shadow:0 0 0 3px rgba(57,171,111,0.16),0 10px 24px rgba(0,0,0,0.25);} .item-detail__recipient-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;} .item-detail__recipient-row .form-group{display:flex;flex-direction:column;min-width:0;} .item-detail__recipient-row .item-detail__select-wrap{width:100%;margin-top:auto;} .item-detail__recipient-row .item-detail__gift{margin-top:0;} .item-detail__qty{margin:0;} .item-detail__qty-label{margin-bottom:6px;} .item-detail__purchase-row{display:flex;align-items:flex-end;gap:10px;} .item-detail__purchase-row .form-group{margin-bottom:0;} .item-detail__qty-control{display:inline-flex;align-items:center;gap:8px;} .item-detail__qty-btn{width:46px;height:46px;border:1px solid rgba(57,171,111,0.45);border-radius:8px;background:rgba(57,171,111,0.16);color:#7cebb2;font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 0.2s,border-color 0.2s,color 0.2s;} .item-detail__qty-btn:hover{background:rgba(57,171,111,0.25);border-color:rgba(57,171,111,0.7);color:#9ff4c7;} .item-detail__qty-btn:focus{outline:none;} .item-detail__qty-btn:focus-visible{outline:2px solid rgba(57,171,111,0.7);outline-offset:2px;} .item-detail__qty-input{width:84px;height:46px;padding:6px 8px;text-align:center;border-radius:8px;} .item-detail__qty-input::-webkit-outer-spin-button,.item-detail__qty-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;} .item-detail__qty-input[type="number"]{-moz-appearance:textfield;} .item-detail__buy-btn{flex:1;min-width:240px;min-height:46px;} .item-detail__form{display:flex;flex-direction:column;gap:12px;margin-top:0;} .item-detail__form .form-label{margin-bottom:6px;} .item-detail__form .btn--lg{padding:13px 28px;font-size:14px;} @media(max-width:1100px){.bento{grid-template-columns:repeat(2,1fr);} .bento__item--wide{grid-column:span 2;}} @media(max-width:1024px){.navbar__menu{gap:0;} .navbar__link{padding:8px 10px;font-size:13px;} .hero__title{font-size:40px;}} @media(max-width:900px){.tasks-grid{grid-template-columns:repeat(2,1fr);} .footer__grid{grid-template-columns:1fr 1fr;}} @media(min-width:769px) and(max-width:900px){.status-bar__inner{flex-wrap:wrap;row-gap:4px;} .status-text{white-space:nowrap;} .navbar{top:58px;} .hero{padding-top:122px;} .page-content{padding-top:165px;}} @media(min-width:769px) and(max-width:1024px){.navbar__burger{display:inline-flex;flex-shrink:0;} .navbar__actions{margin-left:auto;flex-shrink:0;} .navbar__menu{display:flex;position:fixed;top:0;right:0;bottom:0;height:100vh;height:100dvh;width:min(320px,85vw);flex-direction:column;align-items:stretch;gap:2px;padding:20px 14px 24px;background:#0c0e14;border-left:1px solid var(--border);box-shadow:-8px 0 32px rgba(0,0,0,0.6);transform:translateX(100%);transition:transform var(--transition);z-index:2002;overflow-y:auto;-webkit-overflow-scrolling:touch;list-style:none;margin:0;} .navbar__menu--open{transform:translateX(0);} .navbar__menu li{list-style:none;width:100%;display:block;} .navbar__link{display:block;width:100%;padding:12px 14px;font-size:15px;white-space:normal;} .navbar__dropdown-toggle{justify-content:space-between;width:100%;text-align:left;} .navbar__dropdown{position:static;opacity:1;visibility:hidden;transform:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none;max-height:0;overflow:hidden;transition:max-height var(--transition),visibility var(--transition);} .navbar__item--open>.navbar__dropdown{visibility:visible;max-height:600px;} .navbar__item--has-dropdown:hover>.navbar__dropdown,.navbar__item--has-dropdown:focus-within>.navbar__dropdown{opacity:1;visibility:hidden;max-height:0;} .navbar__item--has-dropdown.navbar__item--open:hover>.navbar__dropdown,.navbar__item--has-dropdown.navbar__item--open:focus-within>.navbar__dropdown{visibility:visible;max-height:600px;} .navbar__dropdown-link{padding:10px 14px 10px 28px;font-size:14px;} .navbar__backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.6);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:2001;} .navbar__backdrop--open{opacity:1;pointer-events:auto;} body.nav-open{overflow:hidden;}} @media(max-width:768px){.status-bar{position:static;padding:8px 0;} .status-bar__inner{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;row-gap:4px;} .status-bar__left{flex-wrap:wrap;gap:8px;row-gap:4px;} .status-bar__right{display:none;} .status-race__label{display:none;} .navbar{position:static;top:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;z-index:auto;} .navbar--scrolled{background:transparent;box-shadow:none;} .hero{padding-top:24px;} .navbar__burger{display:inline-flex;flex-shrink:0;} .navbar__actions{margin-left:auto;flex-shrink:0;} .navbar__logo{font-size:18px;letter-spacing:1px;flex-shrink:1;min-width:0;white-space:nowrap;} .navbar__logo-dot{font-size:15px;} .navbar__brand{gap:7px;} .anniversary-logo-badge{height:28px;padding:0 8px 0 7px;gap:3px;} .anniversary-logo-badge__number{font-size:16px;} .anniversary-logo-badge__unit{font-size:8px;} .lang-switcher{padding:6px 10px;gap:5px;} .navbar__menu{display:flex;position:fixed;top:0;right:0;bottom:0;height:100vh;height:100dvh;width:min(320px,85vw);flex-direction:column;align-items:stretch;gap:2px;padding:20px 14px 24px;background:#0c0e14;border-left:1px solid var(--border);box-shadow:-8px 0 32px rgba(0,0,0,0.6);transform:translateX(100%);transition:transform var(--transition);z-index:2002;overflow-y:auto;-webkit-overflow-scrolling:touch;list-style:none;margin:0;} .navbar__menu--open{transform:translateX(0);} .navbar__menu li{list-style:none;width:100%;display:block;} .navbar__link{display:block;width:100%;padding:12px 14px;font-size:15px;white-space:normal;} .navbar__dropdown-toggle{justify-content:space-between;width:100%;text-align:left;} .navbar__dropdown{position:static;opacity:1;visibility:hidden;transform:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none;max-height:0;overflow:hidden;transition:max-height var(--transition),visibility var(--transition);} .navbar__item--open>.navbar__dropdown{visibility:visible;max-height:600px;} .navbar__item--has-dropdown:hover>.navbar__dropdown,.navbar__item--has-dropdown:focus-within>.navbar__dropdown{opacity:1;visibility:hidden;max-height:0;} .navbar__item--has-dropdown.navbar__item--open:hover>.navbar__dropdown,.navbar__item--has-dropdown.navbar__item--open:focus-within>.navbar__dropdown{visibility:visible;max-height:600px;} .navbar__dropdown-link{padding:10px 14px 10px 28px;font-size:14px;} .navbar__backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.6);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:2001;} .navbar__backdrop--open{opacity:1;pointer-events:auto;} body.nav-open{overflow:hidden;} .section__cta .btn{white-space:normal;max-width:100%;line-height:1.3;text-align:center;} .section__cta .btn--lg{padding:14px 20px;font-size:14px;} .hero__title{font-size:32px;} .hero__actions{flex-direction:column;align-items:center;} .tasks-grid,.gifts-grid{grid-template-columns:1fr;} .pnp{scroll-margin-top:74px;} .pnp-help{cursor:pointer;} .pnp-help::after{position:fixed;left:50%;top:50%;bottom:auto;width:max-content;max-width:calc(100vw - 36px);transform:translate(-50%,-45%);z-index:2200;} .pnp-help:hover::after,.pnp-help:focus-visible::after,.pnp-help.is-open::after{transform:translate(-50%,-50%);} .promo-float{display:none !important;} .bento{grid-template-columns:1fr;} .bento__item--wide{grid-column:span 1;} .footer__grid{grid-template-columns:1fr;} .section__title{font-size:28px;} .section{padding:64px 0;}} @media(max-width:380px){.navbar__logo-dot{display:none;} .anniversary-logo-badge{width:28px;padding:0;} .anniversary-logo-badge__unit{display:none;}} @media(prefers-reduced-motion:reduce){.anniversary-logo-badge,.anniversary-logo-badge::before{animation:none;}} @media(max-width:900px) and(orientation:landscape) and(max-height:500px){.status-bar{position:static;padding:6px 0;} .status-bar__inner{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;row-gap:4px;} .status-bar__right{display:none;} .status-race__label{display:none;} .navbar{position:static;top:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;z-index:auto;} .navbar--scrolled{background:transparent;box-shadow:none;} .hero{padding-top:16px;min-height:auto;}} @media(max-width:1023px){.cabinet__layout{grid-template-columns:1fr;gap:20px;} .cabinet__sidebar{position:static;} .cabinet__sidebar-head{display:none;} .cabinet__sidebar-menu{padding:0;} .cabinet__nav{flex-direction:row;overflow-x:auto;} .cabinet__nav-item{flex-shrink:0;} .cabinet__stats-row{grid-template-columns:1fr;} .cabinet__stat-card--rate{grid-column:auto;min-width:0;flex-direction:row;align-items:flex-start;gap:14px;} .cabinet__stat-card--rate .cabinet__stat-icon--rate{display:flex;margin-top:2px;} .cabinet__stat-card--rate .cabinet__stat-rate-body{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:2px;} .cabinet__stat-card--balance{display:flex;order:-1;} .item-detail{grid-template-columns:1fr;gap:20px;padding:16px;} .item-detail__media{max-width:320px;margin:0 auto;width:100%;} .item-detail__image{max-width:320px;width:100%;}} @media(max-width:768px){.page-content{padding:24px 0 48px;} .shop-breadcrumb{gap:6px;margin-bottom:20px;} .shop-breadcrumb__sep{display:none;} .shop-breadcrumb__item{width:100%;justify-content:flex-start;} .cabinet__tab{padding:20px;} .shop-controls{flex-direction:column;align-items:stretch;} .shop-controls__left{flex-direction:column;align-items:stretch;} .shop-discount-filter-form{width:100%;} .shop-discount-filter{width:100%;} .shop-discount-filter__toggle{margin-left:auto;} .shop-categories{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));} .shop-search__input{min-width:0;flex:1;} .item-detail__character-select{min-height:44px;font-size:13px;} .item-detail__character-trigger{min-height:44px;font-size:13px;} .item-detail__character-option{font-size:13px;padding:9px 11px;} .item-detail__recipient-row{grid-template-columns:1fr;} .item-detail__code{flex-wrap:wrap;row-gap:6px;padding:10px 12px;} .item-detail__code-label{flex:1 0 100%;} .item-detail__code-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .item-detail__code-copy{flex-shrink:0;margin-left:auto;} .item-detail__desc--has-tags,.item-detail__desc--tags-only{grid-template-columns:1fr;} .item-detail__desc-tags{padding:8px 10px;} .item-detail__price-block{flex-direction:column;align-items:flex-start;} .item-detail__balance{margin-left:0;white-space:normal;} .item-detail__purchase-row{flex-direction:column;align-items:stretch;} .item-detail__buy-btn{min-width:0;} .cabinet__stats-row{grid-template-columns:1fr;} .donate-box__form-row{flex-direction:column;} .donate-box__submit{height:auto;} .donate-help{flex-direction:column;gap:6px;} .donate-methods{align-items:stretch;gap:10px;} .donate-methods__title{width:100%;line-height:1.3;} .donate-help__link{display:inline-block;margin:4px 0 0;} .donate-refund__content{padding:14px 14px 16px;} .cabinet__table th,.cabinet__table td{padding:10px 12px;font-size:12px;} .cabinet__table--login-log{min-width:520px;} .item-detail__gallery-nav{width:32px;height:32px;} .item-detail__gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));} .top-table thead th,.top-table tbody td{padding:10px 10px;font-size:12px;} .top-table__rank{width:36px;} .top-class{gap:6px;} .top-class i{width:16px;height:16px;} .race-badge{font-size:10px;padding:3px 6px;} .donate-info{grid-template-columns:1fr;}} @media(max-width:600px){.top-table-wrap{margin-left:-32px;margin-right:-32px;border-radius:0;border-left:none;border-right:none;} .top-table thead th,.top-table tbody td{padding:8px 10px;font-size:11px;} .top-class i{width:14px;height:14px;} .top-class{gap:5px;}} .shop-home__hero{position:relative;margin:0 0 48px;padding:28px 32px 32px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:16px;text-align:center;} .shop-home__hero-desc{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 22px;} .shop-home__search{position:relative;display:flex;max-width:560px;margin:0 auto 22px;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.08);border-radius:10px;overflow:hidden;transition:border-color 0.2s;} .shop-home__search:focus-within{border-color:var(--border-accent);} .shop-home__search-input{flex:1;min-width:0;padding:14px 16px;background:transparent;border:0;outline:0;color:#fff;font-size:15px;font-family:inherit;} .shop-home__search-input::placeholder{color:rgba(255,255,255,0.4);} .shop-home__search-btn{flex:0 0 56px;background:var(--accent);border:0;color:#fff;font-size:16px;cursor:pointer;transition:background 0.2s;} .shop-home__search-btn:hover{background:var(--accent-light);} .shop-home__cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:24px;} .shop-home__cta-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:8px;font-family:'Cinzel',serif;font-size:13px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;transition:all 0.2s;border:1px solid transparent;} .shop-home__cta-btn i{font-size:14px;} .shop-home__cta-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent);} .shop-home__cta-btn--primary:hover{background:var(--accent-light);border-color:var(--accent-light);color:#fff;transform:translateY(-1px);} .shop-home__cta-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,0.18);} .shop-home__cta-btn--ghost:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.3);color:#fff;} .shop-home__stats{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.06);} .shop-home__stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px;padding:8px 14px;} .shop-home__stat-num{font-family:'Cinzel',serif;font-size:22px;font-weight:700;color:#fff;line-height:1;} .shop-home__stat--accent .shop-home__stat-num{color:var(--accent-light);} .shop-home__stat-lbl{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);} .shop-home__stat--link{text-decoration:none;border:1px solid rgba(57,171,111,0.25);border-radius:var(--radius-sm);background:rgba(57,171,111,0.05);transition:background 0.2s,border-color 0.2s;} .shop-home__stat--link:hover{background:rgba(57,171,111,0.12);border-color:rgba(57,171,111,0.5);color:inherit;} .shop-home__stat--link:hover .shop-home__stat-lbl{color:var(--text-secondary);} .shop-home__block{margin-bottom:48px;} .shop-home__block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.06);} .shop-home__block-title-wrap{flex:1;min-width:0;} .shop-home__block-title{display:flex;align-items:center;gap:12px;font-family:'Cinzel',serif;font-size:22px;font-weight:700;color:#fff;margin:0 0 4px;letter-spacing:0.02em;} .shop-home__block-icon{color:var(--accent-light);font-size:18px;} .shop-home__block-sub{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5;} .shop-home__block-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(57,171,111,0.1);border:1px solid rgba(57,171,111,0.3);border-radius:6px;color:var(--accent-light);font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;transition:all 0.2s;white-space:nowrap;} .shop-home__block-link:hover{background:rgba(57,171,111,0.18);border-color:rgba(57,171,111,0.55);color:var(--accent-light);} .shop-home__block-link i{font-size:10px;transition:transform 0.2s;} .shop-home__block-link:hover i{transform:translateX(2px);} .shop-home__grid{margin-bottom:0;} .shop-home__coin-gold{color:#f6b85f;} .shop-home__promo{padding:32px 28px;background:linear-gradient(135deg,rgba(57,171,111,0.1),rgba(255,255,255,0.02) 60%);border:1px solid rgba(57,171,111,0.3);border-radius:14px;position:relative;overflow:hidden;} .shop-home__promo::before{content:'';position:absolute;top:-40%;right:-10%;width:280px;height:280px;background:radial-gradient(circle,rgba(57,171,111,0.18),transparent 65%);pointer-events:none;} .shop-home__promo-body{position:relative;max-width:720px;} .shop-home__promo-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(57,171,111,0.18);border:1px solid rgba(57,171,111,0.4);border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent-light);margin-bottom:12px;} .shop-home__promo-tag i{font-size:10px;} .shop-home__promo-title{font-family:'Cinzel',serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:0.02em;line-height:1.25;} .shop-home__promo-sub{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 20px;max-width:580px;} .shop-home__promo-tiers{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;} .shop-home__tier{flex:1 1 180px;display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);border-radius:10px;} .shop-home__tier--best{border-color:rgba(57,171,111,0.45);background:rgba(57,171,111,0.08);} .shop-home__tier-count{font-family:'Cinzel',serif;font-size:22px;font-weight:700;color:#fff;line-height:1;} .shop-home__tier-save{font-family:'Cinzel',serif;font-size:18px;font-weight:700;color:var(--accent-light);line-height:1;} .shop-home__tier-hint{margin-left:auto;font-size:12px;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px;} .shop-home__tier-hint i{color:var(--accent-light);font-size:11px;} .shop-home__promo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;} .shop-home__promo--premium{background:linear-gradient(135deg,rgba(230,184,72,0.1),rgba(255,255,255,0.02) 60%);border-color:rgba(230,184,72,0.3);} .shop-home__promo--premium::before{background:radial-gradient(ellipse,rgba(230,184,72,0.2),transparent 70%);} .shop-home__promo-tag--premium{background:rgba(230,184,72,0.14);color:rgb(230,184,72);border-color:rgba(230,184,72,0.35);} .shop-home__cta-btn--premium{background:rgb(230,184,72);color:#1a1405;border-color:rgb(230,184,72);} .shop-home__cta-btn--premium:hover{background:rgb(244,201,90);border-color:rgb(244,201,90);color:#1a1405;} .shop-home__help{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;} .shop-home__help-card{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;text-decoration:none;color:#fff;transition:all 0.2s;} .shop-home__help-card:hover{background:rgba(255,255,255,0.05);border-color:rgba(57,171,111,0.3);color:#fff;transform:translateY(-2px);} .shop-home__help-ico{flex:0 0 44px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:rgba(57,171,111,0.12);border:1px solid rgba(57,171,111,0.3);border-radius:10px;color:var(--accent-light);font-size:18px;} .shop-home__help-body{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;gap:6px;} .shop-home__help-q{font-family:'Cinzel',serif;font-size:15px;font-weight:600;color:#fff;letter-spacing:0.02em;} .shop-home__help-a{color:var(--text-secondary);font-size:13px;line-height:1.5;} .shop-home__help-link{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;color:var(--accent-light);font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;margin-top:auto;padding-top:8px;transition:transform 0.2s;} .shop-home__help-link i{font-size:9px;} .shop-home__help-card:hover .shop-home__help-link{transform:translateX(3px);} @media(max-width:768px){.shop-home__hero{padding:22px 18px 24px;margin-bottom:36px;} .shop-home__block-head{flex-direction:column;align-items:flex-start;gap:10px;} .shop-home__block-title{font-size:19px;} .shop-home__promo{padding:22px 18px;} .shop-home__promo-title{font-size:20px;} .shop-home__tier{flex:1 1 100%;} .shop-home__stat{min-width:90px;padding:6px 10px;} .shop-home__stat-num{font-size:18px;}} @media(max-width:480px){.shop-home__cta-btn{width:100%;justify-content:center;}} .schedule-page{color:#d8cdb6;} .schedule-page .section__header{margin-bottom:22px;text-align:center;} .schedule-controls__times{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;} .schedule-time-row{display:inline-flex;align-items:baseline;gap:6px;font-size:13px;} .schedule-time-row__label{color:#b9a98a;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600;} .schedule-time-row strong{color:#4cc985;font-weight:600;} .schedule-time-row[hidden]{display:none;} .schedule-legend{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;font-size:12px;} .schedule-legend li{display:inline-flex;align-items:center;gap:6px;} .schedule-legend__dot{width:10px;height:10px;border-radius:50%;display:inline-block;} .schedule-legend__dot--siege{background:#d44a4a;} .schedule-legend__dot--fortress{background:#c97b2e;} .schedule-legend__dot--dredgion{background:#6f86c7;} .schedule-legend__dot--ophidian{background:#4ea38a;} .schedule-legend__dot--battlefield{background:#8a5fbf;} .schedule-legend__dot--arena{background:#c0a050;} .schedule-page__note{margin:6px 0 0;font-size:11px;opacity:0.7;} .schedule-controls{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center;margin:0 0 14px;padding:10px 14px;border:1px solid rgba(57,171,111,0.22);border-radius:6px;background:rgba(0,0,0,0.35);} .schedule-controls__group{display:flex;align-items:center;gap:10px;} .schedule-controls__label{color:#b9a98a;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600;} .schedule-controls__btns{display:inline-flex;border:1px solid rgba(57,171,111,0.35);border-radius:4px;overflow:hidden;} .schedule-controls__btn{background:transparent;color:#b9a98a;border:0;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background-color .15s,color .15s;} .schedule-controls__btn+.schedule-controls__btn{border-left:1px solid rgba(57,171,111,0.35);} .schedule-controls__btn:hover{color:#4cc985;} .schedule-controls__btn.is-active{background:rgba(76,201,133,0.18);color:#4cc985;} .schedule-controls__select{background:rgba(0,0,0,0.5);color:#f1e3bf;border:1px solid rgba(57,171,111,0.35);border-radius:4px;padding:6px 10px;font-size:13px;font-family:inherit;cursor:pointer;} .schedule-controls__select:focus{outline:none;border-color:#4cc985;} .schedule-controls__select-wrap{position:relative;min-width:200px;} .schedule-controls__select-wrap.is-enhanced .schedule-controls__select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;} .schedule-controls__trigger{width:100%;min-height:40px;border:1px solid rgba(255,255,255,0.16);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s;} .schedule-controls__trigger:hover{border-color:rgba(57,171,111,0.42);background:linear-gradient(145deg,rgba(255,255,255,0.09),rgba(255,255,255,0.04));} .schedule-controls__trigger:focus{outline:none;border-color:rgba(57,171,111,0.75);box-shadow:0 0 0 3px rgba(57,171,111,0.16),0 10px 24px rgba(0,0,0,0.25);} .schedule-controls__trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .schedule-controls__trigger-arrow{color:#7cebb2;font-size:11px;transition:transform .2s;} .schedule-controls__select-wrap.is-open .schedule-controls__trigger-arrow{transform:rotate(180deg);} .schedule-controls__menu{position:absolute;top:calc(100%+8px);left:0;right:0;z-index:25;display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto;padding:8px;border-radius:10px;border:1px solid rgba(57,171,111,0.3);background:linear-gradient(170deg,rgba(13,16,20,0.98),rgba(10,12,16,0.98));box-shadow:0 16px 34px rgba(0,0,0,0.45);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;} .schedule-controls__select-wrap.is-open .schedule-controls__menu{opacity:1;transform:translateY(0);pointer-events:auto;} .schedule-controls__menu::-webkit-scrollbar{width:6px;} .schedule-controls__menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:999px;} .schedule-controls__option{width:100%;border:1px solid rgba(255,255,255,0.08);border-radius:8px;background:rgba(255,255,255,0.03);color:rgba(255,255,255,0.88);padding:9px 12px;font-family:inherit;font-size:13px;text-align:left;line-height:1.3;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;} .schedule-controls__option:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.18);color:#fff;} .schedule-controls__option.is-active{background:rgba(57,171,111,0.2);border-color:rgba(57,171,111,0.5);color:#7cebb2;} .schedule-grid-wrap{overflow-x:auto;border:1px solid rgba(57,171,111,0.28);border-radius:6px;background:rgba(20,16,12,0.55);} .schedule-grid{display:grid;grid-template-columns:130px repeat(7,minmax(140px,1fr));min-width:1110px;} .schedule-grid__row{display:contents;} .schedule-grid__cell{border-right:1px solid rgba(57,171,111,0.12);border-bottom:1px solid rgba(57,171,111,0.12);padding:6px 8px;min-height:54px;font-size:12px;line-height:1.35;position:relative;} .schedule-grid__cell--corner{background:rgba(0,0,0,0.35);} .schedule-grid__cell--dayhead{background:rgba(0,0,0,0.4);text-align:center;font-weight:600;color:#f1e3bf;text-transform:uppercase;letter-spacing:1px;font-size:12px;padding:10px 6px;min-height:0;} .schedule-grid__cell--dayhead.is-today{color:#4cc985;background:rgba(20,60,40,0.4);} .schedule-grid__cell--hour{background:rgba(0,0,0,0.3);color:#b9a98a;font-variant-numeric:tabular-nums;text-align:right;font-weight:600;font-size:11px;} .schedule-grid__cell--hour.is-now{color:#4cc985;background:rgba(20,60,40,0.6);} .schedule-grid__cell--hour-range{font-size:10px;line-height:1.2;text-align:right;white-space:nowrap;padding:8px 6px;min-height:0;} .schedule-grid__cell--empty-row{grid-column:span 7;background-color:rgba(0,0,0,0.18);color:#8a7d62;font-size:11px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;min-height:32px;padding:6px 8px;background-image:linear-gradient(45deg,rgba(57,171,111,0.05) 25%,transparent 25%,transparent 50%,rgba(57,171,111,0.05) 50%,rgba(57,171,111,0.05) 75%,transparent 75%);background-size:12px 12px;} .schedule-grid__cell--empty-row.is-now{color:#4cc985;background-color:rgba(20,60,40,0.45);box-shadow:inset 0 0 0 2px #4cc985;} .schedule-empty-label{opacity:0.85;} .schedule-empty-now{color:#8a7d62;font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:0.85;align-self:center;margin:auto;text-align:center;} .schedule-grid__cell--slot{cursor:pointer;transition:background-color 0.15s ease;display:flex;flex-direction:column;gap:3px;} .schedule-cell-chips{display:contents;} .schedule-grid__cell--slot.is-empty{cursor:default;background-color:rgba(0,0,0,0.18);background-image:linear-gradient(45deg,rgba(57,171,111,0.05) 25%,transparent 25%,transparent 50%,rgba(57,171,111,0.05) 50%,rgba(57,171,111,0.05) 75%,transparent 75%);background-size:12px 12px;} .schedule-grid__cell--slot.is-today{background:rgba(57,171,111,0.06);} .schedule-grid__cell--slot.is-now{background:rgba(57,171,111,0.22);box-shadow:inset 0 0 0 2px #4cc985;} .schedule-grid__cell--slot:hover:not(.is-empty){background:rgba(57,171,111,0.12);} .schedule-grid__cell--slot:focus{outline:none;box-shadow:inset 0 0 0 2px #4cc985;} .schedule-chip{display:block;font-size:11px;line-height:1.25;padding:2px 6px;border-radius:3px;background:rgba(0,0,0,0.35);color:#ece2cb;border-left:3px solid #888;max-width:100%;pointer-events:none;} .schedule-chip--siege{border-left-color:#d44a4a;} .schedule-chip--fortress{border-left-color:#c97b2e;} .schedule-chip--dredgion{border-left-color:#6f86c7;} .schedule-chip--ophidian{border-left-color:#4ea38a;} .schedule-chip--battlefield{border-left-color:#8a5fbf;} .schedule-chip--arena{border-left-color:#c0a050;} .schedule-chip__short{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .schedule-chip__full{display:none;} .schedule-grid__cell--slot.is-expanded{z-index:20;background:rgba(12,22,18,0.96);box-shadow:0 8px 30px rgba(0,0,0,0.7),inset 0 0 0 2px #4cc985;padding:10px;cursor:zoom-out;gap:8px;} .schedule-grid__cell--slot.is-expanded .schedule-chip{padding:8px 10px 8px 12px;background:rgba(0,0,0,0.5);border-left-width:4px;} .schedule-grid__cell--slot.is-expanded .schedule-chip__short{display:none;} .schedule-grid__cell--slot.is-expanded .schedule-chip__full{display:flex;flex-direction:column;gap:3px;} .schedule-chip__cat{font-size:10px;text-transform:uppercase;letter-spacing:0.7px;color:#b9a98a;opacity:0.85;} .schedule-chip__name{font-size:13px;font-weight:600;color:#f1e3bf;line-height:1.3;} .schedule-chip__times{font-size:11px;color:#d8cdb6;font-variant-numeric:tabular-nums;} .schedule-chip__reset{font-size:10px;color:#c97b2e;margin-top:2px;} @media(max-width:768px){.schedule-controls__times{display:grid;grid-template-columns:max-content 1fr;gap:4px 10px;align-items:baseline;} .schedule-time-row{display:contents;} .schedule-time-row[hidden]{display:none;}} @media(max-width:720px){.schedule-grid{grid-template-columns:112px repeat(7,minmax(120px,1fr));min-width:952px;} .schedule-grid__cell{padding:5px 6px;min-height:50px;} .schedule-grid__cell--slot.is-expanded,.schedule-grid__cell--slot.is-expanded:hover:not(.is-empty){overflow:visible;margin:-8px -36px;padding:8px 12px;gap:6px;background:#0c1612;box-shadow:0 8px 20px rgba(0,0,0,0.7),0 0 0 2px #4cc985;border-radius:4px;cursor:zoom-out;z-index:30;isolation:isolate;} .schedule-grid__cell--slot.is-expanded .schedule-cell-chips{display:flex;flex-direction:column;gap:6px;width:100%;} .schedule-grid__cell--slot.is-expanded .schedule-chip{padding:6px 8px 6px 10px;background:rgba(0,0,0,0.4);border-left-width:4px;width:100%;box-sizing:border-box;} .schedule-grid__cell--slot.is-expanded .schedule-chip__short{display:none;} .schedule-grid__cell--slot.is-expanded .schedule-chip__full{display:flex;flex-direction:column;gap:3px;}}