:root{--v22-motion:.82;--v22-ease:cubic-bezier(.22,.75,.24,1)}
html,body,.site-shell,.site-shell *{-webkit-user-select:none;user-select:none}
input,textarea,select,[contenteditable="true"],.allow-select,.allow-select *{-webkit-user-select:text!important;user-select:text!important}
.v21-case-order{display:none!important}
body{overscroll-behavior-y:none}
.site-shell{isolation:isolate}
.v22-ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;opacity:.75}
.v22-ambient i{position:absolute;width:38vw;height:38vw;border-radius:50%;filter:blur(95px);opacity:.075;animation:v22drift var(--v22-drift-duration,20s) ease-in-out infinite alternate;background:var(--yellow,#f6c945)}
.v22-ambient i:nth-child(1){left:-12vw;top:5vh}.v22-ambient i:nth-child(2){right:-16vw;top:25vh;animation-delay:-7s;opacity:.055}.v22-ambient i:nth-child(3){left:28vw;bottom:-25vw;animation-delay:-12s;opacity:.045}
body.v22-no-bgfx .v22-ambient{display:none}
@keyframes v22drift{to{transform:translate3d(8vw,7vh,0) scale(1.18)}}

/* Global button polish, restrained enough to keep the app readable. */
.site-shell button:not(.v22-palette button),.site-shell a[class*="button"]{position:relative;overflow:hidden;transition:transform var(--v22-btn-dur,.15s) var(--v22-ease),border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease}
.site-shell button:not(:disabled):hover{transform:translateY(var(--v22-lift,-1px));filter:brightness(1.06)}
.site-shell button:not(:disabled):active{transform:translateY(0) scale(var(--v22-active-scale,.99))}
.site-shell button:not(:disabled):after{content:"";position:absolute;top:-140%;left:-60%;width:32%;height:360%;background:linear-gradient(90deg,transparent,#fff1,transparent);transform:rotate(19deg);transition:left .5s var(--v22-ease);pointer-events:none}
.site-shell button:not(:disabled):hover:after{left:130%}
.site-shell button:focus-visible,.v22-quick:focus-visible{outline:2px solid color-mix(in srgb,var(--yellow,#f6c945) 70%,white);outline-offset:2px}

.case-card{transition:transform var(--v22-card-dur,.18s) var(--v22-ease),box-shadow .22s ease,border-color .22s ease!important;overflow:hidden}
.case-card:hover{transform:translateY(var(--v22-card-lift,-3px))!important;box-shadow:0 24px 70px #0005,inset 0 0 0 1px #ffffff08!important}
.case-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 38%,#ffffff08 49%,transparent 60%);transform:translateX(-120%);transition:transform .7s var(--v22-ease)}
.case-card:hover:before{transform:translateX(120%)}
.v22-case-intel{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0}
.v22-case-intel>span{min-width:0;background:#07101880;border:1px solid #ffffff0c;border-radius:7px;padding:7px 6px;text-align:center;display:grid;gap:1px}
.v22-case-intel b{font-size:10px;color:#e8f1f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v22-case-intel small{font-size:6px;letter-spacing:.1em;color:#667d89;font-weight:900}
.v22-open-intel{flex:1;align-self:center;color:#6f8490;font-size:7px;font-weight:900;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v22-ultra-case{border-color:#f1c75c88!important;background:radial-gradient(circle at 72% 14%,#ffd35a17,transparent 30%),linear-gradient(180deg,#131a1f,#0c141a)!important;box-shadow:0 18px 65px #0006,inset 0 0 38px #f5c85309!important}
.v22-ultra-case:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffd96a22 40%,#fff5bf38 50%,#ffd96a22 60%,transparent 80%);background-size:250% 100%;mix-blend-mode:screen;animation:v22ultra var(--v22-ultra-duration,5s) linear infinite}
@keyframes v22ultra{to{background-position:-250% 0}}
.v22-ultra-badge{display:inline-flex;align-items:center;gap:6px;margin:3px 0 7px;padding:6px 8px;border:1px solid #ffd35a66;border-radius:7px;background:#ffd35a10;color:#ffe39a;font-size:8px;font-weight:950;letter-spacing:.075em}.v22-ultra-badge i{font-style:normal;filter:drop-shadow(0 0 8px #ffd35a)}
.rarity-jackpot{color:#ffe17c!important;text-shadow:0 0 12px #ffd45a55}

.v22-price-status{display:flex;align-items:center;gap:10px;margin:8px 0 16px;padding:9px 11px;border:1px solid #ffffff10;border-radius:9px;background:#081119b8;backdrop-filter:blur(12px);width:max-content;max-width:100%;box-shadow:0 8px 28px #0003}
.v22-price-status>span{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:950;letter-spacing:.1em}.v22-price-status>span.live{color:#63e69b}.v22-price-status>span.fallback{color:#f3bd6b}.v22-price-status>span i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.v22-price-status>span.live i{animation:v22pulse 1.7s ease-in-out infinite}
.v22-price-status>b{font-size:8px;color:#bdcbd2;letter-spacing:.08em}.v22-price-status>small{font-size:8px;color:#697d88}.v22-price-status>button{border:1px solid #334751;border-radius:6px;padding:6px 8px;color:#9fb3bd;font-size:7px;font-weight:900}
@keyframes v22pulse{50%{opacity:.35;transform:scale(.75)}}

/* Ultra settings */
.v22-settings{margin-top:18px;border:1px solid #334550;border-radius:13px;background:linear-gradient(180deg,#101a21e8,#0b1218e8);box-shadow:0 20px 60px #0004;overflow:hidden}
.v22-settings>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #293942;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--yellow) 14%,transparent),transparent 30%)}
.v22-settings>header div{display:grid;gap:3px}.v22-settings>header small{color:var(--yellow);font-size:8px;font-weight:950;letter-spacing:.14em}.v22-settings>header h3{font:900 23px var(--font-display);margin:0}.v22-settings>header p{margin:0;color:#7f929d;font-size:10px}.v22-settings>header>b{padding:6px 9px;border:1px solid color-mix(in srgb,var(--yellow) 42%,#2d3c45);border-radius:7px;color:var(--yellow);font-size:8px;letter-spacing:.15em;background:color-mix(in srgb,var(--yellow) 7%,transparent)}
.v22-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px}
.v22-setting-grid>label,.v22-toggle{min-height:70px;background:#0d161d;border:1px solid #283a44;border-radius:9px;padding:11px 12px;color:#dae5e9;display:grid;align-items:center;gap:7px;text-align:left}
.v22-setting-grid span{display:grid;gap:2px}.v22-setting-grid span>b{font-size:10px}.v22-setting-grid span>small{font-size:8px;color:#748893;line-height:1.35}
.v22-range{grid-template-columns:1fr auto}.v22-range input{grid-column:1/-1;width:100%;accent-color:var(--yellow)}.v22-range output{font:900 14px var(--font-display);color:var(--yellow)}
.v22-select{grid-template-columns:1fr auto}.v22-select select{background:#15222b;border:1px solid #364b57;border-radius:7px;padding:8px 28px 8px 9px;color:#dce7eb;font-size:9px}
.v22-number{grid-template-columns:1fr 95px 14px}.v22-number input{width:100%;background:#15222b;border:1px solid #364b57;border-radius:7px;padding:8px;color:#dce7eb}.v22-number>i{font-style:normal;color:var(--yellow);font-weight:900}
.v22-toggle{grid-template-columns:1fr auto;cursor:pointer}.v22-toggle>i{width:34px;height:19px;border-radius:99px;background:#263640;border:1px solid #3a4c56;position:relative}.v22-toggle>i b{position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#7c8c95;transition:.18s var(--v22-ease)}.v22-toggle.active>i{background:color-mix(in srgb,var(--yellow) 22%,#263640);border-color:color-mix(in srgb,var(--yellow) 52%,#3a4c56)}.v22-toggle.active>i b{left:17px;background:var(--yellow);box-shadow:0 0 10px color-mix(in srgb,var(--yellow) 60%,transparent)}
.v22-settings>footer{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-top:1px solid #263740;color:#6e818c;font-size:8px}.v22-settings kbd,.v22-quick kbd,.v22-palette kbd{font:800 7px Inter,sans-serif;background:#17242c;border:1px solid #354650;border-bottom-color:#52616a;border-radius:4px;padding:3px 5px;color:#a9b8c0}.v22-test-sound{border:1px solid #3a4c57;border-radius:6px;padding:7px 9px;color:#b9c7ce;font-size:8px;font-weight:900}

/* Cursor companions */
.v22-pet{position:fixed;left:0;top:0;z-index:99990;pointer-events:none;width:34px;height:34px;display:grid;place-items:center;font-size:23px;filter:drop-shadow(0 7px 6px #0008) drop-shadow(0 0 8px color-mix(in srgb,var(--pet-color) 42%,transparent));will-change:transform;transform-origin:center;transition:opacity .2s}.v22-pet[data-pet="pet-slime"],.v22-pet[data-pet="pet-bot"]{font-size:18px;color:var(--pet-color);background:color-mix(in srgb,var(--pet-color) 12%,#081015);border:1px solid color-mix(in srgb,var(--pet-color) 42%,#20313b);border-radius:50%;box-shadow:inset 0 0 13px color-mix(in srgb,var(--pet-color) 14%,transparent)}.v22-pet[data-pet="pet-bot"]{border-radius:8px}
.v22-pet-trail{position:fixed;z-index:99989;pointer-events:none;width:6px;height:6px;border-radius:50%;background:var(--pet-color);box-shadow:0 0 9px var(--pet-color);opacity:.35;animation:v22trail .6s ease-out forwards}@keyframes v22trail{to{transform:translateY(10px) scale(.2);opacity:0}}

/* Quick jump */
.v22-quick{position:fixed;right:16px;bottom:15px;z-index:90000;height:35px;display:flex;align-items:center;gap:7px;border:1px solid #364b57;border-radius:8px;background:#0b141be8;backdrop-filter:blur(12px);box-shadow:0 8px 28px #0006;padding:0 8px;color:#9cadb6}.v22-quick>b{color:var(--yellow);font-size:14px}.v22-quick>span{font-size:7px;font-weight:950;letter-spacing:.1em}
.v22-palette{position:fixed;inset:0;z-index:110000;background:#02070bb8;backdrop-filter:blur(12px);display:grid;place-items:start center;padding-top:min(18vh,150px)}.v22-palette>div{width:min(610px,92vw);background:#0d161deF;border:1px solid #3a4b56;border-radius:13px;box-shadow:0 35px 120px #000c;overflow:hidden}.v22-palette header{height:54px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:0 13px;border-bottom:1px solid #2a3943}.v22-palette header>span{font-size:20px;color:var(--yellow)}.v22-palette input{height:100%;border:0;background:transparent;color:#eef4f6;font-size:14px;outline:0}.v22-palette section{padding:7px;max-height:420px;overflow:auto}.v22-palette section button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:7px;padding:10px 11px;color:#b5c2c9;text-align:left}.v22-palette section button.active{background:#1b2a33;color:#fff;box-shadow:inset 3px 0 var(--yellow)}.v22-palette section button span{font-size:10px;font-weight:850}.v22-palette section button small{font-size:7px;color:#627984;letter-spacing:.1em}.v22-palette section p{padding:20px;text-align:center;color:#70838e;font-size:10px}.v22-palette footer{display:flex;gap:13px;align-items:center;padding:9px 12px;border-top:1px solid #283842;color:#647984;font-size:7px}.v22-palette footer>b{margin-left:auto;color:var(--yellow);letter-spacing:.12em}
.v22-toast-host{position:fixed;right:15px;top:76px;z-index:120000;display:grid;gap:7px;pointer-events:none}.v22-toast{transform:translateX(24px);opacity:0;min-width:220px;max-width:340px;padding:10px 12px;border:1px solid #3a4e59;border-radius:8px;background:#0e1820eF;box-shadow:0 15px 45px #0008;color:#dce6ea;font-size:9px;font-weight:800;transition:.22s var(--v22-ease)}.v22-toast.show{transform:none;opacity:1}.v22-toast.success{border-color:#56d18b66}.v22-toast.error{border-color:#ff6d6d66}
.v22-build-chip{margin-left:auto;padding:5px 7px;border:1px solid color-mix(in srgb,var(--yellow) 38%,#34434c);border-radius:5px;color:var(--yellow);font-size:7px;font-weight:950;letter-spacing:.13em}

/* New premium themes */
.site-shell.cosmetic-theme-obsidian{--v14-bg1:#020304;--v14-bg2:#11121b;--v14-bg3:#06070b;--v14-a:#8f78ff38;--v14-b:#4d67ff20;--v17-a:#9e87ff;--v17-b:#6272ff;--v17-1:#020304;--v17-2:#151526;--yellow:#9d87ff;--yellow-soft:#c5b8ff}
.site-shell.cosmetic-theme-major-gold{--v14-bg1:#070604;--v14-bg2:#2b200b;--v14-bg3:#100d07;--v14-a:#ffd96b40;--v14-b:#fff1aa20;--v17-a:#f3c660;--v17-b:#fff0a6;--v17-1:#080704;--v17-2:#33260d;--yellow:#f2c75c;--yellow-soft:#ffe8a1}
.site-shell.cosmetic-theme-ancient{--v14-bg1:#04100b;--v14-bg2:#1a3324;--v14-bg3:#07140d;--v14-a:#62d3973c;--v14-b:#9dd26a1f;--v17-a:#72d69d;--v17-b:#9dcf71;--v17-1:#04100b;--v17-2:#203629;--yellow:#6fd69b;--yellow-soft:#a8ebc3}
.site-shell.cosmetic-theme-void{--v14-bg1:#020207;--v14-bg2:#111129;--v14-bg3:#050513;--v14-a:#7d68ff44;--v14-b:#3957c52c;--v17-a:#8174ff;--v17-b:#4c68d7;--v17-1:#020207;--v17-2:#141531;--yellow:#8a79ff;--yellow-soft:#b9afff}
.site-shell.cosmetic-theme-lan-night{--v14-bg1:#02070b;--v14-bg2:#0b202b;--v14-bg3:#040d13;--v14-a:#35dfff31;--v14-b:#6b86ff22;--v17-a:#6fdcff;--v17-b:#6b86ff;--v17-1:#02070b;--v17-2:#0b2633;--yellow:#6fdcff;--yellow-soft:#a7edff}
.site-shell.cosmetic-theme-mirage-dust{--v14-bg1:#100c08;--v14-bg2:#352718;--v14-bg3:#15100b;--v14-a:#e2b77b38;--v14-b:#5aa8e62a;--v17-a:#d8b67a;--v17-b:#5aa8e6;--v17-1:#100c08;--v17-2:#3a2b1b;--yellow:#d8b67a;--yellow-soft:#f0d6a5}
.site-shell.cosmetic-theme-major-gold .v22-ambient i,.site-shell.cosmetic-theme-void .v22-ambient i{opacity:.11}

body.v22-high-contrast .case-card,body.v22-high-contrast .v22-settings,body.v22-high-contrast .settings-console{border-color:#687985!important}body.v22-high-contrast{--muted:#a7b5bd}
body.v22-reduced-motion *,body.v22-reduced-motion *:before,body.v22-reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.06s!important;scroll-behavior:auto!important}.v22-fast-motion{--v22-motion:.45}
@media(max-width:850px){.v22-setting-grid{grid-template-columns:1fr}.v22-price-status{width:100%;flex-wrap:wrap}.v22-case-intel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.v22-quick>span,.v22-quick>kbd{display:none}.v22-quick{width:38px;justify-content:center}.v22-price-status>b,.v22-price-status>small{display:none}.v22-settings>header p{display:none}}


/* ===== V22 ULTRA MAX additions ===== */
body{user-select:none;-webkit-user-select:none} input,textarea,select,[contenteditable="true"]{user-select:text;-webkit-user-select:text}
body[data-v22-density="compact"]{--v22-density-gap:8px} body[data-v22-density="airy"]{--v22-density-gap:16px} body[data-v22-density="cozy"]{--v22-density-gap:12px}
main{position:relative;z-index:2}
.v22-decor-btn{position:relative;overflow:hidden;isolation:isolate;gap:8px!important}
body.v22-fancy-buttons .v22-decor-btn{border-color:color-mix(in srgb,var(--yellow) 28%,#32424c)!important;box-shadow:0 10px 30px #0004,inset 0 1px 0 #ffffff14;transition:transform var(--v22-btn-dur,.18s) var(--v22-ease),box-shadow var(--v22-btn-dur,.18s) var(--v22-ease),border-color var(--v22-btn-dur,.18s) var(--v22-ease)}
body.v22-fancy-buttons .v22-decor-btn:hover{transform:translateY(var(--v22-lift,-1px));box-shadow:0 14px 38px #0006,0 0 0 1px color-mix(in srgb,var(--yellow) 12%,transparent),inset 0 1px 0 #ffffff1c}
body.v22-fancy-buttons .v22-decor-btn:active{transform:scale(var(--v22-active-scale,.985))}
body.v22-fancy-buttons .v22-decor-btn:before{content:"";position:absolute;inset:-40% auto -40% -110%;width:52%;background:linear-gradient(90deg,transparent,#ffffff15,#ffffff35,#ffffff15,transparent);transform:skewX(-24deg);transition:left .7s ease;pointer-events:none}
body.v22-fancy-buttons .v22-decor-btn:hover:before{left:140%}
.v22-btn-icon{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:#ffffff12;color:var(--yellow);font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff12}
.v22-cta{box-shadow:0 12px 40px color-mix(in srgb,var(--yellow) 14%,transparent)!important}
.v22-emphasis{background-image:linear-gradient(180deg,color-mix(in srgb,var(--yellow) 10%,transparent),transparent)!important}

.v22-mode-dock{position:sticky;top:10px;z-index:60;display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:10px 12px;border:1px solid #30424d;border-radius:12px;background:#091118d9;backdrop-filter:blur(14px);box-shadow:0 12px 34px #0005}
.v22-mode-dock button{height:32px;padding:0 12px;border-radius:8px;border:1px solid #334651;background:#101921;color:#dce6ea;font-size:10px;font-weight:900;letter-spacing:.08em}
.v22-focus-rail{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:88000;display:grid;gap:8px}
.v22-focus-rail button{width:46px;min-height:46px;border:1px solid #344751;border-radius:12px;background:#081118de;color:#d6e2e6;display:grid;place-items:center;box-shadow:0 12px 36px #0007}
.v22-focus-rail button span{display:none;font-size:8px}.v22-focus-rail button:hover{width:112px;grid-template-columns:28px 1fr;justify-items:start;padding:0 12px}.v22-focus-rail button:hover span{display:block}

.v22-scenic{position:relative;overflow:hidden}
.v22-scene{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.95}
.v22-scenic>*:not(.v22-scene){position:relative;z-index:1}
.v22-scene i{position:absolute;display:block;opacity:.38}
.v22-scene-home{background:radial-gradient(circle at 14% 24%,#4fd8ff16 0 15%,transparent 34%),radial-gradient(circle at 84% 18%,#ffe38412 0 10%,transparent 30%),linear-gradient(180deg,#0b151b33,#040a0e00 32%)}
.v22-scene-home i:nth-child(1){left:-3%;right:-3%;top:16%;height:1px;background:linear-gradient(90deg,transparent,#6de0ff33,transparent);box-shadow:0 36px 0 #6de0ff12,0 72px 0 #6de0ff0f}
.v22-scene-home i:nth-child(2){right:8%;top:14%;width:180px;height:180px;border:1px solid #69d7ff1f;border-radius:50%;box-shadow:0 0 0 22px #69d7ff07,0 0 0 46px #69d7ff04}
.v22-scene-home i:nth-child(3){left:5%;bottom:12%;width:160px;height:84px;border:1px solid #ffe2801c;border-radius:12px;transform:perspective(150px) rotateX(66deg)}
.v22-scene-home i:nth-child(4){right:26%;bottom:18%;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#f6c94518 0 15%,transparent 56%)}
.v22-scene-cases{background:radial-gradient(circle at 12% 22%,#f7c85e14 0 13%,transparent 33%),radial-gradient(circle at 86% 16%,#5ac8e613 0 10%,transparent 30%)}
.v22-scene-cases i:nth-child(1),.v22-scene-cases i:nth-child(2),.v22-scene-cases i:nth-child(3){bottom:9%;width:88px;height:62px;border-radius:10px;background:linear-gradient(180deg,#f2bf5214,#71522018);border:1px solid #f2bf5234;box-shadow:inset 0 0 0 1px #ffffff08,0 12px 30px #0005}
.v22-scene-cases i:nth-child(1){left:6%;transform:rotate(-8deg)} .v22-scene-cases i:nth-child(2){left:20%;transform:rotate(5deg)} .v22-scene-cases i:nth-child(3){left:34%;transform:rotate(-2deg)} .v22-scene-cases i:nth-child(4){right:10%;top:16%;width:180px;height:180px;border-radius:50%;box-shadow:0 0 0 1px #6acfff14,0 0 0 28px #6acfff06,0 0 0 56px #6acfff04}
.v22-scene-inventory{background:linear-gradient(180deg,#68ffd109 0,#0000 40%),radial-gradient(circle at 84% 18%,#7d8cff12 0 11%,transparent 32%)}
.v22-scene-inventory i:nth-child(1),.v22-scene-inventory i:nth-child(2),.v22-scene-inventory i:nth-child(3){width:120px;height:160px;border-radius:16px;background:linear-gradient(180deg,#ffffff05,#0000);border:1px solid #67f2c423;bottom:5%;box-shadow:0 18px 34px #0004}.v22-scene-inventory i:nth-child(1){left:4%;transform:rotate(-10deg)} .v22-scene-inventory i:nth-child(2){left:14%;transform:rotate(4deg)} .v22-scene-inventory i:nth-child(3){left:26%;transform:rotate(-3deg)} .v22-scene-inventory i:nth-child(4){right:12%;top:18%;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#80e9ff10 0 18%,transparent 60%)}
.v22-scene-operation{background:radial-gradient(circle at 14% 24%,#f6c94512 0 13%,transparent 33%),linear-gradient(180deg,#1c22120f,#0000 36%)}
.v22-scene-operation i:nth-child(1){left:5%;bottom:12%;width:190px;height:90px;border-radius:14px;border:1px solid #f6c94533;background:linear-gradient(180deg,#f6c94512,#0d121600)} .v22-scene-operation i:nth-child(2){left:16%;bottom:26%;width:50px;height:50px;border-radius:50%;background:#f6c94518;box-shadow:70px 0 0 #f6c94510,140px 0 0 #f6c9450b} .v22-scene-operation i:nth-child(3){right:8%;top:15%;width:150px;height:150px;border-radius:50%;box-shadow:0 0 0 1px #f6c94518,0 0 0 24px #f6c94507,0 0 0 48px #f6c94504} .v22-scene-operation i:nth-child(4){right:16%;bottom:11%;width:110px;height:70px;border-radius:12px;background:linear-gradient(90deg,#62f0c716,#6f79ff08)}
.v22-scene-upgrader{background:radial-gradient(circle at 86% 20%,#ff6d6d15 0 10%,transparent 28%),radial-gradient(circle at 14% 18%,#68e2ff12 0 12%,transparent 30%)}
.v22-scene-upgrader i:nth-child(1){left:8%;top:18%;width:180px;height:1px;background:linear-gradient(90deg,transparent,#ff767633,transparent)} .v22-scene-upgrader i:nth-child(2){right:10%;bottom:15%;width:180px;height:1px;background:linear-gradient(90deg,transparent,#68e2ff33,transparent)} .v22-scene-upgrader i:nth-child(3){left:12%;bottom:14%;width:120px;height:120px;border:1px solid #ff767623;border-radius:50%} .v22-scene-upgrader i:nth-child(4){right:16%;top:24%;width:90px;height:90px;border-radius:18px;transform:rotate(45deg);border:1px solid #68e2ff1f}
.v22-scene-settings,.v22-scene-moderation,.v22-scene-admin,.v22-scene-clips,.v22-scene-ranked,.v22-scene-leaderboard{background:linear-gradient(180deg,#ffffff05,#0000 28%)}
.v22-scene-admin i:nth-child(1),.v22-scene-moderation i:nth-child(1){left:5%;top:12%;width:160px;height:160px;border-radius:18px;border:1px solid #6acfff18;transform:rotate(45deg)} .v22-scene-admin i:nth-child(2),.v22-scene-moderation i:nth-child(2){right:10%;bottom:12%;width:180px;height:90px;border-radius:16px;border:1px solid #f6c94522;background:linear-gradient(180deg,#f6c94508,#0000)} .v22-scene-admin i:nth-child(3),.v22-scene-moderation i:nth-child(3){left:18%;bottom:14%;width:120px;height:120px;border-radius:50%;box-shadow:0 0 0 1px #65d7ff10,0 0 0 24px #65d7ff05}
.v22-scene-leaderboard i:nth-child(1){left:6%;bottom:13%;width:30px;height:130px;background:linear-gradient(180deg,#65d7ff18,#0000);border:1px solid #65d7ff24;border-radius:10px} .v22-scene-leaderboard i:nth-child(2){left:11%;bottom:13%;width:30px;height:180px;background:linear-gradient(180deg,#8f7cff18,#0000);border:1px solid #8f7cff24;border-radius:10px} .v22-scene-leaderboard i:nth-child(3){left:16%;bottom:13%;width:30px;height:95px;background:linear-gradient(180deg,#f6c94518,#0000);border:1px solid #f6c94524;border-radius:10px} .v22-scene-leaderboard i:nth-child(4){right:10%;top:15%;width:140px;height:140px;border-radius:50%;box-shadow:0 0 0 1px #f6c94514,0 0 0 22px #f6c94508}
body[data-v22-ambient="low"] .v22-scene i:nth-child(3),body[data-v22-ambient="low"] .v22-scene i:nth-child(4){display:none} body[data-v22-ambient="medium"] .v22-scene i:nth-child(4){display:none}

.inventory-card,.skin-card,.case-card,.setting-card,.admin-summary article,.moderator-console,.admin-console,.leaderboard-section .leader-empty,.my-clips-page .clip-card,.profile-card,.v14-profile-card{transition:transform var(--v22-card-dur,.2s) var(--v22-ease),box-shadow var(--v22-card-dur,.2s) var(--v22-ease),border-color var(--v22-card-dur,.2s) var(--v22-ease)}
.inventory-card:hover,.skin-card:hover,.case-card:hover,.setting-card:hover,.v14-profile-card:hover{transform:translateY(var(--v22-card-lift,-4px));box-shadow:0 16px 50px #0005,0 0 0 1px #ffffff08;border-color:color-mix(in srgb,var(--yellow) 30%,#31424b)}
.inventory-card[data-rarity="mil-spec"],.skin-card[data-rarity="mil-spec"]{box-shadow:inset 0 0 0 1px #5e98d93a}
.inventory-card[data-rarity="restricted"],.skin-card[data-rarity="restricted"]{box-shadow:inset 0 0 0 1px #8f58ff38}
.inventory-card[data-rarity="classified"],.skin-card[data-rarity="classified"]{box-shadow:inset 0 0 0 1px #d65cff38}
.inventory-card[data-rarity="covert"],.skin-card[data-rarity="covert"]{box-shadow:inset 0 0 0 1px #ef625438}
.inventory-card[data-rarity="gold"],.skin-card[data-rarity="gold"],.case-card[data-rarity="gold"]{box-shadow:inset 0 0 0 1px #f6c94544,0 0 34px #f6c94514}
.v22-skin-art{filter:drop-shadow(0 10px 18px #0006)}

.v22-staff-launch{position:fixed;right:16px;bottom:58px;z-index:98000;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #425663;border-radius:12px;background:#0c141be5;color:#edf4f6;box-shadow:0 16px 48px #0008,0 0 0 1px #ffffff08;backdrop-filter:blur(16px)}
.v22-staff-launch b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(180deg,#f6c94530,#f6c94510);color:var(--yellow)} .v22-staff-launch span{display:grid;text-align:left;line-height:1} .v22-staff-launch small{margin-top:4px;color:#8fa2ad;font-size:8px}
.v22-staff-modal{position:fixed;inset:0;z-index:130000;display:grid;place-items:center;background:#04080cc4;backdrop-filter:blur(16px)}
.v22-staff-shell{width:min(1260px,96vw);height:min(88vh,860px);display:grid;grid-template-rows:auto auto 1fr auto;background:#0b1319ee;border:1px solid #40535f;border-radius:18px;box-shadow:0 40px 120px #000c;overflow:hidden}
.v22-staff-shell>header{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px 18px;border-bottom:1px solid #293943;background:radial-gradient(circle at 84% 18%,color-mix(in srgb,var(--yellow) 10%,transparent),transparent 28%)}
.v22-staff-shell header small{color:var(--yellow);font-size:8px;font-weight:950;letter-spacing:.14em}.v22-staff-shell header h2{margin:2px 0 4px;font:900 28px var(--font-display)}.v22-staff-shell header p{margin:0;color:#83949d;font-size:11px}.v22-staff-close{width:40px;height:40px;border:1px solid #39505d;border-radius:10px;background:#121c24;color:#fff;font-size:22px}
.v22-staff-tabs{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid #273842;background:#0a1217}.v22-staff-tabs button{height:34px;padding:0 14px;border:1px solid #334752;border-radius:10px;background:#121b22;color:#b9c6cc;font-size:10px;font-weight:900;letter-spacing:.08em}.v22-staff-tabs button.active{color:#fff;border-color:color-mix(in srgb,var(--yellow) 42%,#334752);background:linear-gradient(180deg,color-mix(in srgb,var(--yellow) 12%,transparent),transparent)}
.v22-staff-body{overflow:auto;padding:14px;display:grid;gap:14px}.v22-staff-shell footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid #273842;color:#70858f;font-size:8px}.v22-staff-shell footer b{color:var(--yellow);letter-spacing:.12em}
.v22-staff-grid,.v22-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.v22-staff-stat,.v22-tools-grid article,.v22-staff-actions,.v22-log-list article,.v22-user-card,.v22-clip-card{border:1px solid #30414d;border-radius:14px;background:linear-gradient(180deg,#101a21f0,#0b1218f0);box-shadow:0 12px 36px #0005}
.v22-staff-stat{padding:14px;display:grid;gap:6px}.v22-staff-stat small{color:#7ea9b6;font-size:8px;letter-spacing:.14em}.v22-staff-stat b{font:900 28px var(--font-display)}.v22-staff-stat span{color:#85979f;font-size:10px}
.v22-staff-actions{padding:14px;display:flex;flex-wrap:wrap;gap:10px}.v22-staff-actions button,.v22-tools-grid button,.v22-user-actions button,.v22-clip-card button{height:34px;padding:0 12px;border:1px solid #3a4d58;border-radius:9px;background:#14202a;color:#d8e3e7;font-size:9px;font-weight:900}.v22-user-actions .danger{border-color:#8d4141;color:#ffbeb8}
.v22-staff-toolbar{display:flex;gap:12px;align-items:center}.v22-staff-toolbar input{height:38px;flex:1;min-width:0;border:1px solid #394c58;border-radius:10px;background:#111b22;color:#eef5f7;padding:0 12px}
.v22-user-list,.v22-clip-list,.v22-log-list{display:grid;gap:12px}.v22-user-card,.v22-clip-card{padding:14px;display:grid;gap:12px}.v22-user-card header,.v22-clip-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.v22-user-card header b,.v22-clip-card header b{font-size:14px}.v22-user-card header small,.v22-clip-card header small{display:block;margin-top:4px;color:#8ca0aa;font-size:9px}.v22-user-card header>span,.v22-clip-card header>span{font:900 20px var(--font-display);color:var(--yellow)}
.v22-user-meta{display:flex;flex-wrap:wrap;gap:8px}.v22-user-meta span,.v22-clip-meta span{padding:6px 8px;border:1px solid #2f414b;border-radius:999px;background:#091117;color:#95a7b0;font-size:8px;font-weight:900;letter-spacing:.1em}.v22-user-meta span b,.v22-clip-meta span b{color:#eef4f7}
.v22-user-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.v22-user-controls label{display:grid;gap:5px;color:#8ea0a9;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.v22-user-controls input,.v22-user-controls select{height:36px;border:1px solid #394c58;border-radius:10px;background:#111b22;color:#eef5f7;padding:0 10px;font-size:10px}.v22-user-actions{display:flex;flex-wrap:wrap;gap:8px}.v22-user-cosmetic select{width:100%;height:38px;border:1px solid #394c58;border-radius:10px;background:#111b22;color:#eef5f7;padding:0 10px}
.v22-log-list article{padding:12px}.v22-log-list article b{display:block;font-size:12px}.v22-log-list article small,.v22-log-list article span{display:block;color:#8ea0a9;font-size:9px;margin-top:4px}.v22-log-list article p{margin:8px 0 0;color:#d6e0e4;font-size:10px;word-break:break-word}
.v22-empty-staff{text-align:center;color:#7d9099;padding:24px}
@media(max-width:1050px){.v22-user-controls{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.v22-focus-rail{display:none}.v22-staff-shell{width:min(98vw,980px);height:min(92vh,920px)}.v22-user-controls{grid-template-columns:1fr}.v22-mode-dock{top:6px}} @media(max-width:700px){.v22-staff-launch span{display:none}.v22-staff-launch{padding:10px}.v22-mode-dock{overflow:auto;scrollbar-width:none}.v22-mode-dock::-webkit-scrollbar{display:none}.v22-staff-shell header h2{font-size:22px}.v22-staff-tabs{overflow:auto}.v22-user-actions button,.v22-tools-grid button{flex:1 1 45%}}
