/* Polished shared visual layer */
:root{--motion-smooth:cubic-bezier(.2,.75,.25,1)}
.portal-page .site-header{min-height:76px;border:1px solid #ffffff12;border-top:0;border-radius:0 0 18px 18px;background:linear-gradient(110deg,#111a2bd9,#111522b8);backdrop-filter:blur(18px);box-shadow:0 14px 35px #0002}
.portal-page .portal-main{padding-top:clamp(30px,5vh,58px)}
.portal-page .portal-intro h1{letter-spacing:-.055em;text-shadow:0 8px 35px #8374ff27}
.portal-page .portal-intro p{max-width:650px;margin:10px auto 0;line-height:2}
.portal-page .portal-orb{transition:transform .35s var(--motion-smooth),box-shadow .35s ease;border-color:#b7c6ff80;box-shadow:0 0 0 8px #a9baff0a,0 0 90px #627bff30,0 34px 100px #0007}
.portal-page .portal-orb:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 0 0 10px #a9baff11,0 0 110px #8072ff48,0 40px 110px #0008}
.portal-page .portal-zone{padding-bottom:9%;transition:filter .25s ease}.portal-page .portal-zone:hover{filter:brightness(1.3)}
.portal-page .zone-day::after,.portal-page .zone-night::after{content:"";display:block;padding:7px 13px;border:1px solid #ffffff40;border-radius:999px;background:#090d19b8;color:#fff;font:700 .82rem Vazirmatn,Tahoma,sans-serif;box-shadow:0 8px 25px #0005;backdrop-filter:blur(8px)}
.portal-page .zone-day::after{content:"\0633\062E\062A\200C\0627\0641\0632\0627\0631"}.portal-page .zone-night::after{content:"TF2  \00B7  \0628\0627\0632\06CC"}
.portal-page .orb-core{border-color:#ffffffb0;box-shadow:0 0 30px #9d8cff99}
.portal-page .portal-footer{margin-top:20px}
.tf2-page{background:radial-gradient(ellipse at 80% 5%,#3f3b6b35,transparent 32%),radial-gradient(ellipse at 5% 30%,#24668b1b,transparent 36%),#10151d}
.tf2-page .site-head{background:#111820d9;backdrop-filter:blur(16px);box-shadow:0 12px 35px #0003}
.tf2-page .head-inner nav a{padding:8px 11px;border-radius:9px;transition:background .2s,color .2s}.tf2-page .head-inner nav a:hover{background:#ffffff0c;color:#fff}
.tf2-page .tf-product-card{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#232b34,#171c24 68%);box-shadow:0 28px 80px #0006}
.tf2-page .tf-product-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#9f8affaa,#6ccdf088,transparent)}
.tf2-page .tf-product-art{border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,#3c4652,#202a31 70%)}
.tf2-page .tf-product-art img{transition:transform .45s var(--motion-smooth),filter .35s}.tf2-page .tf-product-card:hover .tf-product-art img{transform:scale(1.035);filter:drop-shadow(0 16px 24px #0006)}
.tf2-page .tf-product-info h1{letter-spacing:-.025em}.tf2-page .tf-price{color:#f5d28f;text-shadow:0 0 24px #e9b65d20}
.tf2-page .tf-buy-button{box-shadow:0 10px 28px #438fe52a;transition:transform .2s,filter .2s,box-shadow .2s}.tf2-page .tf-buy-button:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 14px 34px #438fe548}
.tf2-page .owner-panel{border-radius:18px;box-shadow:0 22px 55px #0003}.tf2-page .tf-account{backdrop-filter:blur(12px)}
.store-page{background:radial-gradient(ellipse at 12% 0%,#31518420,transparent 32%),#0b1020}
.store-page .top-banner{border:1px solid #ffffff12;border-radius:0 0 14px 14px;background:linear-gradient(100deg,#101a2a,#15213a);color:#b8c7df}
.store-page header{background:#0b1020eb;backdrop-filter:blur(16px);box-shadow:0 12px 35px #0003}
.store-page .logo-icon{box-shadow:0 8px 24px #3b82f633}.store-page .action-btn{transition:transform .2s,border-color .2s,background .2s}.store-page .action-btn:hover{transform:translateY(-1px)}
.store-page .hero-banner{overflow:hidden;border:1px solid #8cbaff24;border-radius:24px;box-shadow:0 24px 75px #0005}
.store-page .hero-text h1{letter-spacing:-.035em;text-shadow:0 6px 32px #0005}
.store-page .categories-section,.store-page #products{scroll-margin-top:140px}
.store-page .cat-card,.store-page .product-card{border:1px solid #ffffff12;border-radius:16px;box-shadow:0 12px 35px #0002;transition:transform .22s var(--motion-smooth),border-color .22s,box-shadow .22s}
.store-page .cat-card:hover,.store-page .product-card:hover{transform:translateY(-4px);border-color:#60a5fa70;box-shadow:0 20px 45px #0004}
.store-page .product-image{border-radius:12px}
.store-page .btn-primary,.store-page .checkout-btn{box-shadow:0 8px 24px #2563eb30;transition:transform .2s,filter .2s}.store-page .btn-primary:hover,.store-page .checkout-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.support-page{background:radial-gradient(ellipse at 90% 3%,#315c7c35,transparent 36%),radial-gradient(ellipse at 0% 35%,#a57b2a15,transparent 34%),#10151d}
.support-page .support-head{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);box-shadow:0 12px 30px #0002}
.support-page .panel{border-color:#ffffff17;box-shadow:0 22px 60px #0003;transition:transform .22s,border-color .22s}.support-page .help-panel:hover,.support-page .ticket-form:hover{border-color:#67b9e82f}
.support-page .ticket-card{border-radius:16px;transition:border-color .2s,transform .2s}.support-page .ticket-card:hover{border-color:#67b9e84d;transform:translateY(-2px)}
.support-page .primary{box-shadow:0 8px 23px #d88a3926;transition:filter .2s,transform .2s}.support-page .primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:700px){.portal-page .site-header{width:calc(100% - 24px)}.portal-page .portal-intro p{max-width:38rem}.tf2-page .head-inner{padding-block:8px}.tf2-page .head-inner nav{flex-wrap:wrap;justify-content:center;gap:4px}.tf2-page .tf-account{max-width:none}.store-page .hero-banner{border-radius:18px}.support-page .support-head{height:auto;min-height:68px;gap:10px}.support-page .support-head nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.portal-page .portal-orb,.tf2-page .tf-product-art img,.store-page .cat-card,.store-page .product-card,.support-page .ticket-card{transition:none}}

/* Second pass: clearer hierarchy, richer surfaces, and consistent focus states */
.portal-page{position:relative;isolation:isolate}.portal-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(#8ea5ff0a 1px,transparent 1px),linear-gradient(90deg,#8ea5ff0a 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.portal-page .portal-intro{max-width:760px;margin-bottom:clamp(25px,4vh,42px)}.portal-page .portal-intro .eyebrow{padding:6px 13px;border:1px solid #9bc4ff22;border-radius:999px;background:#111a2a8c}.portal-page .portal-intro h1{font-size:clamp(2.2rem,6vw,4.25rem);line-height:1.2}.portal-page .portal-orb{width:min(66vh,620px,calc(100vw - 38px));box-shadow:0 0 0 1px #bac8ff18,0 0 0 12px #b5c5ff08,0 0 110px #687fff35,0 38px 100px #0008}.portal-page .portal-zone{padding-bottom:8%}.portal-page .zone-day::after,.portal-page .zone-night::after{padding:9px 17px;border-color:#ffffff50;font-size:.9rem;letter-spacing:.01em}.portal-page .orb-core{width:52px;height:52px;border:2px solid #fff;background:#111526ed;font-size:1.1rem}.portal-page .portal-hint{padding:8px 14px;border:1px solid #ffffff13;border-radius:999px;background:#ffffff05}
.tf2-page .crumb{padding-block:20px;color:#98a9ba}.tf2-page .crumb a:hover{color:#fff}.tf2-page .tf-product-card{grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);gap:clamp(24px,5vw,58px);padding:clamp(18px,3vw,32px)}.tf2-page .tf-product-art{min-height:390px}.tf2-page .tf-product-art img{padding:clamp(16px,3vw,34px)}.tf2-page .tf-product-info{padding:16px 0}.tf2-page .tf-product-game{padding:5px 10px;border:1px solid #d2ae6a38;border-radius:999px;background:#d2ae6a0c;letter-spacing:.14em}.tf2-page .tf-product-info h1{margin-block:13px 8px;font-size:clamp(1.7rem,3.3vw,2.45rem)}.tf2-page .tf-stock{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff05}.tf2-page .price-block{padding-top:22px}.tf2-page .purchase-total{border-radius:12px;background:#f2c56c0b;padding:10px!important}.tf2-page .buy-row{align-items:stretch;margin-top:18px}.tf2-page .buy-row .tf-buy-button{min-height:52px}.tf2-page .qty{background:#11181e}.tf2-page .field-hint{line-height:1.8}
.store-page .container{max-width:1240px}.store-page .top-banner{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 16px;font-size:.86rem}.store-page .top-banner a{padding:5px 10px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff08}.store-page .search-box{border:1px solid #ffffff16;box-shadow:inset 0 1px #ffffff08}.store-page .hero-banner{min-height:340px;padding:clamp(28px,5vw,56px);background-position:center;background-size:cover}.store-page .hero-text{max-width:680px}.store-page .hero-text h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.45}.store-page .categories-section,.store-page #products{padding-top:12px}.store-page .section-title{margin-bottom:20px}.store-page .product-card{overflow:hidden}.store-page .product-card .product-image{transition:transform .35s var(--motion-smooth)}.store-page .product-card:hover .product-image{transform:scale(1.025)}
.support-page .support-wrap{padding-bottom:30px}.support-page .intro{padding-block:clamp(30px,5vh,56px) 28px}.support-page .intro h1{letter-spacing:-.035em}.support-page .grid{gap:20px}.support-page .panel{padding:clamp(18px,3vw,27px);border-radius:20px}.support-page .ticket-form label{margin-block:15px}.support-page .ticket-form input,.support-page .ticket-form select,.support-page .ticket-form textarea,.support-page .staff-reply select,.support-page .staff-reply textarea{border-radius:12px}.support-page .tickets-panel{padding:clamp(18px,3vw,27px)}.support-page .ticket-tools{flex-wrap:wrap}.support-page .ticket-views{background:#0d141d;border-color:#ffffff12}.support-page .ticket-view.active{box-shadow:0 4px 16px #d88a3933}
:where(.portal-page,.tf2-page,.store-page,.support-page) :focus-visible{outline:3px solid #91dfff!important;outline-offset:3px}
@media(max-width:760px){.tf2-page .tf-product-card{grid-template-columns:1fr}.tf2-page .tf-product-art{min-height:clamp(240px,65vw,390px)}.store-page .hero-banner{min-height:300px}.store-page .top-banner{font-size:.76rem}}
@media(max-width:520px){.portal-page .portal-intro{padding-inline:5px}.portal-page .portal-orb{width:min(86vw,62vh)}.portal-page .zone-day::after,.portal-page .zone-night::after{padding:7px 10px;font-size:.75rem}.portal-page .orb-core{width:42px;height:42px}.tf2-page .buy-row{flex-wrap:wrap}.tf2-page .qty{order:2;flex:1;justify-content:space-between}.tf2-page .buy-row .tf-buy-button{flex-basis:100%;order:1}.store-page .hero-banner{min-height:280px}.support-page .ticket-tools{width:100%}.support-page .ticket-tools>*{max-width:100%}}

/* Keep the portal labels inside the circular image */
.portal-page .portal-zone{align-items:flex-end;padding-bottom:17%;justify-content:center;padding-inline:0}.portal-page .zone-day{left:0}.portal-page .zone-night{right:0}.portal-page .zone-day::after,.portal-page .zone-night::after{max-width:90%;text-align:center;white-space:nowrap}@media(max-width:520px){.portal-page .portal-zone{padding-bottom:18%}.portal-page .zone-day::after,.portal-page .zone-night::after{font-size:.7rem;padding:6px 8px}}

.portal-page .zone-night{padding-bottom:52%}@media(max-width:520px){.portal-page .zone-night{padding-bottom:50%}}

.portal-page .zone-day{padding-bottom:52%}@media(max-width:520px){.portal-page .zone-day{padding-bottom:50%}}

/* Place the two portal choices on opposite arms of an X */
.portal-page .portal-zone::after{position:absolute;z-index:4;margin:0}.portal-page .zone-night::after{top:25%;left:-50%;right:auto;bottom:auto;transform:translate(-50%,-50%)}.portal-page .zone-day::after{top:75%;left:100%;right:auto;bottom:auto;transform:translate(-50%,-50%)}@media(max-width:520px){.portal-page .zone-night::after{top:25%}.portal-page .zone-day::after{top:75%}}

/* Mirrored top positions: TF2 on night, hardware on day */
.portal-page .zone-night::after,.portal-page .zone-day::after{top:25%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%)}

.portal-page .zone-day::after{top:74%}

/* Cohesive art direction across shopping, game, and support pages */
.portal-page .site-header{position:relative}.portal-page .brand-mark{width:46px;height:46px;border-radius:15px;box-shadow:0 0 0 5px #6bdcff0c,0 10px 32px #6bdcff25}.portal-page .portal-orb{background:radial-gradient(circle at 50% 50%,#202c54 0,#0a1021 68%);box-shadow:0 0 0 1px #ffffff22,0 0 0 14px #b5c5ff08,0 0 120px #687fff40,0 40px 110px #0009}.portal-page .portal-orb::after{content:"";position:absolute;z-index:1;inset:10px;border:1px solid #ffffff25;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 35px #91a7ff0c}.portal-page .portal-rgb-seam{filter:drop-shadow(0 0 3px #73eaff) drop-shadow(0 0 8px #b27dff)}.portal-page .portal-zone::after{border-color:#ffffff70;background:linear-gradient(135deg,#111a2de8,#17162be8);box-shadow:0 10px 30px #0009,0 0 24px #928bff29;font-size:.92rem;transition:transform .22s var(--motion-smooth),box-shadow .22s}.portal-page .portal-zone:hover::after{box-shadow:0 12px 36px #000b,0 0 28px #8fbfff66;transform:translate(-50%,-50%) scale(1.06)}.portal-page .orb-core{z-index:5;box-shadow:0 0 0 6px #a891ff12,0 0 35px #9d8cffbb}
.store-page .hero-banner{isolation:isolate;background-image:linear-gradient(100deg,#0d1424eb,#111827b8 55%,#101827a8),radial-gradient(ellipse at 80% 20%,#5797e52b,transparent 42%);background-position:center;background-size:cover}.store-page .hero-banner::before{content:"";position:absolute;z-index:-1;width:360px;height:360px;left:-100px;top:-180px;border-radius:50%;background:#4f8de52b;filter:blur(12px)}.store-page .hero-text h1{max-width:650px}.store-page .hero-text p{max-width:590px}.store-page .cat-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#18243a,#121a2a)}.store-page .cat-card::after{content:"";position:absolute;inset:auto -30px -80px auto;width:150px;height:150px;border-radius:50%;background:#4c83d51c;filter:blur(12px);transition:transform .3s}.store-page .cat-card:hover::after{transform:translate(-12px,-12px)}.store-page .cat-icon{filter:drop-shadow(0 5px 13px #4b91ff44)}.store-page .product-card{background:linear-gradient(160deg,#182235,#101827)}.store-page .product-card .product-info{padding:16px}.store-page .product-card .product-price{color:#f2c96f}.store-page .sub-nav{border-top:1px solid #ffffff0d}.store-page .sub-nav a{transition:color .18s,background .18s}.store-page .sub-nav a:hover{border-radius:9px;background:#ffffff09}
.category-page{background:radial-gradient(ellipse at 10% 0%,#3568a22b,transparent 34%),radial-gradient(ellipse at 95% 42%,#7052b41b,transparent 35%),#0b1020}.category-page .category-header{position:sticky;top:0;z-index:20;background:#0c1422eF;backdrop-filter:blur(16px);box-shadow:0 12px 32px #0004}.category-page .category-heading{padding:clamp(20px,4vw,34px);border:1px solid #8cbaff25;border-radius:20px;background:linear-gradient(115deg,#15253a,#111827 62%,#17152b);box-shadow:0 18px 48px #0003}.category-page .category-heading .eyebrow{display:inline-flex;padding:5px 11px;border:1px solid #70baff36;border-radius:999px;background:#4b8ec914}.category-page .category-layout{gap:20px}.category-page .filter-panel{border-color:#ffffff17;background:linear-gradient(155deg,#161f30,#111827);box-shadow:0 15px 42px #0003}.category-page .filter-accordion,.category-page .filter-menu{border-color:#ffffff18}.category-page .category-product{border-color:#ffffff18;background:linear-gradient(150deg,#172238,#101827);box-shadow:0 12px 35px #0003;transition:transform .22s var(--motion-smooth),border-color .22s,box-shadow .22s}.category-page .category-product:hover{transform:translateY(-4px);border-color:#60a5fa70;box-shadow:0 22px 48px #0005}.category-page .category-product img{background:radial-gradient(circle,#26364d,#101827)}.category-page .apply-filters{background:linear-gradient(110deg,#4d9cff,#5865e9);box-shadow:0 9px 24px #3b82f633}.category-page .back-home{background:#ffffff07;transition:background .18s,border-color .18s}.category-page .back-home:hover{background:#60a5fa14}
.tf2-page .site-head{border-bottom-color:#ffffff16}.tf2-page .owner-tabs{padding:5px;border:1px solid #ffffff12;border-radius:13px;background:#0f151c}.tf2-page .owner-tab{transition:background .18s,transform .18s,border-color .18s}.tf2-page .owner-tab:hover{transform:translateY(-1px);border-color:#efc36f99}.tf2-page .seo{background:linear-gradient(145deg,#1a2531,#151b24);box-shadow:0 18px 50px #0003}.tf2-page .tf-sale-badge{box-shadow:0 8px 25px #a57bff55}
.support-page .support-head{border-bottom-color:#ffffff18}.support-page .brand{display:inline-flex;align-items:center;gap:8px}.support-page .brand::before{content:"B";display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#f1c56b,#d98c3d);color:#20180e;font-size:.88rem;font-weight:900;box-shadow:0 7px 22px #d98c3d30}.support-page .ticket-card{background:linear-gradient(145deg,#131e29,#101720)}.support-page .ticket-code{padding:2px 8px;border:1px solid #e9b65d30;border-radius:7px;background:#e9b65d0d}.support-page .notice{background:#67b9e809}
@media(max-width:760px){.category-page .category-header{position:relative;flex-wrap:wrap;gap:10px;padding:12px 16px}.category-page .category-layout{grid-template-columns:1fr}.category-page .filter-panel{position:relative;top:auto}.category-page .category-breadcrumb{order:3;width:100%}}
@media(max-width:520px){.portal-page .portal-orb::after{inset:6px}.portal-page .portal-zone::after{font-size:.78rem}.store-page .hero-banner{background-position:60% center}.category-page .category-container{width:calc(100% - 24px)}.category-page .category-product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}}

.tf2-page .tf-product-art img{object-fit:cover!important;padding:0!important}
.portal-page .zone-day.is-locked{cursor:not-allowed}.portal-page .zone-day.is-locked::before{content:"";position:absolute;inset:51% 0 0;z-index:1;pointer-events:none;clip-path:ellipse(95% 88% at 0 100%);background:radial-gradient(ellipse at 70% 42%,#080b18a6 0,#070a15d9 68%,#040711ee 100%);box-shadow:inset 0 0 48px #02040c}.portal-page .zone-day.is-locked::after{content:"\0628\0647\200C\0632\0648\062F\06CC";border-color:#ffffff58;background:linear-gradient(135deg,#111827ed,#171b2ded);color:#f2f4fb;box-shadow:0 10px 30px #000b,0 0 25px #11182b}
.portal-page .portal-zone.zone-day.is-locked::before{content:none}.portal-page .portal-orb:has(.zone-day.is-locked) .hardware-art{filter:brightness(.52) saturate(.82);transition:filter .25s ease}

.portal-page .portal-zone .zone-label{position:absolute;display:block;padding:7px 13px;border:1px solid #ffffff40;border-radius:999px;background:#090d19b8;color:#fff;font:700 .82rem Vazirmatn,Tahoma,sans-serif;box-shadow:0 8px 25px #0005;backdrop-filter:blur(8px)}
.portal-page .zone-day-label{left:50%;bottom:20%}
.portal-page .zone-coming-label{left:62%;bottom:12%}
.portal-page .zone-night .zone-label{right:38%;top:30%}
.portal-page .portal-zone::after{content:none!important}
.portal-page .zone-day.is-locked .zone-day-label,.portal-page .zone-day:not(.is-locked) .zone-coming-label{display:none}
.portal-page.site-copy-editing .zone-day .zone-day-label,.portal-page.site-copy-editing .zone-day .zone-coming-label{display:block!important}
.portal-page.site-copy-editing .zone-day .zone-day-label{bottom:20%}
.portal-page.site-copy-editing .zone-day .zone-coming-label{bottom:12%}
.portal-page .zone-day.is-locked .zone-coming-label{border-color:#ffffff58;background:linear-gradient(135deg,#111827ed,#171b2ded);color:#f2f4fb;box-shadow:0 10px 30px #000b,0 0 25px #11182b}
.portal-page .portal-footer > span b{margin-inline:5px;color:#788cff;font-size:.4em;vertical-align:middle}

/* Store categories open as a compact vertical menu */
.store-page .sub-nav{position:relative;z-index:30;overflow:visible;padding:8px 0}
.store-page .category-dropdown{position:relative;width:max-content;max-width:100%}
.store-page .category-dropdown>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:9px 14px;border:1px solid #ffffff1b;border-radius:10px;background:#111a2a;color:#c7d7ee;font-weight:700}
.store-page .category-dropdown>summary::-webkit-details-marker{display:none}
.store-page .category-dropdown>summary:hover,.store-page .category-dropdown[open]>summary{border-color:#5798f480;color:#fff;background:#17243a}
.store-page .category-chevron{margin-inline-start:7px;font-size:.75rem;transition:transform .18s ease}
.store-page .category-dropdown[open] .category-chevron{transform:rotate(180deg)}
.store-page .category-dropdown>ul{display:none!important;position:absolute;top:calc(100% + 8px);right:0;z-index:40;flex-direction:column;align-items:stretch;gap:4px;min-width:250px;max-height:min(70vh,520px);overflow:auto;padding:8px;margin:0;white-space:normal;background:#101827f5;border:1px solid #ffffff1c;border-radius:13px;box-shadow:0 18px 45px #0009;backdrop-filter:blur(16px)}
.store-page .category-dropdown[open]>ul{display:flex!important}
.store-page .category-dropdown>ul li{width:100%;list-style:none}
.store-page .category-dropdown>ul a{width:100%;box-sizing:border-box;padding:9px 11px;color:#bac7dc}
.store-page .category-dropdown>ul a:hover,.store-page .category-dropdown>ul a.active{background:#3b82f622;color:#8bbaff}

.admin-permissions{display:flex;flex-direction:column;gap:7px}
.admin-permission-group{border:1px solid #ffffff12;border-radius:9px;background:#ffffff04;overflow:hidden}
.admin-permission-group>summary{cursor:pointer;padding:9px 11px;color:var(--primary,#e9c77c);font-weight:700;list-style:none}
.admin-permission-group>summary::-webkit-details-marker{display:none}
.admin-permission-group>summary::after{content:'＋';float:left;color:#91a2b8}
.admin-permission-group[open]>summary::after{content:'−'}
.admin-permission-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:7px 12px;padding:0 11px 11px}

/* Final visual polish: clearer surfaces, stronger interaction states, and calmer spacing. */
:root{--ui-line:rgba(190,210,240,.13);--ui-surface:linear-gradient(145deg,rgba(27,39,59,.96),rgba(16,23,35,.98));--ui-shadow:0 16px 42px rgba(0,0,0,.24)}
body.portal-page,body.store-page,body.tf2-page,body.support-page,body.category-page{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.portal-page :focus-visible,.store-page :focus-visible,.tf2-page :focus-visible,.support-page :focus-visible,.category-page :focus-visible{outline:2px solid #71bdff;outline-offset:3px}
.store-page .hero-banner,.category-page .category-heading,.tf2-page .tf-product-card,.support-page .panel,.category-page .filter-panel{border-color:var(--ui-line);box-shadow:var(--ui-shadow)}
.store-page .cat-card,.store-page .product-card,.category-page .category-product,.tf2-page .tf2-sale-card,.tf2-page .tf2-catalog-card,.support-page .ticket-card{border-color:var(--ui-line);box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.store-page .cat-card:hover,.store-page .product-card:hover,.category-page .category-product:hover,.tf2-page .tf2-sale-card:hover,.tf2-page .tf2-catalog-card:hover,.support-page .ticket-card:hover{border-color:rgba(105,174,255,.48);box-shadow:0 18px 38px rgba(0,0,0,.3)}
.store-page .cat-card:hover,.store-page .product-card:hover,.tf2-page .tf2-sale-card:hover,.tf2-page .tf2-catalog-card:hover{transform:translateY(-3px)}
.store-page button,.store-page .button,.tf2-page button,.support-page button,.category-page button{transition:filter .18s ease,transform .18s ease,background-color .18s ease,border-color .18s ease}
.store-page button:hover,.tf2-page button:hover,.support-page button:hover,.category-page button:hover{filter:brightness(1.08)}
.store-page input,.store-page select,.store-page textarea,.tf2-page input,.tf2-page select,.tf2-page textarea,.support-page input,.support-page select,.support-page textarea,.category-page input,.category-page select{border-color:rgba(190,210,240,.2);transition:border-color .18s ease,box-shadow .18s ease}
.store-page input:focus,.store-page select:focus,.store-page textarea:focus,.tf2-page input:focus,.tf2-page select:focus,.tf2-page textarea:focus,.support-page input:focus,.support-page select:focus,.support-page textarea:focus,.category-page input:focus,.category-page select:focus{border-color:#65aaff;box-shadow:0 0 0 3px rgba(70,145,240,.14);outline:0}
.support-page .support-head,.tf2-page .site-head{box-shadow:0 8px 28px rgba(0,0,0,.16)}
.support-page .panel{border-radius:18px}
.tf2-page .owner-panel,.tf2-page .owner-tabs{border-color:var(--ui-line)}
.store-page .category-dropdown>ul{box-shadow:0 20px 48px rgba(0,0,0,.48)}
@media(max-width:760px){.store-page .hero-banner{border-radius:0 0 20px 20px}.support-page .support-wrap{padding-inline:16px}.tf2-page .owner-panel{padding:16px}.tf2-page .tf-product-card{border-radius:18px}.store-page .product-grid{gap:14px}}
@media(max-width:520px){.store-page .cat-card,.store-page .product-card,.category-page .category-product,.support-page .panel{border-radius:14px}.support-page .support-head nav{gap:10px;font-size:.86rem}.tf2-page .owner-tabs{gap:6px}.tf2-page .owner-tab{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.portal-page *,.store-page *,.tf2-page *,.support-page *,.category-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Small-screen layout pass */
@supports(overflow:clip){.portal-page,.store-page,.tf2-page,.support-page,.category-page{overflow-x:clip}}
.portal-page main,.store-page main,.tf2-page main,.support-page main,.category-page main{min-width:0}
.portal-page img,.store-page img,.tf2-page img,.support-page img,.category-page img{max-width:100%}
.store-page .container,.tf2-page .wrap,.support-page .support-wrap,.category-page .category-container{min-width:0}
.store-page .product-card,.store-page .cat-card,.category-page .category-product,.support-page .panel,.tf2-page .owner-panel{min-width:0}
.store-page dialog,.tf2-page dialog,.support-page dialog{max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto}
@media(max-width:760px){
  .tf2-page .head-inner{width:calc(100% - 28px);flex-wrap:wrap;justify-content:space-between;padding-block:10px}
  .tf2-page .head-inner nav{order:3;width:100%;gap:8px 14px;justify-content:center}
  .tf2-page .tf-account{width:100%;margin:4px 0 0}
  .tf2-page .owner-tools-bar{align-items:stretch}
  .tf2-page .owner-tabs,.tf2-page .owner-catalog-tabs{width:100%}
  .tf2-page .owner-tab{max-width:100%;white-space:normal}
  .tf2-page .tf2-manage-row{grid-template-columns:48px minmax(0,1fr)}
  .tf2-page .tf2-manage-actions{grid-column:1/-1;justify-content:flex-start}
  .tf2-page .activity-filters{grid-template-columns:1fr}
  .support-page .support-head{height:auto;min-height:unset;padding:12px 16px;flex-wrap:wrap}
  .support-page .support-head nav{width:100%;justify-content:center;flex-wrap:wrap}
  .support-page .panel-title{min-width:0;flex-wrap:wrap}
  .support-page .ticket-tools{min-width:0}
  .category-page .category-header{align-items:center}
  .category-page .category-brand{font-size:1.08rem}
  .category-page .category-breadcrumb{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:560px){
  .store-page .navbar{align-items:center}
  .store-page .category-dropdown{max-width:100%}
  .store-page .category-dropdown>ul{position:absolute;top:calc(100% + 8px);right:0;left:auto;width:min(90vw,360px);min-width:0;max-height:65dvh}
  .store-page .hero-banner{padding:24px 18px;min-height:260px}
  .store-page .hero-text h1{font-size:clamp(1.45rem,7vw,1.9rem);line-height:1.5;overflow-wrap:anywhere}
  .store-page .hero-text p{font-size:.9rem;line-height:1.85}
  .store-page .product-card{width:100%}
  .store-page .user-actions{gap:7px}
  .store-page .user-actions .action-btn{min-width:0;padding-inline:8px;white-space:normal}
  .tf2-page .wrap{width:calc(100% - 24px)}
  .tf2-page .owner-orders-toolbar{align-items:stretch;flex-direction:column}
  .tf2-page .owner-order-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .tf2-page .tf2-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .tf2-page .tf2-sale-info{padding-inline:8px}
  .tf2-page .tf2-catalog-detail-layout{grid-template-columns:minmax(0,1fr)}
  .tf2-page .tf2-catalog-detail-layout>img{width:min(100%,240px)}
  .support-page .intro h1{font-size:clamp(1.45rem,7vw,1.9rem);line-height:1.45}
  .support-page .panel{padding:15px}
  .support-page .panel-title{align-items:stretch}
  .support-page .ticket-views{width:100%}
  .support-page .ticket-view{white-space:normal}
  .category-page .category-container{width:calc(100% - 24px);padding-top:18px}
  .category-page .category-heading{padding:18px}
}
@media(max-width:380px){
  .portal-page .site-header{gap:8px}
  .portal-page .header-links a{padding-inline:7px;font-size:.7rem}
  .store-page .logo{font-size:1.05rem}
  .store-page .user-actions .action-btn{font-size:.72rem}
  .tf2-page .head-inner nav{gap:6px 10px;font-size:.8rem}
  .tf2-page .owner-tabs .owner-tab,.tf2-page .owner-catalog-tabs .owner-tab{flex:1 1 auto}
  .support-page .support-head nav{gap:7px 12px}
  .category-page .category-header{padding-inline:12px}
}