/* style.css */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#121315;--panel:#1a1b1f;--yellow:#ffe438;--muted:#777a84;--line:#292a30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:#f7f7fa;font-family:Inter,Arial,sans-serif;font-size:13px}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.header{height:88px;display:flex;align-items:center;gap:55px;padding:0 4%;border-bottom:1px solid var(--line)}.logo{font-size:23px;font-weight:900;letter-spacing:-1px;position:relative;white-space:nowrap}.logo-mark{color:var(--yellow);letter-spacing:-8px;display:inline-block;margin-right:15px;transform:rotate(-90deg)}.edition{display:block;font-size:8px;letter-spacing:3.4px;color:var(--muted);margin:4px 0 0 37px}.top-nav{display:flex;height:100%;gap:32px}.top-nav a{display:flex;align-items:center;color:#888a92;font-size:12px;font-weight:600;position:relative}.top-nav .active{color:var(--yellow)}.top-nav .active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--yellow)}.header-right{margin-left:auto;display:flex;align-items:center;gap:23px}.demo-badge{font-size:9px;letter-spacing:1px;color:#9b9eaa}.demo-badge i,.save-status i{display:inline-block;width:5px;height:5px;background:#88c47c;border-radius:50%;margin-right:6px}.wallet{display:flex;gap:9px;align-items:center;padding:12px 18px;background:#24241d;border:1px solid #44402a;border-radius:8px}.coin{color:var(--yellow);font-weight:800;font-size:20px}.wallet strong{font-size:16px}.wallet-unit{font-size:10px;color:#a8a58b}.avatar{width:37px;height:37px;border-radius:10px;background:#343137;color:#d3c3a5;display:grid;place-items:center;font-weight:800;position:relative}.avatar span{position:absolute;width:7px;height:7px;border-radius:50%;background:#96cb75;bottom:-2px;right:-2px;border:2px solid #121315}.drop-strip{display:flex;height:107px;border-bottom:1px solid var(--line);overflow:hidden;background:#151619}.strip-label{width:145px;flex-shrink:0;padding:31px 20px 0 32px;font-size:10px;color:#797b84;line-height:1.6;letter-spacing:1px;border-right:1px solid var(--line)}.strip-label b{color:#b8bac2;font-size:10px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--yellow);border-radius:50%;box-shadow:0 0 8px #ffe43855;margin-right:6px}.ticker{display:flex;gap:5px;padding:9px 8px;min-width:0;flex:1}.ticker-item{min-width:148px;position:relative;border-bottom:2px solid var(--rarity);background:linear-gradient(0deg,color-mix(in srgb,var(--rarity) 12%,transparent),#1a1b20);border-radius:5px 5px 0 0;padding:5px 10px}.ticker-item svg{width:95px;height:49px;display:block;margin:auto;color:var(--rarity);filter:drop-shadow(0 4px 4px #0008)}.ticker-item small{font-size:8px;color:#92929d}.ticker-item b{display:block;font-size:9px;margin-top:3px}.ticker-item:after{content:'✦';position:absolute;right:8px;top:7px;color:var(--rarity);font-size:10px}main{max-width:1400px;padding:42px 40px 36px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:2px;color:#858793;font-weight:600}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;letter-spacing:.3px;margin:10px 0}h1 span,.collection-heading h2 span{color:var(--yellow)}.page-heading p{font-size:11px;color:#83858e;margin:0}.session-badge{display:flex;gap:14px;align-items:center;border:1px solid #30312c;border-radius:8px;padding:15px 20px;font-size:10px;font-weight:700;letter-spacing:1px}.session-badge>span{font-size:25px;color:var(--yellow)}.session-badge small{display:block;font-weight:400;font-size:9px;letter-spacing:0;color:var(--muted);margin-top:6px}.game-grid{display:grid;grid-template-columns:1fr 1.45fr 1.08fr;gap:18px}.panel{background:linear-gradient(135deg,#1c1d21,#191a1d);border:1px solid var(--line);border-radius:12px;padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.panel-heading h2{font-size:14px;margin:0;font-weight:700}.panel-heading h2>span{color:#666975;font-size:10px;margin-right:9px}.small-tag{font-size:8px;letter-spacing:1px;border:1px solid #3c3f30;background:#2c3022;color:#bac88b;padding:4px 6px;border-radius:4px}.income-row{display:flex;gap:15px;align-items:center;margin:22px 0}.stat-icon{width:43px;height:43px;background:#353020;border:1px solid #4b4022;color:var(--yellow);display:grid;place-items:center;border-radius:10px;font-size:25px}.stat-icon.purple{background:#2c263a;border-color:#3d3154;color:#b394f4}.income-row small{color:#858792;font-size:10px}.income-row strong{display:block;font-size:25px;margin-top:5px}.income-row em{font-size:13px;font-style:normal;color:#8d8e96}.divider{height:1px;background:var(--line);margin:23px 0}.stats-pair{display:flex;justify-content:space-between;color:#7d7f89;font-size:9px}.stats-pair strong{display:block;color:#c6c7ce;margin-top:9px;font-size:12px}.tip{display:flex;align-items:center;gap:12px;background:#212226;border:1px solid #2d2e34;border-radius:7px;padding:0 12px;margin-top:23px}.tip>span{color:#9e9666;font-size:23px}.tip p{font-size:10px;line-height:1.7;color:#92949d}.save-status{font-size:8px;color:#646873;margin-top:18px}.clicker-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#3b35201f,transparent 67%),#17181b;border:1px solid #343126;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:20px 23px}.clicker-top{font-size:8px;letter-spacing:1.5px;color:#9e9e8e}.sound-label{float:right;font-size:7px;color:#6d6e78;letter-spacing:1px}.clicker-wrap{position:relative;min-height:285px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:270px;height:270px;border:1px solid #383528;border-radius:50%;pointer-events:none}.orbit-two{width:312px;height:312px;border-style:dashed;border-color:#2a2b26;animation:orbit 100s linear infinite}.orbit-one:before{content:'';position:absolute;top:37px;right:30px;width:6px;height:6px;background:var(--yellow);border-radius:50%;box-shadow:0 0 15px #ffe438}.orbit-star{position:absolute;color:#b5a752;font-size:19px;pointer-events:none}.star-one{top:34px;left:30px}.star-two{bottom:37px;right:26px}.click-button{border:none;background:linear-gradient(145deg,#fff29a,#ffe342 30%,#cda420 85%,#8c681b);width:209px;height:209px;border-radius:50%;padding:10px;box-shadow:0 9px 0 #836316,0 12px 0 #3d321c,0 14px 40px #e8be1317,inset 0 1px 4px #ffffc3;position:relative;transition:transform .09s,box-shadow .09s;user-select:none}.click-button:hover{filter:brightness(1.07)}.click-button:active,.click-button.pressed{transform:translateY(7px) scale(.98);box-shadow:0 2px 0 #836316,0 4px 0 #3d321c,0 0 50px #e8be1333}.coin-rim{height:100%;width:100%;border:2px solid #b39220;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 4px #fce469,inset 0 0 0 6px #cbaa32;background:linear-gradient(135deg,#f9d74f,#eec42e);position:relative}.coin-rim:after{content:'• CLICK • EARN • UPGRADE •';position:absolute;bottom:24px;font-size:7px;letter-spacing:1.5px;color:#9b791a;font-weight:800}.coin-symbol{font-size:108px;font-weight:900;font-family:Arial,sans-serif;color:#fff09b;text-shadow:0 3px 0 #a37a13,0 -1px 0 #fffbc8;transform:translateY(-7px)}.click-hint{position:absolute;bottom:0;font-size:8px;letter-spacing:2px;color:#858372}.clicker-bottom{margin-top:22px;display:flex;align-items:center;gap:7px;color:#73757e;font-size:8px}.keycap{border:1px solid #393a41;border-bottom:3px solid #393a41;padding:4px 5px;border-radius:4px;font-size:7px;color:#b1b2ba}.earning-pill{margin-left:auto;color:#d9c463;border:1px solid #49412b;border-radius:5px;padding:7px;background:#2d291c;font-size:9px}.panel-description{font-size:9px;color:#7f818b;margin:-10px 0 19px}.upgrade-symbol{font-size:23px;color:#7d808a}.upgrades{display:grid;gap:9px}.upgrade-card{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:12px 10px;border:1px solid #303138;border-radius:8px;background:#202125}.upgrade-icon{width:33px;height:37px;display:grid;place-items:center;color:var(--yellow);font-size:23px;background:#323024;border-radius:7px}.upgrade-card:nth-child(2) .upgrade-icon{color:#b59bf1;background:#30283e}.upgrade-card:nth-child(3) .upgrade-icon{color:#7fbdde;background:#24343f}.upgrade-info b{font-size:10px;display:block}.upgrade-info small{color:#858792;font-size:8px;display:block;margin-top:5px}.upgrade-info small span{color:#c3c4ca}.buy-upgrade{border:1px solid #675c21;background:#37321f;color:var(--yellow);font-weight:700;font-size:9px;padding:9px 8px;border-radius:5px;white-space:nowrap}.buy-upgrade:disabled{color:#74757d;background:#28292d;border-color:#37383e;cursor:not-allowed}.upgrade-note{color:#666975;font-size:8px;text-align:center;margin-top:18px}.collection-section{margin-top:42px}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.collection-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;letter-spacing:.4px;margin:6px 0 0}.collection-controls{display:flex;gap:13px;align-items:center}.tabs{display:flex;gap:3px;background:#1c1d21;border:1px solid var(--line);padding:4px;border-radius:7px}.tabs button{font-size:9px;color:#777984;border:0;background:transparent;padding:9px 12px;border-radius:4px}.tabs button.selected{background:#333024;color:#e9db83}.tabs button span{font-size:8px;background:#3e3a28;padding:2px 4px;border-radius:3px;margin-left:3px}select{font-size:9px;color:#9a9ca6;padding:11px 12px;border:1px solid #303137;border-radius:6px;background:#1b1c20}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.skin-card{position:relative;overflow:hidden;border:1px solid #303037;border-radius:9px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--rarity) 11%,transparent),transparent 75%),#1a1b1f;transition:transform .2s,border-color .2s}.skin-card:hover{transform:translateY(-4px);border-color:var(--rarity)}.skin-card:before{content:'';position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--rarity);box-shadow:0 0 25px var(--rarity)}.skin-top{display:flex;justify-content:space-between;padding:14px 14px 0;font-size:7px;letter-spacing:.5px;color:#7f818b}.skin-rarity{color:var(--rarity)}.weapon-image{height:112px;display:flex;align-items:center;justify-content:center;position:relative}.weapon-image:before{content:'';position:absolute;width:100px;height:70px;background:var(--rarity);filter:blur(45px);opacity:.12}.weapon-image svg{height:103px;width:85%;color:var(--rarity);filter:drop-shadow(0 10px 5px #0006);transform:rotate(-9deg);transition:transform .25s}.skin-card:hover .weapon-image svg{transform:rotate(-5deg) scale(1.07)}.skin-details{padding:0 15px 15px}.skin-details small{font-size:8px;color:#82848e}.skin-details h3{font-size:13px;margin:5px 0 15px}.skin-bottom{border-top:1px solid #ffffff0b;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.skin-price{font-size:13px;font-weight:700}.skin-price span{color:#c0ab4b;margin-left:3px}.buy-skin{background:#302d20;color:#e1cf73;border:1px solid #51482a;border-radius:5px;padding:7px 10px;font-size:8px}.buy-skin:disabled{background:#24252a;border-color:#34353b;color:#666974;cursor:not-allowed}.buy-skin.owned{background:#243326;border-color:#36543b;color:#95bf96}.empty-inventory{text-align:center;padding:40px;color:#93959f}.milestone{margin-top:26px;display:flex;align-items:center;gap:17px;padding:24px;background:linear-gradient(100deg,#242219,#1c1d20 60%);border:1px solid #363225;border-radius:9px}.milestone-icon{font-size:29px;color:var(--yellow);width:45px;text-align:center}.milestone h3{margin:0 0 7px;font-size:12px}.milestone p{font-size:9px;color:#7f818c;margin:0}.milestone-progress{width:190px;margin-left:auto}.milestone-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#8e909b}.milestone-progress strong{color:#ddd2a0}.progress-track{height:4px;background:#34342d;border-radius:3px;margin-top:11px;overflow:hidden}.progress-track>div{height:100%;width:0;background:var(--yellow);transition:width .4s}footer{border-top:1px solid var(--line);padding:27px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#626570;font-size:8px}.footer-logo{color:#a9aab2;font-weight:900;font-size:13px}.footer-logo span{color:#b9a844;font-size:8px;margin-left:5px}footer p{margin:0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);padding:14px 22px;border:1px solid #6d5f25;border-radius:8px;background:#2b291e;color:#fff0a0;box-shadow:0 10px 40px #0006;opacity:0;pointer-events:none;transition:.25s;z-index:20;font-size:12px;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.floating-coin{position:absolute;color:#fff18a;font-size:24px;font-weight:800;pointer-events:none;z-index:3;animation:float-up .85s ease-out forwards;text-shadow:0 2px 8px #0008}@keyframes float-up{0%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,-95px);opacity:0}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1600px){main{padding-top:50px}.clicker-wrap{min-height:310px}.panel{padding:27px}.weapon-image{height:130px}}
@media(max-width:1100px){.header{gap:30px}.demo-badge{display:none}.game-grid{grid-template-columns:1fr 1.3fr}.upgrades-panel{grid-column:1/-1}.upgrades{grid-template-columns:repeat(3,1fr)}.upgrades-panel .panel-heading{margin-bottom:18px}.upgrade-note{margin-top:13px}.shop-grid{grid-template-columns:repeat(4,1fr)}.collection-heading{align-items:flex-start}.collection-controls{flex-direction:column;align-items:flex-end}.weapon-image{height:90px}.skin-details{padding:0 11px 12px}.skin-details h3{font-size:11px}.skin-top{padding:12px 10px 0;font-size:6px}.skin-price{font-size:11px}footer>span{display:none}}
@media(max-width:720px){.header{height:75px;padding:0 18px;gap:10px}.logo{font-size:18px}.logo-mark{margin-right:12px}.edition{font-size:6px;letter-spacing:2.7px;margin-left:29px}.top-nav{display:none}.header-right{gap:12px}.wallet{padding:9px 10px;gap:5px}.wallet strong{font-size:13px}.wallet-unit{display:none}.avatar{width:30px;height:30px}.drop-strip{height:92px}.strip-label{width:103px;padding:23px 10px 0 15px;font-size:8px}.strip-label b{font-size:8px}.ticker-item{min-width:124px}.ticker-item svg{height:38px}main{padding:28px 16px}.page-heading{margin-bottom:23px}h1{font-size:30px;max-width:340px;line-height:1.05}.eyebrow{font-size:7px;letter-spacing:1.5px}.page-heading p{font-size:9px;max-width:250px;line-height:1.7}.session-badge{display:none}.game-grid{grid-template-columns:1fr;gap:13px}.clicker-panel{grid-row:1;padding:18px 20px}.clicker-wrap{min-height:310px}.clicker-bottom{margin-top:11px}.earning-panel{padding:19px}.earning-panel .panel-heading{margin-bottom:16px}.earning-panel .income-row{display:inline-flex;width:49%;margin:0;gap:10px}.income-row strong{font-size:23px}.income-row small{font-size:9px}.stat-icon{width:37px;height:37px}.divider{margin:18px 0}.stats-pair{justify-content:flex-start;gap:65px}.tip{margin-top:16px}.save-status{margin-top:12px}.upgrades-panel{grid-column:auto;padding:20px}.upgrades{grid-template-columns:1fr}.upgrade-card{padding:12px}.upgrade-info b{font-size:11px}.upgrade-info small{font-size:9px}.buy-upgrade{padding:11px 14px}.collection-section{margin-top:30px}.collection-heading{display:block}.collection-heading h2{font-size:28px}.collection-controls{flex-direction:row;align-items:center;justify-content:space-between;margin-top:17px;gap:6px}.tabs button{padding:8px;font-size:8px}select{font-size:8px;padding:10px 6px;max-width:145px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.weapon-image{height:110px}.skin-top{font-size:6px}.skin-details h3{font-size:12px}.skin-price{font-size:12px}.milestone{padding:18px 13px;flex-wrap:wrap;gap:10px}.milestone-icon{width:30px}.milestone h3{font-size:10px}.milestone p{font-size:8px;max-width:240px;line-height:1.6}.milestone-progress{width:100%;margin:6px 5px 0}footer{padding:22px 18px;flex-direction:column;align-items:flex-start;gap:12px}footer p{font-size:8px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.floating-coin{display:none}}

/* void.css */
[hidden]{display:none!important}:root{--bg:#101113}body{background:var(--bg)}button:disabled{cursor:not-allowed;opacity:.45}.header{gap:30px;height:86px;padding:0 3%;background:#141517}.logo{font-size:21px}.edition{font-size:7px;letter-spacing:2.6px}.top-nav{gap:24px}.top-nav a{font-size:11px;white-space:nowrap}.header-right{gap:12px}.wallet{min-width:95px;padding:10px 13px}.wallet strong{font-size:14px}.deposit-header{background:var(--yellow);color:#1a190f;border:0;border-radius:6px;font-size:10px;font-weight:700;padding:13px 15px}.nav-new{font-size:6px;margin-left:5px;padding:3px 4px;border-radius:3px;background:#38321d;color:var(--yellow)}.app-main{max-width:1530px;min-height:calc(100vh - 173px);padding:35px 3.5% 50px}.view{animation:view-in .25s ease}.notice{font-size:11px;text-align:center;background:#38301b;color:#e7d397;border-bottom:1px solid #5e4d26;padding:12px 20px;line-height:1.6}.primary-button{border:1px solid #ffe438;background:var(--yellow);border-radius:6px;color:#1a1a10;font-size:11px;font-weight:800;padding:13px 18px;display:inline-flex;gap:20px;align-items:center;justify-content:center;transition:filter .2s,transform .2s}.primary-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.secondary-button{border:1px solid #363740;background:#202126;border-radius:6px;padding:11px 14px;color:#b5b7c2;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-button:hover:not(:disabled){border-color:#69634a;color:#eee7c5}.full-width{width:100%}.home-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:430px;align-items:center;overflow:hidden;border-bottom:1px solid #25262b}.hero-copy{padding:25px 0 40px;z-index:1}.hero-copy h1{font-size:67px;line-height:.98;margin:22px 0}.hero-copy p{color:#828591;line-height:1.9;font-size:12px;max-width:405px;margin-bottom:27px}.hero-enter{padding:16px 23px;gap:48px;font-size:12px}.hero-enter span{font-size:20px}.hero-meta{display:flex;gap:20px;font-size:7px;letter-spacing:1px;color:#737782;margin-top:24px}.hero-visual{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#ffe43808,transparent 65%)}.hero-ring{position:absolute;width:280px;height:280px;border:1px solid #4c4426;border-radius:50%;transform:rotateX(50deg) rotateZ(-22deg)}.ring-2{width:360px;height:360px;border-color:#383426;transform:rotateX(35deg) rotateY(35deg)}.ring-3{width:400px;height:400px;border-style:dashed;border-color:#2b2c2a;transform:rotateX(35deg) rotateY(-25deg)}.hero-core{display:grid;place-items:center;width:152px;height:152px;background:radial-gradient(circle at 34% 28%,#fff5ac,#e2be31 65%,#6f5616);border:1px solid #fff48d;border-radius:50%;color:#fff5a8;font-size:82px;font-weight:900;box-shadow:0 0 65px #ffe43813,inset 0 0 24px #fff3a96b;text-shadow:0 3px 2px #91701a;animation:levitate 5s ease-in-out infinite}.hero-coordinate{position:absolute;font:8px/1.8 monospace;letter-spacing:1px;color:#737265}.coord-a{top:37px;left:10px}.coord-b{bottom:28px;right:5px}.hero-satellite{position:absolute;border:1px solid #5b5130;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;font-size:25px;color:#c0a85a;background:#262319;box-shadow:0 0 30px #ffe43806}.satellite-a{top:90px;right:45px;transform:rotate(15deg)}.satellite-b{bottom:65px;left:50px;transform:rotate(-15deg)}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 0}.overview-stats>div{border-right:1px solid #2c2d32}.overview-stats>div:last-child{border:0}.overview-stats small{font-size:9px;color:#777b88}.overview-stats strong{display:block;font-size:24px;font-weight:700;margin-top:11px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 25px}.feature-grid button{text-align:left;background:linear-gradient(135deg,#1e1f24,#191a1e);border:1px solid #303138;border-radius:10px;padding:24px;color:inherit;position:relative;overflow:hidden;transition:border-color .2s}.feature-grid button:hover{border-color:#70602c}.feature-grid button>span{float:right;font-size:35px;color:#6c6241}.feature-grid small{font-size:8px;letter-spacing:1.3px;color:#777d89}.feature-grid h2{font-size:18px;margin:22px 0 12px}.feature-grid p{font-size:10px;color:#858895;line-height:1.9;min-height:38px;max-width:270px}.feature-grid b{display:block;font-size:10px;color:#d6c673;margin-top:24px}.backup-panel{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px;background:#191a1d;border:1px solid #2c2e34;border-radius:9px}.backup-panel h3{font-size:12px;margin:0 0 8px}.backup-panel p{font-size:10px;color:#94af8e;margin:0 0 8px}.backup-panel small{font-size:9px;color:#6e7380}.backup-actions{display:flex;gap:9px}.file-button{cursor:pointer}.file-button input{display:none}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:3px 0 28px}.section-title h1{font-size:40px;margin:10px 0}.section-title p{font-size:10px;color:#858995;line-height:1.8;margin:0}.counter-badge{font-size:11px;color:#787d89;padding:15px 20px;border:1px solid #34342c;border-radius:8px;white-space:nowrap}.counter-badge b{font-size:23px;color:#e7d98c;margin-right:4px}.arena-stats{display:flex;gap:30px}.arena-stats>span{font-size:7px;letter-spacing:1px;color:#747988}.arena-stats b{display:block;color:#e4e4ea;font-size:17px;letter-spacing:0;margin-top:9px}.arena-stats>span:first-child b{color:var(--yellow)}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.void-stage{position:relative;min-height:580px;background:radial-gradient(ellipse at 50% 50%,#202021 0%,#101115 40%,#08090c 90%);border:1px solid #303138;border-radius:12px;overflow:hidden;isolation:isolate}.void-grid{position:absolute;inset:0;background-image:linear-gradient(#61657208 1px,transparent 1px),linear-gradient(90deg,#61657208 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse,#0008,transparent 80%);pointer-events:none}#void-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.stage-coordinate{position:absolute;left:22px;top:22px;font:9px/1.8 monospace;letter-spacing:1px;color:#9c9c90;pointer-events:none}.stage-coordinate span{font-size:7px;color:#535865}.stage-mode{position:absolute;right:20px;top:25px;font-size:7px;letter-spacing:1px;color:#737565}.core-position{position:absolute;left:50%;top:50%;width:156px;height:156px;transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center}.void-core{position:relative;width:142px;height:142px;display:grid;place-items:center;border:1px solid #f4e28a;border-radius:50%;background:radial-gradient(circle at 35% 26%,#fff1a1,#dfbc38 58%,#836017);box-shadow:inset 0 0 24px #ffe59185,0 0 45px #f3d13e12,0 0 120px #f3d13e08;color:#fff3a1;animation:core-float 4s ease-in-out infinite;user-select:none;cursor:pointer;transition:filter .15s}.void-core:before{content:'';position:absolute;inset:8px;border:1px solid #c8a740;border-radius:50%;box-shadow:inset 0 0 0 3px #ffed8b38}.void-core span{font-weight:900;font-size:78px;text-shadow:0 3px 0 #9c771f;pointer-events:none}.void-core:hover{filter:brightness(1.12)}.void-core:active{filter:brightness(1.25)}.core-orbit{position:absolute;width:208px;height:208px;border:1px solid #51482770;border-radius:50%;pointer-events:none}.core-orbit:after{content:'';position:absolute;top:26px;right:26px;width:4px;height:4px;background:#ddc35e;border-radius:50%;box-shadow:0 0 10px #edd46a}.core-orbit.outer{width:258px;height:258px;border:1px dashed #74663524;animation:orbit 80s linear infinite}.core-label{position:absolute;bottom:-62px;text-align:center;font-size:9px;letter-spacing:3px;color:#a69d7c;white-space:nowrap;pointer-events:none}.core-label span{display:block;color:#555a67;font-size:6px;letter-spacing:1.5px;margin-top:8px}.core-gain{position:absolute;left:50%;top:40%;pointer-events:none;z-index:8;color:#fff0a3;font-weight:800;font-size:23px;animation:float-up .9s ease-out forwards;text-shadow:0 0 20px #f5df6380}.core-gain.critical{color:#ff8fb9;font-size:27px}.core-hit{filter:brightness(1.25)}.stage-footer{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;color:#5e6471;font:7px monospace;letter-spacing:1px;pointer-events:none}.stage-footer .live-dot{width:4px;height:4px;background:#95b788}.arena-sidebar{background:#1a1b1f;border:1px solid #2d2f36;border-radius:12px;padding:22px 18px;height:fit-content}.arena-sidebar .panel-heading{margin-bottom:15px}.arena-sidebar .panel-heading h2{font-size:13px}.arena-sidebar .panel-heading>span{font-size:9px;color:#b4a468;background:#302b1e;padding:5px 8px;border-radius:4px}.sidebar-description{font-size:10px;color:#808693;line-height:1.9;margin-bottom:20px}.turret-shop-card{display:grid;grid-template-columns:35px 1fr;gap:10px;border:1px solid #34343d;border-radius:8px;padding:13px 10px;background:#202126;margin-bottom:10px;position:relative}.turret-shop-icon{display:grid;place-items:center;width:35px;height:35px;background:color-mix(in srgb,var(--turret-color) 10%,#23242a);color:var(--turret-color);font-size:24px;border-radius:8px;grid-row:span 2}.turret-shop-card h3{font-size:11px;margin:1px 0 7px}.turret-shop-card small{font-size:8px;color:#777e8d}.turret-shop-card p{font-size:8px;color:#adaeb8;line-height:1.6;margin:8px 0 0}.turret-shop-card .buy-upgrade{grid-column:2;justify-self:start;min-width:85px;margin-top:1px;color:var(--turret-color);border-color:color-mix(in srgb,var(--turret-color) 25%,#28292e);background:color-mix(in srgb,var(--turret-color) 8%,#28292e)}.arena-help{margin:24px 0;color:#6d7381;font-size:9px;line-height:1.8}.arena-help b{font-size:8px;letter-spacing:1px;color:#9b9eaa}.arena-help p{margin:9px 0}.turret-layer{position:absolute;inset:0;pointer-events:none;z-index:4}.placed-turret{position:absolute;transform:translate(-50%,-50%);width:54px;height:64px;border:0;background:transparent;pointer-events:auto;padding:0;color:var(--turret-color)}.turret-base{width:42px;height:42px;display:grid;place-items:center;position:relative;background:radial-gradient(#393c46,#23252e);border:2px solid #4c4e59;border-radius:12px;box-shadow:0 5px 0 #0a0c11,0 0 20px #0008;margin:auto}.turret-center{font-size:22px;z-index:1;text-shadow:0 0 10px var(--turret-color)}.turret-barrel{position:absolute;width:34px;height:9px;border:1px solid #6a6c74;background:linear-gradient(#737681,#383d49);border-right:4px solid var(--turret-color);border-radius:2px;left:50%;top:calc(50% - 4px);transform-origin:left center;transform:rotate(var(--aim));z-index:2}.placed-turret small{font:7px monospace;color:#848a97;display:block;margin-top:9px}.placed-turret.selected .turret-base{border-color:var(--turret-color);box-shadow:0 0 20px color-mix(in srgb,var(--turret-color) 20%,transparent)}.selected-turret{border:1px solid #65552c;background:#28251b;border-radius:8px;padding:14px;margin-top:16px}.selected-turret h3{font-size:12px;margin:0 0 10px}.selected-turret h3 span{float:right;font-size:9px;color:#c2b26c}.selected-turret p{font-size:9px;color:#b6ad8c;line-height:1.7}.selected-turret .primary-button{font-size:9px;padding:10px}.turret-actions{display:flex;gap:6px;margin-top:9px}.turret-actions button{font-size:8px;padding:8px;flex:1}.placement-ghost{position:absolute;transform:translate(-50%,-50%);width:52px;height:52px;border:1px dashed #c8bc7e;background:#ffe43812;border-radius:12px;display:grid;place-items:center;pointer-events:none;color:var(--yellow);font-size:28px;z-index:6}.placement-ghost.invalid{color:#f37676;border-color:#f37676;background:#e254541a}.placing{cursor:crosshair}.placing .core-position,.placing .placed-turret{pointer-events:none}.placing .void-core{pointer-events:none}.placing .stage-mode{color:var(--yellow)}.cancel-placement{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);z-index:7;white-space:nowrap;font-size:9px}.research-summary{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:30px}.research-summary>div{border:1px solid #2d3038;border-radius:7px;display:grid;grid-template-columns:23px 1fr;gap:5px;padding:12px 10px;background:#1a1c21}.research-summary span{color:var(--branch);font-size:22px;grid-row:span 2}.research-summary b{font-size:8px}.research-summary small{font-size:8px;color:#767d8d}.tree-root{display:flex;align-items:center;gap:16px;border:1px solid #6b5c2b;border-radius:10px;background:linear-gradient(90deg,#312b1b,#20201c);padding:20px;max-width:420px;margin:0 auto 43px;position:relative}.tree-root:after{content:'';position:absolute;height:44px;width:1px;background:#47402c;bottom:-44px;left:50%}.tree-root>span:first-child{color:var(--yellow);font-size:30px}.tree-root b{display:block;font-size:11px;letter-spacing:1px}.tree-root small{display:block;color:#a09572;font-size:9px;margin-top:7px}.root-status{margin-left:auto;color:#a2bc85}.tree-scroll{overflow-x:auto;padding:0 0 20px}.research-tree{display:grid;grid-template-columns:repeat(7,minmax(146px,1fr));gap:13px;min-width:1100px;border-top:1px solid #3b3a30}.branch-heading{position:relative;min-height:130px;text-align:center;padding:24px 8px 18px}.branch-heading:before{content:'';position:absolute;top:0;left:50%;height:16px;width:1px;background:#4c4732}.branch-heading>span{font-size:22px;color:var(--branch)}.branch-heading h2{font-size:11px;margin:10px 0}.branch-heading p{font-size:8px;color:#71798a;line-height:1.7;margin:0}.research-node{border:1px solid #33353e;border-radius:8px;margin-bottom:22px;padding:13px 12px;background:#1a1c21;position:relative;min-height:155px;display:flex;flex-direction:column}.node-link{position:absolute;top:-23px;left:50%;width:1px;height:22px;background:#383a43}.node-top{display:flex;justify-content:space-between;color:#686f7e;font:8px monospace}.node-top>span:last-child{color:var(--branch);font-size:14px}.research-node h3{font-size:10px;line-height:1.5;min-height:30px;margin:11px 0 7px}.research-node p{font-size:8px;color:#737c8d;line-height:1.7;margin:0 0 12px}.research-node button{margin-top:auto;background:#302f27;border:1px solid #585035;border-radius:4px;padding:8px 3px;color:#dac779;font-size:8px;min-height:28px}.research-node.owned{border-color:color-mix(in srgb,var(--branch) 50%,#24252d);background:linear-gradient(135deg,color-mix(in srgb,var(--branch) 8%,#1a1c21),#1a1c21)}.research-node.owned .node-link{background:var(--branch);opacity:.5}.research-node.owned button{color:var(--branch);opacity:.75;background:transparent;border-color:transparent}.research-node.locked{opacity:.45}.catalog-toolbar{display:flex;gap:10px;padding:14px;background:#1a1b20;border:1px solid #2d3038;border-radius:9px}.catalog-toolbar input{min-width:180px;flex:1}.catalog-toolbar input,select{padding:12px;font-size:10px;background:#121418;color:#c8cad4;border:1px solid #34363e;border-radius:5px}.catalog-toolbar input::placeholder{color:#6a7180}.catalog-toolbar select{max-width:160px}.catalog-meta{display:flex;justify-content:space-between;font-size:9px;color:#686f7e;margin:18px 0}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.weapon-image{height:145px;padding:10px}.weapon-image img{width:100%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 9px 6px #0006);transition:transform .2s}.skin-card:hover .weapon-image img{transform:scale(1.07) rotate(-3deg)}.skin-details h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.skin-top{font-size:7px}.skin-top>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75%}.pagination{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:25px}.pagination>span{font-size:11px;color:#9299a9}.image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#626a7b;font-size:40px}.image-fallback small{font-size:8px;color:#7d8492;margin-top:12px}.deposit-disclaimer{display:flex;gap:18px;padding:18px 22px;background:#25241b;border:1px solid #4a432a;border-radius:8px;color:#a9a17e;font-size:11px;line-height:1.8}.deposit-disclaimer>span{font-size:25px;color:#dfcc77}.deposit-disclaimer p{margin:0}.deposit-disclaimer b{color:#d4ca9f}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 0;color:#9098a8;font-size:11px}.skin-card.deposit-selected{border-color:var(--yellow);background:radial-gradient(ellipse at 50% 35%,#ffe43812,transparent 75%),#1e201d}.deposit-selected .buy-skin{background:var(--yellow);color:#232112}.deposit-bar{position:sticky;bottom:14px;border:1px solid #5d5130;border-radius:9px;background:#24241ef5;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:20px 23px;margin-top:24px;z-index:9;box-shadow:0 10px 30px #0005}.deposit-bar small{display:block;color:#8b928e;font-size:10px}.deposit-bar strong{display:block;font-size:19px;margin-top:8px}.deposit-bar strong span{color:var(--yellow)}.empty-state{text-align:center;padding:50px 20px;color:#7c8597}.empty-state>span{font-size:50px;color:#635d42}.empty-state h2{font-size:20px;color:#c4c9d2}.empty-state p{font-size:12px;margin:15px 0 25px}.achievement-toolbar{display:flex;justify-content:space-between;margin-bottom:25px}.achievements-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.achievement-card{padding:22px;background:linear-gradient(140deg,#1c1e24,#181a1f);border:1px solid #30333e;border-radius:9px;position:relative}.achievement-icon{float:right;font-size:29px;color:#5d6578}.achievement-card>small{font-size:7px;letter-spacing:1px;color:#697588}.achievement-card h3{font-size:12px;margin:20px 0 15px;min-height:28px}.achievement-progress-label{font-size:9px;color:#818b9e}.achievement-card .progress-track{margin:10px 0 20px;background:#2d323c}.achievement-card .progress-track>div{background:#6b7692}.achievement-card button{width:100%;font-size:9px}.achievement-card.available{border-color:#7d6c30;background:linear-gradient(140deg,#2b291e,#1b1d20)}.achievement-card.available .achievement-icon{color:var(--yellow)}.achievement-card.available button{border-color:#7d6c30;color:#edda81;background:#39321c}.achievement-card.available .progress-track>div{background:var(--yellow)}.achievement-card.claimed{opacity:.65;border-color:#3b5140}.achievement-card.claimed .achievement-icon{color:#7da389}.achievement-card.claimed .progress-track>div{background:#7da389}dialog{color:#e5e6ed;background:#1d1f25;border:1px solid #63552c;border-radius:12px;width:480px;max-width:90vw;padding:30px}dialog::backdrop{background:#06070bba;backdrop-filter:blur(5px)}dialog h2{font-size:21px;margin:18px 0}dialog p{font-size:12px;line-height:1.9;color:#a0a7b6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}footer a:last-child{color:#858b99;font-size:8px}footer p{max-width:500px;line-height:1.8}@keyframes levitate{50%{transform:translateY(-12px)}}@keyframes core-float{0%,100%{transform:translateY(3px) scale(1);box-shadow:inset 0 0 24px #ffe59185,0 0 45px #f3d13e12}50%{transform:translateY(-5px) scale(1.025);box-shadow:inset 0 0 30px #ffe591a5,0 0 70px #f3d13e22}}@keyframes view-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.void-stage{min-height:660px}.hero-copy h1{font-size:78px}.home-hero{min-height:470px}.shop-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){.header{gap:22px}.top-nav{gap:15px}.top-nav a{font-size:9px}.deposit-header{font-size:9px;padding:12px}.hero-copy h1{font-size:58px}.hero-visual{transform:scale(.9)}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar input{flex-basis:100%}.catalog-toolbar select{flex:1;max-width:none}.research-summary{gap:6px}.research-summary>div{padding:10px 6px;grid-template-columns:18px 1fr}.research-summary b{font-size:7px}.research-summary span{font-size:18px}.arena-layout{grid-template-columns:minmax(0,1fr) 265px}.arena-sidebar{padding:19px 13px}.arena-stats{gap:22px}.top-nav .nav-new{display:none}}
@media(max-width:950px){.header{flex-wrap:wrap;height:auto;min-height:105px;padding:16px 3% 0;gap:14px}.header .top-nav{display:flex;order:3;height:35px;width:100%;gap:27px;overflow-x:auto}.top-nav a{font-size:10px}.header-right{margin-left:auto}.hero-copy h1{font-size:49px}.hero-copy p{font-size:11px}.hero-meta{font-size:6px;gap:13px}.hero-visual{transform:scale(.8);margin-left:-20px}.home-hero{min-height:370px}.feature-grid button{padding:20px}.feature-grid h2{font-size:15px}.feature-grid p{font-size:9px;min-height:60px}.feature-grid b{font-size:9px}.arena-layout{grid-template-columns:1fr}.void-stage{min-height:570px}.arena-sidebar{padding:20px;display:grid;grid-template-columns:1fr;gap:0}.arena-sidebar #turret-shop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.turret-shop-card{grid-template-columns:1fr;padding:14px}.turret-shop-icon{grid-row:auto}.turret-shop-card .buy-upgrade{grid-column:auto}.arena-help{margin:10px 0 15px}.selected-turret{margin:10px 0}.research-summary{grid-template-columns:repeat(4,1fr)}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.achievements-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-stats strong{font-size:22px}.overview-stats small{font-size:8px}.backup-panel{align-items:flex-start}.backup-actions{flex-shrink:0}.backup-panel small{line-height:1.8;display:block}footer{flex-wrap:wrap}}
@media(max-width:600px){.app-main{padding:22px 15px 35px}.header{padding:14px 15px 0;gap:12px}.logo{font-size:17px}.edition{font-size:6px;letter-spacing:1.7px}.header-right{gap:7px}.wallet{min-width:72px;padding:8px 9px;gap:6px}.wallet strong{font-size:12px}.coin{font-size:17px}.deposit-header{font-size:8px;padding:11px 8px}.header .top-nav{gap:25px;height:35px;justify-content:space-between}.top-nav a{font-size:9px}.home-hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:20px 0 0}.hero-copy h1{font-size:51px;margin:20px 0;max-width:none}.hero-copy p{font-size:11px;max-width:350px}.hero-meta{font-size:6px;gap:16px}.hero-visual{min-height:300px;transform:scale(.8);margin:-10px -20px -20px}.hero-coordinate.coord-a{left:22px;top:15px}.hero-coordinate.coord-b{right:16px;bottom:10px}.satellite-a{right:45px;top:45px}.satellite-b{bottom:30px;left:30px}.overview-stats{grid-template-columns:repeat(2,1fr);padding:23px 0;gap:24px 20px}.overview-stats>div:nth-child(2){border-right:0}.overview-stats strong{font-size:23px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-grid button{padding:22px}.feature-grid h2{font-size:18px;margin:18px 0 9px}.feature-grid p{font-size:11px;min-height:0;max-width:290px}.feature-grid b{font-size:10px;margin-top:18px}.backup-panel{display:block;padding:20px}.backup-actions{margin-top:18px}.backup-panel small{font-size:9px}.section-title{align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:21px}.section-title h1{font-size:35px;line-height:1.05}.section-title p{font-size:10px;max-width:350px}.section-title>.secondary-button{font-size:9px;padding:10px}.arena-stats{width:100%;justify-content:space-between;gap:10px}.arena-stats b{font-size:16px;margin-top:7px}.arena-stats>span{font-size:6px}.void-stage{min-height:520px}.stage-coordinate{top:16px;left:14px;font-size:7px}.stage-coordinate span{font-size:5px}.stage-mode{top:18px;right:13px;font-size:6px;max-width:100px;text-align:right;line-height:1.6}.void-core{width:116px;height:116px}.void-core span{font-size:67px}.core-orbit{width:165px;height:165px}.core-orbit.outer{width:213px;height:213px}.core-position{width:130px;height:130px}.core-label{bottom:-52px;font-size:7px;letter-spacing:2px}.core-label span{font-size:5px}.stage-footer{bottom:16px;left:15px;right:15px;font-size:6px}.placed-turret{transform:translate(-50%,-50%) scale(.82)}.arena-sidebar{padding:19px 15px}.arena-sidebar #turret-shop{grid-template-columns:1fr;gap:0}.turret-shop-card{grid-template-columns:35px 1fr auto;align-items:center;padding:13px 10px;gap:10px}.turret-shop-icon{grid-row:auto}.turret-shop-card .buy-upgrade{grid-column:auto;min-width:60px;font-size:9px;padding:10px 6px}.turret-shop-card small{font-size:7px}.turret-shop-card h3{font-size:11px}.turret-shop-card p{font-size:7px}.research-summary{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:23px}.research-summary>div{padding:10px 5px;grid-template-columns:1fr;text-align:center}.research-summary span{grid-row:auto}.research-summary b{font-size:7px;overflow:hidden;text-overflow:ellipsis}.research-summary small{font-size:7px}.tree-root{padding:16px 12px;gap:12px;margin-top:15px}.tree-root b{font-size:9px}.tree-root small{font-size:8px}.tree-scroll{margin:0 -15px;padding:0 15px 15px}.counter-badge{font-size:9px;padding:10px 14px}.counter-badge b{font-size:19px}.catalog-toolbar{padding:11px;gap:8px}.catalog-toolbar input{width:100%;font-size:10px;padding:12px}.catalog-toolbar select{flex-basis:40%;width:40%;font-size:9px;padding:10px;min-width:0}.catalog-meta{font-size:8px;gap:15px;line-height:1.6}.catalog-meta>span:last-child{max-width:170px;text-align:right}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.weapon-image{height:118px;padding:8px}.skin-details h3{font-size:12px;margin:4px 0 12px}.skin-top{font-size:6px}.skin-details{padding:0 10px 12px}.skin-price{font-size:11px}.buy-skin{font-size:8px;padding:7px}.deposit-disclaimer{padding:15px;gap:11px;font-size:10px}.deposit-disclaimer>span{font-size:20px}.inventory-toolbar{font-size:9px;gap:10px;line-height:1.7}.inventory-toolbar .secondary-button{font-size:8px;padding:10px;white-space:nowrap}.deposit-bar{padding:15px;bottom:9px;gap:12px}.deposit-bar small{font-size:8px}.deposit-bar strong{font-size:15px}.deposit-bar .primary-button{font-size:9px;padding:12px}.achievement-toolbar{gap:10px;align-items:center}.achievement-toolbar select{font-size:9px;padding:12px 8px;width:45%}.achievement-toolbar .primary-button{font-size:9px;padding:12px 8px;max-width:50%;line-height:1.5}.achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievement-card{padding:16px 12px}.achievement-icon{font-size:22px}.achievement-card>small{font-size:6px}.achievement-card h3{font-size:11px;line-height:1.5;min-height:32px}.achievement-card button{font-size:8px;padding:10px 4px}.achievement-progress-label{font-size:8px}.cancel-placement{font-size:8px;bottom:40px}.dialog-actions{gap:8px}dialog{padding:24px}.dialog-actions button{font-size:10px;padding:12px}.toast{font-size:11px;width:max-content;max-width:90vw;line-height:1.7}footer{gap:10px}footer p{font-size:8px}footer a:last-child{font-size:8px}}
[hidden]{display:none!important}
.telegram-user{font-size:10px;color:#b9b2a0;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telegram-app{padding-top:var(--mini-safe-top,0px);padding-bottom:var(--mini-safe-bottom,0px);overscroll-behavior-y:none}.telegram-app .app-main{min-height:calc(var(--tg-app-height,100vh) - 170px)}.telegram-app .deposit-bar{bottom:calc(10px + var(--mini-safe-bottom,0px))}.telegram-app .toast{bottom:calc(22px + var(--mini-safe-bottom,0px))}
@media(max-width:600px){.telegram-user{display:none}}

/* expansion.css */
.header{gap:24px}.top-nav{gap:19px}.top-nav a{font-size:10px}.long-run-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0;padding:24px;border:1px solid #51452b;border-radius:10px;background:radial-gradient(ellipse at 15% 20%,#d5b93010,transparent 65%),#1c1d20}.long-run-banner small{font-size:8px;letter-spacing:2px;color:#ae9e61}.long-run-banner h2{font-size:18px;margin:12px 0}.long-run-banner p{color:#8a8f9e;font-size:10px;line-height:1.8}.long-run-banner button{white-space:nowrap}.virtual-warning{padding:13px 18px;background:#252319;border:1px solid #4b4227;color:#b9ad7e;font-size:9px;line-height:1.9;border-radius:7px;margin-bottom:24px}.upgrade-machine{display:grid;grid-template-columns:1fr 300px 1fr;align-items:center;gap:30px;padding:35px 30px;background:radial-gradient(ellipse at 50% 40%,#ffe43805,transparent 70%),#16181c;border:1px solid #30333d;border-radius:12px;min-height:360px}.upgrade-pedestal{text-align:center;min-width:0}.upgrade-pedestal>small{color:#757f91;font-size:8px;letter-spacing:1.5px}.upgrade-preview{height:175px;display:flex;align-items:center;justify-content:center}.upgrade-preview>img{max-width:100%;height:165px;object-fit:contain;filter:drop-shadow(0 15px 15px #0006)}.upgrade-preview>span:not(.image-fallback){font-size:80px;color:#46432c}.upgrade-pedestal>strong{font-size:21px;color:#e5d78a}.upgrade-pedestal>p{font-size:10px;color:#858da0;line-height:1.7;min-height:20px;overflow-wrap:anywhere}.upgrade-dial-wrap{display:grid;justify-items:center;gap:27px}.upgrade-dial{--chance-angle:0deg;width:245px;height:245px;border-radius:50%;position:relative;background:conic-gradient(from 0deg,#e3d050 0deg var(--chance-angle),#353843 var(--chance-angle) 360deg);padding:12px;box-shadow:0 0 0 8px #25262b,0 0 0 9px #37372f,0 0 70px #ffe43807}.upgrade-dial-center{background:radial-gradient(#22242c,#15171c);height:100%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #3f3e32}.upgrade-dial-center strong{font-size:38px;font-weight:800;color:#f4e47d}.upgrade-dial-center small{font-size:7px;letter-spacing:2px;color:#737d90;margin-top:12px}.dial-needle{position:absolute;inset:-12px;pointer-events:none;transform:rotate(0deg)}.dial-needle i{display:block;position:absolute;top:0;left:calc(50% - 6px);width:12px;height:23px;background:#fff3ab;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 5px #ffe438)}.upgrade-dial-wrap>.primary-button{min-width:190px}.upgrade-input-bar{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:20px;background:#1b1d23;border:1px solid #30333c;border-radius:9px;margin:17px 0}.upgrade-input-bar label{font-size:9px;color:#8b95a7;display:flex;align-items:center;gap:12px}.upgrade-input-bar input,.picker-heading input,.case-filter input{background:#111419;border:1px solid #363b47;color:#e2e6ef;padding:11px;border-radius:5px;font:inherit;min-width:0}.upgrade-input-bar input{width:145px;font-size:12px;color:#e5d78a}.target-presets{display:flex;gap:6px;align-items:center}.target-presets>span{font-size:9px;color:#7f8a9b;margin-right:6px}.target-presets button{padding:9px 12px;font-size:10px}#upgrade-rule{font-size:8px;color:#667186;margin-left:auto;line-height:1.8}.game-result{font-size:12px;line-height:1.9;padding:20px;background:#24262e;border:1px solid #414653;border-radius:8px;margin:18px 0;color:#a6afc0}.game-result.won{border-color:#3e6b4c;background:#1e3025;color:#b8dbb7}.game-result.lost{border-color:#6d3f44;background:#302025;color:#e2a9af}.upgrade-pickers{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:27px}.upgrade-pickers>section{padding:21px;background:#17191e;border:1px solid #2c313b;border-radius:10px;min-width:0}.picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.picker-heading h2{font-size:13px;margin:0}.picker-heading input{font-size:9px;width:48%}.picker-heading button{font-size:8px;padding:8px 10px}.mini-skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mini-skin{padding:9px 9px 12px;text-align:left;border:1px solid #303642;border-bottom:2px solid var(--rarity);border-radius:6px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--rarity) 9%,transparent),transparent 80%),#1d2027;color:#cad0dc;min-width:0;overflow:hidden}.mini-skin:disabled{opacity:1;cursor:default}.mini-skin:not(:disabled):hover{border-color:var(--rarity)}.mini-skin.selected{border-color:var(--yellow);background:#2b2a21;box-shadow:inset 0 0 0 1px #ffe43835}.mini-skin>div{height:95px;display:flex;align-items:center;justify-content:center}.mini-skin img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 4px #0006)}.mini-skin small,.mini-skin b,.mini-skin>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-skin small{font-size:7px;color:#7c899d;margin-top:8px}.mini-skin b{font-size:9px;margin-top:5px}.mini-skin>span{font-size:9px;color:#c8b975;margin-top:10px}.picker-empty{grid-column:1/-1;font-size:11px;text-align:center;line-height:1.9;color:#788499;padding:30px 15px}.picker-empty button{display:block;margin:20px auto 0}.upgrade-pickers .full-width{margin-top:15px}.case-filter{display:flex;gap:12px;margin-bottom:22px}.case-filter input{flex:1;font-size:11px}.case-filter select{min-width:180px}.cases-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.case-card{padding:20px 17px;text-align:left;color:#e1e4ec;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--case-color) 9%,transparent),transparent 70%),#1a1d23;border:1px solid #30343e;border-radius:10px;transition:.2s;min-width:0}.case-card:hover{transform:translateY(-4px);border-color:var(--case-color)}.case-card>div{height:140px;display:flex;align-items:center;justify-content:center}.case-card>div>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 7px #0006)}.case-card>small{font-size:7px;letter-spacing:.6px;color:#7c8799;display:block;margin-top:15px}.case-card h3{font-size:12px;line-height:1.6;margin:9px 0 14px;min-height:36px}.case-card>span{font-size:17px;font-weight:700;color:#e3d18a}.case-card>b{display:block;font-size:8px;color:#8d8a74;margin-top:16px}.void-case-art{position:relative;width:150px;height:108px;background:linear-gradient(135deg,#3e404c,#181c27);border:2px solid var(--case-color);border-radius:10px;box-shadow:0 10px 0 #0c0f16,0 0 40px color-mix(in srgb,var(--case-color) 10%,transparent);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-7deg);clip-path:polygon(0 10%,7% 0,93% 0,100% 10%,100% 92%,93% 100%,7% 100%,0 92%)}.void-case-art:before,.void-case-art:after{content:'';position:absolute;top:0;bottom:0;width:12px;background:var(--case-color);opacity:.45}.void-case-art:before{left:13px}.void-case-art:after{right:13px}.void-case-art>span{font-size:47px;line-height:1;color:var(--case-color);font-weight:900;text-shadow:0 0 20px var(--case-color)}.void-case-art>b{font:8px monospace;letter-spacing:1px;color:#c6cad5;margin-top:10px}.case-detail{border:1px solid #343641;background:#17191e;border-radius:12px;padding:25px}.case-detail-heading{display:flex;align-items:center;gap:22px;margin-bottom:25px}.case-detail-heading h2{font-size:21px;margin:0}.case-detail-heading>span{margin-left:auto;font-size:19px;color:#e0cf81;white-space:nowrap}.case-reel{position:relative;overflow:hidden;height:210px;border:1px solid #393b47;background:#0f1218;border-radius:8px}.case-reel:before,.case-reel:after{content:'';position:absolute;top:0;bottom:0;width:40px;background:linear-gradient(90deg,#0f1218,transparent);z-index:2;pointer-events:none}.case-reel:after{right:0;transform:rotate(180deg)}.reel-track{display:flex;gap:9px;padding:15px 0;width:max-content;will-change:transform}.reel-item{flex-shrink:0;width:156px;height:178px;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 10%,transparent),transparent 85%),#1c2029;border:1px solid #343b49;border-bottom:3px solid var(--rarity);padding:10px;border-radius:7px}.reel-item>img{width:100%;height:112px;object-fit:contain}.reel-item>small{font-size:7px;color:#808ca1;display:block;margin:6px 0}.reel-item>b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.reel-selector{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffec72;z-index:3;box-shadow:0 0 15px #ffe43877}.reel-selector:before{content:'';position:absolute;top:0;left:-6px;width:14px;height:18px;background:var(--yellow);clip-path:polygon(0 0,100% 0,50% 100%)}.case-open-actions{display:flex;gap:25px;align-items:center;justify-content:center;margin:25px 0}.case-open-actions>span{font-size:9px;color:#858fa3;line-height:1.9;max-width:260px}.case-contents-title{font-size:14px;margin:28px 0 18px}.case-group-odds{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.case-group-odds>span{font-size:9px;color:#99a2b4;border:1px solid #3a414f;padding:8px 10px;border-radius:5px}.case-group-odds b{color:#e0d399;margin-left:6px}.case-detail .mini-skin-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.case-detail .full-width{margin-top:15px}.prestige-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,#292434,#1b1d26);border:1px solid #51455e;border-radius:11px;padding:27px;margin-bottom:30px}.prestige-panel h2{font-size:25px}.prestige-panel h2 span{color:#c2a0ef}.prestige-panel p{max-width:720px;font-size:11px;line-height:1.9;color:#9296ac}.prestige-panel .progress-track{max-width:650px;margin:20px 0 13px;background:#393445}.prestige-panel .progress-track>div{background:#ad8be2}.prestige-panel small{font-size:9px;color:#8e88a1}.prestige-panel button{white-space:nowrap}.epoch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.epoch-card{position:relative;padding:25px 22px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--era-color) 7%,transparent),transparent 80%),#1b1e25;border:1px solid #343b46;border-radius:10px;overflow:hidden}.epoch-card.unlocked{border-color:color-mix(in srgb,var(--era-color) 60%,#343b46)}.epoch-number{position:absolute;right:15px;top:14px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:57px;color:var(--era-color);opacity:.15}.epoch-card>small{font-size:8px;letter-spacing:1px;color:#858b9d;display:block;line-height:1.8}.epoch-card h2{font-size:21px;color:var(--era-color);margin:10px 0}.epoch-card p{font-size:9px;color:#828da2;line-height:1.8}.epoch-weapon{height:120px}.epoch-weapon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 6px #0006)}.epoch-card .full-width{margin-top:19px;font-size:9px;line-height:1.6}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar input{flex-basis:100%}
@media(max-width:1300px){.header{flex-wrap:wrap;height:auto;min-height:110px;padding-top:17px;gap:15px}.header .top-nav{order:3;width:100%;height:35px;overflow-x:auto;gap:30px}.header-right{margin-left:auto}.header .top-nav a{font-size:10px}.cases-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade-machine{grid-template-columns:1fr 250px 1fr;padding:30px 20px;gap:17px}.upgrade-dial{width:210px;height:210px}.upgrade-dial-center strong{font-size:31px}.upgrade-preview{height:145px}.upgrade-preview>img{height:130px}.mini-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-detail .mini-skin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.upgrade-machine{grid-template-columns:1fr 220px 1fr;gap:10px}.upgrade-pedestal>strong{font-size:17px}.upgrade-pedestal>p{font-size:8px}.upgrade-pedestal>small{font-size:6px}.upgrade-dial{width:180px;height:180px}.upgrade-dial-center strong{font-size:28px}.upgrade-dial-wrap>.primary-button{min-width:160px;font-size:10px}.upgrade-preview>img{height:105px}.upgrade-preview{height:120px}.upgrade-input-bar{gap:17px}.epoch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prestige-panel{align-items:flex-start}.prestige-panel h2{font-size:22px}.case-detail-heading{flex-wrap:wrap;gap:15px}.case-detail-heading h2{font-size:18px}.case-detail .mini-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.header{gap:12px;min-height:102px}.header .top-nav{gap:24px;justify-content:flex-start;max-width:100%;min-width:0;height:36px}.header .top-nav a{font-size:9px;flex-shrink:0}.long-run-banner{padding:20px;display:block}.long-run-banner h2{font-size:18px;line-height:1.5}.long-run-banner button{margin-top:10px;font-size:10px}.virtual-warning{padding:12px;font-size:8px;line-height:1.9;margin-bottom:18px}.upgrade-machine{grid-template-columns:1fr 1fr;padding:22px 13px;gap:18px;min-height:0}.upgrade-dial-wrap{grid-column:1/-1;grid-row:2;gap:23px;padding:10px 0 5px}.upgrade-pedestal>small{font-size:6px}.upgrade-pedestal>strong{font-size:18px}.upgrade-pedestal>p{font-size:8px;min-height:28px}.upgrade-preview{height:115px}.upgrade-preview>img{height:105px}.upgrade-preview>span:not(.image-fallback){font-size:60px}.upgrade-dial{width:205px;height:205px}.upgrade-dial-center strong{font-size:34px}.upgrade-dial-wrap>.primary-button{min-width:205px;font-size:11px}.upgrade-input-bar{padding:15px;gap:16px}.upgrade-input-bar label{width:100%;font-size:9px;justify-content:space-between}.upgrade-input-bar input{width:135px}#upgrade-rule{margin-left:0;font-size:8px;width:100%}.target-presets{width:100%;justify-content:flex-start}.upgrade-pickers{grid-template-columns:1fr;gap:17px;margin-top:20px}.upgrade-pickers>section{padding:17px 12px}.picker-heading h2{font-size:12px}.mini-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mini-skin{padding:8px 7px 10px}.mini-skin>div{height:80px}.mini-skin small{font-size:6px}.mini-skin b{font-size:8px}.mini-skin>span{font-size:8px}.game-result{font-size:10px;padding:15px;line-height:1.9}.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.case-filter{gap:8px}.case-filter input{font-size:10px;width:50%}.case-filter select{min-width:0;width:43%;font-size:9px}.case-card{padding:16px 12px}.case-card>div{height:108px}.case-card>small{font-size:6px;line-height:1.7}.case-card h3{font-size:10px;min-height:34px}.case-card>span{font-size:15px}.case-card>b{font-size:7px;line-height:1.7}.void-case-art{width:116px;height:82px}.void-case-art:before,.void-case-art:after{width:9px}.void-case-art:before{left:9px}.void-case-art:after{right:9px}.void-case-art>span{font-size:36px}.void-case-art>b{font-size:6px}.case-detail{padding:15px 10px}.case-detail-heading{gap:12px;margin-bottom:18px}.case-detail-heading h2{font-size:17px;width:100%;order:2}.case-detail-heading .secondary-button{font-size:8px;padding:9px}.case-detail-heading>span{font-size:15px}.case-reel{height:184px}.reel-item{width:135px;height:150px;padding:9px}.reel-item>img{height:90px}.reel-item>b{font-size:8px}.case-open-actions{display:block;text-align:center}.case-open-actions .primary-button{width:100%}.case-open-actions>span{display:block;font-size:8px;max-width:none;margin-top:15px}.case-contents-title{font-size:12px}.case-group-odds{gap:6px}.case-group-odds>span{font-size:7px;padding:7px}.case-detail .mini-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.prestige-panel{display:block;padding:21px 17px}.prestige-panel h2{font-size:22px}.prestige-panel p{font-size:10px}.prestige-panel small{font-size:8px;line-height:1.8;display:block}.prestige-panel .primary-button{margin-top:20px;width:100%}.epoch-grid{gap:12px}.epoch-card{padding:19px 13px}.epoch-card h2{font-size:18px;line-height:1.3;min-height:46px}.epoch-card p{font-size:8px;line-height:1.8}.epoch-card>small{font-size:7px}.epoch-card .full-width{font-size:8px;padding:9px 4px;min-height:42px}.epoch-number{font-size:49px;top:13px;right:8px}.epoch-weapon{height:90px}.catalog-toolbar select{max-width:none}}

/* clickgrader.css */
/* ClickGrader CG4: atlas, complete game screens and readable controls. */
:root { --cg-panel:#191c23; --cg-border:#303642; --cg-text:#dce1ec; --cg-muted:#919bad; }
body { background:#101216; color:var(--cg-text); }
button, input, select { min-width:0; }
.logo { letter-spacing:-.9px; font-size:24px; display:inline-block; }
.cg-logo-accent { color:var(--yellow); }
.cg-logo-mark { background:var(--yellow); color:#161710; width:29px; height:30px; display:inline-grid; place-items:center; border-radius:8px; font-size:25px; margin-right:8px; vertical-align:middle; }
.logo .edition { margin-left:42px; letter-spacing:2px; font-size:7px; }
.header { background:#14171c; }
.header-right { position:relative; }
.cg-menu { position:relative; }
.icon-button { border:1px solid #3c4351; background:#242a35; color:#bfc8da; border-radius:6px; min-width:32px; height:32px; display:inline-grid; place-items:center; font:16px Inter,Arial,sans-serif; cursor:pointer; }
.icon-button:hover:not(:disabled), .icon-button.active { color:var(--yellow); border-color:#8d7d43; }
#cg-menu-toggle { width:36px; height:38px; font-size:22px; }
#cg-menu-panel { position:absolute; right:0; top:48px; width:255px; max-height:75vh; overflow-y:auto; padding:8px; background:#1b202a; border:1px solid #424a58; border-radius:10px; box-shadow:0 20px 60px #0009; z-index:80; }
#cg-menu-panel a { display:flex; align-items:center; gap:13px; padding:13px 11px; border-radius:6px; font-size:12px; color:#c9d1df; }
#cg-menu-panel a:hover { color:var(--yellow); background:#2b2d29; }
#cg-menu-panel a span { width:22px; color:#c8b76b; font-size:17px; }
.app-main { max-width:1600px; }
.primary-button { min-height:40px; }
.secondary-button { min-height:34px; }
input[type=search], input[type=number], input[type=text], select { border:1px solid #394251; background:#121720; border-radius:6px; color:#d7deeb; padding:11px 12px; font:11px Inter,Arial,sans-serif; }
input::placeholder { color:#7d8ba2; }
input[type=checkbox] { accent-color:var(--yellow); width:16px; height:16px; }
input[type=range] { accent-color:var(--yellow); }
.section-title p { color:#929bad; font-size:11px; }
.section-subheading { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:30px 0 20px; }
.section-subheading h2 { font-size:20px; margin:0; }
.section-subheading small, .section-subheading>span { color:#919bad; font-size:10px; }
.activity-card { border:1px solid var(--cg-border); background:linear-gradient(140deg,#1d212b,#171b23); padding:25px; border-radius:12px; min-width:0; }
.activity-card h2 { font-size:20px; margin:0 0 17px; }
.activity-card h3 { font-size:14px; margin:22px 0 15px; }
.activity-card p { color:#9aa4b6; font-size:11px; line-height:1.9; }
.activity-card .eyebrow { color:#a49b7a; font-size:8px; margin-bottom:18px; display:block; }
.danger-button { background:#d77f75; border-color:#e1968d; color:#25100e; }
.long-run-banner>div:last-child { display:flex; flex-direction:column; gap:10px; }
.long-run-banner h2 { line-height:1.4; }
dialog { max-height:calc(100dvh - 60px); overflow-y:auto; }
.dialog-actions { flex-wrap:wrap; }
.dialog-actions button { flex:1; }

/* Original images are embedded in artwork.js, not dependent on URL paths. */
.cg-original { filter:drop-shadow(0 9px 8px #0006); }
.evolution-1 { filter:drop-shadow(0 0 12px #b5d8ff70) saturate(1.15)!important; }
.evolution-2 { filter:drop-shadow(0 0 16px #b5a1ff99) saturate(1.35) hue-rotate(9deg)!important; }
.evolution-3 { filter:drop-shadow(0 0 23px #f0d288b3) saturate(1.6)!important; animation:relic-breathe 3s ease-in-out infinite; }
@keyframes relic-breathe { 50% { filter:drop-shadow(0 0 30px #d2b1ffb3) saturate(1.8); } }
.weapon-image[role=button] { cursor:zoom-in; }
.weapon-image[role=button]:focus-visible { outline:2px solid var(--yellow); outline-offset:-3px; }
.epoch-weapon { display:block; width:100%; background:transparent; border:0; cursor:zoom-in; }
#skin-inspector { width:780px; padding:28px; background:radial-gradient(ellipse at 50% 25%,#36364a40,transparent 65%),#181e28; border-color:#5b5f6e; }
.inspector-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.inspector-art { height:300px; position:relative; overflow:hidden; display:grid; place-items:center; background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--skin-color) 12%,transparent),transparent 65%); margin:12px 0; border-radius:12px; }
.inspector-art:before { content:''; position:absolute; inset:0; background-image:linear-gradient(#aeb5d807 1px,transparent 1px),linear-gradient(90deg,#aeb5d807 1px,transparent 1px); background-size:28px 28px; }
.inspector-art img { width:100%; height:100%; object-fit:contain; position:relative; transition:transform .15s; }
.inspector-zoom { display:flex; align-items:center; gap:20px; color:#9da9bd; font-size:10px; }
.inspector-zoom input { flex:1; }
.inspector-tags { display:flex; gap:8px; flex-wrap:wrap; }
.inspector-tags span { padding:7px 10px; border:1px solid #404a5a; border-radius:5px; color:#c4cfe0; font-size:10px; }
.inspector-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.inspector-actions>button { flex:1; min-width:180px; line-height:1.6; }
#skin-inspector>small { color:#6f7f95; font-size:10px; }

/* A graph with actual forks, joins, mutually exclusive keystones and cross-links. */
.research-summary>button { display:grid; grid-template-columns:25px 1fr; align-items:center; gap:5px 7px; padding:13px 11px; text-align:left; border:1px solid #35404b; border-radius:8px; background:#1b222b; color:#ced6e1; cursor:pointer; }
.research-summary>button:hover { border-color:var(--branch); }
.research-summary>button>span { grid-row:span 2; font-size:24px; color:var(--branch); }
.research-summary>button>b { font-size:10px; }
.research-summary>button>small { font-size:9px; color:#8494aa; }
.cg-tree-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:18px; }
.tree-map-shell { min-width:0; border:1px solid #3a414a; border-radius:13px; overflow:hidden; background:#0b1017; }
.tree-map-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:15px; background:linear-gradient(90deg,#242725,#1a2028); border-bottom:1px solid #3a414a; }
.tree-map-toolbar>div:first-child { font-size:8px; letter-spacing:1.7px; color:#d1c591; }
.tree-map-toolbar>div:last-child { display:flex; align-items:center; gap:7px; }
#tree-point-count { display:inline-block; margin-left:15px; font-size:8px; color:#97a3b4; }
#tree-zoom-value { width:40px; text-align:center; font:10px monospace; color:#a5b2c6; }
.tree-map-toolbar .secondary-button { padding:7px 10px; font-size:9px; }
.tree-viewport { position:relative; height:700px; overflow:hidden; touch-action:none; cursor:grab; background:radial-gradient(ellipse at 50% 45%,#18212b,#090f17 75%); }
.tree-viewport:active { cursor:grabbing; }
.tree-world { position:absolute; inset:0 auto auto 0; transform-origin:0 0; will-change:transform; user-select:none; }
.tree-lines, #tree-node-layer { position:absolute; inset:0; }
.tree-lines { pointer-events:none; }
.tree-orbit { fill:none; stroke:#7088a71a; stroke-width:3; stroke-dasharray:12 20; }
.tree-edge { fill:none; stroke:#3b4c61; stroke-width:6; opacity:.55; }
.tree-edge.optional { stroke-dasharray:12 12; }
.tree-edge.reachable { stroke:var(--branch); opacity:.65; stroke-width:7; }
.tree-edge.active { stroke:var(--branch); opacity:1; stroke-width:10; filter:drop-shadow(0 0 8px var(--branch)); }
.atlas-node { position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; width:75px; height:75px; padding:0; border:0; background:transparent; color:#bdc9db; transform:translate(-50%,-50%); pointer-events:auto; cursor:pointer; overflow:visible; }
.atlas-node-face { width:72px; height:72px; flex-shrink:0; display:grid; place-items:center; font-size:31px; color:var(--branch); border:3px solid #49607a; border-radius:50%; background:radial-gradient(circle at 35% 20%,#34465c,#172435 70%); box-shadow:0 7px 0 #070c13,0 0 0 7px #0b131ecc; transition:border-color .2s,filter .2s; }
.atlas-node-name { display:block; width:185px; max-width:185px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:15px; font-size:20px; font-weight:600; letter-spacing:.1px; color:#a6b3c6; text-shadow:0 2px 8px #000; }
.atlas-node-sub { margin-top:7px; color:#627792; font:15px monospace; letter-spacing:1px; }
.atlas-node.atlas-locked { opacity:.4; }
.atlas-node.available .atlas-node-face { border-color:var(--branch); box-shadow:0 0 0 7px #111c29,0 0 25px color-mix(in srgb,var(--branch) 20%,transparent); }
.atlas-node.owned .atlas-node-face { border-color:var(--branch); color:#fff7cd; background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--branch) 45%,#26394b),#1b2b3c 80%); box-shadow:0 0 0 7px #152135,0 0 28px color-mix(in srgb,var(--branch) 35%,transparent); }
.atlas-node.owned .atlas-node-face:after { content:'✓'; position:absolute; right:-5px; top:-8px; width:26px; height:26px; border-radius:50%; color:#132219; background:#c2e0ab; border:3px solid #102018; font-size:16px; display:grid; place-items:center; }
.atlas-node.selected .atlas-node-face, .atlas-node:focus-visible .atlas-node-face { outline:4px solid #fff3ba; outline-offset:8px; }
.atlas-node:focus-visible { outline:none; }
.junction-node .atlas-node-face { border-radius:17px; background:radial-gradient(#35506b,#192a3f); }
.talent-node { width:110px; height:100px; }
.talent-node .atlas-node-face { width:102px; height:94px; border-radius:22px; font-size:53px; border-width:4px; background:linear-gradient(145deg,#494a35,#1f2a34); box-shadow:0 0 0 8px #192333,0 0 30px #0006; }
.talent-node .atlas-node-name { width:240px; max-width:240px; font-size:24px; color:#c7c19f; }
.talent-node.link .atlas-node-face { border-radius:45%; }
.root-node { width:190px; height:170px; }
.root-node .atlas-node-face { width:154px; height:154px; color:#211e11!important; font-size:85px; border:5px solid #fff2a3!important; background:radial-gradient(circle at 35% 25%,#fff3b0,#d7b84c 75%)!important; box-shadow:0 0 0 12px #73623638,0 0 85px #edd06c24!important; }
.root-node .atlas-node-name { color:#e8d998; width:260px; max-width:260px; font-size:32px; letter-spacing:1px; margin-top:25px; }
.root-node .atlas-node-sub { font-size:16px; }
.root-node .atlas-node-face:after { display:none; }
.tree-world.overview .atlas-node-name, .tree-world.overview .atlas-node-sub { opacity:0; }
.tree-world.overview .root-node .atlas-node-name { opacity:1; }
.tree-map-hint { position:absolute; left:15px; bottom:15px; pointer-events:none; color:#697f98; font-size:8px; padding:7px 10px; border:1px solid #35465b; border-radius:5px; background:#111d2cdd; }
.tree-minimap { position:absolute; right:15px; bottom:15px; width:125px; height:125px; padding:5px; background:#111c2cdd; border:1px solid #53617a; border-radius:8px; cursor:crosshair; }
.tree-minimap svg { width:100%; height:100%; }
.tree-legend { display:flex; align-items:center; flex-wrap:wrap; gap:17px; padding:13px 16px; color:#7f92ab; font-size:9px; border-top:1px solid #28384b; }
.tree-legend span { display:flex; align-items:center; gap:6px; }
.tree-legend i { width:7px; height:7px; border-radius:50%; }
.legend-owned { background:#d1c06d; box-shadow:0 0 7px #d1c06d; }
.legend-available { border:1px solid #c4d6f1; }
.legend-locked { background:#3b4b61; }
.tree-detail { min-width:0; align-self:start; position:sticky; top:15px; padding:25px 21px; border:1px solid #3f4857; border-radius:12px; background:linear-gradient(140deg,#262d39,#1a212c); }
.detail-symbol { font-size:45px; color:var(--yellow); margin-bottom:25px; }
.tree-detail .eyebrow { font-size:8px; color:#93a2b7; line-height:1.9; }
.tree-detail h2 { font-size:24px; line-height:1.3; margin:15px 0; }
.tree-detail p { color:#9aa9bd; font-size:11px; line-height:1.9; }
.tree-detail-note { padding:13px; border:1px solid #49505a; border-radius:7px; background:#202a35; color:#a2b2c7; font-size:10px; line-height:1.8; margin:18px 0; }
.tree-effect-preview { border-top:1px solid #3b4655; padding-top:15px; margin-top:20px; }
.tree-effect-preview>div { display:flex; flex-direction:column; gap:8px; margin:16px 0; }
.tree-effect-preview dt { font-size:9px; color:#8499b3; }
.tree-effect-preview dd { margin:0; color:#e1d596; font-size:14px; }
.tree-node-cost { color:#f0dda0; font-size:22px; margin:25px 0 18px; }
.tree-requirement { font-size:10px!important; color:#9eaa9b!important; }
.tree-builds { margin-top:25px; padding:24px; background:#1b222e; border:1px solid #3b4557; border-radius:10px; }
.tree-builds h3 { margin:0 0 12px; font-size:17px; }
.tree-builds p { font-size:11px; line-height:1.8; color:#96a6bd; }
.tree-build-actions { display:flex; gap:12px; flex-wrap:wrap; margin:20px 0; }
.tree-build-actions input { flex:1; min-width:180px; }
#tree-saved-builds { display:flex; flex-wrap:wrap; gap:12px; }
#tree-saved-builds>div { display:flex; align-items:center; gap:12px; border:1px solid #43506a; background:#242d3c; border-radius:7px; padding:12px; }
#tree-saved-builds b { font-size:12px; }
#tree-saved-builds>small, #tree-saved-builds span { font-size:10px; color:#859bb9; }

/* Upgrade: a visible physical marker, honest sector and persistent result. */
.upgrade-machine { background:radial-gradient(ellipse at 50% 40%,#b9c78a09,transparent 65%),#151b24; border-color:#364354; }
.upgrade-dial { background:conic-gradient(from 0deg,#cdd77e 0deg var(--chance-angle),#394354 var(--chance-angle) 360deg); box-shadow:0 0 0 8px #242e3d,0 0 0 9px #4e5c72,0 0 80px #d5da7712; }
.upgrade-dial-center { background:radial-gradient(circle at 50% 35%,#2c3747,#101822 80%); }
.upgrade-dial-center strong { color:#f1e6aa; }
.dial-needle { inset:-21px; will-change:transform; z-index:5; }
.dial-needle i { width:18px; height:34px; left:calc(50% - 9px); background:#fff7c9; filter:drop-shadow(0 0 8px #fff0a5); }
.is-spinning .upgrade-dial { box-shadow:0 0 0 8px #293341,0 0 0 10px #c3b467,0 0 90px #cfc47730; }
.is-spinning .upgrade-dial-center { border-color:#d5cc88; }
.spin-progress { width:200px; }
.spin-progress>span { color:#abae8c; font-size:9px; display:block; text-align:center; margin:0 0 8px; }
.spin-progress>div { height:3px; border-radius:3px; background:#3b4555; overflow:hidden; }
.spin-progress i { display:block; height:100%; width:0; background:var(--yellow); }
.upgrade-pickers>section { background:#19212b; border-color:#3b4654; }
.upgrade-target-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 16px; }
.upgrade-target-filters :is(input,select) { font-size:10px; width:100%; }
#upgrade-source-search { width:100%; margin-bottom:15px; }
.stake-source-card { border:1px solid #344254; border-radius:8px; overflow:hidden; background:#1b2736; min-width:0; }
.stake-source-card>.mini-skin { display:block; width:100%; border-left:0; border-right:0; border-top:0; border-radius:0; }
.stake-source-controls { display:flex; justify-content:space-between; align-items:center; gap:3px; padding:7px 5px; }
.stake-source-controls .icon-button { min-width:25px; width:25px; height:27px; font-size:12px; }
.stake-source-controls>span { font-size:10px; color:#d0c990; }
.game-result { display:flex; align-items:center; gap:23px; }
.game-result h3 { font-size:19px; margin:9px 0 14px; line-height:1.4; }
.game-result p { margin:7px 0; font-size:11px; line-height:1.8; }
.game-result small { font-size:8px; letter-spacing:1px; }
.game-result>div>span { font-size:9px; }
.result-art { width:160px; height:130px; flex-shrink:0; }
.result-art img { width:100%; height:100%; object-fit:contain; }
.upgrade-history { margin-top:30px; border:1px solid #303b4b; border-radius:10px; background:#181f2a; padding:23px; }
.upgrade-history h2 { font-size:17px; margin:0 0 20px; }
#upgrade-history-list>div { display:grid; grid-template-columns:80px 1fr 1fr; gap:15px; padding:14px 0; border-bottom:1px solid #303c4d; font-size:10px; color:#a0b0c6; }
#upgrade-history-list b { font-size:10px; color:#c7d0dd; }
#upgrade-history-list>p { font-size:11px; color:#8598b1; }

/* Cases: functional filters, logarithmic dual range and batch reels. */
.case-filter { flex-wrap:wrap; padding:17px; border:1px solid #344153; background:#19232f; border-radius:10px; align-items:center; }
.case-filter>input[type=search] { flex:1; min-width:220px; }
.case-filter>input[type=number] { width:130px; }
.case-filter select { flex:1; min-width:150px; font-size:10px; }
.case-filter>label { display:flex; align-items:center; gap:8px; font-size:10px; color:#a6b5cb; }
.case-price-range { display:flex; flex-wrap:wrap; gap:20px; align-items:center; padding:0 10px 24px; color:#859ab6; }
.case-price-range>span { font-size:10px; }
.case-price-range>label { display:flex; align-items:center; gap:10px; font-size:10px; flex:1; min-width:170px; }
.case-price-range input { flex:1; width:100%; }
#case-results-count { margin-left:auto; }
.case-card { background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--case-color) 10%,transparent),transparent 75%),#1b2431; border-color:#39485d; }
.case-card>small { color:#8d9fb9; }
.case-card>b { color:#b2ad91; }
.case-open-options { display:flex; gap:17px; flex-wrap:wrap; justify-content:center; margin:22px 0 10px; }
.case-open-options>label { display:flex; align-items:center; gap:10px; font-size:10px; color:#99abc4; }
.case-open-options select { font-size:10px; }
.case-open-actions { margin-top:15px; }
.case-reel { background:#101824; }
.case-reel.multi-reel { height:auto; min-height:210px; }
.case-reel-line { position:relative; height:210px; overflow:hidden; border-bottom:1px solid #354254; }
.case-reel-line:last-child { border-bottom:0; }
.case-reel.multi-reel .case-reel-line { height:183px; }
.case-reel.multi-reel .reel-item { height:151px; }
.case-reel.multi-reel .reel-item img { height:88px; }
.reel-item { background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 85%),#202b3c; border-color:#43536a; border-bottom-color:var(--rarity); }
#case-result { display:block; }
.case-result-heading { display:flex; flex-direction:column; gap:9px; margin-bottom:22px; }
.case-result-heading>b { font-size:11px; letter-spacing:1px; }
.case-result-heading>span { font-size:10px; color:#a5beac; }
.case-results-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:15px; }
.case-results-grid>div { padding:14px; background:#15251b; border:1px solid #3b6348; border-radius:8px; min-width:0; }
.case-results-grid button { display:block; border:0; background:transparent; width:100%; height:110px; }
.case-results-grid img { width:100%; height:100%; object-fit:contain; }
.case-results-grid b, .case-results-grid small, .case-results-grid span { display:block; font-size:10px; line-height:1.7; margin:9px 0; overflow-wrap:anywhere; }
.case-results-grid small { font-size:9px; color:#a1b7a5; }
.case-results-grid span { font-size:9px; color:#c0ccaf; }

/* Inventory with real quantities and protection. */
.inventory-filters { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:18px; border:1px solid #35445a; border-radius:9px; background:#192536; }
.inventory-filters>input { min-width:170px; flex:1; }
.inventory-filters select { max-width:180px; font-size:10px; flex:1; }
.inventory-filters label { display:flex; align-items:center; gap:7px; font-size:10px; color:#a3b4cf; }
.inventory-card { background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--rarity) 10%,transparent),transparent 85%),#1c2635; }
.inventory-art { display:block; width:100%; height:145px; border:0; background:transparent; padding:12px; cursor:zoom-in; }
.inventory-art img { width:100%; height:100%; object-fit:contain; }
.inventory-row { display:flex; align-items:center; justify-content:space-between; gap:7px; margin:12px 0; }
.inventory-row>b { font-size:12px; color:#dfd18e; }
.inventory-row>div { display:flex; gap:6px; }
.inventory-selection { display:flex; justify-content:space-between; align-items:center; gap:6px; border-top:1px solid #344156; padding-top:12px; }
.inventory-selection>.secondary-button { font-size:9px; padding:7px; }
.inventory-selection>div { display:flex; align-items:center; gap:5px; color:#a9bad2; font-size:10px; }
.inventory-selection .icon-button { min-width:24px; width:24px; height:29px; font-size:13px; }
.inventory-bulk-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:flex-end; }
.inventory-bulk-actions>button { font-size:10px; }

/* Missions, boss, workshop and bot-only battles. */
.activity-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.boss-card { background:radial-gradient(ellipse at 0% 0%,#9b536b25,transparent 75%),#211f2b; border-color:#654354; }
#boss-panel, #challenge-panel { padding:16px 0; color:#c9b5c1; font-size:12px; line-height:1.8; }
.boss-hud { position:absolute; top:65px; left:20px; right:20px; padding:14px; border:1px solid #895670; background:#2b1825d9; border-radius:8px; z-index:5; pointer-events:none; }
.boss-hud>div:first-child { display:flex; justify-content:space-between; gap:10px; }
.boss-hud b { color:#e9afc6; font-size:9px; letter-spacing:1px; }
.boss-hud span { font-size:10px; color:#d68baf; }
.boss-hud .progress-track { background:#4a2f42; margin-top:10px; }
.boss-hud .progress-track>div { background:#da86af; }
.boss-hud>small { display:block; margin-top:10px; font-size:7px; letter-spacing:.6px; color:#bb91ad; }
.quest-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.quest-card { border:1px solid #38455b; background:linear-gradient(140deg,#242d3b,#192332); padding:22px; border-radius:10px; min-width:0; }
.quest-card>small { font-size:8px; color:#8eaaaf; letter-spacing:1.2px; }
.quest-card h3 { font-size:15px; line-height:1.4; margin:15px 0; }
.quest-card p { font-size:10px; line-height:1.8; color:#9aaec6; min-height:54px; }
.quest-card>span { display:block; font-size:10px; margin:12px 0; color:#a7bdd5; }
.quest-card>b { display:block; font-size:9px; color:#d9ca91; line-height:1.8; margin:15px 0; }
.quest-card button { width:100%; font-size:9px; }
.quest-card.claimed { border-color:#466b59; opacity:.75; }
.weekly-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.weekly-grid .quest-card p { min-height:0; }
.workshop-stats { display:flex; gap:20px; margin-bottom:22px; padding:20px; background:#212a38; border:1px solid #43516b; border-radius:9px; }
.workshop-stats>span { color:#91a7c7; font-size:10px; flex:1; }
.workshop-stats b { display:block; margin-top:9px; color:#e4d69c; font-size:22px; }
.workshop-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:20px; }
.workshop-add { display:flex; gap:8px; flex-wrap:wrap; margin:20px 0; }
.workshop-add select { flex:1; min-width:160px; width:50%; }
.workshop-add button { font-size:9px; }
.workshop-stake { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:15px 0; }
.workshop-stake>div { min-width:0; }
.workshop-stake .mini-skin { width:100%; }
.workshop-stake>div>.secondary-button { width:100%; margin-top:7px; font-size:8px; }
.workshop-action-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:20px 0; }
.workshop-action-row>strong { color:#ddcf91; font-size:16px; margin-right:auto; }
.workshop-action-row button { font-size:10px; }
#craft-search, #craft-target { display:block; width:100%; margin:15px 0; }
.craft-preview { height:230px; }
.craft-preview>button { width:100%; height:100%; background:transparent; border:0; }
.craft-preview img { width:100%; height:100%; object-fit:contain; }
#craft-cost { font-size:12px; line-height:1.8; color:#dbcb87; margin:20px 0; }
#contract-result { display:block; }
#contract-result .mini-skin-grid { grid-template-columns:minmax(0,1fr); max-width:230px; margin:15px auto; }
.collection-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.collection-card { min-width:0; padding:22px; background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--era-color) 10%,transparent),transparent 85%),#202a38; border:1px solid #3c4c62; border-radius:11px; }
.collection-card>small { font-size:8px; color:#90a6bd; line-height:1.9; display:block; }
.collection-card h3 { color:var(--era-color); font-size:20px; margin:12px 0; }
.collection-card>button:first-of-type { height:125px; width:100%; border:0; background:transparent; }
.collection-card img { width:100%; height:100%; object-fit:contain; }
.collection-card p { color:#a4b3c8; font-size:10px; }
.collection-card .progress-track { margin:15px 0; background:#3a4657; }
.collection-card .progress-track>div { background:var(--era-color); }
.collection-card>.secondary-button { width:100%; font-size:9px; line-height:1.6; margin-top:17px; }
.battle-controls { display:flex; align-items:center; flex-wrap:wrap; gap:15px; padding:20px; border:1px solid #3a485e; border-radius:10px; background:#1a2536; }
.battle-controls select:first-child { flex:1; min-width:170px; }
.battle-controls strong { color:#cabb84; font-size:11px; }
.battle-board { display:grid; grid-template-columns:1fr 90px 1fr; gap:20px; padding:30px; margin-top:22px; border:1px solid #3e4b5e; border-radius:12px; background:#182332; }
.battle-player { text-align:center; min-width:0; }
.battle-player h2 { font-size:18px; }
.battle-player>strong { display:block; font-size:25px; color:#e1d298; margin:20px 0; }
.battle-avatar { width:68px; height:68px; display:grid; place-items:center; border-radius:18px; background:linear-gradient(135deg,#9c8b47,#4a4c36); color:#fff2ad; font-size:23px; font-weight:800; margin:auto; }
.battle-avatar.bot { background:linear-gradient(135deg,#62517b,#2a3c5a); color:#bfc9f0; }
.battle-versus { align-self:center; text-align:center; font:45px 'Barlow Condensed',Impact,sans-serif; color:#6c6c71; }
.battle-versus>small { display:block; font:7px Inter,sans-serif; letter-spacing:1px; margin-top:15px; }
#battle-player-drops, #battle-bot-drops { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.history-controls { display:flex; gap:15px; justify-content:space-between; margin-bottom:22px; }
.history-list { border:1px solid #3a475b; border-radius:11px; padding:0 20px; background:#1b2636; }
.history-list>article { display:grid; grid-template-columns:140px 110px minmax(0,1fr) 130px; align-items:center; gap:15px; padding:18px 0; border-bottom:1px solid #34435a; }
.history-list>article:last-child { border:0; }
.history-list time { font-size:9px; color:#859eba; }
.history-list b { font-size:11px; }
.history-list article>span { font-size:10px; color:#9eafc7; line-height:1.8; overflow-wrap:anywhere; }
.history-list strong { font-size:12px; text-align:right; overflow-wrap:anywhere; }
.positive { color:#9bc6a4; }
.negative { color:#d6a2a1; }

/* Settings, model laboratory and documentation. */
.settings-grid, .codex-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.setting-row { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:14px 0; border-bottom:1px solid #354358; font-size:11px; color:#b1c0d6; }
.setting-row>select { max-width:190px; font-size:10px; }
.setting-row>input[type=number] { width:95px; }
.settings-save-actions { display:flex; flex-wrap:wrap; gap:9px; margin:20px 0; }
.settings-save-actions button { font-size:10px; }
#diagnostics-summary { color:#9fb2cc; font-size:11px; margin:25px 0; line-height:1.8; }
.profile-stat-list>div, .lab-stats>div { display:flex; justify-content:space-between; align-items:center; gap:15px; border-bottom:1px solid #34465e; padding:15px 0; }
.profile-stat-list dt, .lab-stats dt { font-size:11px; color:#96adcd; }
.profile-stat-list dd, .lab-stats dd { margin:0; color:#ddce91; font-size:15px; text-align:right; }
.lab-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:20px; }
.lab-turrets { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:23px; }
.lab-turrets label { display:flex; flex-direction:column; gap:10px; color:#92aacb; font-size:10px; }
.lab-turrets input, .lab-turrets select { width:100%; }
#lab-talents { display:grid; grid-template-columns:1fr 1fr; gap:15px 10px; margin:20px 0; }
#lab-talents label { color:#a5b8d1; font-size:10px; display:flex; align-items:center; gap:8px; }
.cg-veteran .void-core { outline:1px solid #cbb0e0; outline-offset:7px; }
.void-core { animation:none!important; background:transparent; border:0; box-shadow:none; }
.void-core:before { display:none; }
.core-coin-visual { position:absolute; inset:0; display:grid; place-items:center; border:1px solid #f4e28a; border-radius:50%; background:radial-gradient(circle at 35% 26%,#fff1a1,#dfbc38 58%,#836017); box-shadow:inset 0 0 24px #ffe59185,0 0 45px #f3d13e12; animation:core-float 4s ease-in-out infinite; pointer-events:none; }
.core-coin-visual:before { content:''; position:absolute; inset:8px; border:1px solid #c8a740; border-radius:50%; box-shadow:inset 0 0 0 3px #ffed8b38; }
.core-coin-visual>span { color:#fff3a1; font-weight:900; text-shadow:0 3px 0 #9c771f; }
#void-stage[data-epoch="4"], #void-stage[data-epoch="7"] { background:radial-gradient(ellipse at 50% 50%,#28495433,#0b1523 55%,#070a13); }
#void-stage[data-epoch="5"], #void-stage[data-epoch="9"] { background:radial-gradient(ellipse at 50% 50%,#63354f33,#1e1223 55%,#090911); }
#void-stage[data-epoch="10"], #void-stage[data-epoch="11"] { background:radial-gradient(ellipse at 50% 50%,#776d3d25,#171a20 55%,#090c12); }
body[data-theme=neon] { --yellow:#74e0df; }
body[data-theme=solar] { --yellow:#ffbd72; }
body.high-contrast { --cg-text:#fff; --cg-muted:#c9d4e4; }
body.high-contrast :is(p,small,label,.eyebrow,.section-title p,.sidebar-description) { color:#c4d0e0!important; }
body.high-contrast :is(.panel,.activity-card,.skin-card,.quest-card,.tree-detail) { border-color:#71839d!important; }
body[data-font=large] :is(p,.sidebar-description,.virtual-warning,.setting-row) { font-size:13px!important; }
body[data-font=large] :is(small,.eyebrow,.buy-skin,.secondary-button) { font-size:11px!important; line-height:1.6; }
body.low-power *, body[data-motion=reduced] * { animation:none!important; transition:none!important; }
body.low-power :is(.void-core,.hero-core,.turret-center,.atlas-node-face,.tree-edge) { filter:none!important; box-shadow:none!important; }

@media(min-width:1600px) {
  .cg-tree-layout { grid-template-columns:minmax(0,1fr) 310px; }
  .tree-viewport { height:760px; }
}
@media(max-width:1150px) {
  .cg-tree-layout { grid-template-columns:minmax(0,1fr) 255px; gap:13px; }
  .tree-detail { padding:21px 17px; }
  .tree-detail h2 { font-size:21px; }
  .tree-map-toolbar { padding:12px; }
  .quest-grid, .collection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .history-list>article { grid-template-columns:100px 90px minmax(0,1fr) 110px; gap:12px; }
  .workshop-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:900px) {
  .cg-tree-layout { grid-template-columns:1fr; }
  .tree-viewport { height:630px; }
  .tree-detail { position:static; display:block; }
  .detail-symbol { float:right; margin:0 0 20px 20px; }
  .tree-effect-preview { display:flex; gap:30px; }
  .tree-node-cost { display:inline-block; margin:15px 25px 15px 0; }
  .tree-detail>.primary-button { width:auto; min-width:190px; }
  .inventory-filters select { max-width:none; }
  .deposit-bar { align-items:flex-start; }
  .inventory-bulk-actions { max-width:70%; }
  .activity-grid, .workshop-grid, .settings-grid, .lab-layout { grid-template-columns:1fr; }
  .workshop-stake { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .workshop-grid .activity-card>.mini-skin-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .craft-preview { height:250px; }
  .quest-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .quest-card { padding:18px; }
  .quest-card h3 { font-size:14px; }
  .collection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .history-list>article { grid-template-columns:100px 1fr 110px; }
  .history-list article>span { grid-column:1/-1; grid-row:2; }
}
@media(max-width:600px) {
  .header { padding:14px 15px 0; gap:12px; }
  .logo { font-size:20px; white-space:nowrap; }
  .cg-logo-mark { width:25px; height:26px; font-size:23px; margin-right:5px; border-radius:6px; }
  .logo .edition { margin-left:34px; font-size:5px; letter-spacing:1.3px; margin-top:5px; }
  .header-right { gap:7px; }
  .header-right .deposit-header { display:none; }
  #cg-menu-toggle { width:30px; min-width:30px; height:34px; }
  .wallet { padding:8px; min-width:70px; }
  .header .top-nav { gap:22px; }
  .app-main { padding-left:14px; padding-right:14px; }
  .section-title h1 { font-size:34px; }
  .section-title p { font-size:10px; }
  .activity-card { padding:21px 17px; }
  .activity-card h2 { font-size:19px; }
  .activity-card p { font-size:11px; }
  .section-subheading { align-items:flex-start; }
  .section-subheading h2 { font-size:18px; }
  .section-subheading small { font-size:8px; max-width:130px; line-height:1.7; text-align:right; }
  .long-run-banner>div:last-child { margin-top:17px; }
  .long-run-banner .primary-button, .long-run-banner .secondary-button { width:100%; margin:0; }
  #skin-inspector { padding:21px 15px; max-width:94vw; }
  #skin-inspector h2 { font-size:20px; line-height:1.4; }
  .inspector-art { height:210px; }
  .inspector-heading .eyebrow { font-size:7px; }
  .inspector-zoom { font-size:8px; gap:12px; }
  .inspector-tags span { font-size:8px; padding:7px 8px; }
  .inspector-actions>button { font-size:10px; min-width:130px; }
  .research-summary { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  .research-summary>button { padding:11px 5px; display:flex; flex-direction:column; gap:6px; text-align:center; min-width:0; }
  .research-summary>button>b { font-size:7px; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
  .research-summary>button>span { font-size:22px; }
  .research-summary>button>small { font-size:8px; }
  .tree-map-toolbar { gap:10px; padding:13px 10px; }
  .tree-map-toolbar>div:first-child { font-size:7px; letter-spacing:1px; }
  #tree-point-count { font-size:7px; margin-left:8px; }
  .tree-map-toolbar>div:last-child { gap:6px; width:100%; justify-content:space-between; }
  .tree-map-toolbar .secondary-button { font-size:8px; padding:7px 10px; }
  .tree-viewport { height:540px; }
  .tree-map-hint { left:10px; bottom:11px; font-size:6px; padding:6px 7px; max-width:180px; line-height:1.8; }
  .tree-minimap { width:82px; height:82px; right:10px; bottom:11px; }
  .tree-legend { font-size:7px; padding:12px; gap:12px; }
  .tree-detail { padding:20px 17px; }
  .tree-detail h2 { font-size:22px; }
  .tree-detail .eyebrow { font-size:7px; }
  .detail-symbol { font-size:34px; }
  .tree-effect-preview { gap:20px; }
  .tree-effect-preview dd { font-size:12px; }
  .tree-builds { padding:20px 15px; }
  .tree-build-actions { gap:8px; }
  .tree-build-actions input { min-width:0; width:100%; flex-basis:100%; }
  .tree-build-actions>button { font-size:10px; flex:1; }
  #tree-saved-builds>div { width:100%; flex-wrap:wrap; padding:11px; gap:9px; }
  #tree-saved-builds b { font-size:11px; }
  .upgrade-target-filters { gap:7px; }
  .upgrade-target-filters :is(input,select) { font-size:9px; padding:10px 7px; }
  .upgrade-pickers .mini-skin-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
  .stake-source-controls { padding:5px 3px; gap:2px; }
  .stake-source-controls .icon-button { width:21px; min-width:21px; height:25px; font-size:11px; }
  .stake-source-controls>span { font-size:9px; }
  .spin-progress { width:190px; }
  .game-result { display:block; padding:18px 14px; }
  .game-result h3 { font-size:17px; }
  .game-result p { font-size:10px; }
  .result-art { height:120px; width:100%; max-width:240px; margin:auto; }
  .upgrade-history { padding:18px 14px; }
  #upgrade-history-list>div { grid-template-columns:65px 1fr; gap:10px; font-size:9px; }
  #upgrade-history-list>div>span:last-child { grid-column:1/-1; }
  #upgrade-history-list b { font-size:9px; line-height:1.7; }
  .case-filter { padding:13px; gap:9px; }
  .case-filter>input[type=search] { width:100%; min-width:0; flex-basis:100%; }
  .case-filter>input[type=number], .case-filter>select { min-width:0; width:45%; flex:1 1 40%; font-size:9px; padding:11px 8px; }
  .case-filter>label { font-size:9px; width:47%; gap:6px; line-height:1.7; }
  .case-filter>.secondary-button { font-size:9px; width:100%; }
  .case-price-range { padding:0 3px 20px; gap:13px; }
  .case-price-range>label { min-width:0; flex-basis:100%; font-size:9px; }
  .case-price-range>span { font-size:8px; line-height:1.8; }
  .case-open-options { display:block; }
  .case-open-options label { justify-content:space-between; margin:10px 0; font-size:9px; }
  .case-open-options select { font-size:9px; max-width:68%; }
  .case-open-options>button { width:100%; font-size:9px; margin-top:8px; }
  .case-reel-line { height:184px; }
  .case-reel.multi-reel .case-reel-line { height:166px; }
  .case-reel.multi-reel .reel-item { height:135px; }
  .case-reel.multi-reel .reel-item img { height:78px; }
  .case-results-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .case-results-grid>div { padding:10px; }
  .case-results-grid button { height:90px; }
  .case-results-grid b { font-size:9px; }
  .case-result-heading>b { font-size:10px; }
  .case-result-heading>span { font-size:9px; line-height:1.8; }
  .inventory-filters { padding:13px; gap:9px; }
  .inventory-filters>input { flex-basis:100%; min-width:0; }
  .inventory-filters select { width:45%; flex-basis:40%; font-size:9px; padding:10px 7px; }
  .inventory-filters>label { font-size:9px; }
  .inventory-art { height:120px; padding:8px; }
  .inventory-row>b { font-size:11px; }
  .inventory-row .icon-button { width:25px; min-width:25px; height:28px; font-size:13px; }
  .inventory-selection { flex-wrap:wrap; }
  .inventory-selection>.secondary-button { width:100%; font-size:8px; }
  .inventory-selection>div { width:100%; justify-content:space-between; margin-top:2px; }
  .inventory-selection .icon-button { width:34px; }
  .inventory-bulk-actions { max-width:none; width:100%; display:grid; grid-template-columns:1fr 1fr; gap:7px; }
  .inventory-bulk-actions>button { font-size:8px; padding:10px 6px; }
  .deposit-bar { display:block; padding:15px 12px; }
  .deposit-bar>div:first-child { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
  .deposit-bar strong { font-size:13px; margin:0; }
  .deposit-bar small { font-size:8px; }
  .activity-grid { gap:15px; }
  .quest-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .quest-card { padding:17px 12px; }
  .quest-card h3 { font-size:13px; margin:13px 0; }
  .quest-card p { font-size:9px; min-height:64px; }
  .quest-card>small { font-size:7px; }
  .quest-card>b { font-size:8px; min-height:42px; }
  .quest-card button { font-size:8px; padding:10px 6px; line-height:1.6; }
  .weekly-grid { grid-template-columns:1fr; gap:12px; }
  .weekly-grid .quest-card { display:flex; flex-wrap:wrap; align-items:center; gap:10px 15px; }
  .weekly-grid .quest-card h3 { width:100%; margin:0; }
  .weekly-grid .quest-card p, .weekly-grid .quest-card span { margin:0; }
  .weekly-grid .quest-card button { width:auto; margin-left:auto; }
  .boss-hud { top:60px; left:12px; right:12px; padding:11px; }
  .boss-hud b { font-size:7px; }
  .boss-hud>small { font-size:6px; line-height:1.7; }
  .workshop-stats { padding:16px 13px; gap:12px; }
  .workshop-stats>span { font-size:8px; }
  .workshop-stats b { font-size:18px; }
  .workshop-stake { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
  .workshop-grid .activity-card>.mini-skin-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
  .workshop-add select { width:100%; flex-basis:100%; font-size:9px; }
  .workshop-add>button { flex:1; }
  .workshop-action-row { gap:8px; }
  .workshop-action-row>strong { width:100%; font-size:14px; margin-bottom:5px; }
  .workshop-action-row>button { flex:1; font-size:9px; padding:11px 7px; }
  .craft-preview { height:200px; }
  #craft-cost { font-size:11px; }
  .collection-grid { grid-template-columns:1fr 1fr; gap:11px; }
  .collection-card { padding:17px 12px; }
  .collection-card h3 { font-size:17px; min-height:40px; line-height:1.3; }
  .collection-card>small { font-size:7px; }
  .collection-card p { font-size:9px; line-height:1.7; }
  .collection-card>button:first-of-type { height:95px; }
  .collection-card>.secondary-button { font-size:8px; padding:8px 5px; }
  .battle-controls { gap:10px; padding:15px; }
  .battle-controls select { font-size:10px; }
  .battle-controls select:first-child { flex-basis:100%; width:100%; }
  .battle-controls strong { font-size:10px; }
  .battle-controls>button { width:100%; font-size:11px; }
  .battle-board { padding:20px 10px; gap:7px; grid-template-columns:1fr 30px 1fr; }
  .battle-player h2 { font-size:12px; min-height:32px; line-height:1.5; }
  .battle-player>strong { font-size:18px; margin:15px 0; }
  .battle-avatar { width:50px; height:50px; border-radius:12px; font-size:17px; }
  .battle-versus { font-size:25px; }
  .battle-versus>small { font-size:5px; letter-spacing:0; line-height:1.8; }
  #battle-player-drops, #battle-bot-drops { grid-template-columns:1fr; gap:8px; }
  .history-controls { gap:10px; }
  .history-controls select { font-size:9px; max-width:55%; }
  .history-controls button { font-size:9px; padding:10px; }
  .history-list { padding:0 13px; }
  .history-list>article { grid-template-columns:90px minmax(0,1fr); gap:8px; padding:17px 0; }
  .history-list time { font-size:8px; }
  .history-list b { font-size:10px; text-align:right; }
  .history-list article>span { font-size:9px; }
  .history-list strong { grid-column:1/-1; grid-row:3; font-size:12px; }
  .codex-grid { grid-template-columns:1fr; gap:13px; }
  .setting-row { font-size:10px; gap:12px; padding:15px 0; }
  .setting-row>select { max-width:55%; font-size:9px; padding:10px 7px; }
  .settings-save-actions button { font-size:9px; flex:1 1 40%; }
  .profile-stat-list dd, .lab-stats dd { font-size:14px; }
  .profile-stat-list dt, .lab-stats dt { font-size:10px; }
  #lab-talents { grid-template-columns:1fr; gap:14px; }
  #lab-talents label { font-size:11px; }
  body[data-font=large] .inventory-selection>.secondary-button { font-size:10px!important; }
}

/* src/ui/arena.css */
/* Arena-specific presentation, independent of domain balancing rules. */
#arena-slots { position:absolute; inset:0; pointer-events:none; }
.arena-slot { position:absolute; transform:translate(-50%,-50%); width:56px; height:56px; border:1px dashed #70809a; border-radius:50%; display:grid; place-items:center; font:11px monospace; color:#8094ac; background:#1b273050; }
.arena-slot.locked { opacity:.28; border-color:#65718b; }
.arena-slot.occupied { opacity:.15; }
.void-stage.placing .arena-slot:not(.locked):not(.occupied) { border-color:#f3d76f; background:#c8ad2620; color:#f7df93; }
.void-stage.arena-boosted { box-shadow:inset 0 0 80px #ead36f15; border-color:#a89950; }
.arena-quickbar { display:flex; align-items:center; gap:12px; padding:14px 18px; margin-bottom:18px; border:1px solid #3f4b5d; border-radius:9px; background:#1e2631; }
.arena-quickbar>div { flex:1; }
.arena-quickbar small { display:block; color:#91a3bb; font-size:8px; letter-spacing:1px; margin-bottom:7px; }
.arena-quickbar strong { font-size:12px; color:#e4d794; }
.arena-quickbar button { font-size:10px; }
.arena-console { margin-top:25px; border:1px solid #38465b; border-radius:12px; background:#19212d; overflow:hidden; }
.arena-console-heading { padding:24px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.arena-console-heading h2 { margin:10px 0 0; font-size:23px; }
.arena-console-heading .eyebrow { font-size:8px; color:#acb5c6; }
.arena-console-heading>span { font-size:10px; color:#a1b0c5; }
.arena-console-tabs { display:flex; gap:6px; padding:0 24px; border-bottom:1px solid #38465b; }
.arena-console-tabs button { padding:15px 19px; border:0; border-bottom:2px solid transparent; background:transparent; color:#9aadc9; cursor:pointer; font-size:11px; }
.arena-console-tabs button[aria-selected=true] { color:var(--yellow); border-color:var(--yellow); background:#e7d66e08; }
.arena-console-page { padding:24px; }
.arena-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.arena-console h3 { font-size:16px; margin:0 0 14px; }
.arena-console p { font-size:11px; line-height:1.9; color:#a1b0c5; }
.arena-console label { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:11px; }
.charge-track { background:#0e1623; height:9px; border-radius:10px; overflow:hidden; margin:22px 0; border:1px solid #354259; }
.charge-track i { display:block; height:100%; width:0; background:linear-gradient(90deg,#73cdb8,#f1d870); transition:width .2s linear; }
.arena-charge-row { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.arena-charge-row strong { font-size:12px; color:#e4d590; }
.arena-charge-row button { font-size:10px; }
.arena-session { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:20px; }
.arena-session dt { font-size:10px; color:#92a6c2; }
.arena-session dd { margin:10px 0 0; font-size:12px; color:#ddd29e; }
.arena-reserve { border-top:1px solid #38465b; margin-top:24px; padding-top:24px; }
#arena-reserve-list { display:flex; flex-direction:column; gap:10px; }
#arena-reserve-list>div { display:flex; align-items:center; flex-wrap:wrap; gap:15px; padding:13px; border:1px solid #3d4b62; border-radius:8px; background:#202b3b; }
#arena-reserve-list>div>span { font-size:24px; }
#arena-reserve-list b { font-size:11px; }
#arena-reserve-list small { font-size:9px; color:#91a9c9; }
#arena-reserve-list button { margin-left:auto; font-size:10px; }
.arena-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.arena-order-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:15px; }
.arena-module-grid article,.arena-order-grid article { padding:20px; background:#202d3e; border:1px solid #3d506a; border-radius:10px; }
.arena-module-grid p { min-height:46px; }
.arena-module-grid article>span,.arena-order-grid article>span { display:block; color:#9eb6d2; font-size:11px; margin:20px 0; }
.arena-module-grid button,.arena-order-grid button { width:100%; font-size:10px; }
.dial-needle i { width:28px!important; height:23px!important; left:calc(50% - 14px)!important; top:2px; border-radius:2px; clip-path:polygon(0 0,100% 0,50% 100%); background:#fff04c!important; filter:drop-shadow(0 2px 5px #ffea4460)!important; }
.dial-needle { pointer-events:none; contain:layout style; }
.upgrade-dial { isolation:isolate; }
.arena-console-page[hidden] { display:none; }
@media(max-width:650px) {
  .arena-quickbar { padding:13px 11px; gap:8px; flex-wrap:wrap; }
  .arena-quickbar>div { min-width:70px; }
  .arena-quickbar strong { font-size:10px; }
  .arena-quickbar button { font-size:9px; padding:10px; }
  .arena-console-heading { padding:19px 15px; display:block; }
  .arena-console-heading h2 { font-size:21px; margin-bottom:10px; }
  .arena-console-heading>span { font-size:9px; }
  .arena-console-tabs { padding:0 8px; gap:0; }
  .arena-console-tabs button { padding:14px 10px; flex:1; font-size:10px; }
  .arena-console-page { padding:19px 15px; }
  .arena-control-grid,.arena-module-grid { grid-template-columns:1fr; }
  .arena-module-grid p { min-height:0; }
  .arena-order-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .arena-order-grid article { padding:16px 12px; }
  .arena-order-grid h3 { font-size:13px; min-height:32px; line-height:1.5; }
  .arena-order-grid p { font-size:9px; }
  .arena-slot { width:44px; height:44px; font-size:9px; }
  .arena-session { gap:10px; }
}

/* src/ui/account.css */
.cg-logo-mark svg { display:block; width:100%; height:100%; }
.account-header { display:flex; align-items:center; gap:8px; max-width:170px; padding:8px 11px; }
.account-header>svg { fill:none; stroke:currentColor; stroke-width:1.7; flex-shrink:0; }
.account-header>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.session-banner { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 28px; margin:18px auto; width:calc(100% - 40px); max-width:1550px; background:#292919; border:1px solid #81713d; border-radius:10px; color:#e9d79b; }
.session-banner>div { display:flex; flex-direction:column; gap:10px; }
.session-banner b { font-size:13px; }
.session-banner span { font-size:11px; line-height:1.8; }
.session-banner button { flex-shrink:0; font-size:11px; }
.session-banner[hidden] { display:none; }
.account-summary { display:flex; align-items:center; gap:22px; padding:24px; background:#202b3a; border:1px solid #41536d; border-radius:11px; margin-bottom:24px; }
.account-avatar { display:grid; place-items:center; width:65px; height:65px; border-radius:16px; background:#c8b75b; color:#181c15; font-size:23px; font-weight:800; flex-shrink:0; }
.account-summary b { font-size:22px; overflow-wrap:anywhere; }
.account-summary p { color:#a5b5cb; font-size:11px; line-height:1.9; }
.account-summary small { font-size:10px; color:#bfb885; }
.account-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.account-grid button,.account-grid a.primary-button { margin-top:10px; font-size:11px; line-height:1.6; }
.account-grid a.primary-button { display:inline-block; text-decoration:none; }
.account-login-code { display:block; font:32px monospace; letter-spacing:4px; color:#eddd99; margin:22px 0; }
#account-login-challenge { border-top:1px solid #46546a; padding-top:15px; margin-top:20px; }
#account-login-challenge[hidden] { display:none; }
#account-login-challenge>button { display:block; }
#account-profile-form>label { display:flex; flex-direction:column; gap:12px; font-size:11px; color:#a9bbd5; margin:18px 0; }
#account-profile-form>.account-public-option { flex-direction:row; align-items:center; line-height:1.8; }
.account-public-option input { flex-shrink:0; }
.account-migration { margin-top:30px; padding-top:20px; border-top:1px solid #3d4e67; }
.ranking-controls { display:flex; gap:15px; margin:22px 0; }
#ranking-status { color:#a6b9d3; font-size:11px; line-height:1.9; }
.ranking-list { display:flex; flex-direction:column; gap:12px; }
.ranking-list article { display:flex; align-items:center; gap:22px; border:1px solid #3c4f68; background:#202c3d; padding:22px; border-radius:9px; }
.ranking-list article>strong { font-size:23px; color:#ddcc82; width:60px; flex-shrink:0; }
.ranking-list article>div { display:flex; flex-direction:column; gap:10px; min-width:0; }
.ranking-list article>div:last-child { margin-left:auto; text-align:right; }
.ranking-list b { font-size:13px; overflow-wrap:anywhere; }
.ranking-list span { font-size:10px; color:#97afce; }
@media(max-width:700px) {
  .account-grid { grid-template-columns:1fr; }
  .account-summary { padding:20px 15px; gap:15px; }
  .account-summary b { font-size:18px; }
  .account-summary small { font-size:9px; line-height:1.8; display:block; }
  .session-banner { padding:17px; width:calc(100% - 28px); flex-direction:column; align-items:stretch; }
  .session-banner b { font-size:12px; }
  .session-banner span { font-size:10px; }
  .ranking-list article { padding:17px 12px; gap:12px; }
  .ranking-list article>strong { font-size:19px; width:35px; }
  .ranking-list b { font-size:11px; }
  .ranking-list span { font-size:8px; line-height:1.7; }
}
@media(max-width:600px) {
  .account-header { padding:7px; width:32px; height:34px; min-width:32px; }
  .account-header>span { display:none; }
  #telegram-user { display:none; }
}