/* Warzen II - overhaul 20261110p5
 * Ember #d4682a / ash #1a1410, Big Shoulders Display + Manrope. Loaded after site.css.
 * Sections: utilities, conqueror level, flags + kingdoms, register modal, user menu, news, shop, coin forge,
 * vote, download, support, ticket modal. */

:root{
  --gold-1:#fff0b8;--gold-2:#ffc45a;--gold-3:#e0702a;
  --ok-soft:rgba(61,206,122,.16);--warn-soft:rgba(255,196,90,.14);--bad-soft:rgba(226,85,85,.16);
  --edge:rgba(212,104,42,.45);
  --card-bg:linear-gradient(180deg,rgba(28,22,18,.92),rgba(14,11,9,.94));
}

/* ---------- utilities ---------- */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.field textarea{
  width:100%;resize:vertical;min-height:7.5rem;background:rgba(0,0,0,.35);border:1px solid rgba(242,239,232,.14);
  padding:.75rem .8rem;outline:none;color:var(--ink);caret-color:var(--ember2);font:inherit;line-height:1.55
}
.field textarea::placeholder{color:#8a7b6c}
.field textarea:focus{border-color:var(--ember);box-shadow:0 0 0 3px rgba(212,104,42,.18);background:rgba(0,0,0,.45)}
.field .input-wrap input{width:100%}
.field-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:700}
.req{color:var(--ember2);font-style:normal}
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin:1.6rem 0 .4rem}
.pager-btn{
  min-width:2.4rem;height:2.4rem;padding:0 .7rem;border:1px solid var(--line);background:rgba(10,8,7,.7);color:var(--mute);
  font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.04em;transition:border-color .15s,color .15s,background .15s
}
.pager-btn:hover:not(:disabled){border-color:var(--ember);color:var(--ink)}
.pager-btn.is-active{background:var(--ember);border-color:var(--ember);color:#fff}
.pager-btn:disabled{opacity:.35}
.pager-gap{color:var(--mute);padding:0 .15rem}
.chip{
  padding:.45rem .95rem;border:1px solid var(--line);background:rgba(10,8,7,.65);color:var(--mute);
  font-family:var(--font-display);font-weight:700;font-size:.98rem;letter-spacing:.08em;text-transform:uppercase;
  transition:border-color .15s,color .15s,background .15s
}
.chip:hover{border-color:var(--ember);color:var(--ink)}
.chip.is-active{background:var(--ember);border-color:var(--ember);color:#fff}
.chip:focus-visible,.pager-btn:focus-visible,.shop-cat:focus-visible,.pkg-card:focus-visible,.method-card:focus-visible{outline:2px solid var(--ember2);outline-offset:2px}
.section-cta-center{justify-content:center}

/* ---------- conqueror level: ember-gold whenever C.Lv > 0 (ranking rows + profile popups) ---------- */
.clvl,.rank-clvl,span.clvl{color:var(--mute);text-shadow:none;font-weight:700;letter-spacing:.04em}
.clvl-value.is-conqueror,.clvl.is-conqueror,.rank-row.is-conqueror .clvl,.pf dd.is-clvl,.pf dd.is-conqueror{
  background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 45%,var(--gold-3) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;
  font-weight:800;text-shadow:none;filter:drop-shadow(0 0 6px rgba(255,160,60,.45))
}
.clvl-value.is-none,.rank-row .clvl.is-none{background:none;-webkit-text-fill-color:currentColor;color:var(--mute)!important;filter:none;font-weight:600}
.rank-row.is-conqueror .name{color:var(--gold-2)}

/* ---------- flags ---------- */
.flag-ico{aspect-ratio:228/112;height:auto;object-fit:contain;border-radius:2px}
.flag-sm{width:38px}
.flag-lg{width:116px;height:auto;border-radius:3px}
.flag-xl{width:min(228px,100%);height:auto}
.rank-table .c-empire .flag-ico{flex:0 0 auto}
.pf dd .flag-ico{margin-right:.35rem}

/* ---------- kingdom cards (clickable) + story modal ---------- */
.realm-card{cursor:var(--cursor-click);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.realm-card:hover,.realm-card:focus-visible{transform:translateY(-4px);border-color:var(--edge);box-shadow:0 18px 40px rgba(0,0,0,.4),0 0 26px rgba(212,104,42,.16);outline:none}
.realm-card .flag-xl{width:min(228px,86%)}
.realm-more{
  margin-top:.35rem;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ember2);
  border-bottom:1px solid rgba(255,154,74,.45);padding-bottom:1px
}
.realm-card:hover .realm-more{color:#fff;border-color:#fff}
.empire-modal{width:min(720px,100%)}
.empire-head{display:flex;align-items:center;gap:1.1rem;margin-bottom:1rem;padding-right:2rem}
.empire-head .flag-xl{width:min(228px,42vw);flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}
.empire-head h3{margin:0;padding:0;font-size:clamp(1.7rem,4vw,2.4rem)}
.empire-body{display:grid;gap:.85rem;max-height:46vh;overflow:auto;padding:.2rem .6rem .2rem 0;color:var(--mute);line-height:1.75;font-size:1.02rem}
.empire-body p{margin:0}
.empire-body p:first-child::first-letter{font-family:var(--font-display);font-size:2.4em;font-weight:800;color:var(--ember2);float:left;line-height:.85;padding:.1em .12em 0 0}
.empire-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}
.empire-switch button{
  display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.55rem .4rem;border:1px solid var(--line);
  background:rgba(10,8,7,.55);color:var(--mute);font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem
}
.empire-switch button img{width:34px;height:auto;flex:0 0 auto}
.empire-switch button:hover{border-color:var(--ember);color:var(--ink)}
.empire-switch button.is-active{border-color:var(--ember);background:rgba(212,104,42,.18);color:#fff}
@media(max-width:560px){.empire-head{flex-direction:column;align-items:flex-start}.empire-switch span{display:none}}

/* ---------- register modal: roomier ---------- */
.modal.wide.reg-modal{width:min(880px,100%);padding:2rem 2.1rem 2.1rem;max-height:calc(100vh - 1.5rem)}
.reg-modal h3{font-size:1.9rem;margin-bottom:1.15rem}
.reg-modal .field{margin-bottom:1.1rem}
.reg-modal .field input{padding:.85rem .95rem}
.reg-modal .modal-intro{font-size:.98rem;margin-bottom:1.3rem}
.reg-modal .alert-box{padding:1.05rem 1.2rem;margin:.9rem 0 1.3rem}
.reg-modal .alert-box p{font-size:.92rem;line-height:1.6}
@media(min-width:760px){.reg-modal .form-grid{gap:.2rem 1.25rem}}
@media(max-width:560px){.modal.wide.reg-modal{padding:1.5rem 1.15rem}}

/* ---------- header: signed-in user menu ---------- */
.user-menu{position:relative}
.user-btn{
  display:flex;align-items:center;gap:.55rem;height:40px;padding:0 .6rem 0 .3rem;border:1px solid rgba(212,104,42,.55);
  background:rgba(10,8,7,.7);color:var(--ink);transition:border-color .15s,background .15s
}
.user-btn:hover,.user-menu.open .user-btn{border-color:var(--ember);background:rgba(212,104,42,.14)}
.user-avatar{
  width:30px;height:30px;display:grid;place-items:center;background:linear-gradient(180deg,#ffb36a,var(--ember) 60%,#b84e16);
  color:#1a0d04;font-family:var(--font-display);font-weight:800;font-size:1.15rem;line-height:1
}
.user-info{display:grid;line-height:1.05;text-align:left}
.user-name{font-weight:800;font-size:.82rem;max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-coins{font-size:.68rem;color:var(--ember2);letter-spacing:.06em;font-weight:700}
.user-coins b{font-weight:800}
.user-caret{transition:transform .2s ease;color:var(--mute)}
.user-menu.open .user-caret{transform:rotate(180deg)}
.user-dd{
  position:absolute;right:0;top:calc(100% + 8px);min-width:220px;z-index:90;display:none;padding:.4rem;
  background:linear-gradient(180deg,#1c1612,#100e0c);border:1px solid rgba(212,104,42,.5);box-shadow:0 22px 50px rgba(0,0,0,.6)
}
.user-menu.open .user-dd{display:grid}
.user-dd a,.user-dd button{
  display:block;width:100%;text-align:left;padding:.65rem .85rem;font-size:.82rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink);background:none;border:0;border-left:2px solid transparent
}
.user-dd a:hover,.user-dd button:hover{background:rgba(212,104,42,.16);border-left-color:var(--ember);color:#fff}
.user-dd .user-logout{margin-top:.3rem;border-top:1px solid var(--line);color:#ff8f7a}
@media(max-width:720px){.user-info{display:none}.user-btn{padding:0 .45rem 0 .3rem}}

/* ---------- download: no logo, two clear modes ---------- */
.dl-hero,.dl-logo{display:none!important}
.dl-glance{list-style:none;margin:1.6rem 0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}
.dl-glance li{display:grid;gap:.2rem;padding:.9rem 1.1rem;border:1px solid var(--line);border-left:3px solid var(--ember);background:var(--card-bg)}
.dl-glance b{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ember2)}
.dl-glance span{color:var(--mute);font-size:.9rem}
.sub-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1.5rem,3vw,2rem);margin:2rem 0 .6rem}
.dl-switch{display:flex;justify-content:center;gap:.5rem;margin:1.2rem auto 0;flex-wrap:wrap}
.dl-tab{
  display:grid;gap:.1rem;min-width:200px;padding:.8rem 1.4rem;border:1px solid var(--line);background:rgba(10,8,7,.65);color:var(--mute);
  font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;text-align:center;transition:.15s
}
.dl-tab small{font-family:var(--font-body);font-size:.68rem;letter-spacing:.12em;font-weight:700;color:#9a8b7a}
.dl-tab:hover{border-color:var(--ember);color:var(--ink)}
.dl-tab.is-active{background:linear-gradient(180deg,rgba(212,104,42,.3),rgba(212,104,42,.12));border-color:var(--ember);color:#fff;box-shadow:0 0 22px rgba(212,104,42,.2)}
.dl-tab.is-active small{color:var(--ember2)}
.dl-stage{margin-top:1.1rem}
.dl-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;padding:1.6rem;border:1px solid var(--edge);background:var(--card-bg);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.dl-panel-main{display:grid;align-content:start;gap:.7rem}
.dl-panel h3{font-family:var(--font-display);font-size:1.9rem;letter-spacing:.05em;text-transform:uppercase}
.dl-badge{justify-self:start;padding:.2rem .65rem;background:rgba(212,104,42,.2);border:1px solid var(--ember);color:var(--ember2);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.dl-mode-d{color:var(--mute);line-height:1.7}
.dl-mode-cta{justify-self:start;margin-top:.3rem;min-width:240px}
.dl-steps{list-style:none;display:grid;gap:.75rem;align-content:start;counter-reset:s;padding-left:1.4rem;border-left:1px solid var(--line)}
.dl-steps li{display:flex;gap:.8rem;align-items:flex-start;color:var(--mute);line-height:1.55}
.step-n{
  flex:0 0 auto;width:1.7rem;height:1.7rem;display:grid;place-items:center;background:var(--ember);color:#1a0d04;
  font-family:var(--font-display);font-weight:800;font-size:1.05rem
}
.info-split{margin-top:2.2rem}
.info-list{display:grid;gap:.6rem;padding-left:1.3rem;color:var(--mute)}
.info-list li::marker{color:var(--ember2);font-weight:800}
.req-scroll{overflow-x:auto}
@media(max-width:860px){.dl-panel{grid-template-columns:1fr}.dl-steps{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:1rem}}

/* ---------- news ---------- */
.news-toolbar{display:grid;gap:.55rem;margin:1.8rem 0 0}
.news-filter-label{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0}
.news-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.news-grid-pro{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;margin-top:1.4rem}
.news-card{
  background:var(--card-bg);position:relative;align-content:start;overflow:hidden;
  border:1px solid var(--line);border-top:3px solid var(--ember)
}
.news-card[data-cat="update"]{border-top-color:#5aa9ff}
.news-card[data-cat="event"]{border-top-color:#ffc45a}
.news-card[data-cat="guide"]{border-top-color:#5fe3c0}
.news-card[data-cat="system"]{border-top-color:#b78cff}
.news-card[data-cat="community"]{border-top-color:#ff8fb1}
.news-card[data-cat="security"]{border-top-color:#ff6b5a}
.news-card .tag,.news-modal-head .tag{
  justify-self:start;display:inline-block;padding:.18rem .6rem;background:rgba(212,104,42,.16);border:1px solid rgba(212,104,42,.5);
  color:var(--ember2);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase
}
.news-card p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.news-foot{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.3rem;padding-top:.7rem;border-top:1px solid var(--line)}
.news-more{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ember2)}
.news-card:hover .news-more{color:#fff}
.news-empty{margin:2rem 0;text-align:center;color:var(--mute)}
.news-modal{width:min(720px,100%)}
.news-modal-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem;padding-right:2rem}
.news-modal-head time{color:#9a8b7a;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.news-modal h3{font-size:clamp(1.6rem,3.5vw,2.2rem);line-height:1.1}
.news-modal-body{display:grid;gap:.85rem;color:var(--mute);line-height:1.75;max-height:52vh;overflow:auto;padding-right:.5rem}
.news-modal-body p{margin:0}
.news-modal-foot{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;justify-content:flex-end}

/* ---------- home community (discord only) ---------- */
.community-wrap{display:flex;justify-content:center}
.community-panel{text-align:center;max-width:760px;width:100%;padding:2rem 1.6rem;background:var(--card-bg);border:1px solid var(--edge)}
.community-panel p{margin-left:auto;margin-right:auto}

/* ---------- item shop v2 ---------- */
.forge-shop{display:grid;grid-template-columns:290px minmax(0,1fr);gap:1.4rem;margin-top:1.6rem;align-items:start}
.shop-side{display:grid;gap:.9rem;position:sticky;top:84px}
.shop-wallet{padding:1.1rem;background:var(--card-bg);border:1px solid var(--edge)}
.shop-wallet .shop-account-out,.shop-wallet .shop-account-in{display:grid;gap:.6rem;justify-content:stretch}
.shop-wallet p{margin:0;color:var(--mute);font-size:.92rem}
.shop-wallet .shop-user{color:var(--ink);font-weight:800}
.shop-wallet .shop-balance{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem}
.shop-wallet .shop-balance b{font-size:1.7rem;margin:0}
.shop-wallet .btn{width:100%}
.shop-search{
  display:flex;align-items:center;gap:.6rem;padding:0 .9rem;height:46px;border:1px solid var(--line);background:rgba(0,0,0,.4);color:var(--mute);
  transition:border-color .15s,box-shadow .15s
}
.shop-search:focus-within{border-color:var(--ember);box-shadow:0 0 0 3px rgba(212,104,42,.18);color:var(--ember2)}
.shop-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ink);font-size:.95rem}
.shop-cats-v{display:grid;gap:.35rem;margin:0}
.shop-cats-v .shop-cat{
  display:flex;justify-content:space-between;align-items:center;gap:.6rem;text-align:left;padding:.7rem .95rem;
  border-left:3px solid transparent
}
.shop-cats-v .shop-cat.is-active{background:linear-gradient(90deg,rgba(212,104,42,.34),rgba(212,104,42,.1));border-color:var(--ember);border-left-color:var(--ember2);color:#fff}
.shop-cat-count{font-family:var(--font-body);font-size:.72rem;font-weight:800;padding:.1rem .45rem;background:rgba(0,0,0,.45);color:var(--mute);min-width:1.8rem;text-align:center}
.shop-cat-count:empty{display:none}
.shop-main{min-width:0}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:1.6rem;margin-bottom:.6rem}
.shop-summary{margin:0;color:var(--mute);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.shop-grid-page{margin-top:0!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;transition:opacity .2s}
.shop-grid-page.is-loading{opacity:.55}
.shop-card-v2{position:relative;background:var(--card-bg);border:1px solid var(--line);overflow:hidden}
.shop-card-v2::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ember);opacity:.55}
.shop-card-v2.is-featured{border-color:var(--edge);box-shadow:0 0 22px rgba(212,104,42,.12)}
.shop-card-v2.is-featured::after{opacity:1;background:linear-gradient(180deg,var(--gold-2),var(--ember))}
.shop-ribbon{
  position:absolute;right:0;top:0;padding:.18rem .6rem;background:linear-gradient(90deg,var(--ember),#b84e16);color:#fff;
  font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase
}
.shop-card-v2 .shop-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
.shop-note{margin-top:1.4rem}
.shop-note a{color:var(--ember2);font-weight:700;text-decoration:underline}
@media(max-width:900px){.forge-shop{grid-template-columns:1fr}.shop-side{position:static}.shop-cats-v{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}

/* ---------- Coin Forge (/coins) ---------- */
.forge{margin-top:1.6rem;display:grid;gap:1.1rem}
.forge-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}
.forge-steps{list-style:none;display:flex;gap:.4rem;flex-wrap:wrap;counter-reset:fs}
.forge-steps li{
  display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem .55rem .6rem;border:1px solid var(--line);background:rgba(10,8,7,.65);
  color:#8d7f70;font-family:var(--font-display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:1rem;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)
}
.forge-steps .n{width:1.6rem;height:1.6rem;display:grid;place-items:center;background:#2a221b;color:var(--mute);font-size:.95rem}
.forge-steps li.is-active{border-color:var(--ember);color:#fff;background:linear-gradient(90deg,rgba(212,104,42,.34),rgba(212,104,42,.1))}
.forge-steps li.is-active .n{background:var(--ember);color:#1a0d04}
.forge-steps li.is-done{color:var(--ember2)}
.forge-steps li.is-done .n{background:var(--ok);color:#0b2012}
.forge-wallet{display:flex;align-items:baseline;gap:.7rem;padding:.55rem 1.1rem;border:1px solid var(--edge);background:var(--card-bg)}
.forge-wallet-label{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.forge-wallet b{font-family:var(--font-display);font-size:1.6rem;color:var(--ember2);letter-spacing:.04em}
.forge-promo{display:grid;gap:.4rem;padding:.8rem 1.1rem;border:1px solid rgba(255,196,90,.5);background:var(--warn-soft)}
.forge-promo p{margin:0;font-size:.9rem}
.forge-promo .forge-sandbox{color:var(--mute);font-size:.84rem}
.forge-stage{padding:1.5rem;border:1px solid var(--edge);background:var(--card-bg);box-shadow:0 20px 50px rgba(0,0,0,.3);min-height:260px}
.forge-h{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem}
.forge-sub{color:var(--mute);margin:0 0 1.1rem}
.forge-hint{margin:.9rem 0 0}
.forge-hint.is-warn{color:var(--gold-2)}
.forge-back{margin-top:1.2rem}
.pkg-grid,.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-top:1.2rem}
.pkg-card{
  position:relative;display:grid;justify-items:center;gap:.35rem;padding:1.7rem 1rem 1.3rem;text-align:center;
  border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0,rgba(212,104,42,.18),rgba(10,8,7,.7) 70%);color:var(--ink);
  transition:transform .2s,border-color .2s,box-shadow .2s
}
.pkg-card:hover{transform:translateY(-4px);border-color:var(--ember);box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 26px rgba(212,104,42,.22)}
.pkg-card.is-featured{border-color:var(--edge)}
.pkg-card.is-selected{border-color:var(--ember2)}
.pkg-ribbon{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);padding:.2rem .8rem;background:linear-gradient(90deg,var(--ember),#b84e16);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.pkg-gem{
  width:46px;height:46px;transform:rotate(45deg);background:linear-gradient(135deg,#ffe1a8,var(--ember) 55%,#7a2f0b);
  box-shadow:0 0 0 2px rgba(255,220,170,.35),0 10px 24px rgba(212,104,42,.5);margin:.2rem 0 .7rem
}
.pkg-coins b{font-family:var(--font-display);font-size:2.6rem;line-height:1;letter-spacing:.03em}
.pkg-coins i{font-style:normal;font-family:var(--font-display);font-size:1.1rem;color:var(--ember2);letter-spacing:.1em}
.pkg-bonus{font-size:.84rem;font-weight:800;color:var(--ok);letter-spacing:.06em;text-transform:uppercase}
.pkg-bonus.is-none{color:#8d7f70;font-weight:600}
.pkg-pick{margin-top:.7rem;padding:.4rem 1.1rem;background:var(--ember);color:#fff;font-family:var(--font-display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.95rem}
.method-card{
  display:grid;gap:.6rem;padding:1.2rem;text-align:left;border:1px solid var(--line);background:rgba(10,8,7,.7);color:var(--ink);
  transition:transform .2s,border-color .2s,box-shadow .2s
}
.method-card:hover{transform:translateY(-3px);border-color:var(--ember);box-shadow:0 14px 34px rgba(0,0,0,.4)}
.method-top{display:flex;align-items:center;gap:.8rem}
.method-logo{width:44px;height:44px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:#fff;background:#2a221b;border:1px solid var(--line)}
.method-paypal .method-logo{background:linear-gradient(135deg,#1b4fa3,#0b2a63)}
.method-cryptomus .method-logo{background:linear-gradient(135deg,#6a43d4,#2d1a6b)}
.method-mercadopago .method-logo{background:linear-gradient(135deg,#27a7e5,#0b5f8c)}
.method-breb .method-logo{background:linear-gradient(135deg,#e04a8a,#7a1d49)}
.method-name{display:grid;line-height:1.15}
.method-name b{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.05em;text-transform:uppercase}
.method-name small{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.method-price{font-family:var(--font-display);font-size:1.9rem;color:var(--ember2);letter-spacing:.03em}
.chip-mode{justify-self:start;padding:.15rem .6rem;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--mute)}
.chip-mode.mode-live{color:var(--ok);border-color:rgba(61,206,122,.5);background:var(--ok-soft)}
.chip-mode.mode-sandbox{color:var(--gold-2);border-color:rgba(255,196,90,.5);background:var(--warn-soft)}
.chip-mode.mode-manual{color:#7fc4ff;border-color:rgba(127,196,255,.5);background:rgba(127,196,255,.12)}
.forge-summary{display:grid;gap:.1rem;margin:1rem 0;border:1px solid var(--line);background:rgba(0,0,0,.3)}
.sum-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--line)}
.sum-row:last-child{border-bottom:0}
.sum-row span{color:var(--mute)}
.sum-row b{font-weight:800;text-align:right;word-break:break-all}
.sum-row.is-bonus b{color:var(--ok)}
.sum-row.is-total{background:rgba(212,104,42,.12)}
.sum-row.is-total b{font-family:var(--font-display);font-size:1.4rem;color:var(--ember2)}
.sum-row.is-price b{font-family:var(--font-display);font-size:1.4rem}
.forge-summary.is-compact .sum-row{padding:.55rem 1rem;font-size:.92rem}
.forge-legal{margin-top:1.1rem;font-size:.86rem;color:var(--mute);background:rgba(10,8,7,.6)}
.forge-legal p{margin:0;line-height:1.65}
.forge-legal a{color:var(--ember2);font-weight:700;text-decoration:underline}
.forge-status{display:grid;justify-items:center;text-align:center;gap:.3rem;padding:.6rem 0 .4rem}
.status-ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ember);background:rgba(212,104,42,.15);position:relative}
.status-ico::before{content:"";width:14px;height:14px;border:3px solid var(--ember2);border-radius:50%;border-top-color:transparent;animation:wzspin 1s linear infinite}
.status-paid .status-ico,.tk-done .status-ico{border-color:var(--ok);background:var(--ok-soft)}
.status-paid .status-ico::before,.tk-done .status-ico::before{animation:none;width:22px;height:11px;border:0;border-left:4px solid var(--ok);border-bottom:4px solid var(--ok);border-radius:0;transform:rotate(-45deg) translate(2px,-2px)}
.status-failed .status-ico,.status-cancelled .status-ico,.status-expired .status-ico{border-color:var(--danger);background:var(--bad-soft)}
.status-failed .status-ico::before,.status-cancelled .status-ico::before,.status-expired .status-ico::before{animation:none;border:0;width:24px;height:4px;background:var(--danger);transform:rotate(45deg);border-radius:2px;box-shadow:0 0 0 0 transparent}
.status-review .status-ico::before{animation:wzspin 2.4s linear infinite}
@keyframes wzspin{to{transform:rotate(360deg)}}
.breb{display:grid;grid-template-columns:220px 1fr;gap:1.4rem;align-items:start;margin:1rem 0}
.breb-qr{width:220px;height:220px;display:grid;place-items:center;align-content:center;gap:.4rem;background:#f2efe8;color:#1a1410;padding:10px}
.breb-qr img{width:100%;height:100%;object-fit:contain}
.breb-qr.is-placeholder{background:repeating-linear-gradient(45deg,#1c1612 0 10px,#241c16 10px 20px);color:var(--mute);border:1px dashed var(--ember)}
.breb-qr .qr-ph{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--ember2)}
.breb-qr small{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:0 .6rem}
.breb-info{display:grid;gap:.5rem}
.breb-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;padding:.65rem .9rem;border:1px solid var(--line);background:rgba(0,0,0,.3)}
.breb-line span{flex:0 0 100%;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.breb-line b{flex:1;min-width:0;word-break:break-all;font-size:1.02rem}
.copy-btn{padding:.25rem .7rem;border:1px solid var(--ember);color:var(--ember2);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:transparent}
.copy-btn:hover{background:var(--ember);color:#fff}
.breb-form{display:grid;gap:.2rem;margin-top:1rem;max-width:560px}
@media(max-width:720px){.breb{grid-template-columns:1fr;justify-items:center}.breb-info{width:100%}.forge-steps li{padding-right:.7rem}}

/* ---------- vote ---------- */
.vote-gate{margin:1.6rem 0 1rem;text-align:center;background:var(--card-bg);border:1px solid var(--edge)}
.vote-gate h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:1.7rem;margin-bottom:.4rem}
.vote-gate p{color:var(--mute);margin:0 0 .9rem}
.vote-gate [data-vote-state="in"] p{margin:0}
.vote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}
.vote-card{
  position:relative;display:grid;justify-items:center;gap:.5rem;text-align:center;padding:1.6rem 1.2rem 1.4rem;
  border:1px solid var(--line);border-top:3px solid var(--ember);background:var(--card-bg);overflow:hidden
}
.vote-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(212,104,42,.2),transparent 62%);pointer-events:none}
.vote-logo{
  width:64px;height:64px;display:grid;place-items:center;transform:rotate(45deg);
  background:linear-gradient(135deg,#ffe1a8,var(--ember) 55%,#7a2f0b);box-shadow:0 8px 22px rgba(212,104,42,.45);margin-bottom:.5rem
}
.vote-logo{font-size:0}
.vote-logo::after{content:"\2605";font-size:1.8rem;color:#1a0d04;transform:rotate(-45deg);line-height:1}
.vote-card h3{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.06em;text-transform:uppercase}
.vote-meta{list-style:none;display:grid;gap:.15rem;color:var(--mute);font-size:.9rem}
.vote-timer{min-height:1.5em;margin:0;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.08em;color:var(--ok);text-transform:uppercase}
.vote-timer.is-cooling{color:var(--gold-2)}
.vote-go{min-width:180px}
.vote-go:disabled{opacity:.5;filter:grayscale(.4)}

/* ---------- support ---------- */
.support-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:1.4rem;margin-top:1.6rem;align-items:start}
.ticket-panel{background:var(--card-bg);border:1px solid var(--edge);padding:1.6rem}
.ticket-panel h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:1.8rem;margin-bottom:.4rem}
.tk-info{margin:.6rem 0 1.4rem}
.ticket-panel .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1.2rem}
.ticket-panel .form-grid-full{grid-column:1 / -1}
.prio{display:flex;gap:.5rem;flex-wrap:wrap}
.prio-opt{position:relative;display:flex;align-items:center;gap:.5rem;padding:.6rem .95rem;border:1px solid var(--line);background:rgba(0,0,0,.35);color:var(--mute);font-weight:700;font-size:.88rem;letter-spacing:.04em;text-transform:none!important}
.prio-opt input{position:absolute;opacity:0;inset:0;cursor:inherit}
.prio-opt .dot{width:11px;height:11px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.prio-low{--c:#3dce7a}.prio-medium{--c:#ffc45a}.prio-high{--c:#ff5a4d}
.prio-opt:has(input:checked){border-color:var(--c);color:#fff;background:rgba(255,255,255,.05)}
.prio-opt:has(input:focus-visible){outline:2px solid var(--ember2);outline-offset:2px}
.tk-counter{margin:0;text-align:right;font-size:.74rem;color:var(--mute);letter-spacing:.06em}
.tk-files-count{font-style:normal;color:var(--ember2);margin-left:.4rem}
.dropzone{
  position:relative;display:grid;justify-items:center;gap:.3rem;padding:1.3rem 1rem;text-align:center;color:var(--mute);
  border:1.5px dashed rgba(212,104,42,.55);background:rgba(0,0,0,.25);transition:border-color .15s,background .15s;cursor:var(--cursor-click)
}
.dropzone:hover,.dropzone.is-over{border-color:var(--ember2);background:rgba(212,104,42,.12);color:var(--ink)}
.dropzone.is-full{opacity:.55}
.dropzone input{position:absolute;inset:0;opacity:0;cursor:inherit}
.dropzone small{font-size:.74rem;color:#9a8b7a}
.tk-previews{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}
.tk-prev{position:relative;display:grid;gap:.1rem;width:112px;padding:.4rem;border:1px solid var(--line);background:rgba(0,0,0,.35)}
.tk-prev img{width:100%;height:70px;object-fit:cover}
.tk-prev-name{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-prev small{font-size:.66rem;color:#9a8b7a}
.tk-prev-rm{position:absolute;right:-6px;top:-6px;width:22px;height:22px;display:grid;place-items:center;background:var(--danger);color:#fff;border-radius:50%;font-size:.95rem;line-height:1}
.tk-guest-captcha{margin:.4rem 0 .6rem}
.support-side{display:grid;gap:1rem}
.support-side .panel{background:var(--card-bg)}
.support-side h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:1.3rem;margin-bottom:.7rem;color:var(--ember2)}
.tk-list{list-style:none;display:grid;gap:.4rem}
.tk-open{
  display:grid;grid-template-columns:auto 1fr auto;gap:.1rem .6rem;align-items:center;width:100%;text-align:left;padding:.6rem .75rem;
  border:1px solid var(--line);background:rgba(0,0,0,.3);color:var(--ink)
}
.tk-open:hover{border-color:var(--ember);background:rgba(212,104,42,.1)}
.tk-id{font-family:var(--font-display);font-weight:800;letter-spacing:.06em;color:var(--ember2)}
.tk-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.tk-open small{grid-column:1 / -1;font-size:.7rem;color:#9a8b7a}
.tk-status{display:inline-block;padding:.12rem .55rem;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--mute)}
.tk-status.st-open{color:#7fc4ff;border-color:rgba(127,196,255,.5);background:rgba(127,196,255,.1)}
.tk-status.st-answered{color:var(--ok);border-color:rgba(61,206,122,.5);background:var(--ok-soft)}
.tk-status.st-closed{color:#9a8b7a}
.track-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.tips{list-style:none;display:grid;gap:.6rem}
.tips li{display:grid;gap:.05rem;padding-left:.8rem;border-left:2px solid var(--ember)}
.tips b{font-size:.92rem}
.tips span{color:var(--mute);font-size:.84rem}
.mail-rows{display:grid;gap:.4rem;margin-bottom:.8rem}
.mail-row{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.55rem .75rem;border:1px solid var(--line);background:rgba(0,0,0,.3);font-size:.86rem}
.mail-row:hover{border-color:var(--ember)}
.mail-row em{font-style:normal;color:var(--ember2);font-weight:700}
.tk-done{display:grid;justify-items:center;text-align:center;gap:.6rem;padding:1rem 0}
.tk-done h3{margin:0}
.tk-done-id{display:grid;gap:.1rem;margin:0}
.tk-done-id span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:800}
.tk-done-id b{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.08em;color:var(--ember2)}
.tk-done .breb-line{width:100%;text-align:left}
.tk-token{font-family:ui-monospace,Consolas,monospace;font-size:.82rem!important}
.ticket-modal{width:min(780px,100%)}
.td-status{margin-left:.5rem}
.td-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.td-chip{padding:.2rem .65rem;border:1px solid var(--line);background:rgba(0,0,0,.3);font-size:.78rem;color:var(--ink)}
.td-chip i{font-style:normal;color:var(--mute);margin-right:.2rem;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:800}
.td-thread{display:grid;gap:.7rem;max-height:42vh;overflow:auto;padding-right:.4rem;margin-bottom:1rem}
.td-msg{padding:.8rem 1rem;border:1px solid var(--line);background:rgba(0,0,0,.28)}
.td-msg.is-staff{border-color:var(--edge);background:rgba(212,104,42,.1)}
.td-msg-head{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.35rem;font-size:.8rem}
.td-msg-head time{color:#9a8b7a}
.td-msg p{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.65}
.td-atts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.td-att img{width:96px;height:64px;object-fit:cover;border:1px solid var(--line)}
#tdReply textarea{width:100%;background:rgba(0,0,0,.35);border:1px solid rgba(242,239,232,.14);padding:.7rem .8rem;color:var(--ink);font:inherit;outline:none;resize:vertical}
#tdReply textarea:focus{border-color:var(--ember)}
@media(max-width:960px){.support-layout{grid-template-columns:1fr}}
@media(max-width:600px){.ticket-panel .form-grid{grid-template-columns:1fr}.ticket-panel{padding:1.2rem}}

@media (prefers-reduced-motion:reduce){
  .status-ico::before{animation:none!important}
  .pkg-card,.method-card,.realm-card,.shop-card{transition:none}
}