@font-face{font-family:'Cinzel';src:url('cinzel-variable.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap;}
  @font-face{font-family:'Cinzel Decorative';src:url('cinzel-decorative-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap;}
  @font-face{font-family:'Cinzel Decorative';src:url('cinzel-decorative-bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap;}
  :root{
    --bg:#14110D; --surface:#1C1710; --surface-2:#241D14; --raised:#2B2318;
    --border:#3A3021; --border-hi:#4C3E29;
    --text:#EDE3D0; --text-dim:#A89680; --text-mute:#766652;
    --accent:#B8541F; --accent-hi:#D46528; --on-accent:#FBEFE2;
    --gold:#C99A3E;
    --c-common:#8B8677; --c-common-bg:#232019;
    --c-uncommon:#4F9B52; --c-uncommon-bg:#182317;
    --c-rare:#3E86D4; --c-rare-bg:#152131;
    --c-epic:#9B57D6; --c-epic-bg:#221830;
    --c-legendary:#D6A73E; --c-legendary-bg:#2C2314;
    --t-mage:#9B57D6; --t-mage-bg:#221830;
    --t-warrior:#C4482A; --t-warrior-bg:#2B1B14;
    --t-archer:#4F9B52; --t-archer-bg:#182317;
    --t-helm:#8B8677; --t-helm-bg:#232019;
    --t-chest:#C99A3E; --t-chest-bg:#2C2314;
    --t-gloves:#3E9B8A; --t-gloves-bg:#152B27;
    --t-boots:#A67C52; --t-boots-bg:#241D14;
    --t-materials:#8B8677; --t-materials-bg:#232019;
    --t-consumable:#3E86D4; --t-consumable-bg:#152131;
  }
  *{box-sizing:border-box;}
  html{background:var(--bg);overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;}
  body{margin:0;max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;scrollbar-width:none;-ms-overflow-style:none;}
  html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px 125px;}
  h1,h2,h3,.disp{font-family:'Cinzel',serif;letter-spacing:.02em;}
  a{color:inherit;}

  /* Future multi-game shell: this remains visible while marketplaces switch in-place. */
  .game-switcher{--surface:#17130F;--surface-2:#1D1813;--raised:#2A231B;--border:#352C22;--border-hi:#493B2B;position:relative;z-index:980;border:0;border-bottom:1px solid rgba(232,230,224,.14);background:linear-gradient(180deg,rgba(22,18,14,.99),rgba(16,13,10,.96));box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
  .game-switcher-inner{max-width:1180px;min-height:64px;margin:0 auto;padding:4px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
  .game-switch-brand{width:126px;height:54px;padding:0;border:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:visible;box-shadow:none;outline:none;}
  .game-switch-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;transition:filter .16s ease;}
  .game-switch-brand:hover img,.game-switch-brand:focus-visible img{filter:brightness(1.06) drop-shadow(0 0 5px rgba(72,211,228,.42));}
  .game-switch-brand:active img{filter:brightness(.97);}
  .game-switcher.marketplace-open{display:none;}
  .game-switch-actions{min-width:0;display:flex;align-items:center;gap:5px;max-width:100%;padding:3px;overflow-x:auto;border:1px solid var(--border);border-radius:5px;background:var(--surface-2);scrollbar-width:none;}
  .game-switch-actions::-webkit-scrollbar{display:none;}
  .game-switch-button{flex:0 0 auto;white-space:nowrap;padding:8px 13px;border:0;border-radius:3px;background:transparent;color:var(--text-dim);font:600 12px 'Inter',sans-serif;cursor:pointer;transition:background .15s,color .15s;}
  .game-switch-button:hover{background:var(--raised);color:var(--text);}
  .game-switch-button.active{background:var(--raised);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(201,154,62,.22);}
  .game-hub{--bg:#0D0B08;--surface:#17130F;--surface-2:#1D1813;--raised:#2A231B;--border:#352C22;--border-hi:#493B2B;min-height:calc(100vh - 58px);padding:0 24px;overflow-x:clip;background:var(--bg);font-family:"Segoe UI",Arial,sans-serif;}
  .game-hub h1,.game-hub h2,.game-hub h3{font-family:'Cinzel',serif;letter-spacing:.005em;}
  .game-hub-copy h1,.hub-section-heading h2,.hub-community h2{font-family:'Cinzel Decorative','Cinzel',serif;letter-spacing:.005em;}
  .hub-feature-title,.game-choice-title,.game-guides-title,.news-feed-card-title,.pawer-footer-heading{font-family:'Cinzel',serif;letter-spacing:.01em;}
  .game-hub-inner{max-width:1120px;margin:0 auto;}
  .hub-hero{position:relative;min-height:500px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);align-items:center;gap:54px;padding:72px 0 64px;}
  .hub-hero::before,.hub-section::before{content:'';position:absolute;z-index:0;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;}
  .hub-hero::before{background:radial-gradient(circle at 76% 30%,rgba(201,154,62,.055),transparent 34%),linear-gradient(180deg,#100D0A 0%,#0D0B08 100%);}
  .hub-hero>* ,.hub-section>*{position:relative;z-index:1;}
  .game-hub-copy{max-width:660px;}
  .game-hub-eyebrow{margin-bottom:10px;color:var(--gold);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;}
  .game-hub h1{margin:0 0 15px;font-size:46px;line-height:1.12;color:var(--text);}
  .game-hub-copy p{margin:0;color:var(--text-dim);font-size:15px;line-height:1.65;}
  .hub-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px;}
  .hub-hero-actions .btn{padding:11px 18px;}
  .hub-social-label{margin-top:24px;color:var(--text-mute);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;}
  .hub-social-links{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px;}
  .hub-feature{position:relative;min-height:340px;overflow:hidden;border:1px solid var(--border-hi);border-radius:8px;background:radial-gradient(circle at 50% 35%,rgba(45,74,150,.33),rgba(21,25,35,.98) 66%);box-shadow:0 22px 50px rgba(0,0,0,.34);}
  .hub-feature::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.05),transparent 30%,transparent 72%,rgba(201,154,62,.05));pointer-events:none;}
  .hub-feature-logo{height:220px;display:grid;place-items:center;padding:22px 28px 8px;}
  .hub-feature-logo img{width:min(92%,350px);height:100%;object-fit:contain;filter:brightness(1.08) saturate(1.05) drop-shadow(0 10px 16px rgba(0,0,0,.38));}
  .hub-feature-body{position:relative;z-index:1;padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,.07);background:rgba(22,20,19,.78);}
  .hub-feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .hub-live{color:#55D77C;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;}
  .hub-feature-market{display:block;margin-top:13px;padding:2px 0;border:0;background:transparent;color:var(--gold);font:700 12px/1.2 "Segoe UI",Arial,sans-serif;text-align:left;white-space:nowrap;cursor:pointer;transition:color .15s ease,filter .15s ease;}
  .hub-feature-market:hover,.hub-feature-market:focus-visible{color:#E0B55A;filter:drop-shadow(0 0 5px rgba(201,154,62,.25));outline:none;}
  .hub-feature-title{font-family:"Segoe UI",Arial,sans-serif;font-size:18px;font-weight:700;}
  .hub-feature-note{margin-top:7px;color:var(--text-mute);font-size:11px;line-height:1.5;}
  .hub-section{position:relative;padding:70px 0;border-top:0;scroll-margin-top:72px;}
  .hub-section::before{background:#0D0B08;}
  #gamesSection::before,#newsFeedSection::before,#guidesSection::before{background:#1A1510;}
  /* Homepage-only, repeatable scroll reveals. Content remains visible if JS is unavailable. */
  .game-hub.reveal-effects-ready [data-scroll-reveal]{opacity:0;transform:translate3d(0,14px,0);filter:blur(1px);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1),filter .55s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter;}
  .game-hub.reveal-effects-ready [data-scroll-reveal].reveal-from-up{transform:translate3d(0,0,0);filter:none;transition-duration:.32s;transition-delay:0ms;}
  .game-hub.reveal-effects-ready [data-scroll-reveal].is-revealed{opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
  .hub-side-nav{position:fixed;z-index:930;top:50%;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:11px;padding:14px 10px 14px 24px;border-radius:18px;background:linear-gradient(90deg,transparent,rgba(15,14,13,.62));transform:translateY(-50%);opacity:.72;transition:opacity .18s ease;}
  .hub-side-nav:hover,.hub-side-nav:focus-within{opacity:1;}
  .hub-side-link{display:grid;grid-template-columns:auto 7px;align-items:center;gap:9px;min-height:16px;color:var(--text-mute);font-size:9px;font-weight:800;line-height:1;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;transition:color .18s ease,transform .18s ease;}
  .hub-side-link::after{content:'';width:5px;height:5px;border:1px solid rgba(237,227,208,.48);border-radius:50%;background:rgba(20,17,13,.82);box-shadow:0 0 0 0 rgba(201,154,62,0);transition:width .18s ease,height .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;}
  .hub-side-link:hover,.hub-side-link:focus-visible{color:var(--text);transform:translateX(-2px);outline:none;}
  .hub-side-link.active{color:var(--gold);}
  .hub-side-link.active::after{width:7px;height:7px;border-color:var(--gold);background:var(--gold);box-shadow:0 0 10px rgba(201,154,62,.5);}
  .hub-giveaway{position:fixed;z-index:935;top:96px;left:0;width:306px;height:min(616px,calc(100vh - 104px));margin:0;color:var(--text);transform:translateX(calc(-100% + 48px));transition:transform .22s cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 14px 28px rgba(0,0,0,.38));}
  .hub-giveaway[open]{transform:translateX(0);}
  .hub-giveaway-summary{position:absolute;z-index:2;top:50%;right:0;width:48px;height:190px;padding:10px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid rgba(201,154,62,.35);border-right:0;border-radius:0 8px 8px 0;background:linear-gradient(180deg,rgba(35,28,20,.98),rgba(20,16,12,.98));color:var(--gold);list-style:none;cursor:pointer;user-select:none;transform:translateY(-50%);transition:background .18s ease,color .18s ease;}
  .hub-giveaway-summary::-webkit-details-marker{display:none;}
  .hub-giveaway-summary:hover,.hub-giveaway-summary:focus-visible{background:linear-gradient(180deg,rgba(48,38,26,.99),rgba(27,21,15,.99));color:#E0B55A;outline:none;}
  .hub-giveaway-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(201,154,62,.42);border-radius:50%;background:rgba(201,154,62,.08);}
  .hub-giveaway-icon svg{display:block;width:14px;height:14px;}
  .hub-giveaway-label{font-size:9px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.13em;writing-mode:vertical-rl;transform:rotate(180deg);}
  .hub-giveaway-arrow{font-size:18px;line-height:1;transition:transform .2s ease;}
  .hub-giveaway[open] .hub-giveaway-arrow{transform:rotate(180deg);}
  .hub-giveaway-content{position:absolute;inset:0 47px 0 0;padding:8px 0 0;background:transparent;overflow:visible;text-align:center;}
  .hub-giveaway-visual{position:relative;z-index:2;height:174px;margin:0 -10px -38px;overflow:visible;border:0;background:transparent;pointer-events:none;}
  .hub-giveaway-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 9px 13px rgba(0,0,0,.32));}
  .hub-giveaway-card{position:relative;z-index:1;padding:42px 20px 18px;border:1px solid rgba(201,154,62,.35);border-left:0;border-radius:0 10px 10px 0;background:linear-gradient(160deg,rgba(29,23,17,.995),rgba(13,11,8,.995));box-shadow:0 16px 28px rgba(0,0,0,.28);}
  .hub-giveaway-eyebrow{color:var(--gold);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;}
  .hub-giveaway-title-row{margin:7px 0 13px;display:flex;align-items:center;justify-content:center;gap:8px;}
  .hub-giveaway-content h2{min-width:0;margin:0;font:700 21px/1.18 "Segoe UI",Arial,sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere;}
  .hub-giveaway-edit{margin-right:-4px;}
  .hub-giveaway-status{padding:11px 12px;border:1px solid rgba(201,154,62,.19);border-radius:5px;background:rgba(9,8,6,.35);}
  .hub-giveaway-status span{display:block;color:var(--text-mute);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;}
  .hub-giveaway-status strong{display:block;margin-top:4px;color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;}
  .hub-giveaway-content p{margin:12px 0;color:var(--text-dim);font-size:11px;line-height:1.5;}
  .hub-giveaway-steps{margin-top:13px;border-top:1px solid rgba(201,154,62,.15);}
  .hub-giveaway-step{min-height:34px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;border-bottom:1px solid rgba(201,154,62,.1);color:var(--text-dim);font-size:10px;line-height:1.3;text-align:left;}
  .hub-giveaway-step span{color:var(--gold);font-size:9px;font-weight:800;}
  .hub-giveaway-link{margin-top:15px;padding:10px 13px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(201,154,62,.5);border-radius:5px;background:rgba(201,154,62,.12);color:var(--gold);font-size:11px;font-weight:800;text-decoration:none;transition:background .15s ease,color .15s ease;}
  .hub-giveaway-link:hover,.hub-giveaway-link:focus-visible{background:rgba(201,154,62,.2);color:#E0B55A;outline:none;}
  .hub-giveaway-link[aria-disabled="true"]{pointer-events:none;opacity:.46;}
  .hub-section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px;}
  .hub-section-heading h2{margin:0 0 6px;font-size:25px;}
  .hub-section-heading p{margin:0;color:var(--text-mute);font-size:13px;line-height:1.55;}
  .hub-section-label{color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;}
  .game-library{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:18px;}
  .game-carousel{position:relative;min-width:0;min-height:385px;height:100%;}
  .game-carousel-stage{position:relative;min-height:385px;height:100%;box-sizing:border-box;overflow:hidden;border:1px solid var(--border-hi);border-radius:7px;background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 14px 34px rgba(0,0,0,.22);transition:border-color .18s,box-shadow .18s;}
  .game-carousel:hover .game-carousel-stage{border-color:var(--gold);box-shadow:0 18px 42px rgba(0,0,0,.3),0 0 0 1px rgba(201,154,62,.16);}
  .game-carousel:focus-within .game-carousel-stage{border-color:rgba(201,154,62,.72);box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 0 0 1px rgba(201,154,62,.22);}
  .game-slide{position:absolute;inset:0;width:100%;height:100%;min-height:0;display:block;opacity:0;transform:translateX(-14px);pointer-events:none;visibility:hidden;transition:opacity .18s ease-out,transform .18s cubic-bezier(.22,.61,.36,1),visibility 0s linear .18s;will-change:opacity,transform;backface-visibility:hidden;}
  .game-slide.active{opacity:1;transform:translateX(0);pointer-events:auto;visibility:visible;transition-delay:0s;}
  .game-slide.leaving{opacity:0;transform:translateX(14px);pointer-events:none;visibility:visible;}
  .game-carousel-dots{position:absolute;z-index:6;top:186px;left:50%;min-height:14px;padding:2px 5px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:rgba(10,10,12,.46);transform:translateX(-50%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
  .game-carousel-dot{width:6px;height:6px;padding:0;border:1px solid var(--border-hi);border-radius:50%;background:var(--surface-2);cursor:pointer;transition:width .18s,background .18s,border-color .18s;}
  .game-carousel-dot:hover,.game-carousel-dot:focus-visible{border-color:var(--gold);outline:none;}
  .game-carousel-dot.active{width:18px;border-radius:6px;border-color:var(--gold);background:var(--gold);}
  .game-carousel-arrow{position:absolute;z-index:7;top:102px;width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid rgba(232,230,224,.42);border-radius:50%;background:rgba(10,10,12,.72);color:#F3F0E9;font:700 22px/1 Arial,sans-serif;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.92);box-shadow:0 8px 22px rgba(0,0,0,.34);transition:opacity .18s,transform .18s,background .18s,border-color .18s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
  .game-carousel-arrow.previous{left:12px;}
  .game-carousel-arrow.next{right:12px;}
  .game-carousel:hover .game-carousel-arrow,.game-carousel:focus-within .game-carousel-arrow{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1);}
  .game-carousel-arrow:hover,.game-carousel-arrow:focus-visible{border-color:var(--gold);background:rgba(42,38,37,.94);color:var(--gold);outline:none;}
  .game-choice{min-height:320px;padding:0;overflow:hidden;border:1px solid var(--border-hi);border-radius:7px;background:linear-gradient(180deg,var(--surface-2),var(--surface));color:var(--text);font-family:"Segoe UI",Arial,sans-serif;text-align:left;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.22);transition:opacity .18s ease-out,transform .18s cubic-bezier(.22,.61,.36,1),visibility 0s linear .18s,border-color .18s,box-shadow .18s;}
  .game-choice.game-slide{border:0;border-radius:6px;box-shadow:none;}
  .game-choice:hover{transform:translateX(0);border-color:var(--gold);box-shadow:0 18px 42px rgba(0,0,0,.3),0 0 0 1px rgba(201,154,62,.16);outline:none;}
  .game-choice:focus-visible{transform:translateX(0);border-color:rgba(201,154,62,.72);box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 0 0 1px rgba(201,154,62,.28);outline:none;}
  .game-choice.game-slide:hover,.game-choice.game-slide:focus-visible{border:0;box-shadow:none;}
  .game-choice-art{height:205px;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 44%,rgba(45,74,150,.25),rgba(18,27,43,.92) 64%);border-bottom:1px solid var(--border);}
  .game-slide .game-choice-art{position:absolute;top:0;right:0;left:0;height:205px;margin:0;box-sizing:border-box;border-radius:6px 6px 0 0;}
  .game-choice-art img{display:block;width:min(86%,280px);height:100%;object-fit:contain;filter:brightness(1.08) saturate(1.05) drop-shadow(0 8px 14px rgba(0,0,0,.3));}
  .afk-heroes-art{position:relative;overflow:hidden;background-color:#070506;background-image:url('afk-heroes-background.webp');background-position:center;background-size:cover;background-repeat:no-repeat;}
  .afk-heroes-art::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,3,8,.76) 0%,rgba(5,3,8,.38) 32%,rgba(5,3,8,.04) 62%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.2));pointer-events:none;}
  .afk-heroes-art::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 34px rgba(0,0,0,.28);pointer-events:none;}
  .afk-heroes-brand{position:relative;z-index:1;width:100%;padding:0 28px;display:flex;align-items:center;justify-content:flex-start;gap:10px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.72));}
  .afk-heroes-grid{width:40px;height:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
  .afk-heroes-grid i{display:block;border-radius:1px;background:linear-gradient(145deg,#FFE277,#E79B1C);box-shadow:0 0 8px rgba(255,191,45,.2);}
  .afk-heroes-wordmark{display:flex;flex-direction:column;color:#FFD76B;font-size:23px;line-height:.9;font-weight:950;letter-spacing:.07em;text-shadow:0 2px 0 #6B3D06,0 6px 20px rgba(255,184,38,.22);}
  .afk-heroes-wordmark small{margin-top:7px;color:#CDAF73;font-size:8px;line-height:1.2;letter-spacing:.2em;text-transform:uppercase;}
  .game-choice-body{display:block;padding:18px 20px 20px;}
  .game-slide .game-choice-body{position:absolute;top:205px;right:0;bottom:0;left:0;box-sizing:border-box;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-items:start;background:linear-gradient(180deg,var(--surface-2),var(--surface));text-align:left;}
  .game-choice-kicker{display:block;margin-bottom:7px;color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;}
  .game-choice-title{display:block;margin-bottom:8px;font-family:"Segoe UI",Arial,sans-serif;font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.01em;}
  .game-choice-text{display:block;color:var(--text-dim);font-size:13px;line-height:1.6;}
  .game-choice-open{display:block;margin-top:17px;color:var(--gold);font-size:12px;font-weight:700;}
  .game-slide .game-choice-text{align-self:center;}
  .game-slide .game-choice-open{width:100%;align-self:end;margin:0;padding-top:15px;border-top:1px solid rgba(201,154,62,.16);text-align:left;}
  .game-guides-preview{width:100%;height:100%;min-height:385px;padding:20px 24px 24px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-hi);border-radius:7px;background:linear-gradient(160deg,var(--surface-2),var(--surface));color:var(--text);font-family:"Segoe UI",Arial,sans-serif;text-align:left;box-shadow:0 14px 34px rgba(0,0,0,.18);transition:transform .18s,border-color .18s,box-shadow .18s;}
  .game-guides-preview:hover{transform:none;border-color:var(--gold);box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 0 1px rgba(201,154,62,.14);outline:none;}
  .game-guides-preview:focus-visible{transform:none;border-color:rgba(201,154,62,.72);box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 0 0 1px rgba(201,154,62,.28);outline:none;}
  .game-panel-tabs{display:flex;gap:5px;margin:0 0 14px;padding:3px;border:1px solid rgba(201,154,62,.15);border-radius:5px;background:rgba(10,9,8,.36);}
  .game-panel-tab{flex:1;padding:7px 9px;border:0;border-radius:3px;background:transparent;color:var(--text-mute);font:700 10px/1.2 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;}
  .game-panel-tab:hover,.game-panel-tab:focus-visible{color:var(--text);outline:none;}
  .game-panel-tab.active{background:rgba(201,154,62,.13);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(201,154,62,.18);}
  .game-panel-view{min-height:0;flex:1;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-items:start;}
  .game-panel-view[hidden]{display:none!important;}
  .game-panel-news-view{grid-template-rows:auto auto minmax(0,1fr);}
  .game-panel-news-account{display:block;width:max-content;margin:-10px 0 10px;color:var(--text-mute);font-size:10px;line-height:1.4;text-decoration:none;}
  .game-panel-news-account:hover,.game-panel-news-account:focus-visible{color:#65B9F0;outline:none;}
  .game-panel-news-frame{position:relative;width:100%;min-height:0;height:205px;overflow:hidden;border:1px solid #2F3336;border-radius:7px;background:#000;}
  .game-panel-news-frame iframe{position:absolute!important;inset:0;z-index:2;width:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;background:#101010;}
  .game-panel-news-frame .news-post-snapshot{padding:15px 16px;}
  .game-panel-news-frame .news-post-text{font-size:11px;-webkit-line-clamp:6;}
  .game-guides-label{display:block;margin:0 0 8px;color:var(--gold);font-size:10px;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.1em;}
  .game-guides-title{display:block;margin:0 0 18px;font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.01em;}
  .game-guides-list{width:100%;display:grid;align-content:start;gap:10px;}
  .game-guide-row{width:100%;min-height:58px;box-sizing:border-box;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;padding:11px 12px;border:1px solid rgba(201,154,62,.16);border-radius:4px;background:rgba(22,20,19,.72);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease;}
  .game-guide-row:hover,.game-guide-row:focus-visible{border-color:rgba(201,154,62,.68);background:rgba(42,34,25,.9);transform:translateX(2px);outline:none;}
  .game-guide-number{display:block;color:var(--gold);font-size:11px;line-height:1.3;font-weight:800;}
  .game-guide-copy{display:block;min-width:0;}
  .game-guide-copy strong{display:block;margin:0 0 4px;color:var(--text);font-size:12px;line-height:1.35;}
  .game-guide-copy small{display:block;color:var(--text-mute);font-size:10px;line-height:1.45;}
  .game-guides-open{display:block;width:100%;align-self:end;margin:0;padding:15px 0 0;border:0;border-top:1px solid rgba(201,154,62,.16);background:transparent;color:var(--gold);font:700 12px/1.3 "Segoe UI",Arial,sans-serif;text-align:left;cursor:pointer;}
  .game-guides-open:hover,.game-guides-open:focus-visible{color:#E0B55A;outline:none;}
  .game-guides-open:disabled{color:var(--text-mute);cursor:default;opacity:.78;}
  .game-guides-open:disabled:hover,.game-guides-open:disabled:focus-visible{color:var(--text-mute);}
  .featured-guide-dialog{width:min(560px,calc(100% - 32px));max-height:min(720px,calc(100vh - 32px));padding:0;overflow:auto;border:1px solid var(--border-hi);border-radius:8px;background:linear-gradient(160deg,#211B15,#15120F);color:var(--text);box-shadow:0 28px 80px rgba(0,0,0,.62);}
  .featured-guide-dialog::backdrop{background:rgba(7,6,5,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
  .featured-guide-dialog-card{position:relative;padding:28px;}
  .featured-guide-dialog-label{margin:0 40px 9px 0;color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;}
  .featured-guide-dialog h2{margin:0 38px 8px 0;font-size:24px;line-height:1.25;}
  .featured-guide-dialog-summary{margin:0 0 20px;color:var(--text-dim);font-size:13px;line-height:1.6;}
  .featured-guide-dialog-body{display:grid;gap:10px;}
  .featured-guide-dialog-step{margin:0;padding:12px 14px;border:1px solid rgba(201,154,62,.17);border-radius:5px;background:rgba(11,9,7,.35);color:var(--text-dim);font-size:12px;line-height:1.55;}
  .featured-guide-dialog-step strong{color:var(--gold);margin-right:8px;}
  .featured-guide-dialog-actions{margin-top:22px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(201,154,62,.16);}
  .content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
  .content-card{min-height:225px;padding:20px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:6px;background:linear-gradient(160deg,var(--surface-2),var(--surface));box-shadow:0 10px 26px rgba(0,0,0,.16);}
  .content-card-featured{border-color:rgba(201,154,62,.55);background:linear-gradient(160deg,rgba(43,38,34,.96),var(--surface));}
  .upcoming-grid{grid-template-columns:minmax(0,1fr);}
  .upcoming-game-card{position:relative;min-height:255px;padding:30px 32px;overflow:hidden;text-decoration:none;background:radial-gradient(circle at 84% 38%,rgba(93,118,83,.28),transparent 31%),linear-gradient(145deg,#171B16,#20211D 58%,#17130F);transition:border-color .18s ease,box-shadow .18s ease;}
  .upcoming-game-card::after{content:'';position:absolute;right:20px;top:50%;width:min(68%,770px);height:82%;background:url('yakkamon-background.webp') center right/contain no-repeat;opacity:.13;mix-blend-mode:screen;filter:grayscale(1) contrast(1.05);transform:translateY(-50%);pointer-events:none;}
  .upcoming-game-card:hover,.upcoming-game-card:focus-visible{border-color:var(--gold);box-shadow:0 16px 36px rgba(0,0,0,.3),0 0 0 1px rgba(201,154,62,.12);outline:none;}
  .upcoming-game-card>*{position:relative;z-index:1;max-width:720px;}
  .upcoming-game-card h3{font-size:25px;}
  .upcoming-game-open{display:block;margin-top:24px;color:var(--gold);font-size:12px;font-weight:800;}
  .news-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;}
  .news-feed-card{min-width:0;overflow:hidden;border:1px solid #2F3336;border-radius:9px;background:#000;box-shadow:0 14px 34px rgba(0,0,0,.3),0 0 0 1px rgba(29,155,240,.025);}
  .news-feed-card-header{min-height:60px;padding:11px 12px 11px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(201,154,62,.22);background:linear-gradient(145deg,#241D15,#17120E);}
  .news-feed-account-link{display:block;width:max-content;max-width:100%;text-decoration:none;}
  .news-feed-account-link:hover .news-feed-card-title,.news-feed-account-link:focus-visible .news-feed-card-title{color:var(--gold);}
  .news-feed-account-link:focus-visible{outline:none;}
  .news-feed-card-title{display:block;color:#E7E9EA;font-size:14px;font-weight:750;}
  .news-feed-card-handle{display:block;margin-top:3px;color:#9B8A77;font-size:10px;}
  .news-moderator-edit{width:29px;height:29px;flex:0 0 29px;padding:0;display:grid;place-items:center;border:1px solid rgba(66,201,107,.42);border-radius:5px;background:rgba(66,201,107,.07);color:#55D77C;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease;}
  .news-moderator-edit:hover,.news-moderator-edit:focus-visible{background:rgba(66,201,107,.15);border-color:rgba(85,215,124,.72);transform:translateY(-1px);outline:none;}
  .news-moderator-edit[hidden]{display:none;}
  .news-moderator-edit svg{width:14px;height:14px;display:block;}
  .news-feed-frame{position:relative;height:215px;overflow:hidden;background:#000;}
  .news-feed-frame iframe{position:absolute!important;inset:0;z-index:2;width:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;background:#101010;}
  .news-feed-full-post{display:block;padding:12px 17px;border-top:1px solid rgba(201,154,62,.16);background:linear-gradient(145deg,#17120E,#100D0A);color:var(--gold);font-size:11px;font-weight:750;line-height:1.3;text-decoration:none;transition:color .15s ease,background .15s ease;}
  .news-feed-full-post:hover,.news-feed-full-post:focus-visible{background:linear-gradient(145deg,#201910,#130F0B);color:#E0B55A;outline:none;}
  .twitter-timeline{position:relative;z-index:0;min-height:100%;padding:22px;display:flex;align-items:center;justify-content:center;color:var(--text-mute);font-size:11px;line-height:1.5;text-align:center;text-decoration:none;}
  .news-post-snapshot{position:absolute;inset:0;z-index:1;padding:17px 18px;display:flex;flex-direction:column;color:#E7E9EA;text-decoration:none;background:radial-gradient(circle at 92% 5%,rgba(29,155,240,.105),transparent 38%),linear-gradient(155deg,#0B1015,#050708);transition:background .18s ease;}
  .news-post-snapshot:hover,.news-post-snapshot:focus-visible{background:radial-gradient(circle at 88% 6%,rgba(29,155,240,.18),transparent 41%),linear-gradient(155deg,#101820,#06090C);outline:none;}
  .news-post-checked{display:block;margin-bottom:11px;color:#65B9F0;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;}
  .news-post-text{margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:7;color:#C7CDD2;font-size:12px;line-height:1.55;}
  .content-tag{margin-bottom:20px;color:var(--gold);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;}
  .content-card h3{margin:0 0 9px;font-size:17px;line-height:1.35;}
  .content-card p{margin:0;color:var(--text-dim);font-size:12px;line-height:1.6;}
  .content-meta{margin-top:auto;padding-top:20px;color:var(--text-mute);font-size:10px;text-transform:uppercase;letter-spacing:.06em;}
  .guide-card{position:relative;padding-left:70px;}
  .guide-number{position:absolute;left:20px;top:20px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border-hi);border-radius:50%;color:var(--gold);font-family:'Cinzel',serif;font-weight:800;}
  .hub-community{margin:0 0 70px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--border-hi);border-radius:7px;background:linear-gradient(110deg,var(--surface-2),var(--surface));}
  .hub-community h2{margin:0 0 5px;font-size:20px;}
  .hub-community p{margin:0;color:var(--text-dim);font-size:12px;line-height:1.55;}
  .pawer-footer{position:relative;margin-top:4px;padding:42px 0 38px;border-top:1px solid var(--border);font-family:"Segoe UI",Arial,sans-serif;}
  .pawer-footer-grid{display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(150px,.75fr));gap:38px;align-items:start;}
  .pawer-footer-brand-logo{display:block;width:142px;height:78px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 12px rgba(0,0,0,.34));}
  .pawer-footer-about{max-width:330px;margin:13px 0 0;color:var(--text-dim);font-size:12px;line-height:1.65;}
  .pawer-footer-status{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
  .pawer-footer-status-dot{width:8px;height:8px;border-radius:50%;background:#45C96A;box-shadow:0 0 10px rgba(69,201,106,.68);}
  .pawer-footer-time{display:flex;align-items:center;gap:7px;margin-top:11px;color:var(--text-mute);font-size:10px;line-height:1.4;}
  .pawer-footer-time svg{width:13px;height:13px;flex:0 0 13px;color:var(--gold);}
  .pawer-footer-heading{margin:2px 0 17px;color:var(--gold);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;}
  .pawer-footer-list{display:grid;gap:11px;}
  .pawer-footer-link{width:max-content;max-width:100%;padding:0;display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--text-dim);font:500 12px/1.35 "Segoe UI",Arial,sans-serif;text-align:left;text-decoration:none;cursor:pointer;transition:color .16s ease,transform .16s ease;}
  .pawer-footer-link:hover,.pawer-footer-link:focus-visible{color:var(--text);transform:translateX(2px);outline:none;}
  .pawer-footer-link-icon{width:16px;height:16px;display:grid;place-items:center;flex:0 0 16px;color:var(--gold);}
  .pawer-footer-link-icon svg{display:block;width:15px;height:15px;}
  .pawer-footer-link-icon img{display:block;width:17px;height:17px;object-fit:contain;transform:none;}
  .pawer-footer-social-link{font-weight:650;}
  .pawer-footer-social-link .pawer-footer-link-icon{width:18px;height:18px;flex-basis:18px;}
  .pawer-footer-social-link.discord-social-link{color:#5865F2;}
  .pawer-footer-social-link.facebook-social-link{color:#0866FF;}
  .pawer-footer-social-link.discord-social-link:hover,.pawer-footer-social-link.discord-social-link:focus-visible{color:#E3E5FF;}
  .pawer-footer-social-link.facebook-social-link:hover,.pawer-footer-social-link.facebook-social-link:focus-visible{color:#C5DDFF;}
  .pawer-footer-privacy{padding-top:31px;}
  .pawer-footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(201,154,62,.12);display:flex;justify-content:space-between;gap:16px;color:var(--text-mute);font-size:10px;line-height:1.5;}
  .pawer-footer-meta-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;}
  .marketplace-footer{position:relative;margin-top:54px;padding:38px 24px 104px;border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(20,17,13,.35),rgba(12,10,8,.92));font-family:"Segoe UI",Arial,sans-serif;}
  .marketplace-footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(190px,.8fr) minmax(170px,.65fr);gap:54px;align-items:start;}
  .marketplace-footer-brand-button{width:150px;height:82px;padding:0;display:block;border:0;background:transparent;cursor:pointer;}
  .marketplace-footer-brand-button img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 12px rgba(0,0,0,.34));transition:filter .16s ease,transform .16s ease;}
  .marketplace-footer-brand-button:hover img,.marketplace-footer-brand-button:focus-visible img{filter:brightness(1.08) drop-shadow(0 6px 14px rgba(0,0,0,.4));transform:translateY(-1px);}
  .marketplace-footer-brand-button:focus-visible{outline:1px solid rgba(201,154,62,.58);outline-offset:4px;}
  .marketplace-footer-about{max-width:360px;margin:12px 0 0;color:var(--text-dim);font-size:12px;line-height:1.65;}
  .marketplace-footer .pawer-footer-heading{margin-top:9px;}
  .marketplace-footer-bottom{max-width:1180px;margin:30px auto 0;padding-top:17px;border-top:1px solid rgba(201,154,62,.12);color:var(--text-mute);font-size:10px;line-height:1.5;}
  .pawer-info-dialog{width:min(680px,calc(100% - 32px));max-height:min(760px,calc(100vh - 32px));padding:0;overflow:auto;border:1px solid var(--border-hi);border-radius:9px;background:linear-gradient(160deg,#211B15,#12100D);color:var(--text);box-shadow:0 28px 80px rgba(0,0,0,.7);}
  .pawer-info-dialog::backdrop{background:rgba(5,5,5,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
  .pawer-info-dialog-card{position:relative;padding:30px;}
  .pawer-info-dialog-label{margin:0 42px 9px 0;color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;}
  .pawer-info-dialog h2{margin:0 42px 8px 0;font:700 26px/1.2 "Segoe UI",Arial,sans-serif;}
  .pawer-info-dialog-intro{margin:0 0 22px;color:var(--text-dim);font-size:13px;line-height:1.65;}
  .pawer-info-dialog-section{margin-top:19px;padding-top:17px;border-top:1px solid rgba(201,154,62,.16);}
  .pawer-info-dialog-section h3{margin:0 0 8px;font:700 15px/1.35 "Segoe UI",Arial,sans-serif;color:var(--text);}
  .pawer-info-dialog-section p,.pawer-info-dialog-section li{color:var(--text-dim);font-size:12px;line-height:1.65;}
  .pawer-info-dialog-section p{margin:0 0 9px;}
  .pawer-info-dialog-section ul,.pawer-info-dialog-section ol{margin:9px 0 0;padding-left:20px;}
  .pawer-info-dialog-actions{margin-top:24px;padding-top:18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid rgba(201,154,62,.16);}
  .pawer-info-dialog a{color:var(--gold);}
  .marketplace-chooser-dialog{width:min(1120px,calc(100% - 32px));max-width:none;background:#0E1117;border-color:rgba(128,139,169,.28);}
  .marketplace-chooser-dialog .pawer-info-dialog-card{padding:22px;}
  .marketplace-chooser-heading{display:flex;align-items:center;gap:10px;margin:0 44px 17px 0!important;font:700 21px/1.2 'Inter',sans-serif!important;}
  .marketplace-chooser-heading-icon{position:relative;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(145deg,#503C74,#1D263C);color:#EB4E82;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
  .marketplace-game-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;}
  .marketplace-game-choice{position:relative;min-width:0;aspect-ratio:1.72;padding:0;border:1px solid rgba(123,135,164,.22);border-radius:10px;background:#171B24;color:#F4F5F8;text-align:left;cursor:pointer;overflow:hidden;isolation:isolate;transition:border-color .16s,transform .16s,box-shadow .16s;}
  .marketplace-game-choice::after{content:'';position:absolute;z-index:1;inset:28% 0 0;background:linear-gradient(180deg,transparent,rgba(7,9,14,.8) 58%,rgba(7,9,14,.97));pointer-events:none;}
  .marketplace-game-choice:hover,.marketplace-game-choice:focus-visible{border-color:rgba(113,171,255,.7);transform:translateY(-3px);box-shadow:0 13px 34px rgba(0,0,0,.38);outline:none;}
  .marketplace-game-choice > img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;background:#111620;transition:transform .22s,filter .22s;}
  .marketplace-game-choice:hover > img{transform:scale(1.035);filter:brightness(1.06);}
  .marketplace-game-choice[data-open-market-game="calamity"] > img{object-fit:contain;padding:18px;background:radial-gradient(circle at 50% 42%,#273056,#111827 70%);}
  .marketplace-game-choice[data-open-market-game="yakkamon"] > img{object-fit:contain;padding:24px;background:radial-gradient(circle at 50% 38%,#302E2B,#111315 72%);}
  .marketplace-game-choice[data-open-market-game="ragnarok-new-world"] > img{object-fit:contain;padding:22px;background:linear-gradient(145deg,rgba(8,27,48,.35),rgba(4,11,20,.78)),url('ragnarok-new-world-background.webp') center/cover no-repeat;}
  .marketplace-game-choice[data-open-market-game="ragnarok-zero-global"] > img{object-fit:contain;padding:7px;background:#071A38;}
  .marketplace-game-choice.afk-preview > img{filter:saturate(.75) brightness(.62);}
  .marketplace-game-choice-content{position:absolute;z-index:2;left:12px;right:12px;bottom:10px;display:flex;flex-direction:column;gap:7px;}
  .marketplace-game-choice strong{font-size:16px;line-height:1.15;text-shadow:0 2px 6px rgba(0,0,0,.8);}
  .marketplace-game-tags{display:flex;flex-wrap:wrap;gap:6px;}
  .marketplace-game-tag{padding:4px 8px;border-radius:999px;background:rgba(37,42,54,.9);color:#D5D8E0;font-size:9px;font-weight:700;line-height:1;text-transform:none;}
  .marketplace-game-tag.live{background:rgba(37,153,91,.9);color:#E8FFF0;}
  .marketplace-game-tag.soon{background:rgba(96,85,117,.9);color:#EEE9F5;}
  .marketplace-game-choice[disabled]{cursor:not-allowed;opacity:.72;}
  .marketplace-game-choice[disabled]:hover{transform:none;border-color:rgba(123,135,164,.22);box-shadow:none;}
  .game-experience[hidden],.game-hub[hidden]{display:none!important;}
  .pawer-loading-preview{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(36,76,111,.22),transparent 34%),#07111D;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;}
  /* Failsafe: the boot overlay hides the whole page until app.js clears it.
     If the script is slow, blocked, or errors out, the visitor would stare at a
     blank screen. These animations force the real content back and fade the
     overlay out on their own, with no JavaScript involved. */
  @keyframes pawerBootRevealContent{to{visibility:visible;}}
  @keyframes pawerBootReleaseOverlay{to{opacity:0;visibility:hidden;}}
  html.pawer-page-boot .game-switcher,html.pawer-page-boot #gameHub,html.pawer-page-boot #calamityExperience,
  html.marketplace-boot .game-switcher,html.marketplace-boot #gameHub{
    animation:pawerBootRevealContent 0s linear 1.2s forwards;
  }
  html.pawer-page-boot #pawerLoadingPreview,html.marketplace-boot #pawerLoadingPreview{
    animation:pawerBootReleaseOverlay .25s ease 1.2s forwards;
  }
  html.pawer-page-boot body{background:#0E0C0A;}
  html.pawer-page-boot .game-switcher,html.pawer-page-boot #gameHub,html.pawer-page-boot #calamityExperience{visibility:hidden!important;}
  html.pawer-page-boot #pawerLoadingPreview{display:grid!important;opacity:1!important;visibility:visible!important;}
  html.marketplace-boot body{background:#0E0C0A;}
  html.marketplace-boot .game-switcher,html.marketplace-boot #gameHub{visibility:hidden!important;}
  html.marketplace-boot #pawerLoadingPreview{display:grid!important;opacity:1!important;visibility:visible!important;}
  html.marketplace-boot[data-marketplace-boot-game="yakkamon"] #pawerLoadingPreview{background:radial-gradient(circle at 50% 42%,rgba(211,179,91,.12),transparent 34%),#111214;}
  html.marketplace-boot[data-marketplace-boot-game="ragnarok-new-world"] #pawerLoadingPreview{background:radial-gradient(circle at 50% 42%,rgba(36,76,111,.22),transparent 34%),#07111D;}
  html.marketplace-boot[data-marketplace-boot-game="ragnarok-zero-global"] #pawerLoadingPreview{background:radial-gradient(circle at 50% 42%,rgba(38,142,224,.25),transparent 35%),#061A3A;}
  .pawer-loading-preview[data-game="calamity"]{background:radial-gradient(circle at 50% 42%,rgba(103,67,255,.15),transparent 34%),radial-gradient(circle at 8% 34%,rgba(27,180,236,.07),transparent 28%),#0E0C0A;}
  .pawer-loading-preview[data-game="all"]{background:radial-gradient(circle at 50% 42%,rgba(201,154,62,.13),transparent 34%),radial-gradient(circle at 9% 34%,rgba(98,92,180,.07),transparent 27%),#0E0C0A;}
  .pawer-loading-preview[data-game="yakkamon"]{background:radial-gradient(circle at 50% 42%,rgba(211,179,91,.12),transparent 34%),linear-gradient(115deg,rgba(255,255,255,.025),transparent 28%,transparent 68%,rgba(206,170,77,.03)),#111214;}
  .pawer-loading-preview[data-game="ragnarok-zero-global"]{background:radial-gradient(circle at 50% 42%,rgba(38,142,224,.25),transparent 35%),linear-gradient(180deg,rgba(8,42,92,.6),rgba(4,18,42,.95)),#061A3A;}
  .pawer-loading-preview.visible{opacity:1;visibility:visible;}
  /* Game switches must be opaque on their very first frame. The normal
     opacity transition allowed one old listing card to peek through. */
  .pawer-loading-preview.hard-shield{opacity:1;visibility:visible;transition:none;}
  body.marketplace-transition-lock #grid,
  body.marketplace-transition-lock #emptyState{visibility:hidden!important;}
  .pawer-loading-preview.leaving{opacity:0;visibility:hidden;}
  .pawer-loading-card{width:min(320px,86vw);display:flex;flex-direction:column;align-items:center;text-align:center;}
  .pawer-loading-logo{display:block;width:132px;height:92px;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.45));}
  .pawer-loading-title{margin-top:10px;color:#F2EBDD;font:700 17px/1.25 'Cinzel',serif;letter-spacing:.025em;}
  .pawer-loading-copy{margin-top:6px;color:#8093A5;font:500 10px/1.4 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.11em;}
  .pawer-loading-track{width:100%;height:3px;margin-top:19px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 2px rgba(0,0,0,.34);}
  .pawer-loading-progress{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6EA6D3,#E5C987);box-shadow:0 0 12px rgba(154,198,230,.3);}
  .pawer-loading-preview[data-game="calamity"] .pawer-loading-progress{background:linear-gradient(90deg,#6956D8,#D6A834);box-shadow:0 0 12px rgba(125,101,225,.3);}
  .pawer-loading-preview[data-game="all"] .pawer-loading-progress{background:linear-gradient(90deg,#8C7350,#D6A834);box-shadow:0 0 12px rgba(201,154,62,.25);}
  .pawer-loading-preview[data-game="yakkamon"] .pawer-loading-progress{background:linear-gradient(90deg,#7B7D82,#D0A94D);box-shadow:0 0 12px rgba(208,169,77,.26);}
  .pawer-loading-preview[data-game="ragnarok-zero-global"] .pawer-loading-progress{background:linear-gradient(90deg,#2DB9FF,#CFF5FF);box-shadow:0 0 14px rgba(45,185,255,.38);}
  .pawer-loading-preview.visible .pawer-loading-progress{animation:pawerLoadingProgress var(--pawer-loading-duration,2200ms) cubic-bezier(.2,.65,.25,1) forwards;}
  @keyframes pawerLoadingProgress{0%{width:0}32%{width:48%}68%{width:78%}100%{width:100%}}
  body.loading-preview-active{overflow:hidden;}
  #calamityExperience{position:relative;isolation:isolate;background:var(--bg);overflow-x:clip;}
  #calamityExperience::before{content:'';position:absolute;z-index:-2;inset:0;pointer-events:none;background:
    radial-gradient(circle at 86% 12%,rgba(103,67,255,.17),transparent 29%),
    radial-gradient(circle at 7% 33%,rgba(27,180,236,.09),transparent 25%),
    linear-gradient(180deg,rgba(15,18,31,.64) 0,rgba(14,12,10,.88) 430px,var(--bg) 820px);}
  #calamityExperience::after{content:'';position:absolute;z-index:-1;top:82px;right:-80px;width:min(620px,52vw);height:470px;pointer-events:none;background:url('calamity-logo.webp') center/contain no-repeat;opacity:.035;filter:saturate(1.25) drop-shadow(0 0 55px rgba(80,84,255,.5));}
  #calamityExperience[data-game="all"]::before{background:
    radial-gradient(circle at 82% 12%,rgba(201,154,62,.12),transparent 30%),
    radial-gradient(circle at 8% 34%,rgba(103,91,180,.07),transparent 25%),
    linear-gradient(180deg,rgba(18,16,14,.72) 0,rgba(14,12,10,.9) 430px,var(--bg) 820px);}
  #calamityExperience[data-game="all"]::after{background-image:url('pawer-marketplace-logo-optimized.webp');opacity:.025;filter:saturate(.95) drop-shadow(0 0 52px rgba(201,154,62,.24));}
  #calamityExperience[data-game="all"] .game-filter{border-color:rgba(201,154,62,.24);background:rgba(27,23,18,.86);box-shadow:inset 0 1px rgba(255,255,255,.025);}
  #calamityExperience[data-game="all"] .game-filter::before{background:none;}
  #calamityExperience[data-game="all"] .game-filter:hover,#calamityExperience[data-game="all"] .game-filter:focus-within{border-color:rgba(201,154,62,.48);box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.2);}
  #calamityExperience[data-game="all"] .game-filter-art{background:transparent;}
  #calamityExperience[data-game="yakkamon"]::before{background:
    radial-gradient(circle at 84% 13%,rgba(211,179,91,.14),transparent 29%),
    radial-gradient(circle at 8% 34%,rgba(160,167,180,.08),transparent 25%),
    linear-gradient(115deg,rgba(255,255,255,.035),transparent 26%,transparent 68%,rgba(206,170,77,.035)),
    linear-gradient(180deg,#191A1C 0,#111214 430px,var(--bg) 820px);}
  #calamityExperience[data-game="yakkamon"]::after{background-image:url('yakkamon-background.webp');opacity:.105;filter:grayscale(.08) sepia(.08) contrast(1.08) drop-shadow(0 0 48px rgba(205,165,67,.24));}
  #calamityExperience[data-game="calamity"] .game-filter{border-color:rgba(177,143,83,.5);background:linear-gradient(120deg,rgba(42,32,24,.97),rgba(31,23,28,.97));}
  #calamityExperience[data-game="calamity"] .game-filter::before{background:linear-gradient(100deg,rgba(214,165,65,.09),transparent 44%,rgba(103,67,255,.1));}
  #calamityExperience[data-game="calamity"] .game-filter:hover,#calamityExperience[data-game="calamity"] .game-filter:focus-within{border-color:rgba(214,174,87,.74);box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 0 2px rgba(201,154,62,.1),0 10px 28px rgba(0,0,0,.28);}
  #calamityExperience[data-game="calamity"] .game-filter-art{background:radial-gradient(circle,rgba(107,73,182,.24),rgba(25,18,22,.9));}
  #calamityExperience[data-game="yakkamon"] .game-filter{border-color:rgba(190,158,87,.48);background:linear-gradient(120deg,rgba(40,39,36,.97),rgba(25,26,28,.97));}
  #calamityExperience[data-game="yakkamon"] .game-filter::before{background:linear-gradient(100deg,rgba(211,179,91,.11),transparent 48%,rgba(160,167,180,.07));}
  #calamityExperience[data-game="yakkamon"] .game-filter:hover,#calamityExperience[data-game="yakkamon"] .game-filter:focus-within{border-color:rgba(211,179,91,.7);box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 0 2px rgba(201,154,62,.09),0 10px 28px rgba(0,0,0,.28);}
  #calamityExperience[data-game="yakkamon"] .game-filter-art{background:radial-gradient(circle,rgba(211,179,91,.16),rgba(20,21,23,.92));}
  #calamityExperience[data-game="ragnarok-new-world"]{--bg:#07111D;--surface:#0C1928;--surface-2:#0A1623;--raised:#14263A;--border:rgba(195,213,228,.17);--border-hi:rgba(224,202,147,.38);--gold:#E5C987;--accent:#B9914E;--accent-hi:#D8B76C;}
  #calamityExperience[data-game="ragnarok-new-world"]::before{background:linear-gradient(180deg,rgba(4,14,27,.42),rgba(5,13,23,.84) 520px,#07111D 940px),radial-gradient(circle at 78% 18%,rgba(89,153,205,.2),transparent 35%);}
  #calamityExperience[data-game="ragnarok-new-world"]::after{top:0;right:0;width:100%;height:1120px;background:url('ragnarok-new-world-background.webp') center top/cover no-repeat;opacity:.22;filter:saturate(.94) contrast(1.03);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 54%,rgba(0,0,0,.7) 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 54%,rgba(0,0,0,.7) 72%,transparent 100%);}
  #calamityExperience[data-game="ragnarok-new-world"] .game-filter{border-color:rgba(217,190,126,.55);background:linear-gradient(120deg,rgba(11,38,64,.97),rgba(10,21,35,.97));}
  #calamityExperience[data-game="ragnarok-new-world"] .game-filter::before{background:linear-gradient(100deg,rgba(111,184,231,.12),transparent 44%,rgba(229,201,135,.1));}
  #calamityExperience[data-game="ragnarok-new-world"] .game-filter-art{background:radial-gradient(circle,rgba(228,202,143,.22),rgba(6,20,35,.9));}
  #calamityExperience[data-game="ragnarok-new-world"] .game-filter-art img{filter:drop-shadow(0 2px 8px rgba(231,202,135,.32));}
  #calamityExperience[data-game="ragnarok-new-world"] .game-filter:hover,#calamityExperience[data-game="ragnarok-new-world"] .game-filter:focus-within{border-color:rgba(229,201,135,.72);box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 0 2px rgba(112,168,211,.1),0 10px 28px rgba(0,0,0,.28);}
  #calamityExperience[data-game="ragnarok-zero-global"]{--bg:#06152F;--surface:#0A2042;--surface-2:#071A37;--raised:#10305D;--border:rgba(128,196,244,.22);--border-hi:rgba(121,214,255,.46);--gold:#BDEEFF;--accent:#2C9FE3;--accent-hi:#71D8FF;}
  #calamityExperience[data-game="ragnarok-zero-global"]::before{background:linear-gradient(180deg,rgba(5,22,53,.28),rgba(4,18,42,.78) 520px,#06152F 940px),radial-gradient(circle at 77% 18%,rgba(67,190,255,.24),transparent 36%);}
  #calamityExperience[data-game="ragnarok-zero-global"]::after{top:0;right:0;width:100%;height:1120px;background:url('ragnarok-zero-global-background.avif') center top/cover no-repeat;opacity:.38;filter:saturate(1.08) contrast(1.04);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.7) 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.7) 72%,transparent 100%);}
  #calamityExperience[data-game="ragnarok-zero-global"] .game-filter{border-color:rgba(113,216,255,.62);background:linear-gradient(120deg,rgba(8,47,91,.97),rgba(7,27,61,.97));}
  #calamityExperience[data-game="ragnarok-zero-global"] .game-filter::before{background:linear-gradient(100deg,rgba(80,199,255,.17),transparent 46%,rgba(190,239,255,.1));}
  #calamityExperience[data-game="ragnarok-zero-global"] .game-filter-art{background:radial-gradient(circle,rgba(73,193,255,.25),rgba(5,24,55,.92));}
  #calamityExperience[data-game="ragnarok-zero-global"] .game-filter-art img{object-fit:contain;padding:4px;filter:drop-shadow(0 2px 9px rgba(55,181,255,.35));}
  #calamityExperience[data-game="ragnarok-zero-global"] .game-filter:hover,#calamityExperience[data-game="ragnarok-zero-global"] .game-filter:focus-within{border-color:rgba(157,229,255,.86);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 0 2px rgba(68,186,255,.12),0 10px 28px rgba(0,0,0,.3);}

  header.top{border:0;border-bottom:1px solid rgba(232,230,224,.22);background:var(--bg);box-shadow:0 14px 34px rgba(0,0,0,.16);}
  .top-inner{max-width:1180px;min-height:59px;margin:0 auto;padding:4px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
  .brand{min-width:0;display:flex;align-items:center;gap:7px;}
  .brand-mark{width:54px;height:44px;padding:0;border:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;flex:0 0 54px;overflow:hidden;cursor:pointer;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent;}
  .brand-mark img,.brand-mark:hover img,.brand-mark:focus-visible img,.brand-mark:active img{display:block;width:100%;height:100%;max-width:100%;flex:0 0 auto;object-fit:contain;object-position:center;filter:none;pointer-events:none;}
  .brand-text{min-width:0;display:flex;flex-direction:column;justify-content:center;}
  .brand-text .name{font-size:16px;line-height:1.16;font-weight:600;color:var(--text);white-space:nowrap;}
  .brand-text .tag{font-size:8px;line-height:1.3;color:var(--text-mute);letter-spacing:.055em;text-transform:uppercase;margin-top:2px;}
  .top-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
  .discord-auth{position:relative;}
  .discord-auth [hidden]{display:none!important;}
  .discord-auth.auth-restoring{width:118px;min-height:38px;display:grid;place-items:center;}
  .discord-auth.auth-restoring::before{content:'Checking session';width:100%;min-height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid rgba(103,133,173,.28);border-radius:9px;background:linear-gradient(110deg,rgba(255,255,255,.025) 22%,rgba(255,255,255,.085) 38%,rgba(255,255,255,.025) 54%);background-size:240% 100%;color:#8591a4;font-size:10px;font-weight:700;letter-spacing:.035em;white-space:nowrap;animation:pawer-auth-restoring 1.35s linear infinite;}
  @keyframes pawer-auth-restoring{to{background-position:-240% 0;}}
  .discord-login{display:flex;align-items:center;gap:8px;border-color:rgba(88,101,242,.65);background:rgba(88,101,242,.12);}
  .discord-auth.auth-check-failed .discord-login{border-color:rgba(224,178,83,.42);background:rgba(224,178,83,.08);color:#f2cf86;}
  .discord-login svg{width:18px;height:18px;color:#8d98ff;}
  .discord-login-short{display:none;}
  .account-button{display:flex;align-items:center;gap:9px;min-height:42px;padding:5px 10px 5px 6px;}
  .account-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#313338;border:1px solid rgba(255,255,255,.16);}
  .account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .account-caret{font-size:10px;color:var(--text-mute);transition:transform .15s;}
  .account-button[aria-expanded="true"] .account-caret{transform:rotate(180deg);}
  .account-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:950;width:220px;padding:7px;border:1px solid var(--border-hi);border-radius:5px;background:#181511;box-shadow:0 16px 42px rgba(0,0,0,.55);}
  .account-menu[hidden]{display:none!important;}
  .account-summary{padding:8px 9px 11px;border-bottom:1px solid var(--border);margin-bottom:5px;}
  .account-summary strong,.account-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .account-summary span{margin-top:3px;color:var(--text-mute);font-size:11px;}
  .account-menu button{width:100%;padding:9px 10px;border:0;border-radius:3px;background:transparent;color:var(--text-dim);text-align:left;cursor:pointer;}
  .account-menu button:hover{background:var(--raised);color:var(--text);}
  .messages-button{position:relative;width:40px;height:40px;display:grid;place-items:center;padding:0;border-color:rgba(201,154,62,.42);background:rgba(201,154,62,.06);}
  .messages-button svg{width:19px;height:19px;}
  .messages-unread{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--bg);border-radius:999px;background:#D94A4A;color:#fff;font-size:9px;font-weight:800;}
  .messages-unread[hidden]{display:none!important;}
  .messages-dialog{width:min(920px,calc(100% - 28px));max-width:none;padding:0;border:1px solid var(--border-hi);border-radius:7px;background:#11100E;color:var(--text);box-shadow:0 28px 90px rgba(0,0,0,.72);}
  .messages-dialog::backdrop{background:rgba(5,5,6,.78);backdrop-filter:blur(3px);}
  .messages-dialog [hidden]{display:none!important;}
  .messages-shell{height:min(680px,calc(100vh - 50px));display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;}
  .messages-header{min-height:67px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px 12px 18px;border-bottom:1px solid var(--border);background:linear-gradient(110deg,#211B13,#151311);}
  .messages-header-copy{min-width:0;display:flex;align-items:center;gap:11px;}
  .messages-header-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(201,154,62,.35);border-radius:50%;color:var(--gold);}
  .messages-header-icon svg{width:17px;height:17px;}
  .messages-header h2{margin:0;font-size:18px;}
  .messages-header p{margin:2px 0 0;color:var(--text-mute);font-size:10px;}
  .messages-close{position:static;width:34px;height:34px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-dim);font-size:20px;cursor:pointer;}
  .private-mail-safety{min-width:0;margin:0;padding:7px 14px;display:flex;align-items:center;justify-content:center;gap:7px;border-bottom:1px solid var(--comm-border,var(--border));background:color-mix(in srgb,var(--comm-accent,#D9943E) 7%,var(--comm-surface,#151310));color:var(--comm-dim,var(--text-dim));font:500 9px/1.4 'Inter',sans-serif;text-align:center;}
  .private-mail-safety svg{width:14px;height:14px;flex:0 0 14px;color:var(--comm-gold,#E1AD58);}
  .private-mail-safety strong{color:var(--comm-gold,#EAC277);}
  .messages-mode-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:5px;background:#11100F;}
  .messages-mode-tabs button{min-height:29px;padding:6px 11px;border:0;border-radius:3px;background:transparent;color:var(--text-mute);font:700 10px/1 'Inter',sans-serif;cursor:pointer;}
  .messages-mode-tabs button:hover{color:var(--text);}
  .messages-mode-tabs button.active{background:var(--raised);color:var(--gold);}
  .messages-mode-tabs button:focus,.messages-mode-tabs button:focus-visible{outline:none;}
  .live-chat-pane{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(150deg,#121110,#0E0F11);}
  .live-chat-heading{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px;border-bottom:1px solid var(--border);background:#151310;}
  .live-chat-heading strong,.live-chat-heading small{display:block;}
  .live-chat-heading strong{font-size:13px;}
  .live-chat-heading small{margin-top:3px;color:var(--text-mute);font-size:9px;}
  .live-chat-status{display:inline-flex;align-items:center;gap:6px;color:#5EE18C;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;}
  .live-chat-status i{width:7px;height:7px;border-radius:50%;background:#43DA78;box-shadow:0 0 9px rgba(67,218,120,.75);}
  .live-chat-status b{font:inherit;color:inherit;white-space:nowrap;}
  .live-chat-fab{position:fixed;z-index:94;right:20px;bottom:76px;width:54px;height:54px;display:grid;place-items:center;padding:0;border:1px solid rgba(201,154,62,.42);border-radius:50%;background:#11110F;color:#F1EEE8;box-shadow:0 12px 34px rgba(0,0,0,.48);cursor:pointer;transition:transform .16s,background .16s,color .16s,box-shadow .16s;}
  .live-chat-fab:hover{transform:translateY(-2px);background:#1B1814;color:var(--gold);}
  .live-chat-fab:focus,.live-chat-fab:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(201,154,62,.22),0 12px 34px rgba(0,0,0,.48);}
  .live-chat-fab svg{width:24px;height:24px;}
  .live-chat-fab .live-chat-fab-minimize-icon{display:none;}
  .live-chat-fab.is-open{background:#00D084;color:#071A12;border-color:#00D084;box-shadow:0 10px 28px rgba(0,208,132,.26);}
  .live-chat-fab.is-open:hover{background:#19E39A;color:#04110C;}
  .live-chat-fab.is-open .live-chat-fab-chat-icon{display:none;}
  .live-chat-fab.is-open .live-chat-fab-minimize-icon{display:block;}
  .live-chat-fab.is-open .live-chat-unread{display:none!important;}
  .live-chat-fab[hidden],.live-chat-sidebar[hidden],.live-chat-unread[hidden]{display:none!important;}
  .live-chat-unread{position:absolute;top:-4px;right:-3px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--bg);border-radius:999px;background:#D93E50;color:#fff;font:800 9px/1 'Inter',sans-serif;}
  .live-chat-toast{position:fixed;z-index:93;right:20px;bottom:140px;width:min(330px,calc(100vw - 28px));display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(217,62,80,.58);border-radius:9px;background:linear-gradient(120deg,#211719,#131311);color:var(--text);text-align:left;box-shadow:0 16px 40px rgba(0,0,0,.58),0 0 0 1px rgba(217,62,80,.08);cursor:pointer;animation:liveChatToastIn .2s ease-out both;}
  .live-chat-toast[hidden]{display:none!important;}
  .live-chat-toast:hover{border-color:#E04B5D;background:linear-gradient(120deg,#29191C,#171412);}
  .live-chat-toast img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#25211C;}
  .live-chat-toast span{min-width:0;}
  .live-chat-toast strong,.live-chat-toast small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .live-chat-toast strong{font-size:11px;}
  .live-chat-toast small{margin-top:4px;color:var(--text-dim);font-size:9px;}
  .live-chat-toast b{min-width:22px;height:22px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:#D93E50;color:#fff;font:800 9px/1 'Inter',sans-serif;}
  @keyframes liveChatToastIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
  .live-chat-sidebar{position:fixed;z-index:91;right:18px;bottom:142px;width:min(390px,calc(100vw - 24px));height:min(616px,calc(100vh - 154px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--border-hi);border-radius:16px;background:#10110F;color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.62);transform-origin:bottom right;opacity:1;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .19s cubic-bezier(.22,.8,.28,1);}
  .live-chat-sidebar.is-opening{opacity:0;transform:translateY(18px) scale(.965);pointer-events:none;}
  .live-chat-sidebar.is-closing{opacity:0;transform:translateY(18px) scale(.965);pointer-events:none;}
  @media(prefers-reduced-motion:reduce){
    .live-chat-sidebar,.live-chat-fab{transition:none!important;}
  }
  .live-chat-sidebar-header{min-height:70px;display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:10px 11px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,#242017,#151512);}
  .live-chat-sidebar-logo{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(201,154,62,.32);border-radius:50%;color:var(--gold);}
  .live-chat-sidebar-logo svg{width:18px;height:18px;}
  .live-chat-sidebar-header strong,.live-chat-sidebar-header small{display:block;}
  .live-chat-sidebar-header strong{font-size:13px;}
  .live-chat-sidebar-header small{margin-top:3px;color:var(--text-mute);font-size:8px;}
  .live-chat-sidebar-header button{width:34px;height:34px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:#00D084;color:#071A12;line-height:1;cursor:pointer;box-shadow:0 5px 15px rgba(0,208,132,.2);transition:background .15s,transform .15s,box-shadow .15s;}
  .live-chat-sidebar-header button:hover{background:#19E39A;color:#04110C;transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,208,132,.3);}
  .live-chat-sidebar-header button:focus-visible{outline:2px solid rgba(74,239,180,.52);outline-offset:2px;}
  .live-chat-sidebar-header button svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
  .live-chat-sidebar-header .live-chat-report-inbox-button{position:relative;grid-column:4;background:#1C1914;color:var(--gold);border:1px solid rgba(201,154,62,.35);box-shadow:none;}
  .live-chat-sidebar-header .live-chat-report-inbox-button:hover{background:#292217;color:#F0C75D;box-shadow:0 6px 16px rgba(0,0,0,.25);}
  .live-chat-report-inbox-button[hidden]{display:none!important;}
  .live-chat-report-inbox-button span{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #181611;border-radius:999px;background:#D93E50;color:#fff;font:800 8px/1 'Inter',sans-serif;}
  .live-chat-report-inbox-button span[hidden]{display:none!important;}
  .live-chat-stream{min-height:0;overflow-y:auto;padding:10px 14px 18px;}
  .live-chat-date-separator{display:flex;align-items:center;justify-content:center;margin:12px 0 9px;color:var(--text-mute);font:700 8px/1.2 'Inter',sans-serif;text-align:center;pointer-events:none;}
  .live-chat-date-separator span{padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.035);}
  .live-chat-message{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:end;gap:9px;padding:3px 2px;border:0;}
  .live-chat-message+.live-chat-message{margin-top:3px;}
  .live-chat-message.mine{background:none;}
  .live-chat-message.actionable{border-radius:8px;}
  .live-chat-message.actionable:focus-within{outline:none;}
  .live-chat-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#25211C;border:1px solid var(--border);align-self:end;}
  .live-chat-copy{min-width:0;width:fit-content;max-width:100%;}
  .live-chat-meta{display:flex;align-items:center;min-height:16px;margin:0 0 2px 4px;gap:6px;}
  .live-chat-meta strong{max-width:245px;overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap;}
  .live-chat-bubble-row{position:relative;display:flex;align-items:center;width:fit-content;max-width:100%;gap:5px;}
  .live-chat-text{display:inline-block;width:fit-content;max-width:min(270px,calc(100vw - 128px));padding:7px 10px;border:1px solid rgba(255,255,255,.055);border-radius:14px 14px 14px 4px;background:#1B1B19;color:var(--text-dim);font-size:12px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 2px 7px rgba(0,0,0,.12);}
  .live-chat-message.mine .live-chat-text{border-color:rgba(201,154,62,.16);border-radius:14px 14px 4px 14px;background:rgba(201,154,62,.105);color:var(--text);}
  .live-chat-more{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-mute);font:900 11px/1 'Inter',sans-serif;letter-spacing:-1px;cursor:pointer;opacity:0;transform:scale(.9);transition:opacity .12s,background .12s,color .12s,transform .12s;}
  .live-chat-message.actionable:hover .live-chat-more,.live-chat-message.actions-open .live-chat-more,.live-chat-more:focus-visible{opacity:1;transform:scale(1);}
  .live-chat-more:hover,.live-chat-more:focus-visible{outline:none;background:rgba(255,255,255,.07);color:var(--text);}
  .live-chat-message-actions{position:absolute;z-index:8;left:calc(100% + 3px);top:28px;min-width:112px;display:grid;gap:2px;padding:5px;border:1px solid var(--border);border-radius:9px;background:#181714;box-shadow:0 12px 30px rgba(0,0,0,.48);}
  .live-chat-message-actions[hidden]{display:none!important;}
  .live-chat-message-actions button{width:100%;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--text-dim);font:700 9px/1 'Inter',sans-serif;text-align:left;cursor:pointer;}
  .live-chat-message-actions button:hover,.live-chat-message-actions button:focus-visible{outline:none;background:rgba(201,154,62,.09);color:var(--gold);}
  @media(hover:none){.live-chat-message.actionable .live-chat-more{opacity:.68;transform:scale(1);}}
  .live-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) 66px;align-items:center;gap:9px;padding:12px;border-top:1px solid var(--border);background:#151310;}
  .live-chat-compose textarea{height:42px;min-height:42px;max-height:42px;resize:none;padding:10px 11px;border:1px solid var(--border);border-radius:5px;background:#0F0F10;color:var(--text);font:12px/1.45 'Inter',sans-serif;}
  .live-chat-compose textarea:focus{outline:none;border-color:var(--gold);}
  .live-chat-compose button{width:66px;height:42px;min-height:42px;align-self:center;padding:0;display:grid;place-items:center;}
  .live-chat-compose .message-compose-status:empty{display:none;}
  .live-chat-compose[hidden]{display:none!important;}
  .live-chat-reports{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#10110F;}
  .live-chat-reports[hidden]{display:none!important;}
  .live-chat-reports>header{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid var(--border);background:#151310;}
  .live-chat-reports>header button{width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:#111;color:var(--gold);font-size:20px;cursor:pointer;}
  .live-chat-reports>header strong,.live-chat-reports>header small{display:block;}
  .live-chat-reports>header strong{font-size:12px;}.live-chat-reports>header small{margin-top:2px;color:var(--text-mute);font-size:8px;}
  .live-chat-report-list{min-height:0;overflow-y:auto;padding:9px;}
  .live-chat-report-card{margin-bottom:8px;padding:10px;border:1px solid var(--border);border-radius:5px;background:#151412;}
  .live-chat-report-card.unread{border-color:rgba(217,62,80,.5);box-shadow:inset 3px 0 #D93E50;}
  .live-chat-report-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;}
  .live-chat-report-card strong{font-size:10px;color:#F0C75D;}.live-chat-report-card time{font-size:8px;color:var(--text-mute);}
  .live-chat-report-card .report-source{display:inline-flex;margin-top:6px;padding:2px 6px;border:1px solid rgba(201,154,62,.28);border-radius:999px;color:#C9A35B;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
  .live-chat-report-card blockquote{margin:8px 0;padding:7px 8px;border-left:2px solid var(--border-hi);background:#10100F;color:var(--text-dim);font-size:10px;line-height:1.45;}
  .live-chat-report-card p{margin:0;color:var(--text-dim);font-size:9px;line-height:1.45;}.live-chat-report-card p b{margin-right:4px;color:var(--text);}
  .live-chat-report-card small{display:block;margin-top:7px;color:var(--text-mute);font-size:8px;}
  .chat-report-dialog{width:min(430px,calc(100% - 24px));padding:0;border:1px solid var(--border-hi);border-radius:7px;background:#12110F;color:var(--text);box-shadow:0 25px 80px rgba(0,0,0,.7);}
  .chat-report-dialog::backdrop{background:rgba(4,4,5,.78);backdrop-filter:blur(3px);}
  .chat-report-shell{position:relative;padding:22px;}.chat-report-shell h2{margin:0 36px 6px 0;font-size:19px;}.chat-report-shell .sub{margin-bottom:18px;}
  .chat-report-shell .field label span{color:var(--text-mute);font-weight:400;}.chat-report-shell textarea{min-height:82px;resize:vertical;}
  .live-chat-login-required{min-height:100%;display:grid;place-content:center;justify-items:center;gap:11px;padding:28px;text-align:center;}
  .live-chat-login-required svg{width:34px;height:34px;color:#8D98FF;}
  .live-chat-login-required strong{font-size:14px;color:var(--text);}
  .live-chat-login-required p{max-width:260px;margin:0;color:var(--text-dim);font-size:11px;line-height:1.55;}
  .live-chat-login-required button{margin-top:3px;}
  .messages-layout{min-height:0;display:grid;grid-template-columns:310px minmax(0,1fr);}
  .messages-threads{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#151310;}
  .messages-threads-title{padding:13px 14px 9px;color:var(--text-mute);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
  .messages-thread-list{min-height:0;overflow-y:auto;padding:0 7px 10px;}
  .message-thread{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text);text-align:left;cursor:pointer;}
  .message-thread:hover,.message-thread.active{border-color:var(--border);background:var(--raised);}
  .message-thread-avatar,.conversation-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#25211C;border:1px solid var(--border);}
  .message-thread-copy{min-width:0;}
  .message-thread-copy strong,.message-thread-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .message-thread-copy strong{font-size:12px;}
  .message-thread-copy span{margin-top:3px;color:var(--text-mute);font-size:9px;}
  .message-thread-badge{min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:9px;font-weight:800;}
  .messages-empty{padding:28px 18px;color:var(--text-mute);font-size:11px;line-height:1.55;text-align:center;}
  .messages-conversation{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(150deg,#121110,#0E0F11);}
  .conversation-head{min-height:64px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);}
  .conversation-back{display:none;width:32px;height:32px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text);cursor:pointer;}
  .conversation-head-copy{min-width:0;}
  .conversation-head-copy strong,.conversation-head-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .conversation-head-copy strong{font-size:13px;}
  .conversation-head-copy span{margin-top:3px;color:var(--gold);font-size:9px;}
  .conversation-placeholder{display:grid;place-items:center;padding:30px;color:var(--text-mute);font-size:12px;text-align:center;}
  .messages-stream{min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;}
  .message-bubble{
    max-width:min(78%,520px);
    padding:8px 11px;
    border:0;
    border-radius:15px 15px 15px 4px;
    background:color-mix(in srgb,var(--raised) 82%,var(--surface-2));
    color:var(--text);
    font-size:12px;
    line-height:1.5;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    box-shadow:0 1px 1px rgba(0,0,0,.16);
  }
  .message-bubble.mine{
    align-self:flex-end;
    border:0;
    border-radius:15px 15px 4px 15px;
    background:color-mix(in srgb,var(--gold) 18%,var(--raised));
    color:var(--text);
    box-shadow:0 1px 1px rgba(0,0,0,.16);
  }
  .message-bubble-text{display:block;white-space:pre-wrap;}
  .message-bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:5px;white-space:normal;}
  .message-time{display:block;color:var(--text-mute);font-size:8px;text-align:right;}
  .message-report-button{appearance:none;padding:0;border:0;background:none;color:#B79658;font:700 8px/1 var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;}
  .message-report-button:hover,.message-report-button:focus-visible{color:#F0C75D;text-decoration:underline;outline:none;}
  .message-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px;border-top:1px solid var(--border);background:#151310;}
  .message-compose textarea{min-height:42px;max-height:110px;resize:vertical;padding:10px 11px;border:1px solid var(--border);border-radius:5px;background:#0F0F10;color:var(--text);font:12px/1.45 'Inter',sans-serif;}
  .message-compose textarea:focus{outline:none;border-color:var(--gold);}
  .message-compose button{align-self:end;min-height:42px;}
  .message-compose-status{grid-column:1/-1;min-height:14px;color:#D96B62;font-size:9px;}
  .btn{font-family:'Inter',sans-serif;font-size:14px;font-weight:500;padding:10px 18px;border-radius:2px;border:1px solid var(--border-hi);background:transparent;color:var(--text);cursor:pointer;transition:all .15s;}
  .btn:hover{background:var(--raised);border-color:var(--text-mute);}
  .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}
  .btn.primary:hover{background:var(--accent-hi);border-color:var(--accent-hi);}
  .top-actions{gap:4px;}
  .top-actions .messages-button{width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:4px;background:transparent;color:#E9E6DF;box-shadow:none;}
  .top-actions .messages-button:hover{border:0;background:rgba(255,255,255,.055);color:#fff;}
  .top-actions .messages-button:focus,.top-actions .messages-button:focus-visible{outline:none;border:0;background:transparent;color:#fff;box-shadow:none;filter:drop-shadow(0 0 5px rgba(255,255,255,.24));}
  .top-actions .messages-button svg{width:18px;height:18px;}
  .top-actions .messages-unread{top:-3px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-width:1px;font-size:8px;}
  .discord-auth .account-button{min-height:34px;padding:2px 5px 2px 3px;border:0;border-radius:4px;background:transparent;box-shadow:none;gap:6px;}
  .discord-auth .account-button:hover{border:0;background:rgba(255,255,255,.055);}
  .discord-auth .account-avatar{width:29px;height:29px;border:0;}
  .discord-auth .account-name{max-width:105px;color:#F3F1ED;font-size:11px;font-weight:700;}
  .discord-auth .account-caret{font-size:7px;color:#8B8990;}

  /* Social / top-up buttons */
  .social-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:9px 13px;border:0;border-radius:6px;color:#fff;font-weight:600;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.18);}
  .social-btn svg{width:19px;height:19px;flex:0 0 19px;display:block;}
  .social-btn:hover{filter:brightness(1.08);border:0;}
  .discord-btn{background:#5865F2;}
  .facebook-btn{background:#1877F2;}
  .topup-btn{background:linear-gradient(135deg,#8f4f08 0%,#c97810 45%,#f0a52b 100%);}
  .topup-btn svg{width:20px;height:20px;flex-basis:20px;}
  .topup-btn img.topup-logo{width:24px;height:24px;flex:0 0 24px;display:block;object-fit:cover;border-radius:50%;}

  .hero{padding:36px 0 28px;border-bottom:0;}
  .hero h1{font-family:'Cinzel Decorative','Cinzel',serif;font-size:30px;margin:0 0 8px;color:var(--text);font-weight:700;letter-spacing:.005em;}
  .hero p{font-size:15px;color:var(--text-dim);margin:0;max-width:560px;line-height:1.6;font-style:italic;}
  .hero-stats{display:flex;gap:28px;margin-top:22px;flex-wrap:wrap;}
  .hstat .n{font-family:'Cinzel',serif;font-size:22px;color:var(--gold);font-weight:600;}
  .hstat .l{font-size:11px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-style:normal;}
  .market-hero-layout{position:relative;display:flex;gap:32px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
  .market-hero-copy{flex:1;min-width:260px;}
  .market-hero-copy>p{max-width:374px;font-size:14px;line-height:1.58;}
  .market-midman-card{width:260px;border:1px solid var(--border-hi);background:var(--surface-2);border-radius:3px;padding:18px 20px;}
  .market-midman-card .disp{font-family:'Cinzel',serif;font-size:16px;font-weight:800;color:var(--text);letter-spacing:.035em;line-height:1.15;text-transform:uppercase;margin-bottom:8px;text-shadow:0 1px 0 rgba(255,255,255,.025),0 0 12px rgba(114,89,210,.08);}
  .market-midman-card p{font-family:'Inter',sans-serif;font-size:13px;font-weight:400;line-height:1.6;color:var(--text-dim);margin:0;}
  .market-midman-card a{color:var(--gold);font-weight:500;text-decoration:underline;}
  .market-midman-card strong:first-of-type{color:var(--text);}
  .market-midman-card strong:last-of-type{color:var(--gold);}
  .market-ad-frame{position:absolute;z-index:1;top:88px;left:calc(50% - 130px);right:auto;box-sizing:border-box;width:360px;height:180px;min-width:0;padding:0;display:block;overflow:hidden;border:0;background:transparent;}
  .market-ad-placement{position:absolute;z-index:2;top:88px;left:calc(50% - 130px);right:auto;box-sizing:border-box;width:360px;min-width:0;padding:0;display:block;overflow:visible;opacity:0;pointer-events:none;transition:opacity .18s ease;}
  .market-ad-placement.ad-filled{opacity:1;pointer-events:auto;}
  .market-ad-placement.ad-unfilled{display:none!important;}
  .market-ad-position{position:relative;z-index:1;width:100%;min-width:0;display:block;overflow:visible;}
  .market-ad-google-shell{position:relative;width:100%;min-width:0;display:block;overflow:visible;}
  .market-ad-slot{position:relative;box-sizing:border-box;width:100%;min-width:0;padding:0;display:block;overflow:visible;border:0;background:transparent;box-shadow:none;}
  .market-ad-unit{position:relative;z-index:1;width:100%;min-width:0;display:block;overflow:visible;background:transparent;}
  .market-ad-slot .adsbygoogle{width:100%;min-width:0;overflow:visible;}
  .market-ad-slot .adsbygoogle[data-ad-status="unfilled"]{display:none!important;}
  .market-feed-bar,.market-feed-meta{position:absolute;z-index:2;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;color:var(--text-mute);font-size:6px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
  .market-feed-bar{top:14px;}
  .market-feed-meta{bottom:12px;}
  .market-feed-live{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);}
  .market-feed-live i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(201,154,62,.5);}
  .market-feed-stage{position:absolute;z-index:1;top:37px;left:16px;right:16px;height:106px;margin:0;display:flex;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:2px;background:linear-gradient(100deg,rgba(8,9,12,.96),rgba(19,18,22,.82));}
  .market-feed-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,12,.98) 5%,rgba(8,9,12,.86) 48%,rgba(8,9,12,.2));pointer-events:none;}
  .market-feed-stage img{position:absolute;z-index:0;right:8px;width:46%;height:88%;object-fit:contain;opacity:.48;filter:saturate(.9) drop-shadow(0 0 16px rgba(113,95,220,.24));}
  .market-feed-copy{position:relative;z-index:2;width:66%;padding:12px;display:flex;flex-direction:column;align-items:flex-start;}
  .market-feed-copy small{color:var(--gold);font-size:6px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;}
  .market-feed-copy strong{margin-top:4px;color:var(--text);font:700 9.5px/1.3 'Cinzel',serif;}
  .market-feed-copy span{margin-top:4px;color:var(--text-mute);font-size:7px;line-height:1.4;}
  .market-ad-choice{display:inline-flex;align-items:center;gap:5px;}
  .market-ad-dot{width:6px;height:6px;padding:0;border:1px solid rgba(190,174,144,.42);border-radius:50%;background:transparent;cursor:pointer;}
  .market-ad-dot.active{width:14px;border-color:var(--gold);border-radius:999px;background:var(--gold);}
  .market-ad-dot:hover,.market-ad-dot:focus-visible{border-color:var(--gold);outline:none;}

  @media (max-width:1120px){
    .market-hero-copy{order:1;}
    .market-midman-card{order:2;}
    .market-ad-frame{position:relative;order:3;top:auto!important;left:auto;right:auto;width:100%;height:180px;flex:0 0 100%;margin:0;display:block;}
    .market-ad-placement{position:absolute;top:0;left:0;right:auto;width:100%;height:auto;margin:0;display:block;}
  }

  .toolbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);column-gap:10px;row-gap:6px;align-items:start;margin:26px 0 18px;}
  #calamityExperience .wrap > .toolbar{margin-top:0;padding-top:0;border-top:0;}
  .tabs{display:flex;width:max-content;max-width:100%;justify-self:start;align-self:start;gap:2px;background:var(--surface-2);padding:3px;border:1px solid var(--border);border-radius:2px;}
  .tab{padding:8px 16px;font-family:'Cinzel',serif;font-size:13px;font-style:normal;font-weight:500;letter-spacing:.01em;color:var(--text-dim);cursor:pointer;border-radius:2px;white-space:nowrap;}
  .tab.active{background:var(--raised);color:var(--gold);}
  .mine-tab-content{min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;}
  .tab.mine-tab{border:1px solid rgba(194,145,55,.28);background:linear-gradient(180deg,rgba(194,145,55,.07),rgba(194,145,55,.025));color:#C9AD77;box-shadow:inset 0 1px rgba(255,255,255,.025);font-family:'Cinzel',serif;font-style:normal;font-weight:600;letter-spacing:.01em;}
  .tab.mine-tab:hover{border-color:rgba(216,165,62,.48);background:linear-gradient(180deg,rgba(194,145,55,.11),rgba(194,145,55,.045));color:#E0BF7D;}
  .tab.mine-tab.active{border-color:rgba(224,174,68,.58);background:var(--raised);color:var(--gold);box-shadow:inset 0 -2px rgba(224,174,68,.25);}
  .mine-tab-icon{width:15px;height:15px;flex:0 0 15px;display:grid;place-items:center;color:currentColor;}
  .mine-tab-icon svg{width:15px;height:15px;display:block;}
  .mine-tab-count{min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border:1px solid rgba(194,145,55,.24);border-radius:999px;background:var(--surface-2);color:#AD9364;font-size:8px;font-weight:800;line-height:1;}
  .mine-tab.active .mine-tab-count{border-color:var(--border-hi);color:var(--gold);}
  .toolbar > .game-filter{grid-column:1;grid-row:1;width:min(360px,100%);}
  .toolbar-divider{grid-column:1/-1;grid-row:2;height:1px;margin:5px 0 6px;background:var(--border);}
  .toolbar > .tabs{grid-column:1;grid-row:3;width:100%;display:grid;grid-template-columns:repeat(var(--market-base-tab-count,6),minmax(0,1fr)) minmax(126px,1.25fr);}
  .toolbar > .tabs .tab{min-width:0;min-height:34px;padding:6px;display:grid;place-items:center;font-size:11px;text-align:center;}
  /* A game with more categories than the fixed grid was designed for (currently
     only Architect, at 9) would otherwise squeeze each tab into a column too
     narrow for its label, and with nothing clipping the overflow the text
     spills into neighbouring tabs. Switch that case to a naturally-sized,
     horizontally scrollable row instead of forcing it into equal columns. */
  .toolbar > .tabs.many-category-set{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
  .toolbar > .tabs.many-category-set .tab{flex:0 0 auto;min-width:max-content;display:flex;align-items:center;padding:6px 10px;}
  .toolbar > .market-search-row{grid-column:2;grid-row:3;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;}
  .ragnarok-server-filter{grid-column:1/-1;grid-row:4;width:min(390px,100%);min-width:0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,220px);align-items:center;gap:12px;margin-top:5px;padding:8px 10px;border:1px solid var(--border);border-radius:3px;background:var(--surface-2);background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 8%,transparent),var(--surface-2));box-shadow:inset 0 1px rgba(255,255,255,.025);}
  .ragnarok-server-filter[hidden]{display:none!important;}
  .ragnarok-server-filter label span,.ragnarok-server-filter label strong{display:block;}.ragnarok-server-filter label span{color:var(--accent-hi);font:700 10px/1.2 'Cinzel',serif;}.ragnarok-server-filter label strong{margin-top:3px;color:var(--text-mute);font:500 8px/1.2 'Inter',sans-serif;}
  .ragnarok-server-filter select,.ragnarok-post-server select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:34px;box-sizing:border-box;padding:6px 31px 6px 10px;border:1px solid var(--border-hi);border-radius:3px;background-color:var(--raised);background-image:linear-gradient(45deg,transparent 50%,var(--accent-hi) 50%),linear-gradient(135deg,var(--accent-hi) 50%,transparent 50%);background-position:calc(100% - 14px) 14px,calc(100% - 10px) 14px;background-size:4px 4px,4px 4px;background-repeat:no-repeat;color:var(--text);font:600 11px/1 'Inter',sans-serif;}
  .ragnarok-server-filter select option,.ragnarok-post-server select option{background:var(--surface-2);color:var(--text);}
  .ragnarok-server-filter select:focus,.ragnarok-post-server select:focus{outline:none;border-color:var(--accent-hi);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent);}
  .ragnarok-post-server small{display:block;margin-top:5px;color:var(--text-mute);font-size:9px;}
  .ragnarok-post-server[hidden]{display:none!important;}
  .type-toolbar{position:absolute;z-index:28;left:var(--type-left,0);top:var(--type-top,100%);display:grid;gap:2px;margin:0;padding:5px;background:linear-gradient(180deg,color-mix(in srgb,var(--raised) 70%,var(--surface-2)),var(--surface-2));border:1px solid var(--border-hi);border-radius:5px;width:240px;max-width:min(280px,calc(100vw - 28px));box-shadow:0 16px 34px rgba(0,0,0,.55);}
  .type-toolbar::before{content:'';position:absolute;left:var(--type-pointer,20px);top:-5px;width:8px;height:8px;border-left:1px solid var(--border-hi);border-top:1px solid var(--border-hi);background:color-mix(in srgb,var(--raised) 70%,var(--surface-2));transform:translateX(-50%) rotate(45deg);}
  .type-tab{width:100%;min-height:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;border:0;border-radius:3px;background:transparent;color:var(--text-dim);font:600 11px/1.2 'Inter',sans-serif;text-align:left;cursor:pointer;white-space:normal;}
  .type-tab:hover,.type-tab:focus-visible{outline:none;background:color-mix(in srgb,var(--accent) 11%,var(--raised));color:var(--text);}
  .type-tab.active{background:color-mix(in srgb,var(--gold) 10%,var(--raised));color:var(--gold);}
  .type-tab b{color:var(--gold);font-size:11px;font-weight:900;}
  /* Section separator inside a type menu (e.g. "Secondary Gear II") -- a
     plain identifying label, never clickable, so it gets a fixed highlighted
     box instead of the button hover/active treatment above. */
  .type-group-label{width:100%;margin:6px 0 2px;padding:6px 10px;border-radius:3px;background:color-mix(in srgb,var(--gold) 14%,var(--raised));color:var(--gold);font:700 10px/1.2 'Inter',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.04em;cursor:default;user-select:none;}
  .type-group-label:first-child{margin-top:0;}
  /* Best-effort only: native <optgroup> labels (the same separators inside
     the post form's Type <select>) are OS-rendered, so browsers largely
     ignore background/centering/hover CSS here -- this styles what's
     actually supported (Chromium mainly) without pretending it's identical
     everywhere. */
  #fType optgroup,#eType optgroup{font-weight:700;font-style:normal;color:var(--gold);}
  .category-dropdown-tab{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px;}
  .category-dropdown-arrow{display:inline-block;flex:0 0 auto;color:var(--gold);font:800 10px/1 'Inter',sans-serif;transition:transform .16s ease;}
  .category-dropdown-tab.menu-open .category-dropdown-arrow{transform:rotate(180deg);}
  .search{z-index:15;flex:1;min-width:0;position:relative;align-self:start;}
  .search input{width:100%;height:34px;min-height:34px;padding:6px 11px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:'Inter',sans-serif;font-size:11px;border-radius:2px;}
  .search input:focus{outline:none;border-color:var(--accent);}
  .search-suggestions{position:absolute;z-index:25;top:calc(100% + 6px);left:0;right:0;padding:5px;border:1px solid var(--border-hi);border-radius:4px;background:linear-gradient(155deg,#201B16,#141210);box-shadow:0 16px 38px rgba(0,0,0,.52);}
  .search-suggestions[hidden]{display:none!important;}
  .search-suggestion{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:0;border-radius:3px;background:transparent;color:var(--text-dim);font:500 11px/1.25 'Inter',sans-serif;text-align:left;cursor:pointer;}
  .search-suggestion:hover,.search-suggestion:focus-visible{background:var(--raised);color:var(--text);outline:none;}
  .search-suggestion small{flex:0 0 auto;color:var(--gold);font-size:8px;text-transform:uppercase;letter-spacing:.06em;}
  select.rarity-filter{padding:9px 10px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:'Inter',sans-serif;font-size:13px;border-radius:2px;}
  .game-filter{position:relative;z-index:20;min-width:0;min-height:58px;display:grid;grid-template-columns:60px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:5px 12px 5px 5px;border:1px solid rgba(126,116,255,.46);border-radius:6px;background:linear-gradient(120deg,rgba(35,42,73,.96),rgba(25,20,39,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 24px rgba(0,0,0,.2);overflow:visible;transition:border-color .16s,box-shadow .16s,transform .16s;}
  .game-filter::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(50,196,255,.08),transparent 38%,rgba(119,72,255,.1));pointer-events:none;}
  .game-filter:hover,.game-filter:focus-within{border-color:rgba(115,198,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 2px rgba(88,101,242,.12),0 10px 28px rgba(0,0,0,.28);}
  .game-filter-art{position:relative;width:60px;height:46px;display:grid;place-items:center;border-radius:4px;background:radial-gradient(circle,rgba(77,99,196,.28),rgba(13,18,31,.88));overflow:hidden;pointer-events:none;}
  .game-filter-art img{display:block;width:94%;height:94%;object-fit:contain;filter:saturate(1.1) drop-shadow(0 2px 7px rgba(44,86,255,.42));}
  .game-filter-copy{position:relative;min-width:0;display:flex;flex-direction:column;gap:2px;pointer-events:none;}
  .game-filter-copy span{color:#8F94AF;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;}
  .game-filter-copy strong{overflow:hidden;color:#F5F2EA;font-size:14px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;}
  .game-filter-status{position:relative;padding:4px 7px;border:1px solid rgba(84,221,138,.28);border-radius:999px;background:rgba(41,185,97,.1);color:#5EE18C;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;}
  .game-filter-chevron{position:relative;color:#A9A5BC;font-size:11px;pointer-events:none;}
  .game-filter-trigger{position:absolute;z-index:3;inset:0;width:100%;height:100%;border:0;border-radius:6px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;}
  .game-filter-trigger:focus-visible{outline:2px solid rgba(115,198,255,.82);outline-offset:2px;}
  .game-filter[aria-expanded="true"] .game-filter-chevron{transform:rotate(180deg);}
  .game-filter-chevron{transition:transform .15s;}
  .game-filter-menu{position:absolute;z-index:30;top:calc(100% + 7px);left:0;width:100%;min-width:270px;padding:6px;border:1px solid rgba(126,116,255,.48);border-radius:6px;background:linear-gradient(155deg,#1D2035,#17131F);box-shadow:0 18px 45px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);}
  .game-filter-menu[hidden]{display:none!important;}
  .game-filter-option[hidden]{display:none!important;}
  .game-filter-option{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text);text-align:left;cursor:pointer;}
  .game-filter-option:hover,.game-filter-option.active{border-color:rgba(95,158,255,.3);background:rgba(88,101,242,.12);}
  .game-filter-option:disabled{cursor:not-allowed;opacity:.48;}
  .game-filter-option img{width:48px;height:36px;object-fit:contain;border-radius:3px;background:rgba(8,12,24,.55);}
  .game-filter-option-copy{min-width:0;display:flex;flex-direction:column;gap:2px;}
  .game-filter-option-copy strong{font-size:12px;}
  .game-filter-option-copy small{color:#8F94AF;font-size:8px;text-transform:uppercase;letter-spacing:.08em;}
  .game-filter-option-state{color:#5EE18C;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;}
  .game-filter-option:not(:disabled) .game-filter-option-state{display:none;}
  .game-filter-option:disabled .game-filter-option-state{color:#AAA5B5;}
  .listing-game-tag{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin:0 5px 6px 0;padding:2px 6px;border:1px solid rgba(201,154,62,.32);border-radius:2px;background:rgba(201,154,62,.07);color:var(--gold);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;}
  .listing-game-tag>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .listing-game-mini-icon{width:22px;height:14px;flex:0 0 22px;display:grid;place-items:center;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.045);}
  .listing-game-mini-icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
  .market-game-notice{display:none;margin:-6px 0 18px;padding:13px 15px;border:1px solid rgba(205,165,67,.3);border-radius:4px;background:linear-gradient(110deg,rgba(45,36,18,.72),rgba(19,21,24,.88));color:var(--text-dim);font-size:12px;line-height:1.55;}
  .market-game-notice.visible{display:flex;align-items:flex-start;gap:11px;}
  .market-game-notice strong{display:block;margin-bottom:2px;color:#E8C46D;font-size:11px;text-transform:uppercase;letter-spacing:.07em;}
  .market-game-notice-icon{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(205,165,67,.34);border-radius:50%;color:#E8C46D;font-weight:800;}
  .asset-status{display:inline-flex;align-items:center;gap:4px;margin:0 5px 6px 0;padding:2px 6px;border:1px solid rgba(131,140,160,.32);border-radius:999px;background:rgba(25,29,36,.7);color:#AEB6C8;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;}
  .asset-status::before{content:'';width:5px;height:5px;border-radius:50%;background:#E1AB3F;box-shadow:0 0 7px rgba(225,171,63,.6);}

  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:6px;}
  .card{background:var(--surface);border:1px solid var(--border);border-radius:3px;overflow:hidden;cursor:pointer;transition:border-color .15s, transform .1s;position:relative;}
  .card:hover{border-color:var(--border-hi);transform:translateY(-2px);}
  .card:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-color:var(--gold);}
  .card.pinned-gold{border-color:var(--gold);box-shadow:0 0 0 1px rgba(201,154,62,.16),0 8px 24px rgba(0,0,0,.22);}
  .card.pinned-gold:hover{border-color:#E0B75C;}
  .card-icon{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--border);overflow:hidden;}
  .card-icon img{width:100%;height:100%;object-fit:contain;}
  .card-icon img.deferred-listing-image{opacity:0;transition:opacity .2s ease;}
  .card-icon img.deferred-listing-image.image-ready{opacity:1;}
  .card-icon.image-unavailable::after,.detail-icon.image-unavailable::after{content:'Image unavailable';position:absolute;inset:auto 12px 12px;padding:6px 8px;border:1px solid rgba(237,227,208,.14);background:rgba(20,17,13,.78);color:var(--text-mute);font-size:10px;text-align:center;letter-spacing:.04em;}
  .card-description-glass{position:absolute;inset:0;z-index:3;display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:12px 12px 10px;overflow:hidden;pointer-events:none;opacity:0;transform:translateY(7px);transition:opacity .18s ease,transform .2s ease;background:linear-gradient(180deg,rgba(11,12,15,.78) 0%,rgba(15,15,17,.82) 62%,rgba(11,12,14,.94) 100%);border:1px solid rgba(201,154,62,.42);box-shadow:inset 0 0 30px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(2px) brightness(.66);-webkit-backdrop-filter:blur(2px) brightness(.66);}
  .card-description-glass::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 34%,transparent 72%,rgba(201,154,62,.05));}
  .card:hover .card-description-glass,.card:focus-visible .card-description-glass{opacity:1;transform:translateY(0);}
  .card-description-head,.card-description-list,.card-description-hint{position:relative;z-index:1;}
  .card-description-head{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;position:relative;}
  .card-description-label{position:absolute;left:50%;transform:translateX(-50%);max-width:42%;overflow:hidden;text-overflow:ellipsis;color:#E1AB3F;font-size:9px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;}
  .card-description-type{max-width:54%;padding:4px 7px;border:1px solid rgba(125,119,163,.28);border-radius:4px;background:rgba(62,58,84,.56);color:#B8B3CE;font-size:8px;line-height:1;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .card-description-list{display:flex;flex-direction:column;gap:7px;align-self:start;overflow:hidden;}
  .card-description-item{display:grid;grid-template-columns:7px minmax(0,1fr);gap:6px;color:#F7F5EE;font-size:11px;line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.92);}
  .card-description-item::before{content:'▸';color:#F2B93B;font-size:9px;line-height:1.7;}
  .card-description-hint{align-self:end;color:#AAA5B5;font-size:9px;text-align:center;white-space:nowrap;}
  .card-icon svg{width:52%;height:52%;}
  .gold-listing-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gold);background:radial-gradient(circle at 50% 42%,rgba(201,154,62,.25),rgba(44,35,20,.94) 66%);}
  .card-icon img.gold-default-listing-image{width:96px;height:96px;max-width:52%;max-height:52%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 7px 11px rgba(0,0,0,.3));}
  .detail-icon img.gold-default-listing-image{width:96px!important;height:96px!important;max-width:56%;max-height:56%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 8px 13px rgba(0,0,0,.34));}
  .rarity-corner{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 22px 22px 0;}
  .card-body{padding:10px 12px 12px;}
  .card-name{font-size:13px;font-weight:500;color:var(--text);margin:0 0 4px;line-height:1.3;}
  .card-seller{margin:0 0 7px;display:flex;align-items:center;gap:6px;color:var(--text-mute);font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;}
  .card-seller img{width:17px;height:17px;flex:0 0 17px;border-radius:50%;object-fit:cover;background:#25211C;}
  .card-seller span{overflow:hidden;text-overflow:ellipsis;}
  .card-seller strong{color:var(--text-dim);font-weight:600;}
  .card-ragnarok-server{margin:-1px 0 7px;padding:4px 6px;border-left:2px solid rgba(211,91,78,.62);background:rgba(211,91,78,.055);color:#E4C5BE;font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .card-ragnarok-server span{margin-right:5px;color:#C47B70;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;}
  .card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;}
  .card-price{font-family:'Cinzel',serif;font-size:14px;color:var(--gold);font-weight:600;}
  .card-server{font-size:10px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em;}
  .rarity-pill{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:1px;font-weight:600;margin-bottom:6px;}

  .empty{text-align:center;padding:60px 20px;color:var(--text-mute);}
  .empty .disp{font-size:16px;color:var(--text-dim);margin-bottom:6px;}

  .modal-veil{position:fixed;inset:0;min-height:100vh;background:rgba(10,8,5,.7);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:1000;}
  .lightbox-veil{position:fixed;inset:0;background:rgba(6,5,3,.92);display:flex;align-items:center;justify-content:center;z-index:1100;cursor:zoom-out;padding:40px;}
  .lightbox-img{max-width:100%;max-height:100%;object-fit:contain;cursor:default;}
  .modal{background:var(--surface);border:1px solid var(--border-hi);max-width:460px;width:100%;border-radius:3px;padding:26px;}
  .modal h2{font-size:18px;margin:0 0 4px;}
  .modal .sub{font-size:12px;color:var(--text-mute);margin:0 0 18px;}
  .listing-account-note{display:flex;align-items:center;gap:10px;margin:-5px 0 17px;padding:10px 11px;border:1px solid rgba(88,101,242,.32);border-radius:4px;background:rgba(88,101,242,.08);color:var(--text-dim);font-size:11px;line-height:1.4;}
  .listing-account-note img{width:32px;height:32px;flex:0 0 32px;border-radius:50%;object-fit:cover;background:#25211C;}
  .listing-account-note strong{display:block;color:var(--text);font-size:11px;}
  .listing-quota-note{margin:-5px 0 14px;padding:8px 10px;border:1px solid rgba(194,145,55,.25);border-radius:3px;background:rgba(194,145,55,.055);color:var(--text-dim);font-size:10px;line-height:1.4;text-align:center;}
  .listing-quota-note strong{color:var(--gold);}
  .listing-quota-note.full{border-color:rgba(218,91,91,.38);background:rgba(166,54,54,.08);color:#D9A2A2;}
  .listing-quota-note.full strong{color:#F0B0B0;}
  .field{margin-bottom:14px;}
  .field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-bottom:6px;}
  .field input,.field select,.field textarea{width:100%;padding:10px 11px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:'Inter',sans-serif;font-size:14px;border-radius:2px;}
  .field input[type=file]{width:100%;padding:8px 11px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);font-family:'Inter',sans-serif;font-size:13px;border-radius:2px;}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);}
  .field textarea{height:78px;min-height:78px;resize:vertical;line-height:1.5;}
  .listing-description{margin-top:14px;padding:12px 13px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-family:"Segoe UI",Arial,sans-serif;font-size:12.5px;font-weight:400;line-height:1.55;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;}
  .listing-description-label{display:block;margin-bottom:6px;color:var(--text-mute);font-family:"Segoe UI",Arial,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
  .thumb-preview{width:64px;height:64px;object-fit:cover;border:1px solid var(--border);margin-top:8px;display:none;}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .modal-actions{display:flex;gap:10px;margin-top:20px;}
  .close-x{position:absolute;top:16px;right:18px;background:none;border:none;color:var(--text-mute);font-size:20px;cursor:pointer;}

  .detail-icon{width:100%;max-width:320px;aspect-ratio:1;margin:0 auto 16px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
  .detail-icon svg{width:56%;height:56%;}
  .detail-rows{border-top:1px solid var(--border);margin-top:16px;padding-top:14px;}
  .drow{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;}
  .drow .k{color:var(--text-mute);}
  .drow .v{color:var(--text);}

  .brand-text .name .pawer-name{font-weight:700;color:var(--gold);}
  .brand-text .name .brand-x{font-size:.78em;color:var(--text-mute);margin:0 5px;}

  .site-footer{position:fixed;left:0;right:0;bottom:0;z-index:900;background:linear-gradient(180deg,rgba(36,29,20,.97),rgba(20,17,13,.99));border-top:1px solid var(--border-hi);box-shadow:0 -8px 24px rgba(0,0,0,.25);}
  #calamityExperience:not([data-game="calamity"]) .site-footer{display:none;}
  .footer-inner{max-width:1180px;min-height:60px;margin:0 auto;padding:4px 66px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Cinzel',serif;font-size:17px;font-weight:700;letter-spacing:.025em;color:var(--text);}
  .footer-message{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:0 5px;line-height:1.3;}
  .footer-calamity{display:inline-flex;width:84px;height:48px;margin:0 .06em;align-items:center;justify-content:center;vertical-align:middle;text-decoration:none;filter:brightness(1.1) saturate(1.08) drop-shadow(0 2px 2px rgba(45,71,180,.35));transform:translateY(-2px);transition:filter .15s ease,transform .15s ease;}
  .footer-calamity img{display:block;width:100%;height:100%;object-fit:contain;}
  .footer-calamity:hover,.footer-calamity:focus-visible{filter:brightness(1.18) saturate(1.12) drop-shadow(0 2px 3px rgba(64,94,225,.55));transform:translateY(-2px) scale(1.035);outline:none;}
  .footer-code{color:var(--gold);margin-left:.14em;white-space:nowrap;font-weight:800;}
  .footer-inner{position:relative;padding-right:66px;padding-left:66px;}
  #btnMod.mod-sword,#btnHomeMod.mod-sword{width:31px;height:31px;padding:5px;border-radius:5px;display:grid;place-items:center;opacity:.72;color:#42c96b;border-color:rgba(66,201,107,.42);}
  #btnMod.mod-sword{position:absolute;right:24px;top:50%;transform:translateY(-50%);}
  #btnHomeMod.mod-sword{position:static;flex:0 0 31px;background:rgba(66,201,107,.045);}
  #btnMod.mod-sword:hover,#btnHomeMod.mod-sword:hover{opacity:1;background:rgba(66,201,107,.1);}
  #btnMod.mod-sword svg,#btnHomeMod.mod-sword svg{width:18px;height:18px;display:block;}
  #btnMod.mod-sword[hidden],#btnHomeMod.mod-sword[hidden]{display:none!important;}
  .news-moderator-dialog{width:min(600px,calc(100% - 32px));}
  .news-auto-import-note{margin:2px 0 0;padding:11px 12px;border:1px solid rgba(201,154,62,.2);border-radius:4px;background:rgba(201,154,62,.05);color:var(--text-mute);font-size:11px;line-height:1.55;}
  .news-moderator-status{min-height:18px;margin:12px 0 0;color:var(--text-mute);font-size:11px;line-height:1.5;}
  .news-moderator-status.success{color:#55D77C;}
  .news-moderator-status.error{color:#FF7D7D;}

  @media (min-width:1000px){
    .game-switcher-inner,.game-hub-inner,.top-inner,.wrap,.footer-inner,.marketplace-footer-inner,.marketplace-footer-bottom{width:90.9091%;zoom:1.1;}
  }

  @media (max-width:760px){
    .hub-side-nav{display:none;}
    .hub-giveaway{display:none;}
    .game-switcher-inner{min-height:56px;padding:3px 10px;gap:5px;}
    .game-switch-brand{width:88px;height:46px;flex:0 0 88px;padding:0;}
    .game-switch-actions{flex:1 1 auto;min-width:0;max-width:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:2px;overflow-x:hidden;}
    .game-switch-button{min-width:0;min-height:28px;padding:7px 2px;display:flex;align-items:center;justify-content:center;font-size:8.25px;line-height:1;text-align:center;}
    .game-switch-button#showGameHub{display:none;}
    .game-hub{padding:0 16px;}
    .hub-hero{min-height:0;grid-template-columns:1fr;gap:28px;padding:48px 0;}
    .game-hub h1{font-size:32px;}
    .hub-feature{min-height:300px;}
    .hub-feature-logo{height:190px;}
    .hub-section{padding:52px 0;}
    .hub-section-heading{align-items:start;flex-direction:column;gap:8px;}
    .content-grid{grid-template-columns:1fr;}
    .news-feed-grid{grid-template-columns:1fr;}
    .news-feed-frame{height:225px;}
    .content-card{min-height:190px;}
    .hub-community{align-items:flex-start;flex-direction:column;padding:22px;margin-bottom:52px;}
    .pawer-footer{padding:34px 0 28px;}
    .pawer-footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px;}
    .pawer-footer-brand{grid-column:1/-1;}
    .pawer-footer-bottom{flex-direction:column;}
    .pawer-footer-meta-actions{justify-content:space-between;}
    .pawer-info-dialog-card{padding:24px 20px;}
    .marketplace-chooser-dialog .pawer-info-dialog-card{padding:18px 14px;}
    .marketplace-chooser-heading{font-size:18px!important;margin-bottom:14px!important;}
    .marketplace-game-choices{grid-template-columns:1fr;gap:11px;}
    .marketplace-game-choice{aspect-ratio:2.05;}
    #calamityExperience{width:100%;max-width:100%;overflow-x:clip;}
    #calamityExperience .wrap{width:100%;max-width:100%;padding:0 14px 112px;}
    .marketplace-footer{margin-top:30px;padding:28px 18px 94px;text-align:center;}
    .marketplace-footer-inner{grid-template-columns:1fr;gap:23px;justify-items:center;}
    .marketplace-footer-brand{grid-column:auto;width:100%;}
    .marketplace-footer-brand-button{width:130px;height:70px;margin:0 auto;}
    .marketplace-footer-brand-button img{object-position:center;}
    .marketplace-footer-about{max-width:330px;margin:9px auto 0;font-size:11px;line-height:1.6;}
    .marketplace-footer .pawer-footer-heading{margin:0 0 13px;}
    .marketplace-footer .pawer-footer-list{justify-items:center;gap:10px;}
    .marketplace-footer .pawer-footer-privacy{padding-top:0;}
    .marketplace-footer-bottom{margin-top:23px;padding-top:15px;text-align:center;}
    .game-library{grid-template-columns:1fr;}
    .game-carousel,.game-carousel-stage{min-height:390px;}
    .game-carousel-dots{top:161px;}
    .game-carousel-arrow{top:90px;}
    .game-choice,.game-guides-preview{min-height:390px;}
    .game-choice-art{height:180px;}
    .game-slide .game-choice-art{height:180px;}
    .game-slide .game-choice-body{top:180px;}
    .afk-heroes-brand{padding:0 17px;gap:8px;}
    .afk-heroes-grid{width:31px;height:31px;gap:2px;}
    .afk-heroes-wordmark{font-size:18px;}
    .top-inner{width:100%;min-height:44px;padding:3px 10px 4px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:6px;}
    .brand{flex:1 1 auto;min-width:0;gap:5px;overflow:hidden;}
    .brand-mark{width:34px;height:29px;flex:0 0 34px;}
    .brand-text{min-width:0;overflow:hidden;}
    .brand-text .name{font-size:12px;line-height:1.12;overflow:hidden;text-overflow:ellipsis;}
    .brand-text .tag{max-width:100%;margin-top:2px;font-size:6px;line-height:1.15;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .top-actions{width:auto;flex:0 0 auto;justify-content:flex-end;margin-left:auto;}
    .top-actions .btn{padding:8px 9px;font-size:10px;white-space:nowrap;}
    #calamityExperience .hero{padding:25px 0 19px;}
    #calamityExperience .market-hero-layout{gap:18px;}
    #calamityExperience .market-hero-copy{width:100%;min-width:0;}
    #calamityExperience .market-ad-frame,#calamityExperience .market-ad-placement{display:flex;}
    #calamityExperience .market-midman-card{width:100%;padding:15px 16px;}
    #calamityExperience .hero h1{font-size:25px;line-height:1.18;margin-bottom:9px;}
    #calamityExperience .hero p{font-size:13px;line-height:1.55;}
    #calamityExperience .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px;}
    #calamityExperience .hstat{text-align:center;min-width:0;}
    #calamityExperience .hstat .n{font-size:18px;white-space:nowrap;}
    #calamityExperience .hstat .l{font-size:8px;letter-spacing:.05em;}
    #calamityExperience .wrap > .toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:0 0 13px;padding-top:12px;border-top:1px solid var(--border);}
    #calamityExperience .tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;overflow:visible;}
    #calamityExperience .tabs.short-category-set{grid-template-columns:repeat(2,minmax(0,1fr));}
    #calamityExperience .tab{min-width:0;min-height:34px;padding:6px 3px;display:grid;place-items:center;font-size:10px;line-height:1.15;text-align:center;white-space:normal;overflow-wrap:anywhere;}
    #calamityExperience .tab[data-cat="mine"]{grid-column:1/-1;min-height:36px;}
    #calamityExperience .category-dropdown-tab{display:flex!important;gap:4px;}
    #calamityExperience .type-toolbar{width:min(250px,calc(100vw - 24px));}
    #calamityExperience .type-tab{min-height:33px;padding:7px 9px;font-size:10px;}
    #calamityExperience .mine-tab-content{gap:3px;}
    #calamityExperience .mine-tab-icon{width:14px;height:14px;flex-basis:14px;}
    #calamityExperience .mine-tab-count{min-width:14px;height:14px;padding:0 3px;font-size:7px;}
    #calamityExperience .search{width:100%;min-width:0;}
    #calamityExperience .search input{height:34px;min-height:34px;font-size:11px;}
    #calamityExperience .game-filter{min-height:58px;grid-template-columns:62px minmax(0,1fr) auto auto;}
    #calamityExperience::after{top:110px;right:-90px;width:390px;height:330px;opacity:.025;}
    .discord-login-long{display:none;}
    .discord-login-short{display:inline;font-size:10px;white-space:nowrap;}
    .discord-login{padding:8px 9px;gap:5px;}
    .discord-login svg{width:16px;height:16px;}
    #calamityExperience .top-actions .messages-button{width:31px;height:31px;min-height:31px;padding:0;}
    .messages-dialog{width:100%;height:100%;max-height:none;border:0;border-radius:0;}
    .messages-shell{height:100vh;height:100dvh;}
    .messages-header{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:9px 11px;}
    .private-mail-safety{padding:7px 10px;font-size:10px;line-height:1.35;text-align:left;}
    .messages-close{grid-column:2;grid-row:1;}
    .messages-mode-tabs{grid-column:1/-1;grid-row:2;width:100%;}
    .messages-mode-tabs button{flex:1;}
    .live-chat-heading{padding:9px 13px;}
    .live-chat-stream{padding:7px 9px 14px;}
    .live-chat-message{grid-template-columns:32px minmax(0,1fr);gap:7px;padding:3px 1px;}
    .live-chat-avatar{width:32px;height:32px;}
    .live-chat-text{max-width:calc(100vw - 116px);}
    .live-chat-message-actions{left:auto;right:0;top:30px;}
    .live-chat-compose{padding:10px;}
    .live-chat-fab{right:13px;bottom:82px;width:50px;height:50px;}
    .live-chat-fab.is-open{right:13px;}
    .live-chat-toast{right:13px;bottom:140px;width:min(320px,calc(100vw - 26px));}
    .live-chat-sidebar{right:6px;bottom:142px;width:calc(100vw - 12px);height:min(630px,calc(100dvh - 154px));border-radius:14px;}
    .live-chat-sidebar-header{grid-template-columns:34px minmax(0,1fr) auto auto 34px;min-height:66px;padding:8px 9px;}
    .live-chat-sidebar-logo{width:34px;height:34px;}
    .live-chat-sidebar-header .live-chat-status{font-size:8px;}
    .messages-layout{grid-template-columns:1fr;position:relative;overflow:hidden;}
    .messages-threads,.messages-conversation{position:absolute;inset:0;border:0;transition:transform .18s ease;}
    .messages-conversation{transform:translateX(100%);}
    .messages-dialog.has-active .messages-threads{transform:translateX(-100%);}
    .messages-dialog.has-active .messages-conversation{transform:translateX(0);}
    .conversation-back{display:grid;place-items:center;}
    .message-bubble{max-width:88%;}
    .discord-auth .account-name{max-width:65px;font-size:10px;}
    #calamityExperience .discord-auth .account-button{min-height:31px;padding:1px 3px 1px 2px;gap:4px;}
    .discord-auth .account-avatar{width:27px;height:27px;}
    #calamityExperience .toolbar > .game-filter,#calamityExperience .toolbar > .tabs,#calamityExperience .toolbar > .market-search-row,#calamityExperience .toolbar > .ragnarok-server-filter{grid-column:1;grid-row:auto;}
    #calamityExperience .toolbar > .market-search-row{width:100%;grid-template-columns:minmax(0,1fr) auto;gap:6px;}
    #calamityExperience .toolbar > .game-filter{width:100%;}
    #calamityExperience .toolbar-divider{display:none;}
    #calamityExperience .ragnarok-server-filter{width:100%;grid-template-columns:minmax(0,1fr) minmax(150px,48%);margin-top:0;}
    #calamityExperience .type-toolbar{width:max-content;max-width:100%;display:grid;grid-template-columns:repeat(2,minmax(96px,1fr));gap:4px;margin:0;}
    #calamityExperience #typeTabs[style*="display: flex"]{display:grid!important;}
    #calamityExperience .type-tab{min-width:0;padding:8px 4px;font-size:10.5px;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere;}
    #calamityExperience .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:4px;}
    #calamityExperience .card{min-width:0;}
    #calamityExperience .card:hover{transform:none;}
    #calamityExperience .card-body{padding:9px 9px 10px;}
    #calamityExperience .card-name{font-size:11.5px;}
    #calamityExperience .card-meta{align-items:flex-start;flex-direction:column;gap:4px;margin-top:7px;}
    #calamityExperience .card-price{font-size:12.5px;line-height:1.25;}
    #calamityExperience .card-server{font-size:8px;}
    #calamityExperience .empty{padding:42px 10px;}
    #calamityExperience .modal{padding:22px 17px;}
    #calamityExperience .row2{grid-template-columns:1fr;gap:0;}
    #calamityExperience .modal-actions{flex-wrap:wrap;}
    #calamityExperience .modal-actions .btn{flex:1 1 auto;}
    .hub-social-links .social-btn{padding:8px 10px;font-size:11px;}
    .footer-inner{min-height:60px;font-size:10.5px;line-height:1.2;padding:5px 42px;}
    .footer-message{width:100%;max-width:100%;flex-wrap:wrap;gap:1px 4px;text-align:center;}
    .footer-calamity{width:59px;height:35px;margin:0 .03em;transform:translateY(-1px);}
    #btnMod.mod-sword{right:7px;width:29px;height:29px;padding:5px;}
  }
  @media (max-width:360px){
    .game-switcher-inner{padding-right:7px;padding-left:7px;gap:4px;}
    .game-switch-brand{width:84px;flex-basis:84px;}
    .game-switch-button{padding:6px 1px;font-size:7.5px;}
    .pawer-footer-grid{grid-template-columns:1fr;}
    .pawer-footer-brand{grid-column:auto;}
    .marketplace-footer-inner{grid-template-columns:1fr;}
    .marketplace-footer-brand{grid-column:auto;}
  }
  @media (min-width:761px) and (max-width:1040px){
    .hub-side-nav{right:6px;padding-left:18px;}
    .hub-side-link{font-size:8px;letter-spacing:.08em;}
  }
  @media (prefers-reduced-motion:reduce){
    .card,.card-description-glass,.card-description-glass::before,.card-icon img.deferred-listing-image,.game-slide,.game-carousel-arrow,.hub-side-nav,.hub-side-link,.hub-side-link::after,.hub-giveaway,.hub-giveaway-arrow{transition:none;}
    .pawer-loading-preview{transition:none;}
    .pawer-loading-preview.visible .pawer-loading-progress{animation:none;width:100%;}
  }


  /* ===== Pawer marketplace product-layer upgrade ===== */
  .market-pulse{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:-4px 0 12px;
    padding:8px 10px;
    border:1px solid var(--border);
    border-radius:3px;
    background:rgba(18,17,15,.72);
  }
  .market-pulse-metrics{display:flex;align-items:center;gap:8px;min-width:0;}
  .market-pulse-metric{
    min-width:62px;
    display:flex;
    align-items:baseline;
    gap:5px;
    padding-right:9px;
    border-right:1px solid var(--border);
    white-space:nowrap;
  }
  .market-pulse-metric:last-child{border-right:0;padding-right:0;}
  .market-pulse-metric b{color:var(--text);font:700 11px/1 'Inter',sans-serif;}
  .market-pulse-metric small{color:var(--text-mute);font:600 8px/1 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.055em;}
  .market-pulse-latest b{color:var(--gold);}
  .market-saved-button{
    height:34px;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 8px;
    border:1px solid var(--border);
    border-radius:3px;
    background:var(--surface-2);
    color:var(--text-dim);
    font:700 9px/1 'Inter',sans-serif;
    cursor:pointer;
    white-space:nowrap;
  }
  .market-saved-button:hover,.market-saved-button.active{border-color:rgba(201,154,62,.56);color:var(--gold);background:rgba(201,154,62,.08);}
  .market-saved-button svg{width:13px;height:13px;}
  .market-saved-button b{min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:999px;background:rgba(255,255,255,.055);font-size:8px;}


  .listing-save-button{
    position:absolute;
    z-index:8;
    top:7px;
    right:7px;
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(237,227,208,.18);
    border-radius:50%;
    background:rgba(12,12,12,.78);
    color:#DDD8CF;
    box-shadow:0 4px 14px rgba(0,0,0,.26);
    cursor:pointer;
    backdrop-filter:blur(4px);
  }
  .listing-save-button:hover,.listing-save-button.active{border-color:rgba(201,154,62,.62);color:var(--gold);background:rgba(24,20,14,.92);}
  .listing-save-button svg{width:14px!important;height:14px!important;}
  .card.is-saved{border-color:rgba(201,154,62,.34);}
  .listing-status-stack{
    position:absolute;
    z-index:7;
    left:7px;
    bottom:7px;
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    max-width:calc(100% - 14px);
    pointer-events:none;
  }
  .listing-status{
    min-height:18px;
    display:inline-flex;
    align-items:center;
    padding:3px 6px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:2px;
    background:rgba(12,12,12,.82);
    color:#EEE9E0;
    font:800 7px/1 'Inter',sans-serif;
    letter-spacing:.07em;
    text-transform:uppercase;
    backdrop-filter:blur(4px);
  }
  .listing-status.new{border-color:rgba(68,218,120,.38);color:#77E49E;}
  .listing-status.price-drop{border-color:rgba(201,154,62,.46);color:#E9BF63;}
  .listing-status.expiring{border-color:rgba(224,75,93,.48);color:#FF8F9D;}

  button.card-seller{
    width:100%;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
    cursor:pointer;
  }
  button.card-seller:hover span{color:var(--text-dim);}
  button.card-seller:focus-visible{outline:1px solid rgba(201,154,62,.5);outline-offset:2px;}
  .card-price{font-weight:700;}
  .card-server{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  .detail-seller-profile{
    display:inline-flex;
    align-items:center;
    gap:7px;
    max-width:100%;
    padding:0;
    border:0;
    background:transparent;
    color:var(--text);
    cursor:pointer;
  }
  .detail-seller-profile small{color:var(--gold);font-size:8px;white-space:nowrap;}
  .detail-seller-profile:hover small{text-decoration:underline;}
  .listing-detail-save.active{border-color:rgba(201,154,62,.58);color:var(--gold);background:rgba(201,154,62,.08);}
  .listing-middleman-request{display:inline-flex;align-items:center;justify-content:center;border-color:color-mix(in srgb,var(--gold) 58%,transparent);background:color-mix(in srgb,var(--gold) 7%,transparent);color:var(--gold);text-decoration:none;}
  .listing-middleman-request:hover,.listing-middleman-request:focus-visible{border-color:color-mix(in srgb,var(--gold) 82%,white 8%);background:color-mix(in srgb,var(--gold) 13%,transparent);color:color-mix(in srgb,var(--gold) 88%,white 12%);outline:none;}
  .listing-trade-actions{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
  .listing-trade-actions .btn{width:100%;min-width:0;text-align:center;}
  .listing-middleman-note{margin:10px 0 0;padding:9px 11px;border-left:2px solid color-mix(in srgb,var(--gold) 62%,transparent);background:color-mix(in srgb,var(--gold) 5%,transparent);color:var(--text-mute);font:500 10px/1.5 "Segoe UI",Arial,sans-serif;}
  .listing-middleman-fallback{width:100%;min-height:118px;margin-top:8px;padding:9px 10px;resize:vertical;border:1px solid var(--border-hi);border-radius:3px;background:var(--surface-2);color:var(--text-dim);font:500 10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;}
  .listing-middleman-fallback[hidden]{display:none!important;}
  .listing-trade-actions + .listing-middleman-note + .listing-middleman-fallback + .listing-secondary-actions,
  .listing-trade-actions + .listing-middleman-note + .listing-secondary-actions{margin-top:10px;}

  .market-snapshot{
    margin-top:14px;
    padding:10px;
    border:1px solid rgba(201,154,62,.20);
    border-radius:3px;
    background:rgba(201,154,62,.045);
  }
  .market-snapshot>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;}
  .market-snapshot>header span strong,.market-snapshot>header span small{display:block;}
  .market-snapshot>header strong{font-size:10px;}
  .market-snapshot>header small{margin-top:2px;color:var(--text-mute);font-size:8px;}
  .market-snapshot>header>b{color:var(--gold);font-size:8px;text-transform:uppercase;letter-spacing:.06em;}
  .market-snapshot>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  .market-snapshot>div>span{padding:7px;border:1px solid rgba(237,227,208,.08);background:rgba(0,0,0,.12);}
  .market-snapshot>div small,.market-snapshot>div strong{display:block;}
  .market-snapshot>div small{color:var(--text-mute);font-size:7px;text-transform:uppercase;letter-spacing:.06em;}
  .market-snapshot>div strong{margin-top:4px;color:var(--text);font-size:9px;}

  .seller-profile-modal{position:relative;max-width:720px;padding:24px;}
  .seller-profile-head{display:grid;grid-template-columns:68px minmax(0,1fr);gap:15px;align-items:center;padding:0 28px 17px 0;border-bottom:1px solid var(--border);}
  .seller-profile-head>img{width:68px;height:68px;border-radius:50%;object-fit:cover;background:var(--surface-2);border:1px solid var(--border-hi);box-shadow:0 8px 24px rgba(0,0,0,.24);}
  .seller-profile-head small,.seller-profile-head h2,.seller-profile-head p{display:block;margin:0;}
  .seller-profile-head>span>small{color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;}
  .seller-profile-head h2{margin-top:5px;font-size:22px;line-height:1.2;}
  .seller-profile-head p{max-width:520px;margin-top:7px;color:var(--text-mute);font-size:11px;line-height:1.5;}
  .seller-pawer-profile{margin:16px 0 10px;padding:15px;border:1px solid var(--border-hi);border-radius:5px;background:linear-gradient(145deg,color-mix(in srgb,var(--raised) 58%,transparent),color-mix(in srgb,var(--surface-2) 94%,transparent));box-shadow:inset 0 1px rgba(255,255,255,.025);}
  .seller-pawer-profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border);}
  .seller-pawer-profile-head>span small,.seller-pawer-profile-head>span strong{display:block;}
  .seller-pawer-profile-head>span small{color:var(--gold);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;}
  .seller-pawer-profile-head>span strong{margin-top:4px;color:var(--text);font-size:12px;}
  .seller-pawer-profile-head>b{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(54,208,145,.34);border-radius:999px;background:rgba(54,208,145,.08);color:#72e7ad;font-size:10px;white-space:nowrap;}
  .seller-pawer-profile-head>b.unlinked{border-color:var(--border);background:var(--surface-2);color:var(--text-mute);}
  .seller-pawer-profile-head>b i{position:relative;display:grid;width:15px;height:15px;place-items:center;border-radius:50%;background:currentColor;color:var(--surface);font-size:9px;font-style:normal;}
  .seller-pawer-profile-head>b.linked i{background:#39D98A;color:#062519;box-shadow:0 0 0 2px rgba(57,217,138,.12),0 0 8px rgba(57,217,138,.24);}
  .seller-pawer-profile-head>b.linked i::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#062519;font:900 10px/1 Arial,sans-serif;}
  .seller-pawer-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;padding-top:6px;}
  .seller-pawer-profile-grid>span{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);}
  .seller-pawer-profile-grid>span.member-since{grid-column:1/-1;border-bottom:0;}
  .seller-pawer-profile-grid small{color:var(--text-mute);font-size:10px;line-height:1.35;}
  .seller-pawer-profile-grid strong{color:var(--text);font-size:11px;line-height:1.35;text-align:right;}
  .seller-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0;}
  .seller-profile-stats.seller-profile-activity{grid-template-columns:repeat(2,minmax(0,1fr));}
  .seller-profile-stats>span{padding:10px 11px;border:1px solid var(--border);background:var(--surface-2);}
  .seller-profile-stats b,.seller-profile-stats small{display:block;}
  .seller-profile-stats b{font-size:14px;color:var(--text);}
  .seller-profile-stats small{margin-top:4px;color:var(--text-mute);font-size:9px;text-transform:uppercase;letter-spacing:.06em;}
  .seller-profile-games{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;}
  .seller-profile-games span{padding:5px 8px;border:1px solid rgba(201,154,62,.24);background:rgba(201,154,62,.05);color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.05em;}
  .seller-profile-listings>header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:6px;}
  .seller-profile-listings>header strong{font-size:12px;}
  .seller-profile-listings>header small{color:var(--text-mute);font-size:10px;}
  .seller-profile-listings>div{display:grid;gap:5px;}
  .seller-profile-listing{
    min-width:0;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 11px;
    border:1px solid var(--border);
    border-radius:2px;
    background:var(--surface-2);
    color:var(--text);
    text-align:left;
    cursor:pointer;
  }
  .seller-profile-listing:hover{border-color:var(--border-hi);background:var(--raised);}
  .seller-profile-listing span{min-width:0;}
  .seller-profile-listing span strong,.seller-profile-listing span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .seller-profile-listing span strong{font-size:11px;}
  .seller-profile-listing span small{margin-top:4px;color:var(--text-mute);font-size:9px;}
  .seller-profile-listing>b{flex:0 0 auto;color:var(--gold);font:650 11px/1 'Cinzel',serif;white-space:nowrap;}

  .listing-skeleton{pointer-events:none;}
  .listing-skeleton .card-icon{background:var(--surface-2);}
  .skeleton-block{display:block;border-radius:2px;background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.085),rgba(255,255,255,.035));background-size:220% 100%;animation:pawerSkeleton 1.25s ease-in-out infinite;}
  .skeleton-image{width:54%;height:54%;}
  .skeleton-tag{width:58px;height:12px;margin-bottom:8px;}
  .skeleton-title{width:72%;height:14px;margin-bottom:9px;}
  .skeleton-seller{width:66%;height:17px;margin-bottom:10px;}
  .skeleton-price{width:72px;height:14px;}
  .skeleton-life{width:54px;height:10px;}
  @keyframes pawerSkeleton{0%{background-position:100% 0}100%{background-position:-100% 0}}

  @media(max-width:900px){
    .market-pulse{align-items:flex-start;flex-direction:column;}
  }
  @media(max-width:620px){
    .market-pulse{margin:0 0 9px;padding:8px;}
    .market-pulse-metrics{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;}
    .market-pulse-metric{min-width:0;display:block;padding:0 5px;border-right:1px solid var(--border);text-align:center;}
    .market-pulse-metric b,.market-pulse-metric small{display:block;}
    .market-pulse-metric small{margin-top:3px;font-size:6.5px;}
    .listing-save-button{top:5px;right:5px;width:27px;height:27px;}
    .listing-status-stack{left:5px;bottom:5px;gap:3px;}
    .listing-status{min-height:16px;padding:3px 5px;font-size:6px;}
    .card-server{max-width:100%;}
    .seller-profile-modal{padding:17px;}
    .seller-profile-head{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:0 24px 13px 0;}
    .seller-profile-head>img{width:54px;height:54px;}
    .seller-profile-head h2{font-size:17px;}
    .seller-profile-head p{font-size:9px;}
    .seller-pawer-profile{padding:11px;}
    .seller-pawer-profile-head{align-items:flex-start;flex-direction:column;gap:8px;}
    .seller-pawer-profile-grid{grid-template-columns:1fr;}
    .seller-pawer-profile-grid>span.member-since{grid-column:auto;}
    .seller-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
    .seller-profile-listings>header{align-items:flex-start;flex-direction:column;gap:3px;}
    .market-snapshot>header{align-items:flex-start;flex-direction:column;gap:4px;}
  }
  @media(prefers-reduced-motion:reduce){
    .skeleton-block{animation:none;}
  }


  /* ===== Dream features: blend into each marketplace theme ===== */
  #calamityExperience .market-pulse{
    border-color:var(--border);
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--surface-2) 82%,transparent),
        color-mix(in srgb,var(--surface) 78%,transparent));
    box-shadow:inset 0 1px rgba(255,255,255,.018);
  }

  #calamityExperience .market-pulse{
    border-left-color:color-mix(in srgb,var(--gold) 28%,var(--border));
  }

  #calamityExperience .market-pulse-metric{
    border-right-color:color-mix(in srgb,var(--border) 78%,transparent);
  }

  #calamityExperience .market-pulse-metric b{
    color:var(--text);
  }

  #calamityExperience .market-pulse-metric small{
    color:var(--text-mute);
  }

  #calamityExperience .market-pulse-latest b{
    color:var(--gold);
  }

  #calamityExperience .market-saved-button{
    border-color:var(--border);
    background:color-mix(in srgb,var(--surface-2) 92%,transparent);
    color:var(--text-dim);
    box-shadow:none;
  }

  #calamityExperience .market-saved-button:hover,
  #calamityExperience .market-saved-button.active{
    border-color:color-mix(in srgb,var(--gold) 48%,var(--border));
    background:color-mix(in srgb,var(--gold) 7%,var(--surface-2));
    color:var(--gold);
  }

  #calamityExperience .market-saved-button b{
    background:color-mix(in srgb,var(--raised) 72%,transparent);
    color:inherit;
  }


  #calamityExperience .listing-save-button{
    border-color:color-mix(in srgb,var(--border-hi) 62%,transparent);
    background:color-mix(in srgb,var(--surface-2) 82%,transparent);
    color:var(--text-dim);
    box-shadow:0 4px 14px rgba(0,0,0,.22);
  }

  #calamityExperience .listing-save-button:hover,
  #calamityExperience .listing-save-button.active{
    border-color:color-mix(in srgb,var(--gold) 56%,var(--border));
    background:color-mix(in srgb,var(--gold) 8%,var(--surface-2));
    color:var(--gold);
  }

  #calamityExperience .listing-status{
    border-color:color-mix(in srgb,var(--border-hi) 56%,transparent);
    background:color-mix(in srgb,var(--surface-2) 88%,transparent);
    color:var(--text-dim);
    box-shadow:0 2px 8px rgba(0,0,0,.16);
  }

  #calamityExperience .listing-status.new{
    border-color:rgba(68,218,120,.34);
    color:#77E49E;
  }

  #calamityExperience .listing-status.price-drop{
    border-color:color-mix(in srgb,var(--gold) 48%,var(--border));
    color:var(--gold);
  }

  #calamityExperience .listing-status.expiring{
    border-color:rgba(224,75,93,.42);
    color:#FF8F9D;
  }

  #calamityExperience .market-snapshot{
    border-color:color-mix(in srgb,var(--gold) 24%,var(--border));
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--gold) 3%,var(--surface-2)),
        color-mix(in srgb,var(--surface) 88%,transparent));
  }

  #calamityExperience .market-snapshot>div>span{
    border-color:color-mix(in srgb,var(--border) 86%,transparent);
    background:color-mix(in srgb,var(--surface-2) 82%,transparent);
  }

  #calamityExperience .seller-profile-modal{
    border-color:var(--border-hi);
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--raised) 18%,var(--surface)),
        var(--surface));
  }

  #calamityExperience .seller-profile-stats>span,
  #calamityExperience .seller-profile-listing{
    border-color:var(--border);
    background:color-mix(in srgb,var(--surface-2) 90%,transparent);
  }

  #calamityExperience .seller-profile-listing:hover{
    border-color:var(--border-hi);
    background:var(--raised);
  }

  #calamityExperience .seller-profile-games span{
    border-color:color-mix(in srgb,var(--gold) 25%,var(--border));
    background:color-mix(in srgb,var(--gold) 5%,var(--surface-2));
    color:var(--gold);
  }

  /* Slightly reduce the "extra box" feeling without changing spacing/fitting. */
  #calamityExperience .market-pulse,
  #calamityExperience .market-snapshot{
    border-radius:2px;
  }

  @supports not (background:color-mix(in srgb,#000 50%,#fff)){
    #calamityExperience .market-pulse,
    #calamityExperience .market-snapshot,
    #calamityExperience .seller-profile-modal{
      background:var(--surface);
    }
    #calamityExperience .market-saved-button,
    #calamityExperience .seller-profile-stats>span,
    #calamityExperience .seller-profile-listing,
    #calamityExperience .market-snapshot>div>span{
      background:var(--surface-2);
    }
  }


  /* ===== Calamity castle artwork + official-inspired purple/navy theme ===== */
  #calamityExperience[data-game="calamity"]{
    --bg:#090812;
    --surface:#12101D;
    --surface-2:#181424;
    --raised:#211A31;
    --border:rgba(166,126,218,.18);
    --border-hi:rgba(188,132,255,.42);
    --text:#EEEAF7;
    --text-dim:#B0A5C2;
    --text-mute:#756B88;
    --accent:#6E49C9;
    --accent-hi:#9168E7;
    --on-accent:#FBF8FF;
    --gold:#C8A5F0;
  }

  #calamityExperience[data-game="calamity"]::before{
    background:
      linear-gradient(180deg,
        rgba(8,7,17,.16) 0%,
        rgba(9,8,18,.34) 320px,
        rgba(9,8,18,.78) 650px,
        #090812 980px),
      radial-gradient(circle at 14% 18%,rgba(48,129,255,.13),transparent 31%),
      radial-gradient(circle at 51% 19%,rgba(223,61,91,.09),transparent 32%),
      radial-gradient(circle at 84% 18%,rgba(177,67,255,.18),transparent 34%),
      linear-gradient(135deg,#0B0A17,#090812 58%,#080710);
  }

  #calamityExperience[data-game="calamity"]::after{
    top:0;
    right:0;
    width:100%;
    height:920px;
    background:url('calamity-castle-background.webp') center top/cover no-repeat;
    opacity:.34;
    filter:saturate(.94) contrast(1.02) brightness(.80);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 57%,rgba(0,0,0,.78) 72%,rgba(0,0,0,.28) 89%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 57%,rgba(0,0,0,.78) 72%,rgba(0,0,0,.28) 89%,transparent 100%);
  }

  #calamityExperience[data-game="calamity"] .game-filter{
    border-color:rgba(179,133,244,.46);
    background:linear-gradient(120deg,rgba(31,23,48,.96),rgba(18,15,30,.97));
  }

  #calamityExperience[data-game="calamity"] .game-filter::before{
    background:linear-gradient(100deg,rgba(63,135,255,.10),transparent 42%,rgba(188,78,255,.14));
  }

  #calamityExperience[data-game="calamity"] .game-filter-art{
    background:radial-gradient(circle,rgba(154,91,232,.26),rgba(19,15,31,.92));
  }

  #calamityExperience[data-game="calamity"] .game-filter:hover,
  #calamityExperience[data-game="calamity"] .game-filter:focus-within{
    border-color:rgba(205,159,255,.72);
    box-shadow:
      inset 0 1px rgba(255,255,255,.055),
      0 0 0 2px rgba(132,83,205,.09),
      0 10px 28px rgba(0,0,0,.30);
  }

  #calamityExperience[data-game="calamity"] .tab.active,
  #calamityExperience[data-game="calamity"] .type-tab.active{
    border-color:rgba(194,149,255,.50);
  }

  #calamityExperience[data-game="calamity"] .market-pulse,
  #calamityExperience[data-game="calamity"] .market-snapshot{
    border-color:rgba(171,125,229,.20);
  }

  #calamityExperience[data-game="calamity"] .market-saved-button.active,
  #calamityExperience[data-game="calamity"] .listing-save-button.active{
    color:#D9B8FF;
  }

  @media(max-width:700px){
    #calamityExperience[data-game="calamity"]::after{
      top:0;
      height:650px;
      background-size:auto 430px;
      background-position:50% top;
      opacity:.29;
      filter:saturate(.92) contrast(1.02) brightness(.76);
      -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.70) 70%,transparent 100%);
      mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.70) 70%,transparent 100%);
    }
  }


  /* ===== Pawer-native notices / confirmations ===== */
  .pawer-site-dialog-layer{
    position:fixed;
    z-index:5000;
    inset:0;
    width:100vw;
    height:100dvh;
    max-width:none;
    max-height:none;
    margin:0;
    box-sizing:border-box;
    display:grid;
    place-items:center;
    padding:18px;
    border:0;
    background:transparent;
    color:inherit;
    opacity:0;
    overflow:hidden;
    box-shadow:none;
    outline:0;
    transition:opacity .15s ease;
  }
  .pawer-site-dialog-layer::backdrop{
    background:rgba(5,5,7,.62);
    backdrop-filter:blur(4px);
  }
  .pawer-site-dialog-layer.show{opacity:1;}

  .pawer-site-dialog{
    position:relative;
    width:min(430px,calc(100vw - 28px));
    padding:18px;
    overflow:hidden;
    border:1px solid var(--border-hi);
    border-radius:6px;
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--raised) 24%,var(--surface)),
        var(--surface));
    color:var(--text);
    box-shadow:0 24px 80px rgba(0,0,0,.62);
    transform:translateY(10px) scale(.985);
    opacity:.96;
    transition:transform .16s ease,opacity .16s ease;
  }
  .pawer-site-dialog-layer.show .pawer-site-dialog{
    transform:translateY(0) scale(1);
    opacity:1;
  }

  .pawer-site-dialog::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:3px;
    background:var(--gold);
    opacity:.72;
  }
  .pawer-site-dialog.success::before{background:#52D987;}
  .pawer-site-dialog.danger::before{background:#E15C68;}
  .pawer-site-dialog.warning::before{background:var(--gold);}

  .pawer-site-dialog-eyebrow{
    margin:0 38px 12px 0;
    color:var(--text-mute);
    font:800 7px/1 'Inter',sans-serif;
    letter-spacing:.13em;
  }

  .pawer-site-dialog-close{
    position:absolute;
    top:10px;
    right:10px;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid transparent;
    border-radius:4px;
    background:transparent;
    color:var(--text-mute);
    font:500 20px/1 Arial,sans-serif;
    cursor:pointer;
  }
  .pawer-site-dialog-close:hover{
    border-color:var(--border);
    background:var(--surface-2);
    color:var(--text);
  }

  .pawer-site-dialog-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    margin-bottom:11px;
    border:1px solid color-mix(in srgb,var(--gold) 35%,var(--border));
    border-radius:50%;
    background:color-mix(in srgb,var(--gold) 7%,var(--surface-2));
    color:var(--gold);
  }
  .pawer-site-dialog.success .pawer-site-dialog-icon{
    border-color:rgba(82,217,135,.34);
    background:rgba(82,217,135,.07);
    color:#65E497;
  }
  .pawer-site-dialog.danger .pawer-site-dialog-icon{
    border-color:rgba(225,92,104,.34);
    background:rgba(225,92,104,.07);
    color:#F27E89;
  }
  .pawer-site-dialog-icon svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .pawer-site-dialog-copy h2{
    margin:0;
    color:var(--text);
    font:700 17px/1.2 'Inter',sans-serif;
  }
  .pawer-site-dialog-copy p{
    margin:8px 0 0;
    color:var(--text-dim);
    font:400 11px/1.55 'Inter',sans-serif;
    white-space:pre-line;
  }

  .pawer-site-dialog-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:18px;
    padding-top:12px;
    border-top:1px solid var(--border);
  }
  .pawer-site-dialog-actions .btn{
    min-width:82px;
  }
  .pawer-site-dialog-actions .btn.danger{
    border-color:rgba(225,92,104,.45);
    background:rgba(177,48,61,.18);
    color:#FFB3BA;
  }
  .pawer-site-dialog-actions .btn.danger:hover{
    border-color:rgba(235,105,117,.68);
    background:rgba(177,48,61,.28);
    color:#fff;
  }

  @media(max-width:620px){
    .pawer-site-dialog-layer{padding:12px;}
    .pawer-site-dialog{
      width:min(100%,430px);
      padding:16px;
    }
    .pawer-site-dialog-copy h2{font-size:15px;}
    .pawer-site-dialog-copy p{font-size:10px;}
  }

  @media(prefers-reduced-motion:reduce){
    .pawer-site-dialog-layer,
    .pawer-site-dialog{transition:none!important;}
  }


  /* ===== Giveaway panel: blend with the active marketplace ===== */
  #hubGiveaway[data-game="calamity"]{
    --giveaway-bg:#12101D;
    --giveaway-bg-2:#191425;
    --giveaway-raised:#211A31;
    --giveaway-border:rgba(177,132,235,.28);
    --giveaway-border-hi:rgba(197,151,255,.48);
    --giveaway-accent:#C8A5F0;
    --giveaway-accent-soft:rgba(168,112,232,.10);
    --giveaway-text:#EEEAF7;
    --giveaway-dim:#B0A5C2;
    --giveaway-mute:#756B88;
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-summary{
    border-color:var(--giveaway-border-hi);
    background:
      linear-gradient(180deg,
        rgba(39,29,58,.985),
        rgba(20,16,32,.99));
    color:var(--giveaway-accent);
    box-shadow:
      inset 1px 0 rgba(255,255,255,.025),
      8px 0 24px rgba(9,7,18,.20);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-summary:hover,
  #hubGiveaway[data-game="calamity"] .hub-giveaway-summary:focus-visible{
    background:
      linear-gradient(180deg,
        rgba(49,35,72,.99),
        rgba(25,19,39,.99));
    color:#DEC1FF;
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-icon{
    border-color:rgba(197,151,255,.40);
    background:rgba(151,92,222,.10);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-card{
    border-color:var(--giveaway-border-hi);
    background:
      radial-gradient(circle at 82% 8%,rgba(152,83,223,.11),transparent 34%),
      radial-gradient(circle at 10% 18%,rgba(66,121,240,.07),transparent 30%),
      linear-gradient(160deg,
        rgba(27,21,42,.995),
        rgba(13,11,23,.995));
    box-shadow:
      0 16px 34px rgba(4,3,10,.34),
      inset 0 1px rgba(255,255,255,.018);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-eyebrow,
  #hubGiveaway[data-game="calamity"] .hub-giveaway-step span{
    color:var(--giveaway-accent);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-content h2{
    color:var(--giveaway-text);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-status{
    border-color:rgba(181,135,239,.18);
    background:
      linear-gradient(180deg,
        rgba(151,92,222,.055),
        rgba(9,8,18,.30));
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-status span{
    color:var(--giveaway-mute);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-status strong{
    color:var(--giveaway-text);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-content p,
  #hubGiveaway[data-game="calamity"] .hub-giveaway-step{
    color:var(--giveaway-dim);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-steps{
    border-top-color:rgba(181,135,239,.14);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-step{
    border-bottom-color:rgba(181,135,239,.09);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-link{
    border-color:rgba(197,151,255,.42);
    background:
      linear-gradient(180deg,
        rgba(158,94,224,.13),
        rgba(119,74,188,.09));
    color:#D9B8FF;
    box-shadow:inset 0 1px rgba(255,255,255,.025);
  }

  #hubGiveaway[data-game="calamity"] .hub-giveaway-link:hover,
  #hubGiveaway[data-game="calamity"] .hub-giveaway-link:focus-visible{
    border-color:rgba(213,176,255,.62);
    background:
      linear-gradient(180deg,
        rgba(168,105,232,.20),
        rgba(126,80,194,.14));
    color:#F0E0FF;
  }

  /* MU already has its red/black/gold override. Blend the inner pieces too. */
  #hubGiveaway[data-game="mu-realm-of-legends"] .hub-giveaway-status{
    border-color:rgba(226,177,79,.20);
    background:rgba(31,15,17,.44);
  }

  #hubGiveaway[data-game="mu-realm-of-legends"] .hub-giveaway-steps{
    border-top-color:rgba(226,177,79,.14);
  }

  #hubGiveaway[data-game="mu-realm-of-legends"] .hub-giveaway-step{
    border-bottom-color:rgba(226,177,79,.09);
  }

  #hubGiveaway[data-game="mu-realm-of-legends"] .hub-giveaway-link{
    border-color:rgba(226,177,79,.42);
    background:rgba(185,44,36,.10);
    color:#E6BC68;
  }

  #hubGiveaway[data-game="mu-realm-of-legends"] .hub-giveaway-link:hover,
  #hubGiveaway[data-game="mu-realm-of-legends"] .hub-giveaway-link:focus-visible{
    background:rgba(185,44,36,.17);
    color:#F2CB7F;
  }


  /* ===== Giveaway panel: automatically match EVERY marketplace game ===== */

  /* All Marketplaces */
  #hubGiveaway[data-game="all"]{
    --gw-bg:#15120F;
    --gw-bg-2:#211B14;
    --gw-raised:#2A2117;
    --gw-border:rgba(201,154,62,.28);
    --gw-border-hi:rgba(222,179,91,.48);
    --gw-accent:#D5AB56;
    --gw-accent-soft:rgba(201,154,62,.10);
    --gw-text:#EEE9DF;
    --gw-dim:#AAA095;
    --gw-mute:#776D63;
    --gw-glow:rgba(201,154,62,.10);
  }

  /* Calamity */
  #hubGiveaway[data-game="calamity"]{
    --gw-bg:#12101D;
    --gw-bg-2:#191425;
    --gw-raised:#211A31;
    --gw-border:rgba(177,132,235,.28);
    --gw-border-hi:rgba(197,151,255,.48);
    --gw-accent:#C8A5F0;
    --gw-accent-soft:rgba(168,112,232,.10);
    --gw-text:#EEEAF7;
    --gw-dim:#B0A5C2;
    --gw-mute:#756B88;
    --gw-glow:rgba(154,83,225,.12);
  }

  /* Yakkamon */
  #hubGiveaway[data-game="yakkamon"]{
    --gw-bg:#151617;
    --gw-bg-2:#1D1E20;
    --gw-raised:#272725;
    --gw-border:rgba(201,172,99,.27);
    --gw-border-hi:rgba(216,184,101,.48);
    --gw-accent:#D3B35B;
    --gw-accent-soft:rgba(211,179,91,.09);
    --gw-text:#EEECE6;
    --gw-dim:#AAA8A1;
    --gw-mute:#74736F;
    --gw-glow:rgba(211,179,91,.10);
  }

  /* Ragnarok: New World */
  #hubGiveaway[data-game="ragnarok-new-world"]{
    --gw-bg:#0A1725;
    --gw-bg-2:#0D2032;
    --gw-raised:#142C42;
    --gw-border:rgba(208,190,146,.27);
    --gw-border-hi:rgba(229,201,135,.48);
    --gw-accent:#E5C987;
    --gw-accent-soft:rgba(229,201,135,.08);
    --gw-text:#EAF1F6;
    --gw-dim:#A6B6C3;
    --gw-mute:#6C8191;
    --gw-glow:rgba(89,153,205,.12);
  }

  /* Ragnarok Zero Global */
  #hubGiveaway[data-game="ragnarok-zero-global"]{
    --gw-bg:#071A37;
    --gw-bg-2:#0A2347;
    --gw-raised:#10305D;
    --gw-border:rgba(121,214,255,.27);
    --gw-border-hi:rgba(121,214,255,.52);
    --gw-accent:#BDEEFF;
    --gw-accent-soft:rgba(73,193,255,.10);
    --gw-text:#EDF8FF;
    --gw-dim:#A8CCDE;
    --gw-mute:#6692AA;
    --gw-glow:rgba(45,185,255,.14);
  }

  /* MU: Realm of Legends */
  #hubGiveaway[data-game="mu-realm-of-legends"]{
    --gw-bg:#160D11;
    --gw-bg-2:#251315;
    --gw-raised:#351B1C;
    --gw-border:rgba(226,177,79,.28);
    --gw-border-hi:rgba(226,177,79,.50);
    --gw-accent:#E6BC68;
    --gw-accent-soft:rgba(185,44,36,.10);
    --gw-text:#F2EDE7;
    --gw-dim:#B6A19E;
    --gw-mute:#7D6968;
    --gw-glow:rgba(185,44,36,.13);
  }

  /* Shared theme application for every marketplace category. */
  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-summary{
    border-color:var(--gw-border-hi);
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--gw-raised) 88%,#000),
        var(--gw-bg));
    color:var(--gw-accent);
    box-shadow:
      inset 1px 0 rgba(255,255,255,.025),
      8px 0 24px rgba(0,0,0,.20);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-summary:hover,
  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-summary:focus-visible{
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--gw-raised) 92%,var(--gw-accent) 8%),
        color-mix(in srgb,var(--gw-bg) 93%,var(--gw-accent) 7%));
    color:color-mix(in srgb,var(--gw-accent) 88%,#fff);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-icon{
    border-color:var(--gw-border-hi);
    background:var(--gw-accent-soft);
    color:var(--gw-accent);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-card{
    border-color:var(--gw-border-hi);
    background:
      radial-gradient(circle at 84% 9%,var(--gw-glow),transparent 35%),
      linear-gradient(160deg,var(--gw-bg-2),var(--gw-bg));
    box-shadow:
      0 16px 34px rgba(0,0,0,.34),
      inset 0 1px rgba(255,255,255,.018);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-eyebrow,
  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-step span{
    color:var(--gw-accent);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-content h2{
    color:var(--gw-text);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-content p,
  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-step{
    color:var(--gw-dim);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-status{
    border-color:color-mix(in srgb,var(--gw-border-hi) 56%,transparent);
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--gw-accent) 4%,var(--gw-bg-2)),
        color-mix(in srgb,var(--gw-bg) 90%,transparent));
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-status span{
    color:var(--gw-mute);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-status strong{
    color:var(--gw-text);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-steps{
    border-top-color:color-mix(in srgb,var(--gw-border-hi) 38%,transparent);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-step{
    border-bottom-color:color-mix(in srgb,var(--gw-border-hi) 25%,transparent);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-link{
    border-color:var(--gw-border-hi);
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--gw-accent) 11%,var(--gw-bg-2)),
        color-mix(in srgb,var(--gw-accent) 6%,var(--gw-bg)));
    color:var(--gw-accent);
    box-shadow:inset 0 1px rgba(255,255,255,.025);
  }

  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-link:hover,
  #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-link:focus-visible{
    border-color:color-mix(in srgb,var(--gw-accent) 72%,#fff 28%);
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--gw-accent) 17%,var(--gw-bg-2)),
        color-mix(in srgb,var(--gw-accent) 10%,var(--gw-bg)));
    color:color-mix(in srgb,var(--gw-accent) 82%,#fff 18%);
  }

  @supports not (background:color-mix(in srgb,#000 50%,#fff)){
    #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-summary,
    #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-card{
      background:var(--gw-bg);
    }
    #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-status,
    #hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-link{
      background:var(--gw-bg-2);
    }
  }


  /* ===== Private Mail: game/item reason for the conversation ===== */
  .message-thread{
    min-height:70px;
  }

  .message-thread-copy .message-thread-context{
    display:flex!important;
    align-items:center;
    gap:5px;
    min-width:0;
    margin:0 0 3px!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }

  .message-thread-context b{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    min-height:15px;
    padding:2px 5px;
    border:1px solid color-mix(in srgb,var(--gold) 28%,var(--border));
    border-radius:2px;
    background:color-mix(in srgb,var(--gold) 5%,var(--surface-2));
    color:var(--gold);
    font:800 6.5px/1 'Inter',sans-serif;
    letter-spacing:.06em;
    text-transform:uppercase;
  }

  .message-thread-context em{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--text-dim);
    font:600 8px/1.2 'Inter',sans-serif;
    font-style:normal;
  }

  .message-thread-copy .message-thread-preview{
    display:block!important;
    margin-top:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:var(--text-mute)!important;
    font-size:8px!important;
  }

  .conversation-context-source{
    color:var(--gold)!important;
    font-weight:750;
  }

  .conversation-context-separator{
    color:var(--text-mute)!important;
  }

  .conversation-context-item{
    color:var(--text-dim)!important;
    font-weight:600;
  }

  /* Compact source preview inspired by Facebook Marketplace Messenger. */
  .mail-context-card{
    flex:0 0 auto;
    width:min(100%,560px);
    align-self:center;
    margin:0 0 10px;
    padding:7px;
    border:1px solid var(--border);
    border-radius:6px;
    background:color-mix(in srgb,var(--surface-2) 88%,var(--raised));
    box-shadow:none;
  }

  .mail-context-source{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    gap:9px;
  }

  .mail-context-item-thumb,
  .mail-context-chat-thumb{
    width:48px;
    height:48px;
    border:1px solid var(--border);
    border-radius:5px;
    background:var(--surface);
  }

  .mail-context-item-thumb{
    display:block;
    object-fit:cover;
  }

  .mail-context-chat-thumb{
    display:grid;
    place-items:center;
    color:var(--gold);
  }

  .mail-context-chat-thumb svg{
    width:21px;
    height:21px;
  }

  .mail-context-source-copy{
    min-width:0;
  }

  .mail-context-source-copy small,
  .mail-context-source-copy strong,
  .mail-context-source-copy em{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mail-context-source-copy small{
    color:var(--text-mute);
    font:800 6.5px/1 'Inter',sans-serif;
    letter-spacing:.07em;
  }

  .mail-context-source-copy strong{
    margin-top:5px;
    color:var(--text);
    font:700 10.5px/1.2 'Inter',sans-serif;
  }

  .mail-context-source-copy em{
    margin-top:4px;
    color:var(--gold);
    font:600 7.5px/1.2 'Inter',sans-serif;
    font-style:normal;
  }

  .mail-context-card.live-chat-source{
    border-color:color-mix(in srgb,#00D084 25%,var(--border));
  }

  .mail-context-card.live-chat-source .mail-context-source-copy em,
  .mail-context-card.live-chat-source .mail-context-chat-thumb{
    color:#00D084;
  }

  .message-thread-copy>strong{
    display:block!important;
    margin:0!important;
  }

  .message-thread-copy .message-thread-context{
    margin:4px 0 0!important;
  }

  .message-thread-copy .message-thread-preview{
    margin-top:4px!important;
  }

  @media(max-width:620px){
    .mail-context-card{
      width:100%;
      padding:6px;
    }

    .mail-context-source{
      grid-template-columns:44px minmax(0,1fr);
      gap:8px;
    }

    .mail-context-item-thumb,
    .mail-context-chat-thumb{
      width:44px;
      height:44px;
    }
  }

  /* A saved listing heart is clearly red in every game theme. */
  #calamityExperience .listing-save-button.active{
    border-color:rgba(255,79,97,.58)!important;
    background:rgba(124,26,39,.34)!important;
    color:#FF4F61!important;
    box-shadow:0 4px 16px rgba(255,79,97,.14)!important;
  }

  #calamityExperience .listing-save-button.active:hover{
    border-color:rgba(255,105,119,.76)!important;
    background:rgba(150,30,45,.42)!important;
    color:#FF6B79!important;
  }

  @media(max-width:620px){
    .message-thread{min-height:68px;}
    .message-thread-context b{font-size:6px;}
    .message-thread-context em{font-size:7.5px;}

    .mail-context-card{
      width:100%;
      padding:9px;
    }

    .mail-context-source{
      grid-template-columns:46px minmax(0,1fr);
      gap:8px;
    }

    .mail-context-item-thumb,
    .mail-context-chat-thumb{
      width:46px;
      height:46px;
    }

    .mail-context-people{
      gap:4px;
      grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);
    }

    .mail-context-person{
      grid-template-columns:26px minmax(0,1fr);
      gap:5px;
    }

    .mail-context-person:last-child{
      grid-template-columns:minmax(0,1fr) 26px;
    }

    .mail-context-person img{
      width:26px;
      height:26px;
    }
  }

  .message-bubble .message-bubble-footer{
    margin-top:4px;
    opacity:.78;
  }
  .message-bubble .message-time{
    font-size:7.5px;
  }


  /* ===== Ragnarok Zero Global: darker silhouette marketplace background ===== */
  #calamityExperience[data-game="ragnarok-zero-global"]{
    --bg:#07111F;
    --surface:#0A1A2D;
    --surface-2:#0A2038;
    --raised:#102B49;
    --border:rgba(111,174,216,.19);
    --border-hi:rgba(119,200,238,.38);
    --gold:#B8E7F5;
    --accent:#318FC3;
    --accent-hi:#74C7E9;
  }

  #calamityExperience[data-game="ragnarok-zero-global"]::before{
    background:
      linear-gradient(180deg,
        rgba(3,9,20,.16) 0%,
        rgba(5,15,31,.50) 300px,
        rgba(6,17,33,.83) 650px,
        #07111F 980px),
      radial-gradient(circle at 76% 16%,rgba(68,145,186,.08),transparent 37%),
      radial-gradient(circle at 18% 22%,rgba(41,91,126,.07),transparent 31%),
      linear-gradient(135deg,#081A2C,#07111F 60%,#050D18);
  }

  #calamityExperience[data-game="ragnarok-zero-global"]::after{
    top:0;
    right:0;
    width:100%;
    height:1120px;
    background:url('ragnarok-zero-global-background.avif') center top/cover no-repeat;
    opacity:.14;
    filter:grayscale(.94) saturate(.16) contrast(1.34) brightness(.40);
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 43%,rgba(0,0,0,.58) 68%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 43%,rgba(0,0,0,.58) 68%,transparent 100%);
  }



/* Seller row alignment: keep the User label, username, verification and admin badge centered on one line. */
.card-seller-copy{
  min-width:0;
  display:flex;
  align-items:center;
  gap:4px;
  height:17px;
  line-height:1;
  overflow:hidden;
}
.card-seller-copy>strong{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  height:17px;
  line-height:1;
}
.card-seller-name{
  min-width:0;
  display:inline-flex;
  align-items:center;
  height:17px;
  line-height:1;
  overflow:hidden;
  text-overflow:ellipsis;
}
.card-seller-name>.admin-identity{
  min-width:0;
  display:inline-flex;
  align-items:center;
  line-height:1;
  vertical-align:middle;
}
.card-seller-name .admin-identity-name,
.card-seller-name .admin-label{line-height:1;}
.card-seller-name .admin-check-icon{display:block;align-self:center;}

/* Admin verification check: green while keeping the admin name/badge gold. */
.admin-check-icon{
  filter:hue-rotate(72deg) saturate(1.35) brightness(1.08);
}

/* ===== Pawer public live-stream viewer + admin controls ===== */
.site-stream-fab-wrap{
  position:fixed;z-index:96;top:170px;right:68px;left:auto;bottom:auto;
  display:flex;align-items:center;gap:5px;max-width:calc(100vw - 16px);
  user-select:none;-webkit-user-select:none;touch-action:none;
}
.site-stream-fab-wrap[hidden]{display:none!important;}
.site-stream-fab{
  position:relative;display:inline-flex;align-items:center;gap:8.4px;min-height:50px;padding:0 16px;
  border:1px solid rgba(255,87,87,.58);border-radius:999px;
  background:linear-gradient(180deg,rgba(49,13,16,.98),rgba(24,9,11,.98));color:#fff;
  box-shadow:0 12px 34px rgba(0,0,0,.46),0 0 0 1px rgba(255,80,80,.05) inset;
  font:900 12px/1 'Inter',sans-serif;letter-spacing:.12em;cursor:grab;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.site-stream-fab:hover{transform:translateY(-2px);border-color:rgba(255,112,112,.9);background:linear-gradient(180deg,rgba(70,15,20,.99),rgba(29,9,12,.99));box-shadow:0 14px 38px rgba(0,0,0,.52),0 0 18px rgba(255,66,77,.12);}
.site-stream-fab:active,.site-stream-fab.dragging{cursor:grabbing;}
.site-stream-fab.dragging{transform:none;transition:none;}
.site-stream-fab:focus-visible,.site-stream-fab-close:focus-visible{outline:2px solid rgba(255,111,120,.42);outline-offset:3px;}
.site-stream-fab svg{width:23px;height:23px;flex:0 0 23px;pointer-events:none;}
.site-stream-fab>span{pointer-events:none;}
.site-stream-fab-dot{width:8.4px;height:8.4px;flex:0 0 8.4px;border-radius:50%;background:#ff3347;box-shadow:0 0 0 4px rgba(255,51,71,.10),0 0 12px rgba(255,51,71,.72);animation:pawer-live-pulse 1.35s ease-in-out infinite;}
.site-stream-fab.admin-idle{
  border-color:rgba(180,184,194,.30);
  background:linear-gradient(180deg,rgba(45,47,54,.97),rgba(25,27,32,.98));
  color:#b9bcc5;
  box-shadow:0 10px 28px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset;
}
.site-stream-fab.admin-idle:hover{
  border-color:rgba(205,209,219,.48);
  background:linear-gradient(180deg,rgba(55,58,66,.99),rgba(30,32,38,.99));
}
.site-stream-fab.admin-idle .site-stream-fab-dot{
  background:#7f838d;
  box-shadow:0 0 0 4px rgba(127,131,141,.09);
  animation:none;
}
.site-stream-fab-close{
  width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;padding:0;
  border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(12,12,16,.92);color:#B9B6BE;
  box-shadow:0 6px 18px rgba(0,0,0,.36);font:500 17px/1 Arial,sans-serif;cursor:pointer;
  transition:background .14s ease,color .14s ease,border-color .14s ease,transform .14s ease;
}
.site-stream-fab-close:hover{border-color:rgba(255,116,125,.55);background:rgba(54,16,21,.98);color:#fff;transform:scale(1.06);}
@keyframes pawer-live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}

.site-stream-enabled-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:6px 0 14px;padding:12px 13px;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);cursor:pointer;}
.site-stream-enabled-row>span{display:flex;min-width:0;flex-direction:column;gap:3px;}
.site-stream-enabled-row strong{font-size:11px;color:var(--text);}
.site-stream-enabled-row small{color:var(--text-mute);font-size:9px;line-height:1.35;}
.site-stream-enabled-row input{position:absolute;opacity:0;pointer-events:none;}
.site-stream-enabled-row i{position:relative;width:42px;height:22px;flex:0 0 42px;border:1px solid var(--border-hi);border-radius:999px;background:#393338;transition:.16s ease;}
.site-stream-enabled-row i::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#aaa;transition:.16s ease;}
.site-stream-enabled-row input:checked+i{background:rgba(224,43,61,.45);border-color:rgba(255,83,101,.72);}
.site-stream-enabled-row input:checked+i::after{left:21px;background:#fff;box-shadow:0 0 9px rgba(255,255,255,.25);}
.site-stream-enabled-row:focus-within{outline:2px solid var(--accent);outline-offset:1px;}
.site-stream-admin-dialog .news-moderator-status.idle{color:#9BA3AE;}

.site-stream-viewer-dialog{width:auto;height:auto;max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:var(--text);overflow:visible;}
.site-stream-viewer-dialog::backdrop{background:rgba(3,4,7,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.site-stream-viewer-shell{width:75vw;height:75vh;max-width:1440px;max-height:900px;min-width:620px;min-height:380px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#08090C;box-shadow:0 28px 90px rgba(0,0,0,.68);}
.site-stream-viewer-head{min-height:58px;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 15px;border-bottom:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#141419,#0D0D11);}
.site-stream-live-pill{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px 7px;border:1px solid rgba(255,68,82,.42);border-radius:4px;background:rgba(125,18,28,.18);color:#ff7683;font:900 8px/1 'Inter',sans-serif;letter-spacing:.12em;}
.site-stream-live-pill i{width:6px;height:6px;border-radius:50%;background:#ff3347;box-shadow:0 0 8px rgba(255,51,71,.65);}
.site-stream-viewer-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px;}
.site-stream-viewer-copy strong{overflow:hidden;color:#F5F2EC;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.site-stream-viewer-copy small{color:#8F8B94;font-size:8px;text-transform:uppercase;letter-spacing:.08em;}
.site-stream-game-badge{display:inline-flex;align-items:center;max-width:min(280px,28vw);padding:6px 9px;border:1px solid rgba(83,174,255,.28);border-radius:999px;background:rgba(29,79,121,.14);color:#A8D7FF;font:800 8px/1 'Inter',sans-serif;letter-spacing:.07em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.site-stream-game-badge[hidden]{display:none!important;}
.site-stream-external,.site-stream-admin-edit,.site-stream-chat-toggle,.site-stream-viewer-close{flex:0 0 auto;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#18181D;color:#D8D5DA;font:700 9px/1 'Inter',sans-serif;text-decoration:none;cursor:pointer;}
.site-stream-external,.site-stream-admin-edit,.site-stream-chat-toggle{padding:8px 10px;}
.site-stream-admin-edit{border-color:rgba(66,201,107,.34);color:#84DEA0;background:rgba(29,91,49,.12);}
.site-stream-chat-toggle{border-color:rgba(89,173,255,.34);color:#9DD2FF;background:rgba(40,91,145,.12);}
.site-stream-chat-toggle.active{border-color:rgba(0,208,132,.38);color:#8DE8BA;background:rgba(0,128,84,.12);}
.site-stream-viewer-close{width:34px;height:34px;display:grid;place-items:center;padding:0;font-size:20px;}
.site-stream-external:hover,.site-stream-admin-edit:hover,.site-stream-chat-toggle:hover,.site-stream-viewer-close:hover{border-color:rgba(255,255,255,.28);color:#fff;background:#23232A;}
.site-stream-viewer-body{position:relative;flex:1;min-height:0;display:flex;overflow:hidden;background:#000;}
.site-stream-frame-wrap{position:relative;flex:1;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;background:#000;}
.site-stream-chat-dock{flex:0 0 min(360px,30vw);width:min(360px,30vw);min-width:285px;min-height:0;overflow:hidden;border-left:1px solid rgba(255,255,255,.10);background:#10110F;}
.site-stream-chat-dock[hidden]{display:none!important;}
.site-stream-chat-dock .live-chat-sidebar.stream-docked{position:relative!important;z-index:1!important;inset:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;transform-origin:center!important;opacity:1!important;transition:none!important;}
.site-stream-chat-dock .live-chat-sidebar.stream-docked.is-opening,.site-stream-chat-dock .live-chat-sidebar.stream-docked.is-closing{opacity:1!important;transform:none!important;pointer-events:auto!important;}
.site-stream-frame-wrap iframe{width:100%;height:100%;border:0;background:#000;display:block;}
.site-stream-frame-wrap iframe.site-stream-facebook-fit{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;align-self:center!important;justify-self:center!important;margin:auto!important;transform:none!important;max-width:100%;max-height:100%;}
.site-stream-loading{position:absolute;z-index:2;inset:0;display:grid;place-items:center;align-content:center;gap:12px;background:#07080B;color:#99949E;pointer-events:none;transition:opacity .2s ease;}
.site-stream-loading.hidden{opacity:0;visibility:hidden;}
.site-stream-loading span{width:30px;height:30px;border:3px solid rgba(255,255,255,.12);border-top-color:#ff5263;border-radius:50%;animation:pawer-stream-spin .8s linear infinite;}
.site-stream-loading strong{font-size:10px;letter-spacing:.04em;}
@keyframes pawer-stream-spin{to{transform:rotate(360deg)}}

@media(max-width:760px){
  .site-stream-fab-wrap{top:92px;right:12px;}
  .site-stream-fab{min-height:47px;padding:0 12px;font-size:9.6px;}
  .site-stream-fab svg{width:20.4px;height:20.4px;flex-basis:20.4px;}
  .site-stream-viewer-shell{width:96vw;height:76dvh;min-width:0;min-height:320px;border-radius:6px;}
  .site-stream-viewer-head{min-height:52px;padding:7px 8px;gap:7px;}
  .site-stream-external{display:none;}
  .site-stream-admin-edit,.site-stream-chat-toggle{padding:7px 8px;font-size:8px;}
  .site-stream-chat-dock{position:absolute;z-index:6;inset:0;width:100%;min-width:0;flex-basis:auto;border-left:0;}
  .site-stream-viewer-close{width:32px;height:32px;}
  .site-stream-live-pill{padding:4px 6px;font-size:7px;}
  .site-stream-viewer-copy strong{font-size:11px;}
  .site-stream-game-badge{max-width:26vw;padding:5px 7px;font-size:7px;}
}
@media(prefers-reduced-motion:reduce){.site-stream-fab-dot,.site-stream-loading span{animation:none!important;}}


/* ===== Pawer Live: center the ENTIRE viewer on the viewport ===== */
.site-stream-viewer-dialog[open]{
  position:fixed!important;
  inset:auto!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  width:max-content!important;
  height:max-content!important;
  max-width:none!important;
  max-height:none!important;
}

@media(max-width:700px){
  .site-stream-viewer-dialog[open]{
    top:50%!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* ===== Streamer platform chat: Twitch/Kick only ===== */
.site-stream-platform-chat{
  flex:0 0 min(350px,28vw);
  width:min(350px,28vw);
  min-width:300px;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-left:1px solid rgba(255,255,255,.12);
  background:#0b0c0f;
}
.site-stream-platform-chat[hidden]{display:none!important;}
.site-stream-platform-chat-head{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 10px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:#111217;
}
.site-stream-platform-chat-head strong{color:#f3f1f4;font-size:10px;letter-spacing:.02em;}
.site-stream-platform-chat-head span{color:#8e8994;font-size:7px;font-weight:800;letter-spacing:.09em;}
.site-stream-platform-chat[data-platform="twitch"] .site-stream-platform-chat-head strong{color:#bda5ff;}
.site-stream-platform-chat[data-platform="kick"] .site-stream-platform-chat-head strong{color:#79f238;}
.site-stream-platform-chat iframe{display:block;flex:1 1 auto;width:100%;height:100%;min-height:0;border:0;background:#0b0c0f;}

/* Mobile live viewer: match the native Twitch/Kick experience — stream on top,
   then the platform's own full chat UI using the rest of the viewer height.
   Do not depend on :has(), because in-app browsers can lag selector support. */
@media(max-width:760px){
  .site-stream-viewer-dialog[data-platform="twitch"] .site-stream-viewer-shell,
  .site-stream-viewer-dialog[data-platform="kick"] .site-stream-viewer-shell{
    width:calc(100vw - 16px);
    height:min(88dvh,900px);
    max-width:520px;
    max-height:calc(100dvh - 16px);
    min-height:520px;
  }
  .site-stream-viewer-dialog[data-platform="twitch"] .site-stream-viewer-body,
  .site-stream-viewer-dialog[data-platform="kick"] .site-stream-viewer-body{
    flex-direction:column;
  }
  .site-stream-viewer-dialog[data-platform="twitch"] .site-stream-frame-wrap,
  .site-stream-viewer-dialog[data-platform="kick"] .site-stream-frame-wrap{
    flex:0 0 38%;
    width:100%;
    min-width:0;
    min-height:210px;
  }
  .site-stream-viewer-dialog[data-platform="twitch"] .site-stream-platform-chat,
  .site-stream-viewer-dialog[data-platform="kick"] .site-stream-platform-chat{
    flex:1 1 auto;
    width:100%;
    min-width:0;
    min-height:0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.12);
  }
  /* Twitch/Kick already draw their own native chat header. Removing Pawer's
     extra wrapper row gives the same clean mobile layout as the platform UI. */
  .site-stream-viewer-dialog[data-platform="twitch"] .site-stream-platform-chat-head,
  .site-stream-viewer-dialog[data-platform="kick"] .site-stream-platform-chat-head{
    display:none;
  }
}

@media(max-width:760px) and (max-height:620px){
  .site-stream-viewer-dialog[data-platform="twitch"] .site-stream-viewer-shell,
  .site-stream-viewer-dialog[data-platform="kick"] .site-stream-viewer-shell{
    height:calc(100dvh - 12px);
    min-height:0;
  }
  .site-stream-viewer-dialog[data-platform="twitch"] .site-stream-frame-wrap,
  .site-stream-viewer-dialog[data-platform="kick"] .site-stream-frame-wrap{
    flex-basis:42%;
    min-height:150px;
  }
}


/* ===== Permanent Pawer Live Chat launcher =====
   The normal marketplace Live Chat button is the only persistent stream overlay control.
   It never gets a separate close button, never moves into the stream UI, and stays at its
   original bottom-right marketplace position even while chat or Pawer Live is open. */
.live-chat-fab{
  position:fixed!important;
  right:20px!important;
  bottom:76px!important;
}
body.site-stream-viewer-open .live-chat-fab{
  position:fixed!important;
  right:20px!important;
  bottom:76px!important;
  z-index:5004!important;
}
body.site-stream-viewer-open .live-chat-sidebar{z-index:5002!important;}
@media(max-width:640px){
  .live-chat-fab,body.site-stream-viewer-open .live-chat-fab{right:12px!important;bottom:72px!important;}
}

/* ===== Pawer Live viewer: authoritative centered overlay ===== */
.site-stream-viewer-dialog[open]{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
  overflow:hidden!important;
  z-index:5000!important;
  border:0!important;
  background:rgba(3,4,7,.78)!important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.site-stream-viewer-dialog[open] .site-stream-viewer-shell{
  position:relative!important;
  margin:0!important;
  flex:none!important;
}
/* Pawer's own Live Chat is independent and stays above the stream. */
body.site-stream-viewer-open .live-chat-sidebar{z-index:5002!important;}
body.site-stream-viewer-open .live-chat-toast{z-index:5003!important;}
body.site-stream-viewer-open .live-chat-fab{z-index:5004!important;}
body.site-stream-viewer-open .live-chat-fab,
body.site-stream-viewer-open .live-chat-sidebar,
body.site-stream-viewer-open .live-chat-toast{position:fixed!important;}

/* ===== Selected-game blend for Private Mail + Pawer Live Chat =====
   Visual only: these services remain global; the selected marketplace game supplies their palette. */
body{
  --comm-bg:#11100E;
  --comm-surface:#1C1710;
  --comm-surface-2:#241D14;
  --comm-raised:#2B2318;
  --comm-border:rgba(201,154,62,.20);
  --comm-border-hi:rgba(201,154,62,.44);
  --comm-accent:#B88733;
  --comm-accent-hi:#D1A64D;
  --comm-gold:#D4AC60;
  --comm-text:#F1EEE8;
  --comm-dim:#B9B1A6;
  --comm-mute:#7D746A;
}
body[data-market-game="all"]{
  --comm-bg:#11100E;--comm-surface:#1C1710;--comm-surface-2:#241D14;--comm-raised:#2B2318;
  --comm-border:rgba(201,154,62,.20);--comm-border-hi:rgba(201,154,62,.44);
  --comm-accent:#B88733;--comm-accent-hi:#D1A64D;--comm-gold:#D4AC60;
}
body[data-market-game="calamity"]{
  --comm-bg:#090812;--comm-surface:#12101D;--comm-surface-2:#181424;--comm-raised:#211A31;
  --comm-border:rgba(166,126,218,.22);--comm-border-hi:rgba(188,132,255,.46);
  --comm-accent:#6E49C9;--comm-accent-hi:#9168E7;--comm-gold:#C8A5F0;
  --comm-text:#EEEAF7;--comm-dim:#B0A5C2;--comm-mute:#756B88;
}
body[data-market-game="yakkamon"]{
  --comm-bg:#111214;--comm-surface:#191A1C;--comm-surface-2:#202125;--comm-raised:#292A2E;
  --comm-border:rgba(190,158,87,.24);--comm-border-hi:rgba(211,179,91,.50);
  --comm-accent:#B8953E;--comm-accent-hi:#D0A94D;--comm-gold:#D3B35B;
  --comm-text:#F0EEE8;--comm-dim:#B8B6AE;--comm-mute:#7E7F82;
}
body[data-market-game="ragnarok-new-world"]{
  --comm-bg:#07111D;--comm-surface:#0C1928;--comm-surface-2:#0A1623;--comm-raised:#14263A;
  --comm-border:rgba(195,213,228,.20);--comm-border-hi:rgba(224,202,147,.44);
  --comm-accent:#B9914E;--comm-accent-hi:#D8B76C;--comm-gold:#E5C987;
  --comm-text:#EDF4F8;--comm-dim:#A9BDCA;--comm-mute:#708797;
}
body[data-market-game="ragnarok-zero-global"]{
  --comm-bg:#07111F;--comm-surface:#0A1A2D;--comm-surface-2:#0A2038;--comm-raised:#102B49;
  --comm-border:rgba(111,174,216,.22);--comm-border-hi:rgba(119,200,238,.46);
  --comm-accent:#318FC3;--comm-accent-hi:#74C7E9;--comm-gold:#B8E7F5;
  --comm-text:#EDF8FC;--comm-dim:#A7C8D8;--comm-mute:#6E91A5;
}
body[data-market-game="mu-realm-of-legends"]{
  --comm-bg:#0E0A12;--comm-surface:#17101D;--comm-surface-2:#21152A;--comm-raised:#2C1B38;
  --comm-border:rgba(177,111,205,.23);--comm-border-hi:rgba(218,140,242,.46);
  --comm-accent:#8B4FA6;--comm-accent-hi:#B66CCB;--comm-gold:#D9A6E8;
  --comm-text:#F3EBF6;--comm-dim:#BCA9C3;--comm-mute:#816F89;
}

/* Small selected-game context badge shown in both communication headers. */
.messages-header-text,.live-chat-header-copy{min-width:0;display:block;}
.comm-game-chip{
  width:max-content;max-width:190px;margin-top:5px;display:inline-flex;align-items:center;gap:5px;
  min-height:20px;padding:2px 7px 2px 3px;border:1px solid var(--comm-border);border-radius:999px;
  background:color-mix(in srgb,var(--comm-accent) 8%,var(--comm-surface-2));
  color:var(--comm-gold);font:800 7px/1 'Inter',sans-serif;letter-spacing:.045em;text-transform:uppercase;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.comm-game-chip img{width:16px;height:16px;flex:0 0 16px;border-radius:4px;object-fit:contain;background:rgba(0,0,0,.18);}
.comm-game-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Private Mail inherits the selected game's marketplace palette. */
.messages-dialog{
  border-color:var(--comm-border-hi);background:var(--comm-bg);color:var(--comm-text);
  box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 34px color-mix(in srgb,var(--comm-accent) 10%,transparent);
}
.messages-header{
  border-color:var(--comm-border);
  background:linear-gradient(115deg,color-mix(in srgb,var(--comm-accent) 13%,var(--comm-surface)),var(--comm-bg));
}
.messages-header-icon{border-color:var(--comm-border-hi);color:var(--comm-gold);background:color-mix(in srgb,var(--comm-accent) 7%,transparent);}
.messages-header h2{color:var(--comm-text);}.messages-header p{color:var(--comm-mute);}
.messages-close{border-color:var(--comm-border);color:var(--comm-dim);}.messages-close:hover{border-color:var(--comm-border-hi);background:var(--comm-raised);color:var(--comm-text);}
.messages-threads{border-color:var(--comm-border);background:var(--comm-surface);}
.messages-threads-title{color:var(--comm-mute);}
.messages-conversation{background:linear-gradient(150deg,var(--comm-surface),var(--comm-bg));}
.message-thread{color:var(--comm-text);}
.message-thread:hover,.message-thread.active{border-color:var(--comm-border);background:var(--comm-raised);}
.message-thread.active{box-shadow:inset 3px 0 var(--comm-accent);}
.message-thread-avatar,.conversation-avatar{border-color:var(--comm-border);background:var(--comm-raised);}
.message-thread-copy span,.messages-empty,.conversation-placeholder{color:var(--comm-mute);}
.message-thread-badge{background:var(--comm-accent);color:#fff;}
.conversation-head{border-color:var(--comm-border);background:color-mix(in srgb,var(--comm-accent) 5%,var(--comm-surface));}
.conversation-head-copy strong{color:var(--comm-text);}.conversation-head-copy span{color:var(--comm-gold);}
.conversation-back{border-color:var(--comm-border);color:var(--comm-text);}
.message-bubble{background:color-mix(in srgb,var(--comm-raised) 84%,var(--comm-surface-2));color:var(--comm-text);}
.message-bubble.mine{background:color-mix(in srgb,var(--comm-accent) 23%,var(--comm-raised));color:var(--comm-text);}
.message-time{color:var(--comm-mute);}
.message-compose{border-color:var(--comm-border);background:var(--comm-surface);}
.message-compose textarea{border-color:var(--comm-border);background:var(--comm-bg);color:var(--comm-text);}
.message-compose textarea:focus{border-color:var(--comm-accent-hi);box-shadow:0 0 0 2px color-mix(in srgb,var(--comm-accent) 14%,transparent);}
.message-compose .btn.primary{background:var(--comm-accent);border-color:var(--comm-accent);}
.message-compose .btn.primary:hover{background:var(--comm-accent-hi);border-color:var(--comm-accent-hi);}
.message-thread-context b{border-color:var(--comm-border);background:color-mix(in srgb,var(--comm-accent) 7%,var(--comm-surface-2));color:var(--comm-gold);}
.message-thread-context em,.message-thread-copy .message-thread-preview{color:var(--comm-mute)!important;}
.conversation-context-source,.mail-context-source-copy em{color:var(--comm-gold)!important;}
.mail-context-card{border-color:var(--comm-border);background:color-mix(in srgb,var(--comm-surface-2) 90%,var(--comm-raised));}
.mail-context-item-thumb,.mail-context-chat-thumb{border-color:var(--comm-border);background:var(--comm-surface);}

/* Live Chat carries the same selected-game palette without changing chat scope. */
.live-chat-fab{
  border-color:var(--comm-border-hi);background:var(--comm-bg);color:var(--comm-text);
  box-shadow:0 12px 34px rgba(0,0,0,.48),0 0 20px color-mix(in srgb,var(--comm-accent) 12%,transparent);
}
.live-chat-fab:hover{background:var(--comm-raised);color:var(--comm-gold);}
.live-chat-fab:focus,.live-chat-fab:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--comm-accent) 24%,transparent),0 12px 34px rgba(0,0,0,.48);}
.live-chat-fab.is-open{background:var(--comm-accent);color:#fff;border-color:var(--comm-accent-hi);box-shadow:0 10px 28px color-mix(in srgb,var(--comm-accent) 30%,transparent);}
.live-chat-fab.is-open:hover{background:var(--comm-accent-hi);color:#fff;}
.live-chat-sidebar{
  border-color:var(--comm-border-hi);background:var(--comm-bg);color:var(--comm-text);
  box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 38px color-mix(in srgb,var(--comm-accent) 11%,transparent);
}
.live-chat-sidebar-header{
  border-color:var(--comm-border);
  background:linear-gradient(120deg,color-mix(in srgb,var(--comm-accent) 14%,var(--comm-surface)),var(--comm-bg));
}
.live-chat-sidebar-logo{border-color:var(--comm-border-hi);color:var(--comm-gold);background:color-mix(in srgb,var(--comm-accent) 7%,transparent);}
.live-chat-sidebar-header strong{color:var(--comm-text);}.live-chat-sidebar-header small{color:var(--comm-mute);}
.live-chat-stream{background:linear-gradient(160deg,var(--comm-surface),var(--comm-bg) 72%);}
.live-chat-date-separator{color:var(--comm-mute);}.live-chat-date-separator span{background:color-mix(in srgb,var(--comm-raised) 64%,transparent);}
.live-chat-avatar{border-color:var(--comm-border);background:var(--comm-raised);}
.live-chat-meta strong{color:var(--comm-text);}
.live-chat-text{border-color:color-mix(in srgb,var(--comm-border) 58%,transparent);background:color-mix(in srgb,var(--comm-raised) 78%,var(--comm-surface));color:var(--comm-dim);}
.live-chat-message.mine .live-chat-text{border-color:color-mix(in srgb,var(--comm-accent) 32%,var(--comm-border));background:color-mix(in srgb,var(--comm-accent) 18%,var(--comm-raised));color:var(--comm-text);}
.live-chat-more{color:var(--comm-mute);}.live-chat-more:hover,.live-chat-more:focus-visible{background:color-mix(in srgb,var(--comm-accent) 10%,transparent);color:var(--comm-gold);}
.live-chat-message-actions{border-color:var(--comm-border);background:var(--comm-surface);}
.live-chat-message-actions button{color:var(--comm-dim);}.live-chat-message-actions button:hover,.live-chat-message-actions button:focus-visible{background:color-mix(in srgb,var(--comm-accent) 12%,transparent);color:var(--comm-gold);}
.live-chat-compose{border-color:var(--comm-border);background:var(--comm-surface);}
.live-chat-compose textarea{border-color:var(--comm-border);background:var(--comm-bg);color:var(--comm-text);}
.live-chat-compose textarea:focus{border-color:var(--comm-accent-hi);box-shadow:0 0 0 2px color-mix(in srgb,var(--comm-accent) 14%,transparent);}
.live-chat-compose .btn.primary{background:var(--comm-accent);border-color:var(--comm-accent);}
.live-chat-compose .btn.primary:hover{background:var(--comm-accent-hi);border-color:var(--comm-accent-hi);}
.live-chat-reports{background:var(--comm-bg);}.live-chat-reports>header{border-color:var(--comm-border);background:var(--comm-surface);}
.live-chat-reports>header button{border-color:var(--comm-border);background:var(--comm-bg);color:var(--comm-gold);}
.live-chat-report-card{border-color:var(--comm-border);background:var(--comm-surface);}
.live-chat-report-card strong{color:var(--comm-gold);}.live-chat-report-card blockquote{border-color:var(--comm-border-hi);background:var(--comm-bg);}
.live-chat-toast{border-color:var(--comm-border-hi);background:linear-gradient(120deg,color-mix(in srgb,var(--comm-accent) 13%,var(--comm-surface)),var(--comm-bg));}
.live-chat-toast:hover{border-color:var(--comm-accent-hi);background:linear-gradient(120deg,color-mix(in srgb,var(--comm-accent) 18%,var(--comm-surface)),var(--comm-bg));}

/* Mail icon in the marketplace top bar gets a subtle game-colored response on hover. */
#calamityExperience .top-actions .messages-button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--gold);}

@media(max-width:620px){
  .comm-game-chip{max-width:150px;}
  .live-chat-sidebar-header{grid-template-columns:34px minmax(0,1fr) auto auto;}
}

/* ===== 2026-08-30 Pawer brand palette =====
   Based on the Pawer logo: deep blue, teal/cyan, violet/lavender, with green as a status accent.
   This replaces the old brown/gold identity on the Pawer homepage and All Marketplaces only.
   Individual game marketplaces keep their own themes. */
:root{
  --pawer-bg:#070A12;
  --pawer-surface:#0D1320;
  --pawer-surface-2:#111A2A;
  --pawer-raised:#17243A;
  --pawer-blue:#224F73;
  --pawer-teal:#18ABB4;
  --pawer-teal-hi:#39D0D8;
  --pawer-violet:#7259D2;
  --pawer-violet-hi:#9A7BEA;
  --pawer-lavender:#C0A7E8;
  --pawer-green:#63C875;
  --pawer-text:#F1F4FA;
  --pawer-dim:#A9B6C8;
  --pawer-mute:#718197;
  --pawer-border:rgba(65,153,181,.23);
  --pawer-border-hi:rgba(144,111,224,.46);
}

/* Main Pawer navigation/header shell. */
.game-switcher{
  --surface:var(--pawer-surface);
  --surface-2:var(--pawer-surface-2);
  --raised:var(--pawer-raised);
  --border:var(--pawer-border);
  --border-hi:var(--pawer-border-hi);
  --text:var(--pawer-text);
  --text-dim:var(--pawer-dim);
  --text-mute:var(--pawer-mute);
  --gold:var(--pawer-lavender);
  background:
    linear-gradient(90deg,rgba(24,171,180,.045),transparent 32%,rgba(114,89,210,.055)),
    linear-gradient(180deg,rgba(10,14,25,.99),rgba(7,10,18,.98));
  border-bottom-color:rgba(111,129,167,.20);
}
.game-switch-brand:hover img,.game-switch-brand:focus-visible img{
  filter:brightness(1.08) drop-shadow(0 0 7px rgba(24,171,180,.34)) drop-shadow(0 0 12px rgba(114,89,210,.20));
}
.game-switch-actions{border-color:var(--pawer-border);background:rgba(15,22,36,.88);}
.game-switch-button{color:var(--pawer-dim);}
.game-switch-button:hover{background:rgba(114,89,210,.10);color:var(--pawer-text);}
.game-switch-button.active{
  background:linear-gradient(115deg,rgba(24,171,180,.11),rgba(114,89,210,.16));
  color:var(--pawer-lavender);
  box-shadow:inset 0 0 0 1px rgba(144,111,224,.26);
}

/* Pawer homepage / game hub. */
.game-hub{
  --bg:var(--pawer-bg);
  --surface:var(--pawer-surface);
  --surface-2:var(--pawer-surface-2);
  --raised:var(--pawer-raised);
  --border:var(--pawer-border);
  --border-hi:var(--pawer-border-hi);
  --text:var(--pawer-text);
  --text-dim:var(--pawer-dim);
  --text-mute:var(--pawer-mute);
  --gold:var(--pawer-lavender);
  --accent:var(--pawer-violet);
  --accent-hi:var(--pawer-violet-hi);
  background:
    radial-gradient(circle at 10% 9%,rgba(24,171,180,.095),transparent 24%),
    radial-gradient(circle at 88% 7%,rgba(114,89,210,.12),transparent 27%),
    var(--pawer-bg);
}
.hub-hero::before{
  background:
    radial-gradient(circle at 17% 25%,rgba(24,171,180,.085),transparent 28%),
    radial-gradient(circle at 83% 12%,rgba(114,89,210,.11),transparent 31%),
    linear-gradient(180deg,#090E19,var(--pawer-bg));
}
.hub-section::before{background:var(--pawer-bg);}
.game-hub-eyebrow,.hub-section-label,.game-choice-kicker,.game-choice-open,.game-guides-label,
.pawer-footer-status,.pawer-footer-heading,.pawer-footer-link-icon,.pawer-footer-time svg{
  color:var(--pawer-lavender);
}
.game-carousel-stage,.game-guides-preview,.game-choice,.hub-community{
  border-color:var(--pawer-border);
  background:linear-gradient(155deg,rgba(17,26,42,.96),rgba(11,16,28,.98));
}
.game-carousel:hover .game-carousel-stage,.game-guides-preview:hover,.game-choice:hover{
  border-color:rgba(144,111,224,.58);
  box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 30px rgba(24,171,180,.035),0 0 0 1px rgba(114,89,210,.11);
}
.game-carousel-dot.active{border-color:var(--pawer-violet-hi);background:linear-gradient(90deg,var(--pawer-teal),var(--pawer-violet-hi));}
.game-carousel-arrow:hover,.game-carousel-arrow:focus-visible{border-color:var(--pawer-violet-hi);color:var(--pawer-lavender);background:rgba(20,27,45,.96);}
.game-panel-tabs{border-color:rgba(75,142,175,.18);background:rgba(5,10,18,.42);}
.game-panel-tab.active{background:linear-gradient(105deg,rgba(24,171,180,.09),rgba(114,89,210,.14));color:var(--pawer-lavender);box-shadow:inset 0 0 0 1px rgba(144,111,224,.18);}
.game-guide-row{border-color:rgba(65,153,181,.17);background:rgba(13,19,32,.78);}
.game-guide-row:hover,.game-guide-row:focus-visible{border-color:rgba(144,111,224,.48);background:rgba(18,27,45,.92);}
.hub-community{box-shadow:0 18px 50px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.02);}
.pawer-footer{border-top-color:var(--pawer-border);}
.pawer-footer-bottom{border-top-color:rgba(100,123,171,.16);}

/* Main / All Marketplaces becomes the Pawer brand theme. */
#calamityExperience[data-game="all"]{
  --bg:var(--pawer-bg);
  --surface:var(--pawer-surface);
  --surface-2:var(--pawer-surface-2);
  --raised:var(--pawer-raised);
  --border:var(--pawer-border);
  --border-hi:var(--pawer-border-hi);
  --text:var(--pawer-text);
  --text-dim:var(--pawer-dim);
  --text-mute:var(--pawer-mute);
  --accent:var(--pawer-violet);
  --accent-hi:var(--pawer-violet-hi);
  --gold:var(--pawer-lavender);
  --on-accent:#FFFFFF;
}
#calamityExperience[data-game="all"]::before{
  background:
    radial-gradient(circle at 82% 11%,rgba(114,89,210,.15),transparent 31%),
    radial-gradient(circle at 8% 29%,rgba(24,171,180,.10),transparent 27%),
    linear-gradient(180deg,rgba(9,14,25,.74) 0,rgba(7,10,18,.92) 450px,var(--pawer-bg) 840px);
}
#calamityExperience[data-game="all"]::after{
  background-image:url('pawer-marketplace-logo-optimized.webp');
  top:88px;
  right:-34px;
  width:min(500px,44vw);
  height:400px;
  background-position:right top;
  opacity:.024;
  filter:saturate(1.02) drop-shadow(0 0 40px rgba(24,171,180,.17)) drop-shadow(0 0 60px rgba(114,89,210,.13));
}
#calamityExperience[data-game="all"] .game-filter{
  border-color:rgba(139,108,219,.42);
  background:linear-gradient(115deg,rgba(14,24,38,.95),rgba(18,18,37,.95));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 30px rgba(0,0,0,.16);
}
#calamityExperience[data-game="all"] .game-filter::before{
  background:linear-gradient(105deg,rgba(24,171,180,.09),transparent 46%,rgba(114,89,210,.11));
}
#calamityExperience[data-game="all"] .game-filter:hover,
#calamityExperience[data-game="all"] .game-filter:focus-within{
  border-color:rgba(154,123,234,.68);
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 0 0 2px rgba(24,171,180,.055),0 12px 30px rgba(0,0,0,.24);
}
#calamityExperience[data-game="all"] .game-filter-art{
  background:radial-gradient(circle,rgba(24,171,180,.08),rgba(14,18,31,.66));
}
#calamityExperience[data-game="all"] .topbar{
  border-bottom-color:rgba(93,121,161,.18);
  background:linear-gradient(180deg,rgba(8,11,20,.97),rgba(7,10,18,.94));
}
#calamityExperience[data-game="all"] .tabs,
#calamityExperience[data-game="all"] .market-stats,
#calamityExperience[data-game="all"] .card,
#calamityExperience[data-game="all"] .search-wrap,
#calamityExperience[data-game="all"] .saved-filter{
  border-color:var(--pawer-border);
}
#calamityExperience[data-game="all"] .tab.active,
#calamityExperience[data-game="all"] .btn.primary{
  background:linear-gradient(110deg,rgba(24,171,180,.15),rgba(114,89,210,.24));
  color:#F6F1FF;
  border-color:rgba(144,111,224,.48);
}
#calamityExperience[data-game="all"] .listing-game-tag{
  border-color:rgba(139,108,219,.30);
  background:rgba(114,89,210,.09);
  color:var(--pawer-lavender);
}
#calamityExperience[data-game="all"] .marketplace-footer{
  background:linear-gradient(180deg,rgba(10,15,25,.42),rgba(5,8,14,.94));
  border-top-color:var(--pawer-border);
}
#calamityExperience[data-game="all"] .marketplace-footer-bottom{border-top-color:rgba(100,123,171,.16);}
#calamityExperience[data-game="all"] .marketplace-footer-brand-button:focus-visible{outline-color:rgba(144,111,224,.60);}

/* All Marketplaces loader also uses the Pawer identity. */
.pawer-loading-preview[data-game="all"]{
  background:
    radial-gradient(circle at 49% 42%,rgba(114,89,210,.16),transparent 34%),
    radial-gradient(circle at 12% 34%,rgba(24,171,180,.09),transparent 28%),
    var(--pawer-bg);
}
.pawer-loading-preview[data-game="all"] .pawer-loading-progress{
  background:linear-gradient(90deg,var(--pawer-teal),var(--pawer-violet-hi));
  box-shadow:0 0 15px rgba(86,103,224,.30);
}

/* All-market communication palette now matches the Pawer logo instead of old brown/gold. */
body,
body[data-market-game="all"]{
  --comm-bg:#080C15;
  --comm-surface:#0E1523;
  --comm-surface-2:#121C2D;
  --comm-raised:#19263B;
  --comm-border:rgba(65,153,181,.23);
  --comm-border-hi:rgba(144,111,224,.46);
  --comm-accent:#7259D2;
  --comm-accent-hi:#9476E8;
  --comm-gold:#C0A7E8;
  --comm-text:#F1F4FA;
  --comm-dim:#A9B6C8;
  --comm-mute:#718197;
}

/* Main-page giveaway panel follows the Pawer palette too. */
#hubGiveaway[data-game="all"]{
  --gw-bg:#0B101B;
  --gw-bg-2:#111A2A;
  --gw-raised:#18243A;
  --gw-border:rgba(65,153,181,.25);
  --gw-border-hi:rgba(144,111,224,.48);
  --gw-accent:#BBA3EA;
  --gw-accent-soft:rgba(114,89,210,.11);
  --gw-text:#F1F4FA;
  --gw-dim:#A9B6C8;
  --gw-mute:#718197;
  --gw-glow:rgba(24,171,180,.08);
}
#hubGiveaway[data-game="all"] .hub-giveaway-link{
  border-color:rgba(144,111,224,.38);
  background:linear-gradient(105deg,rgba(24,171,180,.08),rgba(114,89,210,.13));
  color:var(--pawer-lavender);
}
#hubGiveaway[data-game="all"] .hub-giveaway-link:hover,
#hubGiveaway[data-game="all"] .hub-giveaway-link:focus-visible{
  border-color:rgba(154,123,234,.62);
  background:linear-gradient(105deg,rgba(24,171,180,.12),rgba(114,89,210,.20));
  color:#E8DCFF;
}

/* Green from the logo is reserved for true status/success states so it stays meaningful. */
.game-hub .pawer-footer-status-dot,
body[data-market-game="all"] .live-chat-status i{background:var(--pawer-green);box-shadow:0 0 10px rgba(99,200,117,.62);}

/* ===== Marketplace In-feed AdSense cards ===== */
#calamityExperience .grid.has-market-infeed-ads{
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
}
#calamityExperience .market-infeed-ad{
  position:relative;
  min-width:0;
  width:100%;
  align-self:start;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:3px;
  background:var(--surface);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
#calamityExperience .market-infeed-ad .adsbygoogle{
  display:block!important;
  width:100%;
  min-width:0;
}
#calamityExperience .market-infeed-ad:has(.adsbygoogle[data-ad-status="unfilled"]){
  display:none!important;
}
@media(max-width:620px){
  #calamityExperience .grid.has-market-infeed-ads{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #calamityExperience .market-infeed-ad{
    grid-column:1 / -1;
    width:min(100%,320px);
    justify-self:center;
  }
}

/* ===== Post a listing: MU Klasik capsule + true reversible sweep ===== */
#btnPost{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:42px;
  padding:10px 24px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent-hi) 72%,white 8%);
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--accent-hi) 82%,white 5%) 0%,
    var(--accent) 58%,
    color-mix(in srgb,var(--accent) 86%,black 14%) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.20),
    0 5px 15px color-mix(in srgb,var(--accent) 24%,transparent);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
#btnPost:hover,
#btnPost:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--accent-hi) 86%,white 14%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 7px 20px color-mix(in srgb,var(--accent) 34%,transparent);
}

/* The recording uses one broad, bright diagonal slab that crosses the full button. */
#btnPost::after{
  content:'';
  position:absolute;
  z-index:4;
  top:-18%;
  left:-52%;
  width:34%;
  height:136%;
  pointer-events:none;
  opacity:.82;
  background:linear-gradient(90deg,
    rgba(255,255,255,.12) 0%,
    rgba(255,255,255,.66) 18%,
    rgba(255,255,255,.82) 48%,
    rgba(255,255,255,.66) 78%,
    rgba(255,255,255,.12) 100%);
  box-shadow:0 0 10px rgba(255,255,255,.26);
  transform:skewX(-11deg);
  transition:left .46s cubic-bezier(.33,.02,.20,1);
  will-change:left;
}

/* Enter: left -> right. Removing hover naturally reverses the same transition. */
#btnPost:hover::after,
#btnPost:focus-visible::after{
  left:118%;
}


/* ===== 2026-08-30 Compact listing cards: bottom-aligned content =====
   Keep row-mates visually aligned even when one listing has a longer title.
   Card text is intentionally concise; the complete listing remains in the full preview. */
#calamityExperience .card{
  display:flex;
  flex-direction:column;
  min-width:0;
}
#calamityExperience .card-icon{
  flex:0 0 auto;
}
#calamityExperience .card-body{
  flex:1 1 auto;
  min-width:0;
  min-height:116px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:9px 10px 10px;
}
#calamityExperience .card-tag-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:4px;
  margin:0 0 4px;
  overflow:hidden;
  white-space:nowrap;
}
#calamityExperience .card-tag-row .listing-game-tag,
#calamityExperience .card-tag-row .asset-status,
#calamityExperience .card-tag-row .rarity-pill{
  min-width:0;
  max-width:100%;
  margin:0;
  padding-top:2px;
  padding-bottom:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:7.5px;
  line-height:1.15;
}
#calamityExperience .card-tag-row .listing-game-tag{
  flex:1 1 auto;
}
#calamityExperience .card-tag-row .rarity-pill,
#calamityExperience .card-tag-row .asset-status{
  flex:0 1 auto;
}
#calamityExperience .card-name{
  min-width:0;
  margin:0 0 5px;
  overflow:hidden;
  color:var(--text);
  font-size:12px;
  font-weight:600;
  line-height:1.28;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#calamityExperience .card-ragnarok-server{
  min-width:0;
  margin:0 0 5px;
  padding:3px 5px;
  overflow:hidden;
  font-size:8px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#calamityExperience .card-ragnarok-server span{
  font-size:6.5px;
}
#calamityExperience .card-seller{
  min-width:0;
  margin:0 0 5px;
  gap:5px;
  overflow:hidden;
  font-size:9px;
  line-height:1.1;
  white-space:nowrap;
}
#calamityExperience .card-seller img{
  width:15px;
  height:15px;
  flex-basis:15px;
}
#calamityExperience .card-seller-copy,
#calamityExperience .card-seller-copy>strong,
#calamityExperience .card-seller-name{
  height:15px;
}
#calamityExperience .card-seller-copy{
  min-width:0;
  flex:1 1 auto;
}
#calamityExperience .card-seller-name{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#calamityExperience .card-meta{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  margin-top:auto;
  padding-top:5px;
}
#calamityExperience .card-price{
  min-width:0;
  max-width:64%;
  overflow:hidden;
  font-size:12.5px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#calamityExperience .card-server{
  min-width:0;
  max-width:36%;
  overflow:hidden;
  font-size:7.5px;
  line-height:1.15;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#calamityExperience .listing-relist-button{
  margin-top:6px;
}

@media(max-width:700px){
  #calamityExperience .card-body{
    min-height:104px;
    padding:8px 8px 9px;
  }
  #calamityExperience .card-tag-row{
    gap:3px;
    margin-bottom:3px;
  }
  #calamityExperience .card-tag-row .listing-game-tag,
  #calamityExperience .card-tag-row .asset-status,
  #calamityExperience .card-tag-row .rarity-pill{
    padding-left:4px;
    padding-right:4px;
    font-size:6.6px;
  }
  #calamityExperience .listing-game-mini-icon{
    width:18px;
    height:12px;
    flex-basis:18px;
  }
  #calamityExperience .card-name{
    margin-bottom:4px;
    font-size:10.5px;
  }
  #calamityExperience .card-ragnarok-server{
    margin-bottom:4px;
    padding:3px 4px;
    font-size:7.2px;
  }
  #calamityExperience .card-seller{
    margin-bottom:4px;
    font-size:8px;
  }
  #calamityExperience .card-seller img{
    width:14px;
    height:14px;
    flex-basis:14px;
  }
  #calamityExperience .card-seller-copy,
  #calamityExperience .card-seller-copy>strong,
  #calamityExperience .card-seller-name{
    height:14px;
  }
  #calamityExperience .card-meta{
    flex-direction:row;
    align-items:center;
    gap:5px;
    margin-top:auto;
    padding-top:4px;
  }
  #calamityExperience .card-price{
    max-width:62%;
    font-size:10.5px;
  }
  #calamityExperience .card-server{
    max-width:38%;
    font-size:6.7px;
  }
}


/* ===== 2026-08-30 Card hover + compact game-label correction =====
   Keep the save heart away from the hover category/type, and reserve its
   top-left footprint so it never covers Description text. Short game labels
   are supplied by app.js only inside listing cards. */
#calamityExperience .listing-save-button{
  left:7px;
  right:auto;
}
#calamityExperience .card-description-glass{
  grid-template-rows:auto minmax(0,1fr) auto;
}
#calamityExperience .card-description-head{
  min-width:0;
  min-height:29px;
  padding-left:35px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
#calamityExperience .card-description-label{
  flex:0 0 auto;
  padding-top:3px;
}
#calamityExperience .card-description-type{
  flex:0 1 auto;
  max-width:56%;
  margin-left:auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#calamityExperience .card-description-list{
  min-height:0;
}
#calamityExperience .card-tag-row .listing-game-tag{
  flex:0 1 auto;
  max-width:62%;
}
#calamityExperience .card-tag-row .rarity-pill,
#calamityExperience .card-tag-row .asset-status{
  flex:0 1 auto;
  max-width:38%;
}
#calamityExperience .card-tag-row .listing-game-mini-icon{
  width:18px;
  height:12px;
  flex:0 0 18px;
}

@media(max-width:620px){
  #calamityExperience .listing-save-button{
    left:5px;
    right:auto;
  }
  #calamityExperience .card-description-head{
    min-height:27px;
    padding-left:32px;
    gap:6px;
  }
  #calamityExperience .card-description-type{
    max-width:54%;
  }
  #calamityExperience .card-tag-row .listing-game-tag{
    max-width:64%;
  }
  #calamityExperience .card-tag-row .rarity-pill,
  #calamityExperience .card-tag-row .asset-status{
    max-width:36%;
  }
}


/* ===== 2026-08-30 Listing card tag-row alignment =====
   Game stays left; category/type is pinned to the far right. */
#calamityExperience .card-tag-row .rarity-pill,
#calamityExperience .card-tag-row .asset-status{
  margin-left:auto;
  text-align:right;
}

/* ===== Hover empty-description consistency ===== */
.card-description-empty{display:block;color:#F7F5EE;font-family:inherit;font-size:11px;font-weight:400;line-height:1.45;letter-spacing:0;text-shadow:0 1px 2px rgba(0,0,0,.92);}

/* ===== 2026-08-30 Private Mail + Live Chat action-menu restore =====
   Private Mail is Messenger-style: received messages left, mine right.
   Pawer Live Chat remains community-style with all messages on the left.
   Both use the same fixed action popover created by app.js. */

/* Private Mail message rows introduced by app.js need their own layout rules. */
.messages-stream .mail-message-row{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
}
.messages-stream .mail-message-row.received{
  justify-content:flex-start;
}
.messages-stream .mail-message-row.mine{
  justify-content:flex-end;
}
.messages-stream .mail-message-row .message-bubble{
  flex:0 1 auto;
  margin:0;
  align-self:auto;
}
.messages-stream .mail-message-row.mine .message-bubble{
  margin-left:auto;
}
.messages-stream .mail-message-row.received .message-bubble{
  margin-right:0;
}

/* Three-dot control beside received Private Mail messages. */
.message-more{
  appearance:none;
  -webkit-appearance:none;
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:var(--comm-mute,var(--text-mute));
  font:900 11px/1 'Inter',sans-serif;
  letter-spacing:-1px;
  cursor:pointer;
  opacity:.45;
  transition:opacity .12s ease,background .12s ease,color .12s ease,transform .12s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.mail-message-row.received:hover .message-more,
.mail-message-row.received:focus-within .message-more,
.message-more:focus-visible,
.message-more[aria-expanded="true"]{
  opacity:1;
}
.message-more:hover,
.message-more:focus-visible,
.message-more[aria-expanded="true"]{
  outline:none;
  background:color-mix(in srgb,var(--comm-accent) 11%,transparent);
  color:var(--comm-gold,var(--text));
}

/* Shared action menu used by both Live Chat and Private Mail. */
.pawer-message-action-popover{
  position:fixed;
  z-index:6005;
  min-width:138px;
  max-width:min(220px,calc(100vw - 16px));
  display:grid;
  gap:3px;
  padding:6px;
  box-sizing:border-box;
  border:1px solid var(--comm-border-hi,var(--border-hi));
  border-radius:10px;
  background:var(--comm-surface,#181714);
  color:var(--comm-text,var(--text));
  box-shadow:0 16px 40px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.035);
  pointer-events:auto;
  isolation:isolate;
}
.pawer-message-action-popover[hidden]{
  display:none!important;
}
.pawer-message-action-popover button{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:34px;
  padding:8px 10px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--comm-dim,var(--text-dim));
  font:700 10px/1.2 'Inter',sans-serif;
  text-align:left;
  white-space:nowrap;
  cursor:pointer;
  pointer-events:auto;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.pawer-message-action-popover button:hover,
.pawer-message-action-popover button:focus-visible{
  outline:none;
  background:color-mix(in srgb,var(--comm-accent) 13%,transparent);
  color:var(--comm-gold,var(--text));
}
.pawer-message-action-popover button.danger{
  color:#F27A86;
}
.pawer-message-action-popover button.danger:hover,
.pawer-message-action-popover button.danger:focus-visible{
  background:rgba(217,62,80,.14);
  color:#FF9AA3;
}

/* Keep Live Chat's existing left-side message layout intact; only make its More
   control reliably tappable on touch devices. */
.live-chat-more{
  position:relative;
  z-index:2;
  pointer-events:auto;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

@media(hover:none),(pointer:coarse){
  .message-more,
  .live-chat-message.actionable .live-chat-more{
    opacity:.76;
    transform:scale(1);
  }
  .message-more{
    width:32px;
    height:32px;
    flex-basis:32px;
  }
  .pawer-message-action-popover button{
    min-height:42px;
    padding:10px 12px;
    font-size:11px;
  }
}

@media(max-width:620px){
  .messages-stream{
    padding-left:12px;
    padding-right:12px;
  }
  .messages-stream .mail-message-row .message-bubble{
    max-width:82%;
  }
  .pawer-message-action-popover{
    min-width:150px;
  }
}


/* ===== Full DESCRIPTION hover label =====
   Keep the centered hover heading readable in full; never ellipsize the word DESCRIPTION. */
#calamityExperience .card-description-label{
  width:auto;
  max-width:none;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
}
\n\n/* ===== 2026-08-30 Category badge + hover-heading alignment =====
   Categories without rarity colors (Trinket, Zeny, Gold, etc.) still get a
   visible neutral badge. Rarity-based listings keep their existing rarity color. */
#calamityExperience .card-tag-row .card-category-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:17px;
  padding:2px 6px;
  border:1px solid rgba(247,245,238,.52);
  border-radius:2px;
  background:rgba(247,245,238,.075);
  color:#F7F5EE;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  font-weight:700;
}

/* Keep the literal DESCRIPTION heading truly centered across the hover image,
   independent of the left save-heart reserve and the right category/type chip. */
#calamityExperience .card-description-label{
  left:0;
  right:0;
  top:3px;
  width:max-content;
  max-width:none;
  margin-inline:auto;
  padding:0;
  transform:none;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
  text-align:center;
}

/* ===== 2026-08-30 Card server visibility alignment fix =====
   Only Ragnarok marketplaces visibly use a server row. Other games retain the
   same row geometry invisibly so titles, sellers, and prices stay aligned. */
#calamityExperience .card-ragnarok-server-spacer{
  visibility:hidden!important;
  pointer-events:none!important;
  user-select:none;
}

/* ===== 2026-08-31 Live giveaway entry system ===== */
#hubGiveaway .hub-giveaway-summary{
  overflow:visible;
}
#hubGiveaway .hub-giveaway-live-badge{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 6px;
  border:1px solid rgba(255,91,105,.62);
  border-radius:999px;
  background:rgba(122,20,34,.92);
  color:#FFE9EC;
  font-size:8px;
  font-weight:900;
  line-height:1;
  letter-spacing:.11em;
  box-shadow:0 0 0 0 rgba(255,74,93,.28),0 0 16px rgba(255,74,93,.26);
  animation:pawerGiveawayLiveBadge 1.45s ease-in-out infinite;
}
#hubGiveaway .hub-giveaway-live-badge[hidden]{display:none!important;}
#hubGiveaway .hub-giveaway-live-badge i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#FF6070;
  box-shadow:0 0 8px rgba(255,96,112,.9);
  animation:pawerGiveawayLiveDot .9s ease-in-out infinite alternate;
}
#hubGiveaway.is-live .hub-giveaway-summary{
  border-color:rgba(255,92,108,.62)!important;
  box-shadow:0 0 0 1px rgba(255,92,108,.12),0 0 24px rgba(255,65,92,.18);
}
#hubGiveaway.is-live .hub-giveaway-label{
  color:#FFF0F2;
  text-shadow:0 0 10px rgba(255,87,105,.48);
}
#hubGiveaway.is-live .hub-giveaway-icon{
  border-color:rgba(255,100,115,.62)!important;
  color:#FF9AA5!important;
  box-shadow:0 0 15px rgba(255,81,101,.18);
}
@keyframes pawerGiveawayLiveBadge{
  0%,100%{box-shadow:0 0 0 0 rgba(255,74,93,.20),0 0 13px rgba(255,74,93,.18);transform:translateX(-50%) scale(1);}
  50%{box-shadow:0 0 0 5px rgba(255,74,93,0),0 0 22px rgba(255,74,93,.34);transform:translateX(-50%) scale(1.035);}
}
@keyframes pawerGiveawayLiveDot{
  from{opacity:.45;transform:scale(.82);}
  to{opacity:1;transform:scale(1.16);}
}
#hubGiveaway .hub-giveaway-entry-count{
  margin-top:8px;
  color:var(--text-mute);
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
#hubGiveaway .hub-giveaway-winner{
  margin-top:9px;
  padding:9px 10px;
  border:1px solid rgba(92,210,136,.30);
  border-radius:5px;
  background:rgba(45,132,79,.10);
}
#hubGiveaway .hub-giveaway-winner span{
  display:block;
  color:#8FCFA7;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
#hubGiveaway .hub-giveaway-winner strong{
  display:block;
  margin-top:3px;
  color:#EAF9EF;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#hubGiveaway .hub-giveaway-step b{
  min-width:0;
  font:inherit;
  font-weight:650;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#hubGiveaway .hub-giveaway-link{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  font-family:inherit;
  cursor:pointer;
}
#hubGiveaway .hub-giveaway-link:disabled{
  pointer-events:none;
  cursor:default;
  opacity:.46;
}
#hubGiveaway.is-live .hub-giveaway-link:not(:disabled){
  box-shadow:0 0 0 1px rgba(201,154,62,.08),0 8px 22px rgba(0,0,0,.24);
}

.giveaway-moderator-dialog{
  width:min(680px,calc(100% - 32px));
}
.giveaway-requirement-editor{
  margin-top:12px;
  padding:12px;
  border:1px solid var(--border-hi);
  border-radius:7px;
  background:rgba(255,255,255,.018);
}
.giveaway-requirement-editor-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.giveaway-requirement-editor-head strong{
  color:var(--text);
  font-size:11px;
}
.giveaway-requirement-editor-head span{
  color:var(--text-mute);
  font-size:9px;
}
.giveaway-requirement-editor-grid{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:8px;
}
.giveaway-requirement-editor-grid select,
.giveaway-requirement-editor-grid input{
  width:100%;
  min-height:38px;
  border:1px solid var(--border-hi);
  border-radius:5px;
  background:var(--surface-2);
  color:var(--text);
  padding:8px 10px;
  font:600 11px/1.2 'Inter',sans-serif;
}
.giveaway-discord-required{
  margin-top:12px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid rgba(88,101,242,.34);
  border-radius:7px;
  background:rgba(88,101,242,.08);
}
.giveaway-discord-check{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(88,101,242,.18);
  color:#AEB6FF;
  font-weight:900;
}
.giveaway-discord-required strong,
.giveaway-discord-required small{display:block;}
.giveaway-discord-required strong{color:var(--text);font-size:11px;}
.giveaway-discord-required small{margin-top:2px;color:var(--text-mute);font-size:9px;line-height:1.45;}
.giveaway-admin-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.giveaway-admin-snapshot{
  padding:10px 12px;
  border:1px solid var(--border-hi);
  border-radius:6px;
  background:rgba(255,255,255,.02);
}
.giveaway-admin-snapshot span,
.giveaway-admin-snapshot strong{display:block;}
.giveaway-admin-snapshot span{color:var(--text-mute);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;}
.giveaway-admin-snapshot strong{margin-top:4px;color:var(--text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.giveaway-entry-dialog{
  width:min(640px,calc(100% - 24px));
}
.giveaway-entry-card{
  overflow:hidden;
}
.giveaway-entry-live{
  width:max-content;
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:9px;
  padding:5px 8px;
  border:1px solid rgba(255,83,102,.42);
  border-radius:999px;
  background:rgba(134,28,41,.14);
  color:#FF9CA7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.giveaway-entry-live span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#FF6070;
  box-shadow:0 0 10px rgba(255,96,112,.75);
  animation:pawerGiveawayLiveDot .9s ease-in-out infinite alternate;
}
.giveaway-entry-countdown{
  margin:12px 0;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border-hi);
  border-radius:6px;
  background:rgba(255,255,255,.02);
}
.giveaway-entry-countdown span{color:var(--text-mute);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;}
.giveaway-entry-countdown strong{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;}
.giveaway-entry-steps{
  display:grid;
  gap:8px;
  margin-top:14px;
}
.giveaway-entry-step{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:64px;
  padding:10px;
  border:1px solid var(--border-hi);
  border-radius:7px;
  background:rgba(255,255,255,.02);
}
.giveaway-entry-step.locked{opacity:.48;}
.giveaway-entry-step.complete{
  border-color:rgba(92,210,136,.34);
  background:rgba(52,141,84,.075);
}
.giveaway-entry-step-number{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid var(--border-hi);
  border-radius:50%;
  color:var(--gold);
  font-size:9px;
  font-weight:900;
}
.giveaway-entry-step.complete .giveaway-entry-step-number{border-color:rgba(92,210,136,.44);color:#8FD7A9;}
.giveaway-entry-step-copy{min-width:0;}
.giveaway-entry-step-copy strong,
.giveaway-entry-step-copy small{display:block;}
.giveaway-entry-step-copy strong{color:var(--text);font-size:11px;}
.giveaway-entry-step-copy small{margin-top:3px;color:var(--text-mute);font-size:9px;line-height:1.45;}
.giveaway-entry-open{min-width:94px;}
.giveaway-entry-step-state{
  padding:5px 7px;
  border:1px solid rgba(88,101,242,.32);
  border-radius:999px;
  color:#B7BEFF;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
.giveaway-entry-step.complete .giveaway-entry-step-state{border-color:rgba(92,210,136,.34);color:#97D9AE;}
.giveaway-entry-discord-help{
  margin-top:10px;
  padding:11px 12px;
  border:1px solid rgba(88,101,242,.34);
  border-radius:7px;
  background:rgba(88,101,242,.08);
}
.giveaway-entry-discord-help[hidden]{display:none!important;}
.giveaway-entry-discord-help p{margin:0 0 8px;color:var(--text);font-size:10px;}
.giveaway-entry-discord-help small{display:block;margin-top:7px;color:var(--text-mute);font-size:9px;}

@media(max-width:620px){
  .giveaway-requirement-editor-grid{grid-template-columns:1fr;}
  .giveaway-admin-stats{grid-template-columns:1fr;}
  .giveaway-entry-step{grid-template-columns:30px minmax(0,1fr);}
  .giveaway-entry-step .giveaway-entry-open,
  .giveaway-entry-step .giveaway-entry-step-state{grid-column:2;justify-self:start;}
}

@media(prefers-reduced-motion:reduce){
  #hubGiveaway .hub-giveaway-live-badge,
  #hubGiveaway .hub-giveaway-live-badge i,
  .giveaway-entry-live span{animation:none!important;}
}

/* ===== Flexible 1 / 2 / 3 giveaway requirements ===== */
.giveaway-requirement-editor-grid{
  grid-template-columns:150px minmax(0,1fr);
  align-items:center;
}
.giveaway-requirement-editor-grid .giveaway-requirement-url{
  grid-column:1 / -1;
}
.giveaway-requirement-editor-grid .giveaway-requirement-url[hidden]{display:none!important;}
.giveaway-requirement-editor-note{
  display:block;
  min-height:14px;
  margin-top:7px;
  color:var(--text-mute);
  font-size:9px;
  line-height:1.45;
}
.giveaway-entry-step-action{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-width:0;
}
.giveaway-entry-profile{
  width:min(235px,32vw);
  min-width:150px;
  height:36px;
  padding:7px 9px;
  border:1px solid var(--border-hi);
  border-radius:5px;
  background:var(--surface-2);
  color:var(--text);
  font:600 10px/1.2 'Inter',sans-serif;
}
.giveaway-entry-profile:focus{
  outline:none;
  border-color:color-mix(in srgb,var(--gold) 68%,var(--border-hi));
}
.giveaway-entry-profile:disabled{opacity:.66;}

@media(max-width:620px){
  .giveaway-requirement-editor-grid{grid-template-columns:1fr;}
  .giveaway-requirement-editor-grid .giveaway-requirement-url{grid-column:auto;}
  .giveaway-entry-step-action{
    grid-column:2;
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .giveaway-entry-profile{
    width:min(100%,300px);
    min-width:0;
    flex:1 1 190px;
  }
}


/* ===== 2026-08-31 Giveaway winner + game-blended live treatment ===== */
#hubGiveaway,
#hubGiveaway .hub-giveaway-card,
#hubGiveaway .hub-giveaway-summary,
#hubGiveaway .hub-giveaway-status,
#hubGiveaway .hub-giveaway-winner,
#hubGiveaway .hub-giveaway-link{
  font-family:'Cinzel',serif;
}
#hubGiveaway .hub-giveaway-label,
#hubGiveaway .hub-giveaway-content h2,
#hubGiveaway .hub-giveaway-eyebrow{
  font-family:'Cinzel',serif;
  letter-spacing:.035em;
}
#hubGiveaway .hub-giveaway-live-badge{
  top:8px;
  min-width:86px;
  justify-content:center;
  gap:4px;
  padding:5px 8px 4px;
  border-color:color-mix(in srgb,var(--gw-accent,var(--gold)) 62%,transparent);
  border-radius:4px;
  background:linear-gradient(100deg,
    color-mix(in srgb,var(--gw-bg-2,#241D14) 88%,transparent),
    color-mix(in srgb,var(--gw-accent,var(--gold)) 14%,var(--gw-bg,#14110D)),
    color-mix(in srgb,var(--gw-bg-2,#241D14) 88%,transparent));
  color:color-mix(in srgb,var(--gw-accent,var(--gold)) 72%,#fff 28%);
  font-family:'Cinzel',serif;
  font-weight:800;
  letter-spacing:.09em;
  box-shadow:0 0 0 1px rgba(255,255,255,.025),0 0 18px var(--gw-glow,rgba(201,154,62,.16));
  overflow:hidden;
  isolation:isolate;
  animation:pawerGiveawayLiveFloat 1.9s ease-in-out infinite;
}
#hubGiveaway .hub-giveaway-live-badge::after{
  content:'';
  position:absolute;
  z-index:-1;
  top:-45%;bottom:-45%;width:20px;
  left:-32px;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  animation:pawerGiveawayLiveScan 2.7s ease-in-out infinite;
}
#hubGiveaway .hub-giveaway-live-badge b,
#hubGiveaway .hub-giveaway-live-badge em{
  font:inherit;
  font-style:normal;
  line-height:1;
}
#hubGiveaway .hub-giveaway-live-badge b{
  color:#fff;
  text-shadow:0 0 8px var(--gw-glow,rgba(201,154,62,.28));
}
#hubGiveaway .hub-giveaway-live-badge em{font-size:7px;opacity:.82;}
#hubGiveaway .hub-giveaway-live-badge i{
  width:6px;height:6px;
  background:var(--gw-accent,var(--gold));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--gw-accent,var(--gold)) 18%,transparent),0 0 10px var(--gw-accent,var(--gold));
}
#hubGiveaway.is-live .hub-giveaway-summary{
  border-color:color-mix(in srgb,var(--gw-accent,var(--gold)) 55%,var(--gw-border-hi,var(--border-hi)))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 0 1px color-mix(in srgb,var(--gw-accent,var(--gold)) 9%,transparent),0 0 26px var(--gw-glow,rgba(201,154,62,.12));
}
#hubGiveaway.is-live .hub-giveaway-label{
  color:color-mix(in srgb,var(--gw-accent,var(--gold)) 76%,#fff 24%);
  text-shadow:0 0 11px var(--gw-glow,rgba(201,154,62,.20));
}
@keyframes pawerGiveawayLiveFloat{
  0%,100%{transform:translateX(-50%) translateY(0);filter:brightness(.96);}
  50%{transform:translateX(-50%) translateY(-1px);filter:brightness(1.12);}
}
@keyframes pawerGiveawayLiveScan{
  0%,18%{left:-34px;opacity:0;}
  34%{opacity:1;}
  62%{left:calc(100% + 22px);opacity:.75;}
  63%,100%{left:calc(100% + 22px);opacity:0;}
}

/* Blend the opened giveaway into the current marketplace instead of a detached popup-like surface. */
#hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-card{
  border-color:color-mix(in srgb,var(--gw-border-hi) 70%,transparent);
  background:
    radial-gradient(circle at 82% 9%,color-mix(in srgb,var(--gw-accent) 9%,transparent),transparent 38%),
    linear-gradient(155deg,
      color-mix(in srgb,var(--gw-bg-2) 86%,transparent),
      color-mix(in srgb,var(--gw-bg) 92%,transparent));
  box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.022);
  backdrop-filter:blur(14px) saturate(.92);
  -webkit-backdrop-filter:blur(14px) saturate(.92);
}
#hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-status,
#hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-step,
#hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-winner{
  background:color-mix(in srgb,var(--gw-bg-2) 66%,transparent);
  border-color:color-mix(in srgb,var(--gw-border-hi) 38%,transparent);
}
#hubGiveaway[data-game]:not([data-game="home"]) .hub-giveaway-step{
  padding-left:3px;padding-right:3px;
}

/* The ended state is deliberately calm and final: no live animation, winner takes visual priority. */
#hubGiveaway.is-ended .hub-giveaway-status{
  border-color:color-mix(in srgb,var(--gw-accent,var(--gold)) 42%,var(--gw-border-hi,var(--border-hi)));
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--gw-accent,var(--gold)) 7%,var(--gw-bg-2,var(--surface-2))),
    color-mix(in srgb,var(--gw-bg,var(--surface)) 88%,transparent));
}
#hubGiveaway.is-ended .hub-giveaway-status strong{
  color:color-mix(in srgb,var(--gw-accent,var(--gold)) 76%,#fff 24%);
  font-family:'Cinzel',serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#hubGiveaway.is-ended .hub-giveaway-entry-count{opacity:.72;}
#hubGiveaway.is-ended .hub-giveaway-steps{opacity:.48;}
#hubGiveaway.is-ended .hub-giveaway-link{display:none;}
#hubGiveaway.is-ended .hub-giveaway-winner{
  position:relative;
  overflow:hidden;
  padding:13px 12px;
  border-color:color-mix(in srgb,var(--gw-accent,var(--gold)) 54%,transparent);
  background:
    radial-gradient(circle at 88% 15%,color-mix(in srgb,var(--gw-accent,var(--gold)) 13%,transparent),transparent 40%),
    color-mix(in srgb,var(--gw-bg-2,var(--surface-2)) 80%,transparent);
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--gw-accent,var(--gold)) 72%,#fff 8%);
}
#hubGiveaway.is-ended .hub-giveaway-winner span{
  color:var(--gw-accent,var(--gold));
  font-family:'Cinzel',serif;
  letter-spacing:.12em;
}
#hubGiveaway.is-ended .hub-giveaway-winner strong{
  margin-top:5px;
  color:var(--gw-text,var(--text));
  font-family:'Cinzel',serif;
  font-size:15px;
  font-weight:800;
  letter-spacing:.025em;
}
#hubGiveaway.has-winner .hub-giveaway-winner::after{
  content:'WINNER';
  position:absolute;
  right:10px;top:50%;
  transform:translateY(-50%);
  color:color-mix(in srgb,var(--gw-accent,var(--gold)) 10%,transparent);
  font-family:'Cinzel',serif;
  font-size:24px;
  font-weight:900;
  letter-spacing:.1em;
  pointer-events:none;
}
@media(max-width:620px){
  #hubGiveaway .hub-giveaway-live-badge{min-width:82px;padding-left:6px;padding-right:6px;}
  #hubGiveaway.is-ended .hub-giveaway-winner strong{font-size:13px;}
}
@media(prefers-reduced-motion:reduce){
  #hubGiveaway .hub-giveaway-live-badge,
  #hubGiveaway .hub-giveaway-live-badge::after{animation:none!important;}
}


/* ===== 2026-08-31 Giveaway entry prompt + red alert indicator =====
   ACTIVE replaces the redundant LIVE GIVEAWAY wording. The giveaway itself is
   already named in the UI; the red signal only communicates that entry is open. */
#hubGiveaway .hub-giveaway-live-badge{
  min-width:0;
  top:9px;
  gap:5px;
  padding:5px 8px;
  border:1px solid rgba(255,72,87,.68);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(105,13,25,.96),rgba(54,8,15,.96));
  color:#FFE9EC;
  font-family:'Cinzel',serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  box-shadow:0 0 0 1px rgba(255,91,106,.08),0 0 18px rgba(255,42,65,.24);
  animation:pawerGiveawayAlertPulse 1.05s ease-in-out infinite;
}
#hubGiveaway .hub-giveaway-live-badge::after{display:none!important;}
#hubGiveaway .hub-giveaway-live-badge b{
  color:#FFF4F5;
  font:inherit;
  line-height:1;
  text-shadow:0 0 8px rgba(255,58,76,.48);
}
#hubGiveaway .hub-giveaway-live-badge i{
  width:7px;
  height:7px;
  background:#FF3047;
  box-shadow:0 0 0 3px rgba(255,48,71,.13),0 0 12px rgba(255,48,71,.9);
  animation:pawerGiveawayAlertDot .72s steps(2,end) infinite;
}
@keyframes pawerGiveawayAlertPulse{
  0%,100%{filter:brightness(.86);box-shadow:0 0 0 1px rgba(255,91,106,.06),0 0 10px rgba(255,42,65,.13);}
  50%{filter:brightness(1.18);box-shadow:0 0 0 1px rgba(255,91,106,.18),0 0 24px rgba(255,42,65,.34);}
}
@keyframes pawerGiveawayAlertDot{
  0%,49%{opacity:1;transform:scale(1);}
  50%,100%{opacity:.2;transform:scale(.78);}
}

/* Entry popup follows the current giveaway/game palette copied by app.js. */
.giveaway-entry-dialog{width:min(620px,calc(100% - 24px));}
.giveaway-entry-card{
  --gw-bg:#15120F;--gw-bg-2:#211B14;--gw-raised:#2A2117;
  --gw-border:rgba(201,154,62,.28);--gw-border-hi:rgba(222,179,91,.48);
  --gw-accent:#D5AB56;--gw-text:#EEE9DF;--gw-dim:#AAA095;--gw-mute:#776D63;
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--gw-border-hi) 72%,transparent)!important;
  background:
    radial-gradient(circle at 86% 7%,color-mix(in srgb,var(--gw-accent) 10%,transparent),transparent 36%),
    linear-gradient(155deg,color-mix(in srgb,var(--gw-bg-2) 91%,#000 9%),var(--gw-bg))!important;
  box-shadow:0 24px 64px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.025)!important;
}
.giveaway-entry-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gw-accent) 65%,#fff 15%),transparent);
  opacity:.62;
  pointer-events:none;
}
.giveaway-entry-card #giveawayEntryTitle{
  margin:4px 0 0;
  color:var(--gw-text);
  font-family:'Cinzel Decorative','Cinzel',serif;
  font-size:24px;
  font-weight:700;
  line-height:1.14;
  letter-spacing:.015em;
}
.giveaway-entry-card .close-x{color:var(--gw-mute);}
.giveaway-entry-card .close-x:hover,
.giveaway-entry-card .close-x:focus-visible{color:var(--gw-text);}
.giveaway-entry-live{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 0 8px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#FF6877;
  font-family:'Cinzel',serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
}
.giveaway-entry-live b{font:inherit;color:#FF7B88;text-shadow:0 0 9px rgba(255,54,74,.35);}
.giveaway-entry-live span{
  width:7px;height:7px;
  border-radius:50%;
  background:#FF3047;
  box-shadow:0 0 0 3px rgba(255,48,71,.12),0 0 12px rgba(255,48,71,.85);
  animation:pawerGiveawayAlertDot .72s steps(2,end) infinite;
}
.giveaway-entry-card .pawer-info-dialog-intro{
  max-width:520px;
  margin-top:13px;
  color:var(--gw-dim);
  font-size:11px;
  line-height:1.6;
}
.giveaway-entry-countdown{
  margin:14px 0 2px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--gw-border-hi) 44%,transparent);
  border-radius:5px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--gw-accent) 5%,var(--gw-bg-2)),color-mix(in srgb,var(--gw-bg) 82%,transparent));
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--gw-accent) 62%,transparent);
}
.giveaway-entry-countdown span{
  color:var(--gw-mute);
  font-family:'Cinzel',serif;
  font-size:8px;
  letter-spacing:.12em;
}
.giveaway-entry-countdown strong{
  color:var(--gw-text);
  font-family:'Cinzel',serif;
  font-size:12px;
  font-weight:800;
}

/* Connected requirement path instead of three detached generic boxes. */
.giveaway-entry-steps{
  position:relative;
  gap:0;
  margin-top:16px;
  padding:0 2px;
}
.giveaway-entry-steps::before{
  content:'';
  position:absolute;
  z-index:0;
  left:20px;
  top:30px;
  bottom:30px;
  width:1px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--gw-accent) 48%,transparent),color-mix(in srgb,var(--gw-border-hi) 20%,transparent));
}
.giveaway-entry-step{
  position:relative;
  z-index:1;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:12px;
  min-height:74px;
  padding:13px 4px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--gw-border-hi) 24%,transparent);
  border-radius:0;
  background:transparent;
}
.giveaway-entry-step:first-child{border-top:1px solid color-mix(in srgb,var(--gw-border-hi) 24%,transparent);}
.giveaway-entry-step.locked{opacity:.34;filter:saturate(.65);}
.giveaway-entry-step.complete{
  border-color:color-mix(in srgb,#76D697 24%,transparent);
  background:linear-gradient(90deg,rgba(55,148,87,.075),transparent 60%);
}
.giveaway-entry-step-number{
  width:32px;height:32px;
  border:1px solid color-mix(in srgb,var(--gw-border-hi) 54%,transparent);
  background:var(--gw-bg);
  color:var(--gw-accent);
  font-family:'Cinzel',serif;
  font-size:8px;
  font-weight:900;
  box-shadow:0 0 0 4px var(--gw-bg);
}
.giveaway-entry-step.complete .giveaway-entry-step-number{
  border-color:rgba(94,213,137,.5);
  background:color-mix(in srgb,#2E7548 24%,var(--gw-bg));
  color:#A2E0B8;
}
.giveaway-entry-step-copy strong{
  color:var(--gw-text);
  font-family:'Cinzel',serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:.01em;
}
.giveaway-entry-step-copy small{
  margin-top:4px;
  color:var(--gw-mute);
  font-size:9px;
  line-height:1.48;
}
.giveaway-entry-open{
  min-width:96px;
  border-color:color-mix(in srgb,var(--gw-border-hi) 52%,transparent)!important;
  background:color-mix(in srgb,var(--gw-bg-2) 78%,transparent)!important;
  color:var(--gw-text)!important;
  font-family:'Cinzel',serif!important;
  font-size:9px!important;
  font-weight:700!important;
}
.giveaway-entry-open:not(:disabled):hover,
.giveaway-entry-open:not(:disabled):focus-visible{
  border-color:color-mix(in srgb,var(--gw-accent) 68%,#fff 12%)!important;
  background:color-mix(in srgb,var(--gw-accent) 12%,var(--gw-bg-2))!important;
  color:color-mix(in srgb,var(--gw-accent) 78%,#fff 22%)!important;
}
.giveaway-entry-profile{
  border-color:color-mix(in srgb,var(--gw-border-hi) 38%,transparent);
  background:color-mix(in srgb,var(--gw-bg) 86%,transparent);
  color:var(--gw-text);
}
.giveaway-entry-profile:focus{
  border-color:color-mix(in srgb,var(--gw-accent) 64%,#fff 12%);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--gw-accent) 10%,transparent);
}

#giveawayEntryStatus{
  min-height:18px;
  margin:13px 0 0;
  color:var(--gw-dim);
  font-size:9px;
  font-weight:600;
}
#giveawayEntryStatus.success{color:#7DDEA0;}
#giveawayEntryStatus.error{color:#FF8F9B;}
.giveaway-entry-actions{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid color-mix(in srgb,var(--gw-border-hi) 28%,transparent);
}
.giveaway-entry-actions .btn{
  font-family:'Cinzel',serif;
  font-size:10px;
  font-weight:700;
}
.giveaway-entry-actions .btn.primary.is-locked,
.giveaway-entry-actions .btn.primary:disabled{
  border-color:color-mix(in srgb,var(--gw-border-hi) 32%,transparent)!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--gw-mute)!important;
  box-shadow:none!important;
  opacity:.72;
}
.giveaway-entry-actions .btn.primary:not(:disabled){
  border-color:color-mix(in srgb,var(--gw-accent) 66%,#fff 10%)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--gw-accent) 22%,var(--gw-bg-2)),color-mix(in srgb,var(--gw-accent) 11%,var(--gw-bg)))!important;
  color:color-mix(in srgb,var(--gw-accent) 72%,#fff 28%)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--gw-accent) 10%,transparent)!important;
}

@media(max-width:620px){
  .giveaway-entry-card #giveawayEntryTitle{font-size:21px;}
  .giveaway-entry-step{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 2px;}
  .giveaway-entry-steps::before{left:18px;}
  .giveaway-entry-step .giveaway-entry-open,
  .giveaway-entry-step .giveaway-entry-step-action{grid-column:2;width:100%;justify-self:stretch;}
  .giveaway-entry-step .giveaway-entry-open{width:100%;}
}
@media(prefers-reduced-motion:reduce){
  #hubGiveaway .hub-giveaway-live-badge,
  #hubGiveaway .hub-giveaway-live-badge i,
  .giveaway-entry-live span{animation:none!important;}
}


/* ===== Giveaway winner verification link =====
   Winner identity stays their Discord login name; the optional link opens the
   Facebook profile submitted during the giveaway requirement flow. */
#hubGiveaway .giveaway-winner-profile-link,
#giveawayModeratorDialog .giveaway-winner-profile-link{
  color:inherit;
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:100%;
  text-decoration:none;
  border-bottom:1px solid color-mix(in srgb,currentColor 45%,transparent);
  cursor:pointer;
  transition:filter .15s ease,border-color .15s ease,text-shadow .15s ease;
}
#hubGiveaway .giveaway-winner-profile-link span,
#giveawayModeratorDialog .giveaway-winner-profile-link span{
  font-family:'Inter',sans-serif;
  font-size:.72em;
  opacity:.72;
}
#hubGiveaway .giveaway-winner-profile-link:hover,
#hubGiveaway .giveaway-winner-profile-link:focus-visible,
#giveawayModeratorDialog .giveaway-winner-profile-link:hover,
#giveawayModeratorDialog .giveaway-winner-profile-link:focus-visible{
  outline:none;
  filter:brightness(1.14);
  border-bottom-color:currentColor;
  text-shadow:0 0 10px color-mix(in srgb,currentColor 22%,transparent);
}


/* ===== Marketplace moderator control beside Private Mail =====
   Approved Discord admins can toggle the existing moderator mode directly
   from the marketplace header. Regular users never see this control. */
#btnMarketMod.mod-sword{
  position:static;
  flex:0 0 31px;
  width:31px;
  height:31px;
  padding:5px;
  display:grid;
  place-items:center;
  border-radius:5px;
  border-color:rgba(66,201,107,.42);
  background:rgba(66,201,107,.045);
  color:#42c96b;
  opacity:.72;
}
#btnMarketMod.mod-sword:hover,
#btnMarketMod.mod-sword:focus-visible{
  opacity:1!important;
  outline:none;
  background:rgba(66,201,107,.11);
  border-color:rgba(66,201,107,.7);
}
#btnMarketMod.mod-sword svg{width:18px;height:18px;display:block;}
#btnMarketMod.mod-sword[hidden]{display:none!important;}
@media(max-width:620px){
  #btnMarketMod.mod-sword{width:29px;height:29px;flex-basis:29px;padding:5px;}
}


/* ===== Custom Giveaway icon =====
   Use the supplied transparent giveaway artwork in the side tab. */
#hubGiveaway .hub-giveaway-icon{
  width:34px;
  height:34px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
}
#hubGiveaway .hub-giveaway-icon img{
  display:block;
  width:34px;
  height:34px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.42));
}

/* ===== 2026-08-31 Giveaway / mobile / marketplace cleanup ===== */

/* The new Pawer-themed giveaway artwork is the icon itself: no chip, box, circle or frame. */
#hubGiveaway .hub-giveaway-icon,
#hubGiveaway.is-live .hub-giveaway-icon,
#hubGiveaway[data-game] .hub-giveaway-icon{
  width:40px;
  height:40px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible;
}
#hubGiveaway .hub-giveaway-icon::before,
#hubGiveaway .hub-giveaway-icon::after{content:none!important;display:none!important;}
#hubGiveaway .hub-giveaway-icon img{
  display:block;
  width:40px;
  height:40px;
  max-width:none;
  object-fit:contain;
  object-position:center;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.52)) drop-shadow(0 0 6px rgba(56,142,255,.16));
}
#hubGiveaway.is-live .hub-giveaway-icon img{
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(255,55,72,.26));
}

/* Qualified-entry text must remain legible against every game palette. */
#hubGiveaway .hub-giveaway-entry-count{
  color:color-mix(in srgb,var(--gw-text,#F3EEE5) 88%,var(--gw-accent,#D5AB56) 12%)!important;
  font-family:'Cinzel',serif;
  font-size:9px;
  font-weight:800;
  letter-spacing:.055em;
  text-shadow:0 1px 2px rgba(0,0,0,.75);
  opacity:1!important;
}
.giveaway-admin-snapshot span{
  color:color-mix(in srgb,var(--text,#EDE3D0) 82%,var(--gold,#C99A3E) 18%)!important;
  font-weight:800;
  opacity:1;
}
.giveaway-admin-snapshot strong{color:var(--text,#F2EDE7)!important;}

/* How-to-post reminder follows whichever marketplace game is currently selected. */
#marketplaceHowToDialog{
  --how-bg:#15120F;--how-bg-2:#211B14;--how-raised:#2A2117;
  --how-border:rgba(222,179,91,.48);--how-accent:#D5AB56;
  --how-text:#EEE9DF;--how-dim:#AAA095;--how-mute:#776D63;--how-glow:rgba(201,154,62,.10);
  border-color:var(--how-border)!important;
  background:
    radial-gradient(circle at 86% 8%,var(--how-glow),transparent 37%),
    linear-gradient(155deg,var(--how-bg-2),var(--how-bg))!important;
  color:var(--how-text)!important;
}
#marketplaceHowToDialog[data-game="calamity"]{--how-bg:#12101D;--how-bg-2:#191425;--how-raised:#211A31;--how-border:rgba(197,151,255,.48);--how-accent:#C8A5F0;--how-text:#EEEAF7;--how-dim:#B0A5C2;--how-mute:#756B88;--how-glow:rgba(154,83,225,.12);}
#marketplaceHowToDialog[data-game="yakkamon"]{--how-bg:#151617;--how-bg-2:#1D1E20;--how-raised:#272725;--how-border:rgba(216,184,101,.48);--how-accent:#D3B35B;--how-text:#EEECE6;--how-dim:#AAA8A1;--how-mute:#74736F;--how-glow:rgba(211,179,91,.10);}
#marketplaceHowToDialog[data-game="ragnarok-new-world"]{--how-bg:#0A1725;--how-bg-2:#0D2032;--how-raised:#142C42;--how-border:rgba(229,201,135,.48);--how-accent:#E5C987;--how-text:#EAF1F6;--how-dim:#A6B6C3;--how-mute:#6C8191;--how-glow:rgba(89,153,205,.12);}
#marketplaceHowToDialog[data-game="ragnarok-zero-global"]{--how-bg:#071A37;--how-bg-2:#0A2347;--how-raised:#10305D;--how-border:rgba(121,214,255,.52);--how-accent:#BDEEFF;--how-text:#EDF8FF;--how-dim:#A8CCDE;--how-mute:#6692AA;--how-glow:rgba(45,185,255,.14);}
#marketplaceHowToDialog[data-game="mu-realm-of-legends"]{--how-bg:#160D11;--how-bg-2:#251315;--how-raised:#351B1C;--how-border:rgba(226,177,79,.50);--how-accent:#E6BC68;--how-text:#F2EDE7;--how-dim:#B6A19E;--how-mute:#7D6968;--how-glow:rgba(185,44,36,.13);}
#marketplaceHowToDialog .pawer-info-dialog-label{color:var(--how-accent)!important;}
#marketplaceHowToDialog h2{
  color:var(--how-text)!important;
  font-family:'Cinzel Decorative','Cinzel',serif!important;
  letter-spacing:.01em;
}
#marketplaceHowToDialog .pawer-info-dialog-intro,
#marketplaceHowToDialog .pawer-info-dialog-section li{color:var(--how-dim)!important;}
#marketplaceHowToDialog .pawer-info-dialog-section,
#marketplaceHowToDialog .pawer-info-dialog-actions{border-color:color-mix(in srgb,var(--how-border) 45%,transparent)!important;}
#marketplaceHowToDialog .pawer-info-dialog-section strong{color:var(--how-text)!important;}
#marketplaceHowToDialog .btn{
  border-color:color-mix(in srgb,var(--how-border) 68%,transparent);
  background:color-mix(in srgb,var(--how-raised) 78%,transparent);
  color:var(--how-text);
}
#marketplaceHowToDialog .btn.primary{
  border-color:var(--how-border);
  background:linear-gradient(180deg,color-mix(in srgb,var(--how-accent) 18%,var(--how-raised)),color-mix(in srgb,var(--how-accent) 8%,var(--how-bg)));
  color:color-mix(in srgb,var(--how-accent) 72%,#fff 28%);
}

/* On mobile, reserve ad space only after AdSense confirms a filled unit. */
@media(max-width:760px){
  #calamityExperience .market-ad-frame:not(.ad-filled),
  #calamityExperience .market-ad-placement:not(.ad-filled){display:none!important;}
  #calamityExperience .market-ad-frame.ad-filled{
    display:block!important;
    position:relative!important;
    order:3;
    width:100%!important;
    height:180px!important;
    flex:0 0 100%;
  }
  #calamityExperience .market-ad-placement.ad-filled{
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:auto!important;
    width:100%!important;
  }
}

/* Mobile Giveaway: compact launcher + scrollable themed panel. */
@media(max-width:760px){
  #hubGiveaway.hub-giveaway{
    display:block!important;
    position:fixed;
    z-index:1325;
    inset:auto auto 12px 10px;
    width:52px;
    height:52px;
    max-width:calc(100vw - 20px);
    max-height:none;
    margin:0;
    transform:none!important;
    filter:none;
    pointer-events:none;
    overflow:visible;
  }
  #hubGiveaway.hub-giveaway[open]{width:min(360px,calc(100vw - 20px));height:auto;}
  #hubGiveaway .hub-giveaway-summary{
    position:fixed!important;
    z-index:3;
    top:auto!important;
    right:auto!important;
    bottom:12px!important;
    left:10px!important;
    width:52px!important;
    height:52px!important;
    padding:0!important;
    display:grid!important;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--gw-border-hi,#D5AB56) 72%,transparent)!important;
    border-radius:50%!important;
    background:color-mix(in srgb,var(--gw-bg,#15120F) 93%,#000)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.04)!important;
    transform:none!important;
    pointer-events:auto;
  }
  #hubGiveaway .hub-giveaway-label,
  #hubGiveaway .hub-giveaway-arrow{display:none!important;}
  #hubGiveaway .hub-giveaway-icon,
  #hubGiveaway .hub-giveaway-icon img{width:44px!important;height:44px!important;}
  #hubGiveaway .hub-giveaway-live-badge{
    position:absolute!important;
    left:39px!important;
    top:-7px!important;
    transform:none!important;
    min-width:0;
    padding:3px 5px!important;
    pointer-events:none;
  }
  #hubGiveaway .hub-giveaway-live-badge b{display:none!important;}
  #hubGiveaway .hub-giveaway-live-badge i{width:8px!important;height:8px!important;}
  #hubGiveaway .hub-giveaway-content{
    position:fixed!important;
    inset:auto 10px 74px 10px!important;
    width:auto!important;
    max-height:min(72dvh,620px);
    padding:0!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    border-radius:10px;
    pointer-events:auto;
    scrollbar-width:thin;
  }
  #hubGiveaway .hub-giveaway-card{
    padding:22px 17px 17px!important;
    border-left:1px solid var(--gw-border-hi,rgba(222,179,91,.48))!important;
    border-radius:10px!important;
  }
  #hubGiveaway .hub-giveaway-content h2{font-size:20px!important;}
  #hubGiveaway .hub-giveaway-link{min-height:42px;}

  body[data-market-game="calamity"] #hubGiveaway .hub-giveaway-summary{bottom:72px!important;}
  body[data-market-game="calamity"] #hubGiveaway .hub-giveaway-content{bottom:134px!important;}
}

/* Hide all admin/settings controls unless moderator sword mode is actually on.
   The sword itself stays visible to approved admins as the clean gateway. */
body:not(.pawer-moderator-mode) .admin-mode-only{display:none!important;}


/* ===== Qualified entries readability =====
   Cool cyan separates entry counts from the warm giveaway/game palette. */
#hubGiveaway .hub-giveaway-entry-count{
  color:#86E8FF!important;
  text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(74,203,255,.18);
}
.giveaway-admin-snapshot:first-child span{
  color:#86E8FF!important;
}
.giveaway-admin-snapshot:first-child strong{
  color:#C9F6FF!important;
  text-shadow:0 1px 2px rgba(0,0,0,.82);
}

/* ===== 2026-08-31 Giveaway icon placement cleanup =====
   Use the themed giveaway artwork inside the panel/result area,
   not inside the launcher handle. */
#hubGiveaway .hub-giveaway-summary .hub-giveaway-icon{
  display:none !important;
}
#hubGiveaway .hub-giveaway-summary{
  gap:10px;
}
#hubGiveaway .hub-giveaway-label{
  margin-left:0 !important;
}
#hubGiveaway .hub-giveaway-panel-icon{
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
  margin:0 auto 10px;
  pointer-events:none;
}
#hubGiveaway .hub-giveaway-panel-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.48)) drop-shadow(0 0 12px rgba(62,148,255,.18));
}
#hubGiveaway.is-ended .hub-giveaway-panel-icon{
  width:112px;
  height:112px;
  margin-bottom:12px;
}
#hubGiveaway .hub-giveaway-eyebrow{
  text-align:center;
}
#hubGiveaway .hub-giveaway-title-row{
  justify-content:center;
}
#hubGiveaway .hub-giveaway-title-row .hub-giveaway-edit{
  position:absolute;
  right:0;
}
#hubGiveaway .hub-giveaway-card{
  position:relative;
}

@media (max-width:760px){
  #hubGiveaway.hub-giveaway{
    width:auto !important;
    height:auto !important;
  }
  #hubGiveaway .hub-giveaway-summary{
    width:auto !important;
    min-width:112px;
    height:42px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
  }
  #hubGiveaway .hub-giveaway-label{
    display:block !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase;
  }
  #hubGiveaway .hub-giveaway-arrow{
    display:block !important;
    font-size:15px !important;
    line-height:1;
    opacity:.8;
  }
  #hubGiveaway .hub-giveaway-live-badge{
    left:auto !important;
    right:-4px !important;
    top:-7px !important;
  }
  #hubGiveaway .hub-giveaway-panel-icon{
    width:88px;
    height:88px;
    margin:0 auto 8px;
  }
  #hubGiveaway.is-ended .hub-giveaway-panel-icon{
    width:96px;
    height:96px;
  }
}
#hubGiveaway .hub-giveaway-title-row{position:relative;}

/* ===== 2026-08-31 Giveaway early-end + multi-winner showcase ===== */
.giveaway-admin-timing-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  gap:10px;
  align-items:end;
  margin-top:12px;
}
.giveaway-admin-timing-grid .field{margin:0;}
#giveawayModeratorWinnerCount{
  width:100%;
  min-height:40px;
  text-align:center;
  font-weight:800;
}
.giveaway-admin-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.giveaway-admin-action-spacer{flex:1 1 auto;}
.giveaway-end-early{
  border-color:rgba(238,92,105,.48)!important;
  background:rgba(145,32,46,.10)!important;
  color:#FF9AA5!important;
}
.giveaway-end-early:hover,
.giveaway-end-early:focus-visible{
  border-color:rgba(255,111,124,.78)!important;
  background:rgba(174,39,55,.18)!important;
  color:#FFD5DA!important;
}
.giveaway-end-early[hidden]{display:none!important;}

#hubGiveaway .hub-giveaway-winner{
  overflow:hidden;
}
#hubGiveaway .giveaway-winner-showcase,
#giveawayModeratorDialog .giveaway-winner-showcase{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  min-height:34px;
  overflow:hidden;
  white-space:normal;
  text-overflow:clip;
}
#hubGiveaway .giveaway-winner-slide,
#giveawayModeratorDialog .giveaway-winner-slide{
  display:flex;
  min-width:0;
  min-height:34px;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
}
#hubGiveaway .giveaway-winner-slide > a,
#giveawayModeratorDialog .giveaway-winner-slide > a{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#hubGiveaway .giveaway-winner-slide small,
#giveawayModeratorDialog .giveaway-winner-slide small{
  flex:0 0 auto;
  color:var(--gw-mute,var(--text-mute));
  font-family:'Cinzel',serif;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#hubGiveaway .giveaway-winner-showcase.is-cycling .giveaway-winner-slide,
#giveawayModeratorDialog .giveaway-winner-showcase.is-cycling .giveaway-winner-slide{
  animation:pawerGiveawayWinnerSweep 3s cubic-bezier(.2,.72,.22,1) both;
}
@keyframes pawerGiveawayWinnerSweep{
  0%{opacity:0;transform:translateX(-42%);filter:blur(2px);}
  12%{opacity:1;transform:translateX(0);filter:blur(0);}
  82%{opacity:1;transform:translateX(0);filter:blur(0);}
  100%{opacity:0;transform:translateX(42%);filter:blur(2px);}
}

/* Requirement dialog readability: keep the compact layout but stop using tiny text. */
.giveaway-entry-card #giveawayEntryTitle{
  font-size:28px!important;
}
.giveaway-entry-card .pawer-info-dialog-intro{
  font-size:13px!important;
  line-height:1.65!important;
}
.giveaway-entry-countdown span{
  font-size:10px!important;
}
.giveaway-entry-countdown strong{
  font-size:15px!important;
}
.giveaway-entry-step-copy strong{
  font-size:13px!important;
  line-height:1.3!important;
}
.giveaway-entry-step-copy small{
  font-size:11px!important;
  line-height:1.55!important;
}
.giveaway-entry-step-number{
  font-size:10px!important;
}
.giveaway-entry-open{
  min-height:38px;
  font-size:11px!important;
}
.giveaway-entry-profile{
  min-height:38px;
  font-size:12px!important;
}
#giveawayEntryStatus{
  font-size:11px!important;
  line-height:1.5;
}
.giveaway-entry-actions .btn{
  min-height:40px;
  font-size:11px!important;
}

@media(max-width:620px){
  .giveaway-admin-timing-grid{grid-template-columns:1fr;}
  .giveaway-admin-actions{flex-wrap:wrap;}
  .giveaway-admin-action-spacer{display:none;}
  .giveaway-end-early{margin-right:auto;}
  .giveaway-entry-card #giveawayEntryTitle{font-size:24px!important;}
  .giveaway-entry-card .pawer-info-dialog-intro{font-size:12px!important;}
  .giveaway-entry-step-copy strong{font-size:12px!important;}
  .giveaway-entry-step-copy small{font-size:10px!important;}
  #hubGiveaway .giveaway-winner-slide,
  #giveawayModeratorDialog .giveaway-winner-slide{gap:7px;}
}
@media(prefers-reduced-motion:reduce){
  #hubGiveaway .giveaway-winner-showcase.is-cycling .giveaway-winner-slide,
  #giveawayModeratorDialog .giveaway-winner-showcase.is-cycling .giveaway-winner-slide{animation:none!important;}
}

/* ===== 2026-08-31 Floating giveaway icon attached to panel =====
   Make the icon feel attached to the giveaway box, with the top half
   floating out above the box without making the whole box as tall as the icon. */
#hubGiveaway .hub-giveaway-content{
  overflow:visible;
}
#hubGiveaway .hub-giveaway-card{
  position:relative;
  overflow:visible;
  margin-top:48px;
  padding-top:22px !important;
}
#hubGiveaway .hub-giveaway-panel-icon{
  position:absolute;
  left:50%;
  top:0;
  transform:translate(-50%,-52%);
  width:104px;
  height:104px;
  margin:0;
  z-index:2;
}
#hubGiveaway.is-ended .hub-giveaway-panel-icon{
  width:112px;
  height:112px;
  transform:translate(-50%,-54%);
  margin:0;
}
#hubGiveaway .hub-giveaway-eyebrow{
  margin-top:2px;
}

@media (max-width:760px){
  #hubGiveaway .hub-giveaway-content{
    overflow:auto !important;
    padding-top:0 !important;
  }
  #hubGiveaway .hub-giveaway-card{
    margin-top:42px;
    padding-top:18px !important;
  }
  #hubGiveaway .hub-giveaway-panel-icon{
    width:84px;
    height:84px;
    transform:translate(-50%,-50%);
  }
  #hubGiveaway.is-ended .hub-giveaway-panel-icon{
    width:92px;
    height:92px;
    transform:translate(-50%,-52%);
  }
  #hubGiveaway .hub-giveaway-eyebrow{
    margin-top:0;
  }
}

/* ===== 2026-08-31 Compact Giveaway launcher handle =====
   Keep the collapsed side tab noticeable without the oversized vertical strip. */
@media (min-width:761px){
  #hubGiveaway .hub-giveaway-summary{
    height:132px !important;
    padding:8px 0 !important;
    gap:6px !important;
  }
  #hubGiveaway .hub-giveaway-label{
    font-size:8px !important;
    letter-spacing:.10em !important;
  }
  #hubGiveaway .hub-giveaway-arrow{
    font-size:14px !important;
  }
  #hubGiveaway .hub-giveaway-live-badge{
    top:4px !important;
    min-width:74px !important;
    padding:4px 6px 3px !important;
    font-size:7px !important;
  }
  #hubGiveaway .hub-giveaway-live-badge i{
    width:5px !important;
    height:5px !important;
  }
}

/* ===== Preserved giveaway panel design =====
   Keep the approved large floating chest and centered, compact result layout
   while retaining the newer three-requirement giveaway behavior. */
#hubGiveaway .hub-giveaway-title-row{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
#hubGiveaway .hub-giveaway-title-row h2{
  width:100%;
  padding:0 30px;
  text-align:center;
}
#hubGiveaway .hub-giveaway-title-row .hub-giveaway-edit{
  position:absolute;
  right:-4px;
  top:50%;
  margin:0;
  transform:translateY(-50%);
}
#hubGiveaway.is-ended .hub-giveaway-winner{
  padding:10px 11px;
  border:1px solid rgba(230,184,82,.78)!important;
  border-radius:5px;
  background:linear-gradient(145deg,rgba(116,78,11,.74),rgba(45,30,7,.95))!important;
  box-shadow:inset 0 1px 0 rgba(255,238,177,.18),0 0 18px rgba(216,164,48,.15)!important;
}
#hubGiveaway.is-ended .hub-giveaway-winner span{
  color:#FFE69B!important;
}
#hubGiveaway.is-ended .hub-giveaway-winner strong,
#hubGiveaway.is-ended .hub-giveaway-winner a{
  color:#FFF2C2!important;
}
#hubGiveaway.has-winner .hub-giveaway-winner::after{
  color:rgba(255,229,145,.075)!important;
}

@media (min-width:761px){
  #hubGiveaway .hub-giveaway-content{
    overflow:visible!important;
  }
  #hubGiveaway .hub-giveaway-card{
    margin-top:118px;
    padding-top:42px!important;
    overflow:visible;
  }
  #hubGiveaway .hub-giveaway-panel-icon,
  #hubGiveaway.is-ended .hub-giveaway-panel-icon{
    position:absolute;
    left:50%;
    top:0;
    width:184px;
    height:184px;
    margin:0;
    transform:translate(-50%,-78%);
    z-index:2;
  }
}

@media (max-width:760px){
  #hubGiveaway .hub-giveaway-title-row h2{
    padding:0 28px;
    text-align:center;
  }
}

/* Active giveaway indicator: one quiet blinking dot instead of a status pill. */
#hubGiveaway .hub-giveaway-live-badge{
  top:6px!important;
  left:50%!important;
  width:10px!important;
  min-width:10px!important;
  height:10px!important;
  padding:0!important;
  gap:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:translateX(-50%)!important;
  animation:none!important;
}
#hubGiveaway .hub-giveaway-live-badge b{
  display:none!important;
}
#hubGiveaway .hub-giveaway-live-badge i{
  width:7px!important;
  height:7px!important;
  border-radius:50%;
  background:#FF4055!important;
  box-shadow:0 0 0 2px rgba(255,64,85,.12),0 0 8px rgba(255,64,85,.65)!important;
  animation:pawerGiveawaySubtleBlink 1.35s ease-in-out infinite!important;
}
@keyframes pawerGiveawaySubtleBlink{
  0%,100%{opacity:.34;transform:scale(.82);}
  50%{opacity:1;transform:scale(1);}
}
@media (max-width:760px){
  #hubGiveaway .hub-giveaway-live-badge{
    top:-3px!important;
    right:-3px!important;
    left:auto!important;
    transform:none!important;
  }
}

/* ========================================================================== 
   PAWER MARKET HOME — 2026-09-01 local design study
   Marketplace-first information architecture inspired by modern game indexes.
   ========================================================================== */
.pawer-market-home{
  --pawer-home:#060910;
  --pawer-home-2:#090e18;
  --pawer-panel:rgba(13,19,31,.86);
  --pawer-line:rgba(126,148,183,.18);
  --pawer-cyan:#51cfe1;
  --pawer-purple:#a885ff;
  --pawer-copy:#f2f5fa;
  --pawer-copy-dim:#9ba8bd;
  background:var(--pawer-home);
}
.pawer-market-home #gameHub{display:none!important;}
.pawer-market-home .game-switcher.marketplace-open{display:block!important;}
.pawer-market-home .pawer-command-nav{
  position:sticky;
  top:0;
  z-index:1200;
  border-bottom:1px solid var(--pawer-line);
  background:rgba(5,8,14,.94);
  box-shadow:0 10px 35px rgba(0,0,0,.24);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
}
.pawer-market-home .pawer-command-inner{
  width:min(1460px,100%);
  max-width:none;
  min-height:58px;
  padding:5px 18px;
  justify-content:flex-start;
  gap:18px;
}
.pawer-market-home .pawer-command-brand{
  flex:0 0 auto;
  width:194px;
  height:46px;
  padding:0 7px 0 0;
  gap:8px;
  justify-content:flex-start;
  color:var(--pawer-copy);
  overflow:visible;
}
.pawer-market-home .pawer-command-brand img{
  flex:0 0 43px;
  width:43px;
  height:43px;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(69,208,225,.13));
}
.pawer-command-wordmark{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-family:"Segoe UI",Arial,sans-serif;}
.pawer-command-wordmark b{color:#d7c6ff;font-size:16px;line-height:1;font-weight:800;letter-spacing:-.02em;white-space:nowrap;}
.pawer-command-wordmark em{color:#6f7d94;font-size:7px;line-height:1;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
.pawer-market-home .pawer-command-links{
  flex:1 1 auto;
  width:auto;
  max-width:none;
  padding:0;
  gap:2px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.pawer-market-home .pawer-command-links .game-switch-button{
  position:relative;
  min-height:42px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:8px;
  color:#99a5b9;
  font:700 13px/1 "Segoe UI",Arial,sans-serif;
}
.pawer-market-home .pawer-command-links .game-switch-button::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:2px;
  left:12px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--pawer-cyan),var(--pawer-purple));
  box-shadow:0 0 9px rgba(81,207,225,.28);
  opacity:0;
  transform:scaleX(.25);
  transition:opacity .18s ease,transform .18s ease;
}
.pawer-market-home .pawer-command-links .game-switch-button svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.84;
}
.pawer-market-home .pawer-command-links .game-switch-button:hover,
.pawer-market-home .pawer-command-links .game-switch-button:focus-visible{
  color:#eef5ff;
  background:rgba(114,137,177,.09);
  outline:none;
}
.pawer-market-home .pawer-command-links .game-switch-button.active{
  color:#eaf6ff;
  background:transparent;
  box-shadow:none;
}
.pawer-market-home .pawer-command-links .game-switch-button.active::after{opacity:1;transform:scaleX(1);}
.pawer-market-home .pawer-command-links .pawer-boost-nav{color:#f1c65b;}
.pawer-market-home .pawer-command-links .pawer-boost-nav:hover{color:#ffe38a;background:rgba(241,198,91,.08);}
.pawer-resources-nav small{margin-left:-2px;color:inherit;font-size:13px;}
.pawer-market-home .pawer-utility-nav[hidden]{display:none!important;}
.pawer-command-actions{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-left:auto;}
.pawer-nav-search{
  width:38px;
  height:38px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid var(--pawer-line);
  border-radius:9px;
  background:#0b101b;
  color:#9ca9bd;
  cursor:pointer;
}
.pawer-nav-search:hover,.pawer-nav-search:focus-visible{border-color:rgba(81,207,225,.45);color:#dffcff;outline:none;}
.pawer-nav-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;}
.pawer-market-home .pawer-command-actions>.btn,
.pawer-market-home .pawer-command-actions .discord-auth>.btn{min-height:38px;border-radius:9px;}
.pawer-market-home .pawer-command-actions .discord-login{
  min-width:118px;
  justify-content:center;
  border-color:rgba(81,207,225,.45);
  background:linear-gradient(120deg,rgba(33,121,151,.22),rgba(106,80,180,.20));
  color:#e6faff;
  font-weight:800;
}
.pawer-market-home .pawer-command-actions .discord-login:hover{border-color:#66d7e8;background:linear-gradient(120deg,rgba(33,121,151,.34),rgba(106,80,180,.28));}
  .pawer-market-home .pawer-command-actions .pawer-nav-post{white-space:nowrap;}
  .pawer-market-home .pawer-command-actions .pawer-nav-post:disabled{opacity:.64;cursor:wait;filter:saturate(.72);}
.pawer-mobile-nav-toggle{display:none;}

.pawer-market-home #calamityExperience{min-height:calc(100vh - 58px);}
.pawer-market-home #calamityExperience>.top{display:none!important;}
.pawer-market-home #calamityExperience>.wrap{max-width:1320px;padding-top:0;}
.pawer-market-home #calamityExperience>.wrap>.hero{padding:48px 0 27px;border-bottom:0;}
.pawer-market-home .market-hero-layout{
  display:grid;
  grid-template-columns:minmax(390px,1.2fr) minmax(300px,.8fr) 270px;
  grid-template-areas:"copy live midman" "copy ad midman";
  align-items:stretch;
  gap:16px;
}
.pawer-market-home .market-hero-copy{grid-area:copy;display:flex;min-height:276px;flex-direction:column;justify-content:center;padding:22px 22px 22px 0;}
.pawer-market-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:var(--pawer-cyan);font:800 10px/1 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em;}
.pawer-market-eyebrow span{width:21px;height:1px;background:linear-gradient(90deg,var(--pawer-cyan),var(--pawer-purple));box-shadow:0 0 8px rgba(81,207,225,.55);}
.pawer-market-home .market-hero-copy h1{
  max-width:680px;
  margin:0 0 13px;
  color:#f5f7fc;
  font:700 clamp(34px,3.6vw,50px)/1.06 "Cinzel",serif;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.pawer-market-home .market-hero-copy>p{max-width:620px;margin:0;color:#a8b4c7;font:400 15px/1.7 "Segoe UI",Arial,sans-serif;}
.pawer-home-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;}
.pawer-home-hero-button{
  position:relative;
  isolation:isolate;
  min-height:42px;
  padding:10px 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  overflow:hidden;
  border:1px solid rgba(107,141,181,.32);
  border-radius:9px;
  background:rgba(10,17,29,.82);
  color:#c5d0df;
  text-decoration:none;
  font:800 11px/1.2 "Segoe UI",Arial,sans-serif;
  cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.pawer-home-hero-button span,.pawer-home-hero-button b{position:relative;z-index:2;}
.pawer-home-hero-button b{color:inherit;font-size:16px;font-weight:500;}
.pawer-home-hero-button .pawer-topup-logo{position:relative;z-index:2;width:25px;height:25px;flex:0 0 25px;display:block;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 3px 9px rgba(0,0,0,.28);}
.pawer-home-hero-button.is-primary{border-color:rgba(81,207,225,.5);background:linear-gradient(115deg,rgba(26,128,154,.62),rgba(96,72,179,.72));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 24px rgba(36,115,151,.14);}
.pawer-home-hero-button::after{content:"";position:absolute;z-index:1;pointer-events:none;top:-20%;bottom:-20%;left:-42%;width:25%;opacity:.55;border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.48) 50%,rgba(255,255,255,.02));transform:skewX(-8deg);transition:left .44s cubic-bezier(.22,.61,.36,1);}
.pawer-home-hero-button:hover,.pawer-home-hero-button:focus-visible{transform:translateY(-1px);border-color:rgba(112,218,233,.75);color:#f1fdff;outline:none;box-shadow:inset 0 1px rgba(255,255,255,.13),0 10px 26px rgba(36,115,151,.2);}
.pawer-home-hero-button:hover::after,.pawer-home-hero-button:focus-visible::after{left:118%;}
.pawer-market-home .hero-stats{gap:31px;margin-top:25px;}
.pawer-market-home .hero-stats .hstat{position:relative;padding-left:13px;}
.pawer-market-home .hero-stats .hstat::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;border-radius:3px;background:linear-gradient(var(--pawer-cyan),var(--pawer-purple));opacity:.65;}
.pawer-market-home .hero-stats .n{color:#f2f5fb;font-family:"Cinzel",serif;font-size:20px;}
.pawer-market-home .hero-stats .l{color:#748299;font:700 9px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;}
.pawer-market-live{
  grid-area:live;
  min-width:0;
  padding:18px;
  border:1px solid rgba(98,149,184,.25);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(15,25,41,.95),rgba(10,14,25,.96));
  box-shadow:0 18px 45px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025);
}
.pawer-market-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(130,150,180,.14);}
.pawer-market-live-head>span{display:flex;align-items:center;gap:8px;color:#edf7fa;font:800 10px/1.2 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;}
.pawer-market-live-head i{width:7px;height:7px;border-radius:50%;background:#49d789;box-shadow:0 0 0 3px rgba(73,215,137,.09),0 0 10px rgba(73,215,137,.55);}
.pawer-market-live-head small{max-width:92px;color:#65748b;font:600 9px/1.35 "Segoe UI",Arial,sans-serif;text-align:right;}
.pawer-market-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 0;}
.pawer-market-live-grid div{min-width:0;}
.pawer-market-live-grid b{display:block;color:#f3f6fb;font:700 19px/1.1 "Cinzel",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pawer-market-live-grid span{display:block;margin-top:5px;color:#6f7d91;font:700 8px/1.35 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;}
.pawer-market-live-action{width:100%;min-height:36px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(81,207,225,.22);border-radius:7px;background:rgba(49,143,164,.08);color:#89ddea;font:800 10px/1.2 "Segoe UI",Arial,sans-serif;cursor:pointer;}
.pawer-market-live-action:hover,.pawer-market-live-action:focus-visible{border-color:rgba(81,207,225,.5);background:rgba(49,143,164,.14);outline:none;}
.pawer-market-live-action span{font-size:15px;}
.pawer-market-home .market-midman-card{grid-area:midman;align-self:start;width:auto;min-height:0;height:max-content;border-radius:11px;background:linear-gradient(145deg,rgba(31,25,19,.94),rgba(17,15,18,.96));}
.pawer-market-home .market-ad-frame{display:none!important;}
.pawer-market-home .market-ad-placement{grid-area:ad;position:relative;inset:auto;width:100%;margin:0;}
.pawer-market-home .market-ad-position,.pawer-market-home .market-ad-google-shell{width:100%!important;max-width:100%!important;}
.pawer-market-home .toolbar{margin-top:9px;padding-top:14px;border-top:1px solid var(--pawer-line)!important;}
.pawer-market-home .market-pulse{border-color:var(--pawer-line);background:rgba(8,13,23,.76);}

.pawer-nav-dialog{
  width:min(940px,calc(100vw - 32px));
  max-width:940px;
  max-height:min(760px,calc(100dvh - 32px));
  padding:0;
  overflow:hidden;
  border:1px solid rgba(109,145,186,.32);
  border-radius:16px;
  background:#0a0f19;
  color:#edf2f8;
  box-shadow:0 34px 90px rgba(0,0,0,.65);
}
.pawer-nav-dialog::backdrop{background:rgba(2,4,8,.75);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.pawer-nav-dialog-shell{position:relative;max-height:inherit;padding:30px;overflow:auto;background:radial-gradient(circle at 100% 0,rgba(120,83,215,.11),transparent 33%),radial-gradient(circle at 0 0,rgba(47,180,198,.09),transparent 29%),#0a0f19;}
.pawer-nav-dialog-close{position:absolute;top:18px;right:18px;width:34px;height:34px;padding:0;border:1px solid var(--pawer-line);border-radius:9px;background:#0e1522;color:#a6b2c4;font-size:22px;line-height:1;cursor:pointer;}
.pawer-nav-dialog-close:hover{color:#fff;border-color:rgba(81,207,225,.44);}
.pawer-nav-dialog-eyebrow{margin:0 45px 8px 0;color:var(--pawer-cyan);font:800 10px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;}
.pawer-nav-dialog h2{margin:0 45px 7px 0;color:#f3f6fb;font:700 clamp(25px,4vw,36px)/1.18 "Cinzel",serif;letter-spacing:-.02em;}
.pawer-nav-dialog-intro{max-width:680px;margin:0 0 24px;color:#94a1b5;font:400 13px/1.65 "Segoe UI",Arial,sans-serif;}
.pawer-nav-dialog-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.pawer-nav-card{position:relative;min-width:0;min-height:142px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(112,139,178,.18);border-radius:11px;background:linear-gradient(145deg,rgba(17,25,40,.91),rgba(10,15,25,.94));color:#eef3fa;text-align:left;text-decoration:none;cursor:pointer;overflow:hidden;}
.pawer-nav-card:hover,.pawer-nav-card:focus-visible{border-color:rgba(81,207,225,.42);transform:translateY(-1px);outline:none;}
.pawer-nav-card img{width:42px;height:42px;margin-bottom:14px;object-fit:contain;border-radius:8px;}
.pawer-nav-card-kicker{margin-bottom:6px;color:#6fd4e2;font:800 8px/1.2 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;}
.pawer-nav-card strong{font:800 14px/1.25 "Segoe UI",Arial,sans-serif;}
.pawer-nav-card p{margin:7px 0 0;color:#7e8ba0;font:400 11px/1.5 "Segoe UI",Arial,sans-serif;}
.pawer-nav-card-arrow{margin-top:auto;padding-top:13px;color:#65cfdf;font-size:14px;}
.pawer-nav-card.is-disabled{cursor:default;opacity:.54;}
.pawer-nav-card.is-disabled:hover{transform:none;border-color:rgba(112,139,178,.18);}
.pawer-nav-card.is-wide{grid-column:span 2;}
.pawer-nav-card.is-gold{border-color:rgba(240,192,84,.26);background:linear-gradient(145deg,rgba(42,34,20,.91),rgba(16,16,21,.95));}
.pawer-nav-card.is-gold .pawer-nav-card-kicker,.pawer-nav-card.is-gold .pawer-nav-card-arrow{color:#efc75f;}

@media (max-width:1320px){
  .pawer-market-home .pawer-command-brand{width:176px;}
  .pawer-market-home .pawer-command-links .game-switch-button{padding:0 9px;font-size:12px;}
  .pawer-market-home .pawer-command-links .game-switch-button svg{display:none;}
}
@media (max-width:1100px){
  .pawer-market-home .market-hero-layout{grid-template-columns:minmax(360px,1fr) minmax(280px,.8fr);grid-template-areas:"copy live" "midman ad";}
  .pawer-market-home .market-midman-card{min-height:0;}
}
@media (max-width:860px){
  .pawer-market-home .pawer-command-inner{min-height:56px;padding:5px 10px;gap:8px;}
  .pawer-market-home .pawer-command-brand{height:43px;}
  .pawer-market-home .pawer-command-brand img{width:39px;height:39px;}
  .pawer-command-wordmark b{font-size:15px;}
  .pawer-mobile-nav-toggle{width:36px;min-width:36px;height:36px;flex:0 0 36px;margin-left:auto;padding:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;border:1px solid var(--pawer-line);border-radius:8px;background:#0b101b;cursor:pointer;}
  .pawer-mobile-nav-toggle span{height:1px;background:#b9c5d6;transition:transform .15s,opacity .15s;}
  .pawer-mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg);}
  .pawer-mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .pawer-mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
  .pawer-market-home .pawer-command-links{position:absolute;top:calc(100% + 1px);right:10px;left:10px;padding:8px;display:none;grid-template-columns:repeat(2,1fr);gap:5px;border:1px solid rgba(103,133,173,.28);border-radius:0 0 12px 12px;background:rgba(7,11,19,.985);box-shadow:0 18px 35px rgba(0,0,0,.42);}
  .pawer-market-home .pawer-command-links.is-open{display:grid;}
  .pawer-market-home .pawer-command-links .game-switch-button{min-width:0;justify-content:center;padding:0 7px;font-size:11px;}
  .pawer-market-home .pawer-command-links .game-switch-button svg{display:block;width:15px;height:15px;}
  .pawer-market-home .pawer-command-actions{margin-left:0;}
  .pawer-nav-search{display:none;}
  .pawer-market-home .pawer-command-actions .discord-login{min-width:92px;padding:7px 10px;}
  .pawer-market-home .pawer-command-actions .pawer-nav-post{min-height:36px!important;padding:7px 10px!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:9px!important;}
  .pawer-market-home .market-hero-layout{grid-template-columns:1fr;grid-template-areas:"copy" "live" "midman" "ad";}
  .pawer-market-home .market-hero-copy{min-height:0;padding:12px 0 7px;}
  .pawer-market-home #calamityExperience>.wrap>.hero{padding-top:28px;}
}
@media (max-width:620px){
  .pawer-market-home .pawer-command-brand img{width:36px;height:36px;}
  .pawer-command-wordmark b{font-size:14px;}
  .pawer-command-wordmark em{font-size:6px;}
  .pawer-market-home .pawer-command-actions .discord-login{min-width:76px;}
  .pawer-market-home .pawer-command-actions .discord-auth.auth-restoring{width:76px;}
  .pawer-market-home .pawer-command-actions .discord-auth.auth-restoring::before{content:'Checking';padding:0 7px;font-size:9px;}
  .pawer-market-home .pawer-command-actions .discord-login svg{display:none;}
  .pawer-market-home .pawer-command-actions>.messages-button{width:35px;min-width:35px;padding:0;}
  .pawer-market-home .market-hero-copy h1{font-size:33px;}
  .pawer-market-home .market-hero-copy>p{font-size:13px;line-height:1.65;}
  .pawer-market-home .hero-stats{gap:8px;}
  .pawer-market-home .hero-stats .hstat{padding:8px 8px 8px 11px;}
  .pawer-market-live{padding:15px;}
  .pawer-nav-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:12px;}
  .pawer-nav-dialog-shell{padding:24px 17px;}
  .pawer-nav-dialog-body{grid-template-columns:1fr;}
  .pawer-nav-card,.pawer-nav-card.is-wide{grid-column:auto;min-height:116px;}
  .pawer-nav-card img{width:34px;height:34px;margin-bottom:10px;}
  .pawer-market-home .pawer-command-links{grid-template-columns:repeat(2,1fr);}
  .hub-giveaway{top:72px;}
}

/* Routed Pawer home pages: the logo owns / and nav items own their clean paths. */
.pawer-home-directories{margin-top:42px;border-top:1px solid var(--pawer-line);}
.pawer-home-section{padding:64px 0;scroll-margin-top:74px;border-bottom:1px solid var(--pawer-line);}
.pawer-home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;}
.pawer-home-section-head>div{max-width:720px;}
.pawer-home-section-head span{display:block;margin-bottom:8px;color:var(--pawer-cyan);font:800 9px/1.2 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;}
.pawer-home-section-head h2{margin:0 0 7px;color:#f1f4f9;font:700 clamp(25px,3vw,36px)/1.18 "Cinzel",serif;letter-spacing:-.025em;}
.pawer-home-section-head p{margin:0;color:#8896aa;font:400 13px/1.65 "Segoe UI",Arial,sans-serif;}
.pawer-home-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.pawer-home-card{
  min-width:0;
  padding:16px;
  border:1px solid rgba(109,137,176,.18);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(16,24,39,.9),rgba(9,14,24,.96));
  color:#eef3f9;
  text-align:left;
  text-decoration:none;
  box-shadow:inset 0 1px rgba(255,255,255,.018);
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}
a.pawer-home-card,button.pawer-home-card{cursor:pointer;}
a.pawer-home-card:hover,a.pawer-home-card:focus-visible,button.pawer-home-card:hover,button.pawer-home-card:focus-visible{border-color:rgba(81,207,225,.42);background:linear-gradient(145deg,rgba(19,31,48,.95),rgba(10,16,28,.98));transform:translateY(-2px);outline:none;}
.pawer-game-directory-card,.pawer-community-directory-card{min-height:92px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;}
.pawer-game-directory-card>img,.pawer-community-directory-card>img{width:48px;height:48px;object-fit:contain;border-radius:8px;}
.pawer-game-directory-card>span,.pawer-community-directory-card>span{min-width:0;display:flex;flex-direction:column;gap:3px;}
.pawer-game-directory-card small,.pawer-community-directory-card small,.pawer-news-directory-card small,.pawer-guide-directory-card small{color:#67d0de;font:800 8px/1.2 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;}
.pawer-game-directory-card strong,.pawer-community-directory-card strong{font:800 13px/1.25 "Segoe UI",Arial,sans-serif;overflow-wrap:anywhere;}
.pawer-game-directory-card em,.pawer-community-directory-card em{color:#728097;font:400 10px/1.4 "Segoe UI",Arial,sans-serif;font-style:normal;}
.pawer-game-directory-card>b,.pawer-community-directory-card>b{color:#64cedd;font:700 14px/1 "Segoe UI",Arial,sans-serif;}
.pawer-game-directory-card.is-coming{opacity:.55;}
.pawer-game-directory-card.is-coming>b{font-size:9px;text-transform:uppercase;letter-spacing:.08em;}
.pawer-game-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.pawer-game-directory-entry{position:relative;isolation:isolate;min-height:248px;padding:20px;display:flex;flex-direction:column;overflow:hidden;border-color:color-mix(in srgb,var(--game-card-accent) 26%,rgba(109,137,176,.18));background:linear-gradient(145deg,rgba(12,20,33,.95),rgba(6,11,20,.985));box-shadow:0 18px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025);}
.pawer-game-directory-entry::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(7,12,21,.97) 0%,rgba(7,12,21,.88) 52%,rgba(7,12,21,.42) 100%),var(--game-card-art) center/cover no-repeat;opacity:.72;transform:scale(1.015);transition:opacity .2s ease,transform .25s ease;}
.pawer-game-directory-entry::after{content:"";position:absolute;z-index:-1;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--game-card-accent),color-mix(in srgb,var(--game-card-accent) 25%,transparent),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--game-card-accent) 35%,transparent);}
.pawer-game-directory-entry>.pawer-game-directory-card{position:relative;width:100%;min-height:72px;padding:0;grid-template-columns:60px minmax(0,1fr) auto;gap:15px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;}
.pawer-game-directory-entry>.pawer-game-directory-card>img{width:60px;height:60px;padding:5px;border:1px solid color-mix(in srgb,var(--game-card-accent) 28%,rgba(255,255,255,.08));border-radius:12px;background:rgba(5,10,18,.72);filter:drop-shadow(0 7px 14px rgba(0,0,0,.38));}
.pawer-game-directory-entry>.pawer-game-directory-card small{color:var(--game-card-accent);}
.pawer-game-directory-entry>.pawer-game-directory-card strong{font-size:15px;}
.pawer-game-directory-entry>.pawer-game-directory-card:hover strong,.pawer-game-directory-entry>.pawer-game-directory-card:focus-visible strong{color:#fff;}
.pawer-game-directory-entry>.pawer-game-directory-card:focus-visible{outline:1px solid color-mix(in srgb,var(--game-card-accent) 68%,white 12%);outline-offset:6px;border-radius:7px;}
.pawer-game-directory-entry>p{max-width:88%;min-height:42px;margin:17px 0 15px;color:#a2adbd;font:500 11px/1.62 "Segoe UI",Arial,sans-serif;}
.pawer-game-directory-entry>.pawer-community-links{margin-top:auto;padding-top:3px;}
.pawer-game-directory-entry>.pawer-community-links a:first-child{border-color:color-mix(in srgb,var(--game-card-accent) 46%,transparent);background:color-mix(in srgb,var(--game-card-accent) 14%,rgba(7,13,23,.92));color:#f2f5fa;}
.pawer-game-directory-entry:hover{border-color:color-mix(in srgb,var(--game-card-accent) 58%,rgba(109,137,176,.2));background:linear-gradient(145deg,rgba(15,25,40,.97),rgba(7,12,21,.99));transform:translateY(-2px);}
.pawer-game-directory-entry:hover::before{opacity:.86;transform:scale(1.04);}
.pawer-game-directory-entry.is-coming{opacity:.86;}
.pawer-game-directory-entry.is-coming>.pawer-game-directory-card{cursor:default;}
.pawer-game-card-status{min-height:25px;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--game-card-accent) 48%,transparent);border-radius:999px;background:color-mix(in srgb,var(--game-card-accent) 13%,rgba(5,10,18,.88));color:#eef4fb!important;font:800 8px/1 "Segoe UI",Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.075em;white-space:nowrap;}
.pawer-game-card-status.is-live::before{content:"";width:5px;height:5px;margin-right:5px;border-radius:50%;background:#49e28a;box-shadow:0 0 7px rgba(73,226,138,.68);}
.pawer-game-card-status.is-upcoming{color:#cbd3df!important;}
.pawer-news-directory-card,.pawer-guide-directory-card{min-height:186px;display:flex;flex-direction:column;align-items:flex-start;}
.pawer-news-directory-card>strong,.pawer-guide-directory-card>strong{margin-top:7px;font:800 16px/1.25 "Segoe UI",Arial,sans-serif;}
.pawer-news-directory-card>p,.pawer-guide-directory-card>p{margin:10px 0;color:#8390a4;font:400 11px/1.62 "Segoe UI",Arial,sans-serif;}
.pawer-news-directory-card>b,.pawer-guide-directory-card>b{margin-top:auto;padding-top:12px;color:#69d1df;font:800 9px/1.2 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;}

/* News uses the exact moderator-selected X post. The local snapshot remains visible
   until X finishes, and permanently remains as the fallback when embeds are blocked. */
.pawer-news-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;}
.pawer-news-directory-card{width:100%;min-height:0;padding:0;overflow:hidden;display:block;border-color:rgba(87,117,158,.32);background:linear-gradient(155deg,#101722,#080d15);box-shadow:0 18px 42px rgba(0,0,0,.25);}
.pawer-news-card-head{min-height:68px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(101,185,240,.16);background:linear-gradient(145deg,rgba(20,30,45,.98),rgba(9,15,24,.98));}
.pawer-news-card-account{min-width:0;display:flex;flex-direction:column-reverse;gap:3px;}
.pawer-news-card-actions{display:flex;align-items:center;gap:7px;}
.pawer-news-card-head small{color:#788aa2;font:750 9px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:.04em;text-transform:none;}
.pawer-news-card-head strong{color:#eef5ff;font:800 16px/1.2 "Segoe UI",Arial,sans-serif;}
.pawer-news-x-mark{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid rgba(101,185,240,.25);border-radius:8px;background:rgba(101,185,240,.07);color:#e9f3ff;font:800 13px/1 Arial,sans-serif;font-style:normal;}
.pawer-news-preview{position:relative;width:100%;height:390px;overflow:hidden;background:#000;}
.pawer-news-snapshot{position:absolute;inset:0;z-index:1;padding:22px 20px;display:flex;flex-direction:column;color:#dbe6f2;text-decoration:none;background:radial-gradient(circle at 86% 5%,rgba(29,155,240,.15),transparent 38%),linear-gradient(155deg,#0d1520,#05080d);transition:background .18s ease;}
.pawer-news-snapshot:hover,.pawer-news-snapshot:focus-visible{background:radial-gradient(circle at 86% 5%,rgba(29,155,240,.22),transparent 42%),linear-gradient(155deg,#111d2b,#060a10);outline:none;}
.pawer-news-snapshot .news-post-checked{margin-bottom:18px;}
.pawer-news-snapshot p{margin:0;color:#c4cfdb;font:500 13px/1.65 "Segoe UI",Arial,sans-serif;}
.pawer-news-snapshot em{margin-top:auto;color:#68809c;font:700 9px/1.3 "Segoe UI",Arial,sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.08em;}
.pawer-x-embed-host{position:absolute;inset:0;z-index:2;overflow:auto;opacity:0;pointer-events:none;background:#000;scrollbar-width:thin;scrollbar-color:#34465d #070b11;transition:opacity .2s ease;}
.pawer-x-embed-host>.twitter-tweet{margin:0 auto!important;}
.pawer-x-embed-host iframe{width:100%!important;max-width:100%!important;margin:0!important;}
.pawer-news-preview.is-embedded .pawer-x-embed-host{opacity:1;pointer-events:auto;}
.pawer-news-preview.is-unavailable .pawer-news-snapshot em{color:#8192a8;}
.pawer-news-preview.is-unavailable .pawer-news-snapshot em::before{content:'X preview unavailable · ';}
.pawer-news-original{min-height:43px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(101,185,240,.14);color:#78d8e6;font:800 10px/1.2 "Segoe UI",Arial,sans-serif;text-decoration:none;text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(145deg,#0e1722,#091019);}
.pawer-news-original:hover,.pawer-news-original:focus-visible{color:#b7f3fb;background:linear-gradient(145deg,#142130,#0b1420);outline:none;}
@media(max-width:980px){.pawer-news-directory-grid{grid-template-columns:1fr 1fr;}.pawer-news-preview{height:410px;}}
@media(max-width:680px){.pawer-news-directory-grid{grid-template-columns:1fr;}.pawer-news-preview{height:430px;}.pawer-news-card-head{min-height:62px;padding:12px 14px;}}
.pawer-guide-directory-card>img{width:58px;height:38px;margin-bottom:14px;object-fit:contain;object-position:left center;}

/* The routed Guides page is a visual library, not a row of generic text cards. */
.pawer-guide-section-head{align-items:flex-end;}
.pawer-guide-library-count{min-width:112px;padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid rgba(135,106,238,.27);border-radius:10px;background:linear-gradient(145deg,rgba(26,23,45,.78),rgba(11,16,27,.92));box-shadow:inset 0 1px rgba(255,255,255,.025);}
.pawer-guide-library-count strong{color:#d7c7ff;font:800 25px/1 "Cinzel",serif;}
.pawer-guide-library-count small{max-width:54px;color:#8591a5;font:750 8px/1.35 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;}
.pawer-guide-library{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.8fr);gap:16px;align-items:stretch;}
.pawer-guide-featured,.pawer-guide-module{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(132,102,232,.3);border-radius:14px;color:#edf3fa;text-decoration:none;background:linear-gradient(145deg,#11192a,#080d16);box-shadow:0 22px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.pawer-guide-featured:hover,.pawer-guide-featured:focus-visible,.pawer-guide-module:hover,.pawer-guide-module:focus-visible{border-color:rgba(150,119,248,.66);transform:translateY(-3px);box-shadow:0 26px 55px rgba(0,0,0,.34),0 0 0 1px rgba(150,119,248,.1);outline:none;}
.pawer-guide-featured{min-height:430px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);}
.pawer-guide-featured::after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#64dff1,#8f6df2 52%,#d3a553);box-shadow:0 0 18px rgba(123,99,237,.46);}
.pawer-guide-featured-art{position:relative;min-height:430px;overflow:hidden;display:flex;align-items:flex-end;padding:24px;background:linear-gradient(180deg,rgba(5,9,16,.02),rgba(6,10,18,.22) 48%,rgba(6,10,18,.9)),linear-gradient(90deg,rgba(8,13,23,.04),rgba(8,13,23,.18)),url('calamity-castle-background.webp') left 30%/auto 112% no-repeat;}
.pawer-guide-featured-art::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 12%,rgba(55,150,255,.13),transparent 34%),linear-gradient(90deg,transparent 66%,rgba(8,13,22,.72));pointer-events:none;}
.pawer-guide-featured-art>img{position:relative;z-index:1;width:min(70%,220px);max-height:92px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 10px 18px rgba(0,0,0,.62));transition:transform .28s ease;}
.pawer-guide-featured:hover .pawer-guide-featured-art>img{transform:translateY(-3px) scale(1.025);}
.pawer-guide-featured-index{position:absolute;z-index:2;top:18px;left:19px;padding:7px 9px;border:1px solid rgba(179,210,255,.25);border-radius:999px;background:rgba(6,12,22,.72);color:#d9e8fa;font:800 8px/1 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;backdrop-filter:blur(8px);}
.pawer-guide-featured-copy{padding:34px 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 100% 0,rgba(127,87,226,.13),transparent 38%),linear-gradient(160deg,rgba(16,23,38,.98),rgba(8,13,22,.99));}
.pawer-guide-kicker{display:flex;align-items:center;gap:7px;color:#72d7e6;font:800 9px/1.2 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;}
.pawer-guide-kicker i{width:6px;height:6px;border-radius:50%;background:#6cdeed;box-shadow:0 0 9px rgba(108,222,237,.72);}
.pawer-guide-featured-copy>strong{max-width:340px;margin:14px 0 11px;color:#f2f5fa;font:750 clamp(24px,2.4vw,34px)/1.15 "Cinzel",serif;letter-spacing:-.03em;}
.pawer-guide-featured-copy>p{margin:0;color:#9aa8ba;font:500 12px/1.7 "Segoe UI",Arial,sans-serif;}
.pawer-guide-topic-row{margin-top:18px;display:flex;flex-wrap:wrap;gap:7px;}
.pawer-guide-topic-row em,.pawer-guide-module-copy>span>em{padding:6px 8px;border:1px solid rgba(112,141,181,.22);border-radius:6px;background:rgba(9,15,26,.75);color:#a7b5c8;font:750 8px/1 "Segoe UI",Arial,sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.06em;}
.pawer-guide-source{width:100%;margin-top:24px;padding-top:16px;display:flex;align-items:center;gap:8px;border-top:1px solid rgba(121,148,186,.14);color:#d8e2ef;font:750 10px/1.25 "Segoe UI",Arial,sans-serif;}
.pawer-guide-source img{width:16px;height:16px;object-fit:contain;}
.pawer-guide-source b{margin-left:auto;color:#75d9e7;font-size:13px;}
.pawer-guide-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;}
.pawer-guide-module{min-height:207px;display:grid;grid-template-columns:132px minmax(0,1fr);}
.pawer-guide-module::after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#7a61dc,rgba(99,210,230,.52),transparent);}
.pawer-guide-module-art{position:relative;min-height:100%;overflow:hidden;padding:15px;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(8,12,20,.1),rgba(7,11,19,.9)),url('calamity-castle-background.webp') 51% center/cover no-repeat;}
.pawer-guide-module.is-archer .pawer-guide-module-art{background-position:94% center;}
.pawer-guide-module.is-factory .pawer-guide-module-art{background-position:50% center;}
.pawer-guide-module-art>span{position:absolute;top:13px;left:13px;color:rgba(231,238,248,.86);font:800 10px/1 "Cinzel",serif;letter-spacing:.08em;}
.pawer-guide-module-art>img{position:relative;z-index:1;width:86px;height:48px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 7px 12px rgba(0,0,0,.6));}
.pawer-guide-module-copy{padding:19px 18px;display:flex;flex-direction:column;min-width:0;background:linear-gradient(155deg,rgba(16,24,39,.98),rgba(8,13,22,.99));}
.pawer-guide-module-copy>small{color:#71d4e3;font:800 8px/1.2 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;}
.pawer-guide-module-copy>strong{margin:8px 0 6px;color:#f0f4f9;font:800 17px/1.22 "Segoe UI",Arial,sans-serif;}
.pawer-guide-module-copy>p{margin:0;color:#8e9caf;font:500 10px/1.55 "Segoe UI",Arial,sans-serif;}
.pawer-guide-module-copy>span{margin-top:auto;padding-top:11px;display:flex;align-items:center;gap:5px;}
.pawer-guide-module-copy>span>b{margin-left:auto;color:#72d7e6;font:800 8px/1 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;}
.pawer-guide-module.pawer-guide-afk{grid-column:1/-1;min-height:190px;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);border-color:rgba(173,93,244,.36);background:linear-gradient(145deg,#171025,#090c17);}
.pawer-guide-module.pawer-guide-afk::after{background:linear-gradient(90deg,#ffad35,#a953ee 48%,#6544d7 76%,transparent);}
.pawer-guide-module.is-afk .pawer-guide-module-art{min-height:190px;background:linear-gradient(90deg,rgba(7,6,13,.08),rgba(7,6,13,.18) 52%,rgba(7,6,13,.88)),linear-gradient(180deg,rgba(7,6,13,.06),rgba(7,6,13,.66)),url('afk-heroes-background.webp') 63% center/cover no-repeat;}
.pawer-guide-module.is-afk .pawer-guide-module-copy{padding:24px 26px;background:radial-gradient(circle at 92% 8%,rgba(168,76,237,.14),transparent 38%),linear-gradient(145deg,rgba(20,16,34,.98),rgba(8,12,22,.99));}
.pawer-guide-module.is-afk .pawer-guide-module-copy>small{color:#d28bff;}
.pawer-guide-module.is-afk .pawer-guide-module-copy>strong{margin:9px 0 7px;font:750 22px/1.2 "Cinzel",serif;}
.pawer-guide-module.is-afk .pawer-guide-module-copy>p{max-width:650px;color:#9b9bad;font-size:11px;}
.pawer-guide-module.is-afk .pawer-guide-module-copy>span>b{color:#e0a0ff;}
.pawer-guide-art-wordmark{position:relative;z-index:1;display:flex;align-items:baseline;gap:7px;color:#fff7df;font:900 31px/1 "Cinzel",serif;letter-spacing:-.06em;text-shadow:0 3px 18px rgba(0,0,0,.72);}
.pawer-guide-art-wordmark em{color:#d996ff;font:inherit;font-size:21px;font-style:normal;letter-spacing:.01em;text-shadow:0 0 15px rgba(167,66,245,.55),0 3px 18px rgba(0,0,0,.72);}
@media(max-width:1040px){
  .pawer-guide-library{grid-template-columns:1fr;}
  .pawer-guide-featured{min-height:390px;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);}
  .pawer-guide-featured-art{min-height:390px;}
  .pawer-guide-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;}
  .pawer-guide-module{min-height:220px;grid-template-columns:120px minmax(0,1fr);}
  .pawer-guide-module.pawer-guide-afk{grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);}
}
@media(max-width:720px){
  .pawer-guide-section-head{align-items:flex-start;}
  .pawer-guide-library-count{display:none;}
  .pawer-guide-featured{display:flex;flex-direction:column;min-height:0;}
  .pawer-guide-featured-art{min-height:240px;padding:18px;background-size:auto 255%;background-position:left 30%;}
  .pawer-guide-featured-art>img{width:145px;max-height:60px;}
  .pawer-guide-featured-copy{padding:23px 20px;min-height:0;}
  .pawer-guide-featured-copy>strong{font-size:26px;}
  .pawer-guide-stack{grid-template-columns:1fr;}
  .pawer-guide-module{min-height:190px;grid-template-columns:112px minmax(0,1fr);}
  .pawer-guide-module.pawer-guide-afk{grid-template-columns:138px minmax(0,1fr);min-height:190px;}
  .pawer-guide-module.is-afk .pawer-guide-module-art{min-height:190px;background-position:62% center;}
  .pawer-guide-module.is-afk .pawer-guide-module-copy{padding:19px 17px;}
  .pawer-guide-module.is-afk .pawer-guide-module-copy>strong{font-size:18px;}
  .pawer-guide-art-wordmark{font-size:20px;gap:4px;}
  .pawer-guide-art-wordmark em{font-size:13px;}
}
@media(max-width:440px){
  .pawer-guide-module{grid-template-columns:96px minmax(0,1fr);}
  .pawer-guide-module.pawer-guide-afk{grid-template-columns:108px minmax(0,1fr);}
  .pawer-guide-module-copy{padding:16px 14px;}
  .pawer-guide-module-copy>p{font-size:9px;}
  .pawer-guide-module-copy>span>em:nth-of-type(2){display:none;}
}

/* Community links live inside each game card so Games is the single directory. */
.pawer-community-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.pawer-community-game{min-width:0;overflow:hidden;border:1px solid rgba(111,140,178,.2);border-radius:13px;background:linear-gradient(145deg,rgba(15,23,37,.94),rgba(8,13,22,.98));box-shadow:0 15px 32px rgba(0,0,0,.16);}
.pawer-community-game-preview{position:relative;min-height:135px;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;overflow:hidden;border-bottom:1px solid rgba(116,144,181,.16);background:linear-gradient(180deg,rgba(4,8,14,.12),rgba(6,10,18,.92)),var(--community-art) center/cover no-repeat;}
.pawer-community-game-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(5,10,18,.55),transparent 56%);pointer-events:none;}
.pawer-community-game-preview img{position:relative;z-index:1;width:min(48%,190px);height:72px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 6px 12px rgba(0,0,0,.48));}
.pawer-community-game-preview span{position:relative;z-index:1;align-self:flex-end;color:#c3cfdd;font:800 8px/1.3 "Segoe UI",Arial,sans-serif;text-align:right;text-transform:uppercase;letter-spacing:.09em;}
.pawer-community-game-body{padding:18px;}
.pawer-community-game-body h3{margin:0 0 7px;color:#f0f3f8;font:800 17px/1.3 "Segoe UI",Arial,sans-serif;}
.pawer-community-game-body>p{min-height:40px;margin:0 0 15px;color:#8290a4;font:400 11px/1.55 "Segoe UI",Arial,sans-serif;}
.pawer-community-links{display:flex;flex-wrap:wrap;gap:7px;}
.pawer-community-links a{min-height:30px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(108,140,180,.22);border-radius:7px;background:rgba(11,18,30,.82);color:#b9c6d7;font:700 9px/1.2 "Segoe UI",Arial,sans-serif;text-decoration:none;}
.pawer-community-links a:hover,.pawer-community-links a:focus-visible{border-color:rgba(81,207,225,.48);color:#e8fbff;outline:none;}
.pawer-community-links img{width:14px;height:14px;object-fit:contain;}

/* Route visibility. Root is the Pawer overview; every nav destination is a real URL. */
body[data-pawer-route="home"] #pawerDiscoverSection,
body[data-pawer-route="home"] #marketPulse,
body[data-pawer-route="home"] #ragnarokServerFilter,
body[data-pawer-route="home"] #marketGameNotice,
body[data-pawer-route="home"] #grid,
body[data-pawer-route="home"] #emptyState,
body[data-pawer-route="home"] #calamityExperience>.wrap>noscript{display:none!important;}
body:not([data-pawer-route="marketplace"]) .market-ad-frame,
body:not([data-pawer-route="marketplace"]) .market-ad-placement{display:none!important;}
body[data-pawer-route="home"] .market-hero-layout{grid-template-columns:minmax(0,850px);grid-template-areas:"copy";justify-content:start;}
body[data-pawer-route="home"] .market-hero-copy{max-width:850px;}
body[data-pawer-route="home"] .market-midman-card{display:none!important;}
body[data-pawer-route="marketplace"] .pawer-home-directories{display:none!important;}
body[data-pawer-route="marketplace"] .pawer-market-live,
body[data-pawer-route="marketplace"] .pawer-market-eyebrow,
body[data-pawer-route="marketplace"] .pawer-market-slogan,
body[data-pawer-route="marketplace"] .pawer-home-hero-actions{display:none!important;}
body[data-pawer-route="marketplace"] #calamityExperience>.wrap{max-width:1180px;}
body[data-pawer-route="marketplace"] #calamityExperience>.wrap>.hero{padding:36px 0 28px;}
body[data-pawer-route="marketplace"] .market-hero-layout{position:relative;display:flex;gap:32px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
body[data-pawer-route="marketplace"] .market-hero-copy{display:block;flex:1;min-width:260px;min-height:0;padding:0;}
body[data-pawer-route="marketplace"] .market-hero-copy h1{margin:0 0 8px;font-family:'Cinzel Decorative','Cinzel',serif;font-size:30px;line-height:1.2;letter-spacing:.005em;}
body[data-pawer-route="marketplace"] .market-hero-copy>.pawer-market-description{max-width:374px!important;color:var(--text-dim);font:italic 14px/1.58 'Inter',sans-serif!important;}
body[data-pawer-route="marketplace"] .hero-stats{gap:28px;margin-top:22px;}
body[data-pawer-route="marketplace"] .hero-stats .hstat{padding-left:0;}
body[data-pawer-route="marketplace"] .hero-stats .hstat::before{display:none;}
body[data-pawer-route="marketplace"] .hero-stats .n{color:var(--gold);font-size:22px;}
body[data-pawer-route="marketplace"] .hero-stats .l{color:var(--text-mute);font-size:11px;letter-spacing:.08em;}
body[data-pawer-route="marketplace"] .market-midman-card{width:260px;padding:18px 20px;border:1px solid rgba(152,119,226,.28);border-radius:11px;background:linear-gradient(145deg,rgba(31,25,19,.94),rgba(17,15,18,.96));box-shadow:0 18px 45px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025);}
body[data-pawer-route="marketplace"] .market-ad-frame{position:absolute;z-index:1;top:88px;left:calc(50% - 130px);width:360px;height:180px;display:block!important;}
body[data-pawer-route="marketplace"] .market-ad-placement{position:absolute;z-index:2;top:88px;left:calc(50% - 130px);width:360px;display:block!important;}
body[data-pawer-route="marketplace"] #calamityExperience .wrap>.toolbar{margin:0 0 18px;padding-top:0;border-top:0!important;}
body[data-pawer-route="games"] #calamityExperience>.wrap>.hero,
body[data-pawer-route="news"] #calamityExperience>.wrap>.hero,
body[data-pawer-route="guides"] #calamityExperience>.wrap>.hero,
body[data-pawer-route="community"] #calamityExperience>.wrap>.hero,
body[data-pawer-route="games"] #pawerDiscoverSection,
body[data-pawer-route="news"] #pawerDiscoverSection,
body[data-pawer-route="guides"] #pawerDiscoverSection,
body[data-pawer-route="community"] #pawerDiscoverSection,
body[data-pawer-route="games"] #marketPulse,
body[data-pawer-route="news"] #marketPulse,
body[data-pawer-route="guides"] #marketPulse,
body[data-pawer-route="community"] #marketPulse,
body[data-pawer-route="games"] #ragnarokServerFilter,
body[data-pawer-route="news"] #ragnarokServerFilter,
body[data-pawer-route="guides"] #ragnarokServerFilter,
body[data-pawer-route="community"] #ragnarokServerFilter,
body[data-pawer-route="games"] #marketGameNotice,
body[data-pawer-route="news"] #marketGameNotice,
body[data-pawer-route="guides"] #marketGameNotice,
body[data-pawer-route="community"] #marketGameNotice,
body[data-pawer-route="games"] #grid,
body[data-pawer-route="news"] #grid,
body[data-pawer-route="guides"] #grid,
body[data-pawer-route="community"] #grid,
body[data-pawer-route="games"] #emptyState,
body[data-pawer-route="news"] #emptyState,
body[data-pawer-route="guides"] #emptyState,
body[data-pawer-route="community"] #emptyState{display:none!important;}
body[data-pawer-route="games"] .pawer-home-section:not(#pawerGamesDirectory),
body[data-pawer-route="news"] .pawer-home-section:not(#pawerNewsDirectory),
body[data-pawer-route="guides"] .pawer-home-section:not(#pawerGuidesDirectory),
body[data-pawer-route="community"] .pawer-home-section:not(#pawerCommunityDirectory){display:none!important;}
body[data-pawer-route="games"] .pawer-home-directories,
body[data-pawer-route="news"] .pawer-home-directories,
body[data-pawer-route="guides"] .pawer-home-directories,
body[data-pawer-route="community"] .pawer-home-directories{margin-top:0;border-top:0;}
body[data-pawer-route="games"] .pawer-home-section,
body[data-pawer-route="news"] .pawer-home-section,
body[data-pawer-route="guides"] .pawer-home-section,
body[data-pawer-route="community"] .pawer-home-section{min-height:calc(100vh - 210px);padding-top:62px;}

/* Header mail/notification stays icon-sized and never pushes the account controls. */
.pawer-market-home .pawer-command-actions>.messages-button{position:relative;width:38px;min-width:38px;max-width:38px;padding:0;display:grid;place-items:center;}
.pawer-market-home .pawer-command-actions>.messages-button[hidden]{display:none!important;}
.pawer-market-home .pawer-command-actions>.messages-button svg{width:17px;height:17px;}
.pawer-market-home .pawer-command-actions>.messages-button .messages-unread{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid #070b12;border-radius:999px;background:#ec4052;color:#fff;font:800 8px/1 "Segoe UI",Arial,sans-serif;}
.pawer-market-home .pawer-command-actions>.messages-button .messages-unread[hidden]{display:none!important;}
.pawer-market-home .live-chat-toast{right:72px;bottom:82px;width:min(250px,calc(100vw - 96px));grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:8px 9px;border-radius:8px;}
.pawer-market-home .live-chat-toast img{width:30px;height:30px;}
.pawer-market-home .live-chat-toast strong{font-size:10px;}
.pawer-market-home .live-chat-toast small{font-size:8px;}
.pawer-market-home .live-chat-toast b{min-width:18px;height:18px;font-size:8px;}
.pawer-market-home .site-stream-fab-wrap{top:70px;right:14px;bottom:auto;left:auto;}
.pawer-market-slogan{margin:-2px 0 12px!important;color:#70d3e2!important;font:800 13px/1.3 "Segoe UI",Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.12em;}
.pawer-market-description{margin:0!important;}

/* The Post Listing sheet follows the game selected inside the form. */
.post-listing-veil{
  --surface:#0E1523;--surface-2:#121C2D;--raised:#19263B;
  --border:rgba(65,153,181,.23);--border-hi:rgba(144,111,224,.46);
  --accent:#7259D2;--accent-hi:#9476E8;--gold:#C0A7E8;
  --text:#F1F4FA;--text-dim:#A9B6C8;--text-mute:#718197;
  background:color-mix(in srgb,var(--surface) 72%,rgba(2,4,8,.86));
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.post-listing-veil[data-post-game="calamity"]{--surface:#12101D;--surface-2:#181424;--raised:#211A31;--border:rgba(166,126,218,.22);--border-hi:rgba(188,132,255,.46);--accent:#6E49C9;--accent-hi:#9168E7;--gold:#D5B05E;--text:#EEEAF7;--text-dim:#B0A5C2;--text-mute:#756B88;}
.post-listing-veil[data-post-game="yakkamon"]{--surface:#191A1C;--surface-2:#202125;--raised:#292A2E;--border:rgba(190,158,87,.24);--border-hi:rgba(211,179,91,.50);--accent:#B8953E;--accent-hi:#D0A94D;--gold:#D3B35B;--text:#F0EEE8;--text-dim:#B8B6AE;--text-mute:#7E7F82;}
.post-listing-veil[data-post-game="ragnarok-new-world"]{--surface:#0C1928;--surface-2:#0A1623;--raised:#14263A;--border:rgba(195,213,228,.20);--border-hi:rgba(224,202,147,.44);--accent:#B9914E;--accent-hi:#D8B76C;--gold:#E5C987;--text:#EDF4F8;--text-dim:#A9BDCA;--text-mute:#708797;}
.post-listing-veil[data-post-game="ragnarok-zero-global"]{--surface:#0A1A2D;--surface-2:#0A2038;--raised:#102B49;--border:rgba(111,174,216,.22);--border-hi:rgba(119,200,238,.46);--accent:#318FC3;--accent-hi:#74C7E9;--gold:#B8E7F5;--text:#EDF8FC;--text-dim:#A7C8D8;--text-mute:#6E91A5;}
.post-listing-veil[data-post-game="mu-realm-of-legends"]{--surface:#17101D;--surface-2:#21152A;--raised:#2C1B38;--border:rgba(177,111,205,.23);--border-hi:rgba(218,140,242,.46);--accent:#8B4FA6;--accent-hi:#B66CCB;--gold:#D9A6E8;--text:#F3EBF6;--text-dim:#BCA9C3;--text-mute:#816F89;}
.post-listing-modal{
  border-color:var(--border-hi);
  border-radius:12px;
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 15%,transparent),transparent 31%),linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 88%,#05070b));
  color:var(--text);
  box-shadow:0 30px 86px rgba(0,0,0,.64),0 0 34px color-mix(in srgb,var(--accent) 10%,transparent);
}
.post-listing-modal .listing-account-note{border-color:color-mix(in srgb,var(--accent-hi) 42%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);}
.post-listing-modal .listing-quota-note{border-color:color-mix(in srgb,var(--gold) 30%,transparent);background:color-mix(in srgb,var(--gold) 6%,transparent);}
.post-listing-modal .tabs{border-color:var(--border-hi);background:color-mix(in srgb,var(--surface-2) 90%,transparent);}
.post-listing-modal .tab.active,.post-listing-modal .btn.primary{border-color:var(--border-hi);background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 34%,var(--surface-2)),color-mix(in srgb,var(--accent-hi) 24%,var(--surface)));color:var(--text);}

/* The persistent Post Listing action follows the selected marketplace palette. */
body[data-pawer-route="marketplace"] #btnPost{
  border-color:color-mix(in srgb,var(--comm-accent-hi) 72%,white 10%)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--comm-accent-hi) 82%,white 5%),var(--comm-accent) 58%,color-mix(in srgb,var(--comm-accent) 86%,black 14%))!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -1px rgba(0,0,0,.18),0 5px 15px color-mix(in srgb,var(--comm-accent) 26%,transparent)!important;
}
body[data-pawer-route="marketplace"] #btnPost:hover,
body[data-pawer-route="marketplace"] #btnPost:focus-visible{
  border-color:color-mix(in srgb,var(--comm-accent-hi) 86%,white 14%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(0,0,0,.16),0 7px 20px color-mix(in srgb,var(--comm-accent) 36%,transparent)!important;
}
body:not([data-pawer-route="marketplace"]) #btnPost{
  border-color:rgba(112,218,233,.58)!important;
  background:linear-gradient(115deg,rgba(26,128,154,.78),rgba(96,72,179,.86))!important;
  color:#fff!important;
}

@media(max-width:900px){
  .pawer-home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pawer-community-game-grid{grid-template-columns:1fr;}
}
@media(max-width:1120px){
  body[data-pawer-route="home"] .market-hero-layout{grid-template-columns:minmax(0,850px);grid-template-areas:"copy";}
  body[data-pawer-route="marketplace"] .market-ad-frame{position:relative;order:3;top:auto!important;left:auto;width:100%;height:180px;flex:0 0 100%;margin:0;}
  body[data-pawer-route="marketplace"] .market-ad-placement{position:absolute;top:0;left:0;width:100%;height:auto;margin:0;}
}
@media(max-width:860px){
  body[data-pawer-route="home"] .market-hero-layout{grid-template-columns:1fr;grid-template-areas:"copy";}
}
@media(max-width:760px){
  #hubGiveaway:not([open]).hub-giveaway{
    top:auto!important;
    right:auto!important;
    bottom:12px!important;
    left:8px!important;
    width:104px!important;
    height:34px!important;
    transform:none!important;
  }
  #hubGiveaway:not([open]) .hub-giveaway-summary{
    position:relative!important;
    top:0!important;
    right:auto!important;
    transform:none!important;
  }
  #hubGiveaway .hub-giveaway-summary{
    min-width:104px!important;
    width:max-content!important;
    height:34px!important;
    padding:0 10px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:999px!important;
  }
  #hubGiveaway .hub-giveaway-label{
    display:block!important;
    writing-mode:horizontal-tb!important;
    transform:none!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }
  #hubGiveaway .hub-giveaway-arrow{
    display:block!important;
    flex:0 0 auto!important;
    width:10px!important;
    color:currentColor!important;
    text-align:center!important;
    opacity:.9!important;
    font-size:13px!important;
    line-height:1!important;
    transform:none!important;
  }
  #hubGiveaway[open] .hub-giveaway-arrow{transform:rotate(180deg)!important;}
  #hubGiveaway[open] .hub-giveaway-content{
    right:10px!important;
    left:10px!important;
    width:auto!important;
    max-height:calc(100dvh - 154px)!important;
    overflow:auto!important;
  }
  .pawer-market-home .site-stream-fab-wrap{
    top:62px!important;
    right:8px!important;
    bottom:auto!important;
    left:auto!important;
    touch-action:manipulation;
  }
}

/* Original marketplace guidance stays readable even before live listings load. */
.marketplace-trust-hub{
  margin:54px 0 8px;padding:34px;border:1px solid color-mix(in srgb,var(--border-hi) 64%,transparent);
  border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 97%,transparent));
  box-shadow:0 24px 54px rgba(0,0,0,.2);font-family:"Segoe UI",Arial,sans-serif;
}
body:not([data-pawer-route="marketplace"]) .marketplace-trust-hub{display:none!important;}
.marketplace-trust-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:44px;align-items:end;padding-bottom:25px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);}
.marketplace-trust-kicker,.marketplace-faq-intro>span{display:block;margin-bottom:7px;color:var(--gold);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;}
.marketplace-trust-head h2{max-width:650px;margin:0;color:var(--text);font:700 clamp(23px,3vw,34px)/1.15 'Cinzel',serif;letter-spacing:.005em;}
.marketplace-trust-head>p{margin:0;color:var(--text-dim);font-size:13px;line-height:1.7;}
.marketplace-trust-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:7px;background:color-mix(in srgb,var(--border) 70%,transparent);}
.marketplace-trust-summary>span{min-height:74px;padding:17px 18px;display:flex;flex-direction:column;gap:5px;background:color-mix(in srgb,var(--surface-2) 94%,transparent);color:var(--text-dim);font-size:11px;line-height:1.45;}
.marketplace-trust-summary b{color:var(--text);font:700 13px/1.2 'Cinzel',serif;letter-spacing:.01em;}
.marketplace-compact-safety{margin:12px 0 0;padding:12px 14px;border-left:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 6%,transparent);color:var(--text-dim);font-size:11px;line-height:1.55;}
.marketplace-compact-safety strong{color:var(--text);}
.marketplace-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;}
.marketplace-trust-card,.marketplace-reference-card{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:7px;background:color-mix(in srgb,var(--surface-2) 90%,transparent);}
.marketplace-trust-card{padding:20px;}
.marketplace-trust-card>span{display:block;color:var(--gold);font:800 10px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.12em;}
.marketplace-trust-card h3,.marketplace-reference-card h3,.marketplace-faq-intro h3{margin:9px 0 8px;color:var(--text);font:700 16px/1.25 'Cinzel',serif;letter-spacing:.01em;}
.marketplace-trust-card p,.marketplace-reference-card p,.marketplace-faq p{margin:0;color:var(--text-dim);font-size:12px;line-height:1.65;}
.marketplace-reference-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;margin-top:12px;}
.marketplace-reference-card{padding:23px;}
.marketplace-reference-card h3{margin-top:0;font-size:18px;}
.marketplace-reference-card dl{margin:0;}
.marketplace-reference-card dl>div{display:grid;grid-template-columns:175px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--border) 58%,transparent);}
.marketplace-reference-card dl>div:first-child{border-top:0;}
.marketplace-reference-card dt{color:var(--text);font-size:11px;font-weight:800;line-height:1.45;}
.marketplace-reference-card dd{margin:0;color:var(--text-dim);font-size:11px;line-height:1.55;}
.marketplace-safety-card ul{margin:0;padding:0;list-style:none;}
.marketplace-safety-card li{position:relative;margin-top:9px;padding-left:17px;color:var(--text-dim);font-size:11px;line-height:1.5;}
.marketplace-safety-card li::before{content:'✓';position:absolute;left:0;top:0;color:var(--gold);font-weight:900;}
.marketplace-safety-note{margin-top:16px!important;padding:12px 13px;border-left:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent);}
.marketplace-faq{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;margin-top:28px;padding-top:27px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);}
.marketplace-faq-intro h3{font-size:19px;}
.marketplace-faq-intro p{font-size:10px;}
.marketplace-faq-list details{border-top:1px solid color-mix(in srgb,var(--border) 68%,transparent);}
.marketplace-faq-list details:first-child{border-top:0;}
.marketplace-faq-list summary{position:relative;padding:13px 28px 13px 0;color:var(--text);font-size:12px;font-weight:700;line-height:1.4;cursor:pointer;list-style:none;}
.marketplace-faq-list summary::-webkit-details-marker{display:none;}
.marketplace-faq-list summary::after{content:'+';position:absolute;right:2px;top:10px;color:var(--gold);font-size:18px;font-weight:400;}
.marketplace-faq-list details[open] summary::after{content:'−';}
.marketplace-faq-list details p{max-width:760px;padding:0 28px 15px 0;}
.marketplace-trust-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px;}
.marketplace-trust-links a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:210px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--border-hi) 76%,transparent);border-radius:5px;background:color-mix(in srgb,var(--raised) 64%,transparent);color:var(--text);font-size:10px;font-weight:800;text-decoration:none;transition:border-color .15s ease,color .15s ease,transform .15s ease;}
.marketplace-trust-links a span{color:var(--gold);font-size:14px;}
.marketplace-trust-links a:hover,.marketplace-trust-links a:focus-visible{border-color:var(--gold);color:var(--gold);transform:translateY(-1px);outline:none;}

@media(max-width:860px){
  .marketplace-trust-hub{padding:25px;}
  .marketplace-trust-head{grid-template-columns:1fr;gap:13px;}
  .marketplace-trust-grid{grid-template-columns:1fr;}
  .marketplace-reference-grid{grid-template-columns:1fr;}
  .marketplace-faq{grid-template-columns:1fr;gap:10px;}
  .marketplace-trust-summary{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .marketplace-trust-hub{margin-top:36px;padding:20px 16px;border-radius:7px;}
  .marketplace-trust-head h2{font-size:23px;}
  .marketplace-reference-card dl>div{grid-template-columns:1fr;gap:3px;}
  .marketplace-trust-links{display:grid;grid-template-columns:1fr;}
  .marketplace-trust-links a{min-width:0;}
}

/* Architect: Land of Exiles — local integrated marketplace preview. */
#calamityExperience[data-game="architect-land-of-exiles"]{
  --bg:#070B10;--surface:#0E151C;--surface-2:#0A1117;--raised:#17232C;
  --border:rgba(146,174,181,.18);--border-hi:rgba(204,171,105,.48);
  --gold:#D2B171;--accent:#478F9D;--accent-hi:#7AD1D9;--on-accent:#061013;
}
#calamityExperience[data-game="architect-land-of-exiles"]::before{
  background:
    linear-gradient(180deg,rgba(4,9,13,.26),rgba(5,10,14,.78) 610px,#070B10 980px),
    radial-gradient(circle at 72% 18%,rgba(83,177,190,.17),transparent 34%),
    linear-gradient(135deg,#080D12,#070A0E 68%);
}
#calamityExperience[data-game="architect-land-of-exiles"]::after{
  top:0;right:0;width:100%;height:1120px;
  background:url('architect-official-background.webp') center top/cover no-repeat;
  opacity:.38;filter:saturate(.9) contrast(1.06);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 56%,rgba(0,0,0,.7) 75%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 56%,rgba(0,0,0,.7) 75%,transparent 100%);
}
#calamityExperience[data-game="architect-land-of-exiles"] .game-filter{
  border-color:rgba(205,174,111,.54);
  background:linear-gradient(120deg,rgba(18,31,38,.97),rgba(10,17,23,.97));
}
#calamityExperience[data-game="architect-land-of-exiles"] .game-filter::before{
  background:linear-gradient(100deg,rgba(104,202,210,.13),transparent 45%,rgba(211,177,109,.1));
}
#calamityExperience[data-game="architect-land-of-exiles"] .game-filter-art{
  background:radial-gradient(circle,rgba(92,182,190,.2),rgba(8,15,20,.92));
}
#calamityExperience[data-game="architect-land-of-exiles"] .game-filter-art img{
  object-fit:contain;padding:3px;filter:drop-shadow(0 2px 9px rgba(101,203,210,.34));
}
#calamityExperience[data-game="architect-land-of-exiles"] .game-filter:hover,
#calamityExperience[data-game="architect-land-of-exiles"] .game-filter:focus-within{
  border-color:rgba(229,198,135,.8);box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 0 2px rgba(90,180,190,.1),0 10px 28px rgba(0,0,0,.3);
}
#calamityExperience[data-game="architect-land-of-exiles"] .tab.active,
#calamityExperience[data-game="architect-land-of-exiles"] .type-tab.active{
  color:#F2DFC0;background:linear-gradient(180deg,rgba(84,69,43,.45),rgba(35,31,25,.72));
}
#calamityExperience[data-game="architect-land-of-exiles"] .card{
  background:linear-gradient(180deg,rgba(14,22,29,.96),rgba(8,14,19,.98));
  border-color:rgba(116,149,157,.25);
}
#calamityExperience[data-game="architect-land-of-exiles"] .card:hover{border-color:rgba(205,174,111,.56);}
#calamityExperience[data-game="architect-land-of-exiles"] .card-price{color:#E4C98F;}
#calamityExperience[data-game="architect-land-of-exiles"] #btnPost:disabled{
  opacity:.58;cursor:not-allowed;filter:saturate(.45)!important;transform:none!important;
}
.architect-exchange-note{border-left:2px solid #65BFC7;padding-left:10px;}

@media(max-width:700px){
  #calamityExperience[data-game="architect-land-of-exiles"]::after{
    height:720px;background-image:url('architect-official-background-mobile.webp');background-position:center top;opacity:.34;
  }
  #calamityExperience[data-game="architect-land-of-exiles"] #btnPost:disabled{font-size:7px!important;padding-inline:8px!important;}
}
@media(max-width:620px){
  .pawer-market-home .pawer-command-brand{width:148px;gap:6px;}
  .pawer-market-home .pawer-command-wordmark b{font-size:12px;letter-spacing:-.035em;}
  .pawer-market-home .pawer-command-wordmark em{font-size:5.4px;letter-spacing:.035em;}
  .pawer-home-directories{margin-top:28px;}
  .pawer-home-section{padding:44px 0;}
  .pawer-home-card-grid{grid-template-columns:1fr;}
  .pawer-game-directory-entry{min-height:238px;padding:17px;}
  .pawer-game-directory-entry>p{max-width:100%;}
  .pawer-game-directory-entry>.pawer-game-directory-card{grid-template-columns:54px minmax(0,1fr) auto;gap:11px;}
  .pawer-game-directory-entry>.pawer-game-directory-card>img{width:54px;height:54px;}
  .pawer-game-card-status{padding:5px 7px;font-size:7px!important;}
  .pawer-home-section-head h2{font-size:25px;}
  .pawer-community-game-preview{min-height:115px;padding:15px;}
  .pawer-community-game-preview img{height:58px;}
  .pawer-community-game-body{padding:15px;}
  .pawer-market-home .live-chat-toast{right:64px;bottom:78px;width:min(224px,calc(100vw - 80px));}
  .pawer-home-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .pawer-home-hero-button{min-width:0;padding:10px 11px;gap:8px;font-size:9px;}
  .pawer-home-hero-button .pawer-topup-logo{width:21px;height:21px;flex-basis:21px;}
  .pawer-market-home .pawer-command-inner{gap:6px;}
  .pawer-market-home .pawer-command-actions{gap:5px;}
  .pawer-market-home .discord-auth .account-name{display:none;}
  .pawer-market-home .discord-auth .account-button{padding-right:4px;gap:4px;}
  .pawer-market-home .pawer-command-actions .pawer-nav-post{padding:7px 8px!important;font-size:8.5px!important;}
  .pawer-market-home.discord-connected .pawer-command-actions .pawer-nav-post{width:40px!important;min-width:40px!important;padding:0!important;font-size:0!important;}
  .pawer-market-home.discord-connected .pawer-command-actions .pawer-nav-post::before{content:'Post';font-size:8.5px;line-height:1;}
}

@media(max-width:380px){
  .pawer-market-home .pawer-command-brand{width:132px;gap:5px;}
  .pawer-market-home .pawer-command-brand img{width:32px;height:32px;flex-basis:32px;}
  .pawer-market-home .pawer-command-wordmark b{font-size:11px;}
  .pawer-market-home .pawer-command-wordmark em{font-size:5px;letter-spacing:.02em;}
  .pawer-market-home .discord-auth .account-button{padding-right:3px;gap:4px;}
  .pawer-market-home .discord-auth .account-name{display:none;}
  .pawer-market-home .pawer-command-actions{gap:6px;}
  .pawer-market-home .pawer-command-actions>.messages-button{width:35px;min-width:35px;max-width:35px;}
}

@media(max-width:340px){
  .pawer-market-home .pawer-command-brand{width:38px;padding-right:0;}
  .pawer-market-home .pawer-command-wordmark{display:none;}
}

/* One real control owns the listing-card click target. This avoids a
   button-shaped card containing several nested buttons while preserving the
   familiar full-card hit area for pointer and keyboard users. */
.listing-card-open{
  position:absolute;z-index:1;inset:0;width:100%;height:100%;padding:0;
  border:0;border-radius:inherit;background:transparent;color:inherit;cursor:pointer;
}
.listing-card-open:focus-visible{outline:2px solid var(--accent-hi);outline-offset:-3px;}
.card .listing-save-button,
.card .mod-delete{z-index:5;}
.card .card-seller,
.card .listing-relist-button{position:relative;z-index:2;}

@media(max-width:760px){
  /* An administrator can always reach stream settings without the idle pill
     covering page headings on narrow screens. Active streams keep the clear
     LIVE label; only the idle control collapses to its video icon. */
  .pawer-market-home .site-stream-fab.admin-idle{
    width:42px;min-width:42px;min-height:42px;padding:0;justify-content:center;gap:0;
  }
  .pawer-market-home .site-stream-fab.admin-idle .site-stream-fab-dot,
  .pawer-market-home .site-stream-fab.admin-idle>span:last-child{display:none;}
  .pawer-market-home .site-stream-fab.admin-idle svg{width:19px;height:19px;flex-basis:19px;}
  .pawer-market-home .site-stream-fab-close{width:23px;height:23px;flex-basis:23px;font-size:15px;}
}

/* ==========================================================================
   MARKETPLACE MODALS — REAL STACKING FIX
   The marketplace header is its own sticky stacking layer (z-index: 1200),
   while #calamityExperience creates an isolated stacking context (see
   `isolation:isolate` on #calamityExperience above). ANY veil painted
   inside that isolated context — Post a Listing, a listing's detail/view
   popup, the screenshot lightbox, anything else built on the shared
   .modal-veil / .lightbox-veil pattern — is capped at whatever stacking
   level #calamityExperience itself holds among its siblings. A veil's own
   z-index (even 999999) only wins *inside* that context; it cannot escape
   past a sibling with a higher explicit z-index like the header.

   This used to be scoped to .post-listing-veil only, which is why "post a
   listing" and "view a listing" could show different symptoms even though
   they're the same underlying bug — a listing's view/detail popup uses the
   same .modal-veil base class but isn't a .post-listing-veil, so the old
   :has(.post-listing-veil) rules never fired for it. Scoping to the shared
   .modal-veil / .lightbox-veil classes instead means every popup built on
   this pattern gets fixed, not just one of them.

   It also used to only drop the header to z-index:0 and leave
   #calamityExperience at its implicit "auto" level. That makes both
   stacking contexts tie at level 0, so the browser falls back to DOM order
   to break the tie. Giving #calamityExperience an explicit z-index above
   the header's removes that ambiguity entirely: an explicit z-index always
   beats "auto"/0, regardless of DOM order.

   Whenever any marketplace veil is open:
   1) put the veil itself at an extremely high layer;
   2) explicitly raise #calamityExperience's own stacking context above the
      header's 1200, so the isolated layer it belongs to is guaranteed to
      paint on top, independent of DOM order;
   3) also drop the header (and the game switcher) to z-index: 0 as a
      belt-and-suspenders fallback;
   4) apply this from <html> so it does not matter where the veil is mounted.
   ========================================================================== */
html:has(.modal-veil) .modal-veil,
html:has(.lightbox-veil) .lightbox-veil{
  z-index:999999!important;
}

html:has(.modal-veil) #calamityExperience,
html:has(.lightbox-veil) #calamityExperience{
  z-index:1201!important;
}

html:has(.modal-veil) .pawer-market-home .pawer-command-nav,
html:has(.lightbox-veil) .pawer-market-home .pawer-command-nav{
  z-index:0!important;
}

html:has(.modal-veil) .pawer-market-home .game-switcher,
html:has(.lightbox-veil) .pawer-market-home .game-switcher{
  z-index:0!important;
}