:root{--bg:#101114;--panel:#17191e;--raised:#1d2026;--line:#2a2d34;--text:#f0f0ed;--muted:#9297a0;--faint:#656a74;--lime:#c9f269;--lime-dark:#353d27;--purple:#aa91ff;--sans:"DM Sans",sans-serif;--display:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);background:#141519}.auth-visual{position:relative;min-height:100vh;overflow:hidden;padding:31px 42px;background:radial-gradient(ellipse at 73% 28%,#384448 0,#252c31 25%,#1b1e23 55%,#15171b);isolation:isolate}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#14171bd9,transparent 80%);z-index:-1}.brand{height:31px;display:inline-flex;align-items:center;gap:9px;font:700 16px var(--display);letter-spacing:-.06em}.brand>span:last-child>span,.brand-large>span:last-child{color:var(--lime)}.brand-icon{width:28px;height:28px;border-radius:8px;background:var(--lime);color:#13150f;display:grid;place-items:center;font:700 17px var(--display);transform:rotate(-4deg)}.brand-large{font-size:18px}.brand-large .brand-icon{width:31px;height:31px;font-size:19px}.auth-orbit{position:absolute;border:1px solid #d9e8c329;border-radius:50%;width:780px;height:300px;top:130px;right:-330px;transform:rotate(-34deg);z-index:-1}.orbit-b{width:700px;height:460px;right:-240px;top:100px;transform:rotate(33deg);border-color:#d9e8c31e}.auth-planet{position:absolute;width:290px;height:290px;border-radius:50%;right:8%;top:9%;background:radial-gradient(circle at 35% 32%,#e4b976,#b47b61 35%,#584b53 73%,#343840);box-shadow:0 0 110px #e3b57630;z-index:-1}.auth-planet:after{content:"";position:absolute;width:410px;height:90px;border:1px solid #e8e7bf66;border-radius:50%;left:-55px;top:96px;transform:rotate(-29deg)}.auth-art-grid{position:absolute;inset:0;opacity:.15;z-index:-1;background-image:linear-gradient(#bac4b7 1px,transparent 1px),linear-gradient(90deg,#bac4b7 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(transparent,black 23%,transparent 87%);mask-image:linear-gradient(transparent,black 23%,transparent 87%)}.auth-art-copy{position:absolute;left:clamp(42px,8vw,124px);bottom:16%;max-width:510px}.eyebrow{font-size:8px;letter-spacing:.16em;color:#b5beb3;font-weight:700}.eyebrow i,.status-light{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px #c9f2697c;margin-right:7px;vertical-align:1px}.auth-art-copy h1{font:600 clamp(55px,7vw,93px)/.91 var(--display);letter-spacing:-.08em;margin:22px 0 17px}.auth-art-copy h1 em{font:italic 500 1em var(--display);color:var(--lime);letter-spacing:-.075em}.auth-art-copy>p{max-width:390px;color:#b2b7b2;font-size:12px;line-height:1.8}.auth-social-proof{display:flex;align-items:center;gap:11px;margin-top:35px}.proof-avatars{display:flex;padding-left:6px}.proof-avatars i{display:grid;place-items:center;width:25px;height:25px;margin-left:-6px;border:2px solid #21252a;border-radius:50%;background:#a36c62;font-size:7px;font-style:normal}.proof-avatars i:nth-child(2){background:#62788c}.proof-avatars i:nth-child(3){background:#8a775e}.proof-avatars i:nth-child(4){background:var(--lime);color:#13150f}.auth-social-proof>span{font-size:8px;color:#a4aaa3;line-height:1.5}.auth-social-proof strong{color:#e7e9e5;font-size:10px}.auth-art-bottom{position:absolute;left:42px;right:42px;bottom:27px;display:flex;justify-content:space-between;color:#737a79;font-size:7px;letter-spacing:.13em}.auth-panel{background:#17191e;display:flex;flex-direction:column;justify-content:space-between;padding:29px clamp(35px,7vw,94px) 20px}.auth-panel-top{display:flex;align-items:center;justify-content:flex-end;min-height:31px}.auth-mobile-brand{display:none}.language-switch{height:26px;display:flex;align-items:center;gap:7px;padding:0 7px;border:1px solid #33363e;border-radius:5px}.lang-button{border:0;background:none;color:#7f858f;font-size:8px;padding:4px 3px}.lang-button.active{color:var(--lime);font-weight:700}.language-switch>span{height:11px;width:1px;background:#3b3e45}.auth-form-wrap{width:min(100%,352px);margin:35px auto}.auth-kicker{font-size:8px;letter-spacing:.15em;color:#9ba1a0;font-weight:700}.auth-kicker .status-light{width:5px;height:5px}.auth-form-wrap h2{font:600 43px/.98 var(--display);letter-spacing:-.07em;margin:18px 0 9px}.auth-form-wrap h2 em{font:italic 500 1.08em var(--display);color:var(--lime)}.auth-intro{font-size:10px;color:#969ba4;margin:0 0 23px}.steam-auth{width:100%;height:43px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;background:#243143;border:1px solid #415166;border-radius:5px;font-size:10px;font-weight:600;transition:.18s}.steam-auth:hover{background:#2b3b51;border-color:#647997}.steam-logo{font-size:18px;color:#c7d7e7}.auth-arrow{position:absolute;right:13px;color:#9eacbc}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#717680;font-size:7px;letter-spacing:.12em}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#32353d;flex:1}.auth-form-wrap form>label,.password-label label{font-size:8px;color:#b9bdc2;font-weight:600}.auth-form-wrap input{width:100%;height:38px;border:1px solid #34373f;background:#121418;border-radius:4px;padding:0 11px;color:#ededeb;font-size:10px;outline:none;margin-top:6px}.auth-form-wrap input::placeholder{color:#626771}.auth-form-wrap input:focus{border-color:#879d4d;box-shadow:0 0 0 2px #c9f26914}.password-label{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.password-label a{font-size:8px;color:#a9bb7f}.password-wrap{position:relative}.password-wrap input{padding-right:40px}.password-wrap button{position:absolute;right:9px;top:14px;border:0;background:transparent;color:#777d85;font-size:11px}.sign-in-button{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:0 13px;border:0;border-radius:4px;background:var(--lime);color:#15170f;font-size:10px;font-weight:700}.sign-in-button span:last-child{font-size:15px}.demo-link{display:block;margin:16px auto 0;border:0;background:none;color:#9ca19f;font-size:8px}.demo-link span:last-child{color:var(--lime);margin-left:4px}.auth-legal{text-align:center;color:#81868e;font-size:8px;margin:23px 0 0}.auth-legal button{border:0;background:none;color:#c4de87;font-size:8px;padding:0 0 0 3px}.auth-panel-footer{display:flex;justify-content:space-between;color:#6c727a;font-size:6px;letter-spacing:.12em}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#131519;border-right:1px solid #252830;padding:23px 13px 13px;display:flex;flex-direction:column;z-index:5}.sidebar .brand{padding-left:6px}.side-user{margin:27px 0 23px;background:#1b1e23;border:1px solid #292c33;border-radius:6px;padding:9px;display:flex;align-items:center;gap:8px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 8px var(--display);position:relative;color:#fff;flex:none}.avatar-self{background:linear-gradient(145deg,#bf806a,#543d4d)}.side-user-info{display:flex;flex:1;flex-direction:column;gap:4px}.side-user-info strong{font-size:9px}.side-user-info>span{font-size:8px;color:#a2a6ad}.online-dot{display:inline-block;width:5px;height:5px;background:#7bdc8a;border-radius:50%;margin-right:4px}.more-button{border:0;background:none;color:#777d86;font-size:17px}.side-label{padding-left:10px;margin-bottom:8px;font-size:7px;font-weight:700;letter-spacing:.15em;color:#737983}.side-nav{display:grid;gap:3px}.nav-item{position:relative;height:35px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:4px;background:transparent;text-align:left;color:#9da2ab;font-size:10px;transition:.17s}.nav-item:hover{background:#1e2127;color:#f4f4f1}.nav-item.active{background:#282b31;color:#f3f3f0}.nav-item.active .nav-icon{color:var(--lime)}.nav-icon{width:16px;text-align:center;font-size:15px;color:#7d838d}.nav-badge{margin-left:auto;min-width:16px;height:15px;padding:0 4px;display:grid;place-items:center;border-radius:8px;background:#34382c;color:#d2ec9a;font-size:7px;font-weight:600}.invite-badge{background:#3a303b;color:#d9a3f2}.side-gap{margin-top:30px}.side-nav-single{width:100%}.sidebar-bottom{margin-top:auto}.steam-connected{display:flex;align-items:center;gap:8px;padding:10px 8px;border:1px solid #2b2e35;border-radius:5px;margin-bottom:13px}.steam-mini{font-size:16px;color:#b6cce3}.steam-connected div{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.steam-connected strong{font-size:8px;white-space:nowrap}.steam-connected small{font-size:7px;color:#777d86;overflow:hidden;text-overflow:ellipsis}.steam-connected>i{width:5px;height:5px;border-radius:50%;background:#7bdc8a}.settings-button{width:100%;height:30px;display:flex;align-items:center;gap:9px;border:0;background:none;border-radius:4px;text-align:left;padding:0 9px;color:#969ba4;font-size:9px}.settings-button:hover{background:#1e2127}.settings-button>span:first-child{font-size:13px}.settings-button kbd{margin-left:auto;color:#727882;font:7px var(--sans)}.side-footer{margin:13px 8px 0;color:#666c75;font-size:6px;letter-spacing:.13em}.side-footer span{float:right}.main-area{grid-column:2;min-width:0}.topbar{height:57px;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.5vw,52px);border-bottom:1px solid #252830;background:#101114ed;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.breadcrumb{display:flex;align-items:center;gap:9px;color:#737983;font-size:7px;letter-spacing:.13em}.breadcrumb b{font-weight:400;color:#41454d}.breadcrumb strong{color:#c0c4c8;font-weight:600}.topbar-right{display:flex;align-items:center;gap:13px}.search-field{width:210px;height:29px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid #2e3138;border-radius:4px;background:#17191e;color:#7e848d}.search-field>span{font-size:18px}.search-field input{width:0;min-width:0;flex:1;border:0;outline:0;background:transparent;color:#e9e9e7;font-size:8px}.search-field input::placeholder{color:#777d86}.search-field kbd{border:1px solid #393c44;border-radius:3px;padding:3px 4px;font:7px var(--sans);white-space:nowrap}.top-language{height:24px;gap:5px;padding:0 5px}.top-language .lang-button{font-size:7px}.top-language>span{height:9px}.notification-button{position:relative;border:0;background:none;color:#9da2aa;font-size:15px}.notification-button i{position:absolute;right:0;top:1px;width:4px;height:4px;border-radius:50%;background:var(--lime)}.top-profile{display:flex;align-items:center;gap:7px;border:0;background:none;font-size:8px}.top-profile .avatar{width:23px;height:23px;font-size:6px}.top-profile b{font-size:10px;color:#717680}.view-container{width:min(1120px,calc(100% - 76px));margin:0 auto;padding:27px 0 22px}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.date-label{font-size:7px;color:#91969e;letter-spacing:.15em;font-weight:700}.date-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:6px;vertical-align:1px}.welcome-row h1{font:600 25px/1.15 var(--display);letter-spacing:-.05em;margin:8px 0 3px}.welcome-row h1 em{font:italic 500 1em var(--display);color:var(--lime)}.welcome-row p{margin:0;color:#9297a0;font-size:9px}.primary-button{height:33px;border:0;border-radius:4px;background:var(--lime);color:#171910;padding:0 12px;font-size:8px;font-weight:700;transition:.18s}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button span{font-size:13px;margin-right:5px;vertical-align:-1px}.hero-card{position:relative;min-height:225px;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;border:1px solid #34363c;border-radius:7px;background:linear-gradient(105deg,#211f24,#251e23 55%,#1d2025)}.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 25%,#c9866252,transparent 40%)}.hero-text{position:relative;padding:22px 25px;z-index:1}.hero-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #59633e;border-radius:3px;padding:5px 7px;color:#d5e8aa;font-size:6px;letter-spacing:.11em}.hero-tag i{width:4px;height:4px;border-radius:50%;background:var(--lime)}.hero-text h2{font:600 23px/1.05 var(--display);letter-spacing:-.05em;margin:14px 0 6px}.hero-text h2 em{font:italic 500 1em var(--display);color:var(--lime)}.hero-text>p{max-width:365px;color:#aeb0b4;font-size:9px;line-height:1.7;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.hero-actions .primary-button{height:29px}.quiet-link{border:0;background:none;color:#bdc0c2;font-size:8px}.quiet-link:hover{color:var(--lime)}.hero-graphic{position:relative;min-height:225px;overflow:hidden}.graphic-ring{position:absolute;width:220px;height:220px;right:28px;top:19px;border:1px solid #d8c9a26c;border-radius:50%;box-shadow:0 0 40px #edb0721a}.graphic-ring:before,.graphic-ring:after{content:"";position:absolute;inset:20px;border:1px solid #d8c9a23b;border-radius:50%}.graphic-ring:after{inset:-35px;transform:rotate(-33deg);border-color:#d8c9a254}.graphic-sun{position:absolute;width:82px;height:82px;right:94px;top:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4d19b,#d1815c 70%);box-shadow:0 0 55px #db9c6e61}.graphic-mountain{position:absolute;right:-20px;bottom:-20px;width:310px;height:110px;background:linear-gradient(140deg,#66525c,#2b2a34 75%);clip-path:polygon(0 100%,38% 13%,55% 53%,73% 3%,100% 100%)}.graphic-mountain:after{content:""}.graphic-label{position:absolute;right:19px;bottom:12px;color:#aba69a;font-size:6px;letter-spacing:.17em}.hero-stats{position:absolute;right:17px;top:14px;z-index:1;display:flex;gap:14px}.hero-stats span{font-size:6px;color:#9b9da1}.hero-stats strong{font-size:8px;color:#e8e8e3}.dash-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(255px,.8fr);gap:13px;margin-top:13px}.surface{border:1px solid #292c33;background:#17191e;border-radius:6px}.surface-pad{padding:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.section-kicker{color:#7f858e;font-size:6px;letter-spacing:.15em;font-weight:700}.panel-heading h2,.view-title h1{font:600 14px var(--display);letter-spacing:-.04em;margin:5px 0 0}.panel-heading h2 em{font:italic 500 1em var(--display);color:var(--lime)}.small-link{border:0;background:none;color:#a7acb4;font-size:7px}.small-link span{color:var(--lime);margin-left:5px}.small-link:hover{color:#fff}.recent-list{margin-top:11px}.recent-game{min-height:49px;display:flex;align-items:center;gap:9px;border-top:1px solid #292c32}.game-cover{width:31px;height:35px;display:grid;place-items:center;overflow:hidden;border-radius:3px;text-align:center;flex:none}.game-cover span{font:700 6px/.95 var(--display);letter-spacing:.05em;color:#fff;text-shadow:0 1px 5px #000}.cover-hades{background:radial-gradient(circle at 50% 24%,#f1ae69 0 11%,transparent 12%),linear-gradient(145deg,#ab4932,#43212d 70%,#1b1b21)}.cover-baldur{background:radial-gradient(circle at 70% 25%,#edba6a,transparent 26%),linear-gradient(145deg,#7b4938,#2e2938)}.cover-stardew{background:linear-gradient(#599dd2 0 45%,#86c875 46% 68%,#b6774b 69%)}.cover-sea{background:radial-gradient(circle at 70% 20%,#ecc783 0 9%,transparent 10%),linear-gradient(#283e50,#597f95 49%,#2a3141)}.cover-hollow{background:radial-gradient(circle at 50% 50%,#d0c8e4 0 8%,transparent 9%),linear-gradient(155deg,#70313f,#251d32)}.recent-meta{flex:1;min-width:0}.recent-meta strong{display:block;font:600 8px var(--display);margin-bottom:4px}.recent-meta span{font-size:7px;color:#858a94}.mini-progress{width:68px;height:3px;background:#33363d;border-radius:3px;overflow:hidden;margin-top:6px}.mini-progress i{height:100%;display:block;background:#9bae70;border-radius:4px}.game-status{font-size:6px;color:#cfe69d;background:#343b28;padding:4px 6px;border-radius:3px;white-space:nowrap}.game-status.next{color:#c0b1ef;background:#342e42}.play-mini{width:22px;height:22px;border:1px solid #3b3e45;border-radius:4px;background:#202228;color:#aeb2b9;font-size:7px;opacity:0}.recent-game:hover .play-mini{opacity:1}.play-mini:hover{color:var(--lime);border-color:#718840}.right-stack{display:grid;gap:12px;align-content:start}.friend-peek{display:flex;align-items:center;gap:8px;margin-top:11px}.friend-avatars{display:flex;padding-left:4px}.friend-avatars .avatar{width:22px;height:22px;margin-left:-4px;border:2px solid #17191e;font-size:6px}.avatar-mate{background:linear-gradient(145deg,#bb7d68,#624151)}.avatar-zsofi{background:linear-gradient(145deg,#7598ac,#465a72)}.avatar-tom{background:linear-gradient(145deg,#9b77b0,#4d3c69)}.friend-peek-copy{display:flex;flex-direction:column;gap:3px;flex:1}.friend-peek-copy strong{font-size:7px}.friend-peek-copy span{font-size:6px;color:#878c95}.online-pill{font-size:6px;color:#8cdc96}.next-event{display:flex;align-items:center;gap:9px;margin-top:10px;padding:8px;border:1px solid #30333a;border-radius:4px;background:#1b1d22}.date-tile{width:31px;height:34px;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#303526;color:#deedbd}.date-tile span{font-size:5px;letter-spacing:.1em}.date-tile strong{font:600 13px var(--display)}.event-peek-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.event-peek-copy strong{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-peek-copy span{font-size:6px;color:#8b9098}.event-arrow{color:var(--lime);font-size:11px}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.squad-card,.discover-card{min-height:111px;padding:13px 14px;position:relative;overflow:hidden}.squad-card{background:linear-gradient(110deg,#20241c,#191c1b)}.squad-card:after{content:"✳";position:absolute;right:20px;top:7px;color:#50613a;font-size:74px}.squad-card h3,.discover-card h3{font:600 12px var(--display);letter-spacing:-.03em;margin:7px 0 5px}.squad-card p,.discover-card p{font-size:7px;color:#9ca19f;max-width:245px;line-height:1.55;margin:0}.squad-card button{position:relative;z-index:1;margin-top:9px;border:0;background:transparent;color:var(--lime);font-size:7px;padding:0}.discover-card{background:linear-gradient(120deg,#211c2c,#19191f)}.discover-card:after{content:"✦";position:absolute;right:18px;top:13px;color:#534375;font-size:54px}.discover-card .section-kicker{color:#aa94e6}.discover-card button{position:relative;z-index:1;margin-top:9px;border:0;background:transparent;color:#c7b7ff;font-size:7px;padding:0}.view-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.view-title h1{font-size:23px;margin:7px 0 4px}.view-title p{font-size:8px;color:#9297a0;margin:0}.view-actions{display:flex;gap:7px;align-items:center}.outline-button{height:31px;padding:0 10px;background:#1b1d23;border:1px solid #363941;border-radius:4px;color:#c0c3c8;font-size:8px}.outline-button:hover{border-color:#70794a;color:#e6edce}.primary-button .plus{font-size:13px;margin-right:5px}.chat-layout{height:min(610px,calc(100vh - 150px));min-height:420px;display:grid;grid-template-columns:230px minmax(280px,1fr) 205px;overflow:hidden}.chat-list{border-right:1px solid #2a2d34;display:flex;flex-direction:column;min-width:0}.chat-list-head{padding:13px;border-bottom:1px solid #2a2d34}.chat-list-head h2{font:600 12px var(--display);margin:0 0 10px}.chat-filter{height:27px;display:flex;align-items:center;gap:6px;border:1px solid #30333a;border-radius:4px;padding:0 7px;color:#767b84}.chat-filter input{width:100%;border:0;outline:0;background:none;color:#eee;font-size:7px}.conversation-row{width:100%;display:flex;align-items:center;gap:8px;padding:10px 11px;border:0;border-bottom:1px solid #25282e;background:transparent;text-align:left}.conversation-row.active{background:#25282e}.conversation-row:hover{background:#202329}.conversation-row .avatar{width:29px;height:29px;font-size:7px}.conversation-copy{flex:1;min-width:0}.conversation-copy>div{display:flex;justify-content:space-between;gap:4px}.conversation-copy strong{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-copy time{color:#777c85;font-size:6px;white-space:nowrap}.conversation-copy p{font-size:6px;color:#898e97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 0}.unread-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);flex:none}.chat-thread{min-width:0;display:flex;flex-direction:column}.thread-head{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #2a2d34}.thread-person{display:flex;align-items:center;gap:8px}.thread-person .avatar{width:28px;height:28px;font-size:7px}.thread-person>div{display:flex;flex-direction:column;gap:4px}.thread-person strong{font-size:8px}.thread-person span{font-size:6px;color:#82d98c}.thread-tools{display:flex;gap:5px}.thread-tools button{width:25px;height:25px;border:1px solid #34373f;border-radius:4px;background:#1d2025;color:#aeb3bb;font-size:10px}.message-stream{flex:1;overflow:auto;padding:15px 13px;display:flex;flex-direction:column;gap:13px}.day-divider{display:flex;align-items:center;gap:8px;color:#747a83;font-size:6px;letter-spacing:.08em}.day-divider:before,.day-divider:after{content:"";height:1px;background:#2c2f36;flex:1}.message{display:flex;align-items:flex-end;gap:7px;max-width:86%}.message.mine{margin-left:auto;flex-direction:row-reverse}.message .avatar{width:21px;height:21px;font-size:5px}.message-body{min-width:0}.message-sender{display:flex;gap:7px;margin-bottom:4px;font-size:6px;color:#b6bbc0}.message-sender time{color:#6f747e}.bubble{padding:8px 9px;border:1px solid #2d3037;border-radius:2px 7px 7px;background:#202228;color:#d8dadb;font-size:7px;line-height:1.55}.mine .bubble{border-color:#465238;border-radius:7px 2px 7px 7px;background:#303729;color:#e7ebdf}.chat-attachment{width:175px;margin-top:6px;border:1px solid #353840;border-radius:5px;overflow:hidden;background:#191b20}.attachment-art{height:74px;display:grid;place-items:center;background:radial-gradient(circle at 70% 24%,#e2b37d,transparent 16%),linear-gradient(145deg,#594043,#1d2028)}.attachment-art span{font:700 13px var(--display);color:#edcfaa;letter-spacing:.1em}.attachment-meta{padding:6px 8px;font-size:6px;color:#9ca1a9}.typing-indicator{font-size:6px;color:#8b9098}.typing-indicator i{display:inline-block;width:3px;height:3px;margin:0 1px;background:var(--lime);border-radius:50%;animation:pulse 1s infinite}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{opacity:.3;transform:translateY(-2px)}}.composer-wrap{padding:10px;border-top:1px solid #2a2d34}.composer-tools{display:flex;gap:9px;margin-bottom:7px;color:#7e838c}.composer-tools button{border:0;background:none;color:inherit;font-size:10px}.composer{min-height:39px;display:flex;align-items:center;gap:7px;padding:4px 5px 4px 9px;border:1px solid #383b43;border-radius:5px;background:#121418}.composer:focus-within{border-color:#74864b}.composer input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#eee;font-size:7px}.composer input::placeholder{color:#70757e}.send-button{width:28px;height:28px;border:0;border-radius:4px;background:var(--lime);color:#15170f;font-weight:700}.chat-details{border-left:1px solid #2a2d34;padding:14px 12px;text-align:center}.chat-details .avatar{width:45px;height:45px;margin:1px auto 8px;font-size:11px}.chat-details h3{font:600 10px var(--display);margin:0 0 4px}.chat-details .handle{font-size:6px;color:#818790}.chat-details .profile-status{display:inline-flex;align-items:center;gap:4px;margin:9px auto 13px;padding:5px 7px;border-radius:10px;background:#292e25;color:#c2e88c;font-size:6px}.profile-status i{width:4px;height:4px;border-radius:50%;background:#89dd8d}.detail-stats{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #2a2d34;padding:10px 0;margin-bottom:11px}.detail-stats div{display:flex;flex-direction:column;gap:3px}.detail-stats strong{font:600 10px var(--display)}.detail-stats span{font-size:6px;color:#858b94}.detail-label{text-align:left;color:#777d86;font-size:6px;letter-spacing:.12em;margin:12px 0 7px}.shared-game{display:flex;align-items:center;gap:7px;text-align:left}.shared-game .game-cover{width:24px;height:27px}.shared-game strong{display:block;font-size:6px}.shared-game span{font-size:6px;color:#858b94}.detail-button{width:100%;height:27px;margin-top:11px;border:1px solid #373a42;border-radius:4px;background:#202228;font-size:7px}.detail-button:hover{border-color:var(--lime);color:var(--lime)}.friend-toolbar{display:flex;align-items:center;gap:7px}.friend-search{height:31px;width:180px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #34373f;border-radius:4px;background:#191b20;color:#858b94}.friend-search input{width:100%;border:0;outline:0;background:none;color:#eee;font-size:7px}.friend-tabs{display:flex;gap:6px;margin-bottom:13px}.friend-tab{height:26px;border:1px solid #31343b;border-radius:4px;background:#1b1d23;color:#959aa3;padding:0 9px;font-size:7px}.friend-tab.active{color:#e7ebdc;background:#303627;border-color:#59653e}.friend-tab b{font-size:6px;color:#cbdc9d;margin-left:5px}.friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.friend-card{padding:13px;border:1px solid #2c2f36;border-radius:5px;background:#17191e}.friend-card-head{display:flex;align-items:center;gap:8px}.friend-card .avatar{width:34px;height:34px;font-size:8px}.friend-card-head>div{min-width:0}.friend-card-head strong{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-head small{display:block;margin-top:4px;color:#858b94;font-size:6px}.friend-card p{height:22px;color:#989da4;font-size:7px;margin:11px 0}.friend-game{display:flex;align-items:center;gap:6px;padding:7px 0;border-block:1px solid #292c32}.friend-game .game-cover{width:21px;height:24px}.friend-game span{font-size:6px;color:#c3c6ca}.friend-card-actions{display:flex;gap:5px;margin-top:9px}.friend-card-actions button{height:25px;flex:1;border:1px solid #3a3d44;border-radius:3px;background:#202228;font-size:6px}.friend-card-actions .friend-message{background:#303829;border-color:#4b593a;color:#d4ec9f}.friend-card-actions .accept-button{background:var(--lime);border-color:var(--lime);color:#15170f;font-weight:700}.incoming-banner{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding:10px 12px;border:1px solid #4a4430;border-radius:5px;background:#22231e}.incoming-banner strong{font-size:8px}.incoming-banner span{font-size:7px;color:#a5a89c}.festival-feature{min-height:154px;position:relative;overflow:hidden;padding:19px 21px;border:1px solid #34313e;border-radius:6px;background:linear-gradient(100deg,#282330,#222027 60%,#392e38)}.festival-feature:after{content:"✳";position:absolute;right:33px;top:-40px;color:#765a81;font-size:185px;opacity:.35}.festival-feature>*{position:relative;z-index:1}.festival-feature .event-tag{display:inline-flex;align-items:center;gap:5px;color:#d4bfef;font-size:6px;letter-spacing:.12em}.event-tag i{width:4px;height:4px;border-radius:50%;background:#c9a2f5}.festival-feature h2{font:600 23px var(--display);letter-spacing:-.05em;margin:10px 0 5px}.festival-feature h2 em{font:italic 500 1em var(--display);color:#d2adf3}.festival-feature p{font-size:8px;color:#c0b9c5;max-width:360px;line-height:1.65;margin:0}.festival-feature-meta{display:flex;align-items:center;gap:14px;margin-top:13px;font-size:7px;color:#d2c6d6}.festival-feature-meta span{display:flex;align-items:center;gap:5px}.festival-feature-meta i{font-style:normal;color:#d1b2ee}.festival-tabs{display:flex;gap:6px;margin:12px 0}.festival-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.festival-card{overflow:hidden;border:1px solid #2b2e35;border-radius:5px;background:#17191e}.festival-art{height:77px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.festival-art strong{position:relative;z-index:1;font:700 13px var(--display);letter-spacing:.13em;text-align:center;color:#f1ebd6}.festival-art span{position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(transparent,#121318b8)}.fest-coop{background:radial-gradient(circle at 70% 29%,#f3bc65,transparent 10%),linear-gradient(145deg,#406064,#1c2837)}.fest-horror{background:radial-gradient(circle at 40% 25%,#d18a87,transparent 11%),linear-gradient(145deg,#60404c,#1a1b27)}.fest-indie{background:radial-gradient(circle at 70% 26%,#f5b976,transparent 12%),linear-gradient(145deg,#64754b,#263342)}.festival-info{padding:9px}.festival-info>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px}.festival-info h3{font:600 8px var(--display);margin:0}.festival-status{font-size:5px;padding:4px 5px;border-radius:3px;background:#303729;color:#c9e696;white-space:nowrap}.festival-status.soon{background:#342e41;color:#c5b4ed}.festival-info p{font-size:6px;color:#858b94;line-height:1.5;margin:6px 0}.festival-info-foot{display:flex;align-items:center;justify-content:space-between;padding-top:7px;border-top:1px solid #2a2d34;color:#969ba2;font-size:6px}.festival-info-foot strong{color:#e5e6e1;font-size:7px}.festival-info-foot button{border:0;background:none;color:var(--lime);font-size:7px}.festival-cta{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:13px;border:1px dashed #454749;border-radius:5px;background:#191b20}.festival-cta h3{font:600 9px var(--display);margin:0 0 4px}.festival-cta p{font-size:7px;color:#8c9199;margin:0}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.library-card{overflow:hidden;border:1px solid #2b2e35;border-radius:5px;background:#17191e}.library-card .game-cover{width:100%;height:93px;border-radius:0}.library-card .game-cover span{font-size:10px}.library-card-body{padding:9px}.library-card-body strong{display:block;font:600 8px var(--display)}.library-card-body span{display:block;color:#888e97;font-size:6px;margin-top:4px}.library-card-body .mini-progress{width:100%}.profile-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:13px}.profile-hero{padding:17px;text-align:center}.profile-hero .avatar{width:57px;height:57px;margin:0 auto 9px;font-size:14px}.profile-hero h2{font:600 13px var(--display);margin:0 0 4px}.profile-hero p{font-size:7px;color:#858a94;margin:0}.profile-hero .online-pill{margin:10px auto;display:inline-block}.profile-data{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;padding-top:12px;border-top:1px solid #2b2e34}.profile-data div{display:flex;flex-direction:column;gap:4px}.profile-data strong{font:600 11px var(--display)}.profile-data span{font-size:6px;color:#858a94}.settings-list{padding:15px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #2c2f36}.settings-row:last-child{border:0}.settings-row strong{display:block;font-size:8px}.settings-row p{font-size:6px;color:#8e939b;margin:4px 0 0}.toggle{width:28px;height:16px;flex:none;border:0;border-radius:12px;background:#3a3d44;padding:2px}.toggle:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:#c2c5c7;transition:.15s}.toggle.on{background:#718345}.toggle.on:after{transform:translate(12px);background:var(--lime)}.view-footer{display:flex;justify-content:space-between;margin-top:18px;color:#636973;font-size:6px;letter-spacing:.09em}.toast{position:fixed;z-index:20;left:50%;bottom:24px;max-width:calc(100% - 30px);transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:10px 14px;border:1px solid #50593b;border-radius:5px;background:#252a20;color:#e5edda;font-size:8px;box-shadow:0 10px 30px #0008;transition:.2s}.toast.show{opacity:1;transform:translate(-50%)}.modal{width:min(420px,calc(100% - 26px));padding:0;border:1px solid #393c44;border-radius:7px;background:#191b20;color:#efefed;box-shadow:0 24px 90px #000b}.modal::backdrop{background:#050609b9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;padding:23px}.modal-close{position:absolute;right:13px;top:11px;width:25px;height:25px;border:0;background:none;color:#a5aab1;font-size:19px}.modal-content h2{font:600 21px var(--display);letter-spacing:-.05em;margin:8px 0 5px}.modal-content h2 em{font:italic 500 1em var(--display);color:var(--lime)}.modal-content>p{font-size:8px;color:#9297a0;line-height:1.6;margin:0 0 16px}.modal-form label{display:flex;flex-direction:column;gap:6px;margin:11px 0;color:#b5bac0;font-size:7px}.modal-form input,.modal-form textarea,.modal-form select{width:100%;min-height:34px;padding:8px;border:1px solid #383b43;border-radius:4px;background:#121418;color:#ececea;font-size:8px;outline:0}.modal-form textarea{min-height:65px;resize:vertical}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{border-color:#879b51}.modal-form .primary-button{width:100%;margin-top:8px}.modal-actions{display:flex;gap:7px;margin-top:14px}.modal-actions button{flex:1}.steam-note{display:flex;gap:9px;padding:11px;border:1px solid #3b4552;border-radius:4px;background:#202732;color:#b7c5d4;font-size:7px;line-height:1.6;margin:13px 0}.steam-note strong{color:#e0e8ef}.empty-state{text-align:center;padding:35px 10px;color:#91969f;font-size:8px}.toast-link{border:0;background:none;color:var(--lime);margin-left:9px;font-size:8px}@media(max-width:1100px){.app-shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{width:196px}.view-container{width:calc(100% - 48px)}.chat-layout{grid-template-columns:190px minmax(250px,1fr)}.chat-details{display:none}.friend-grid,.festival-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{width:175px}}@media(max-width:760px){.auth-screen{grid-template-columns:1fr;min-height:100svh}.auth-visual{display:none}.auth-panel{min-height:100svh;padding:18px 25px 15px}.auth-panel-top{justify-content:space-between}.auth-mobile-brand{display:flex;align-items:center;gap:7px;font:700 15px var(--display);letter-spacing:-.06em}.auth-mobile-brand>span:last-child{color:var(--lime)}.auth-mobile-brand .brand-icon{width:25px;height:25px;font-size:15px}.auth-form-wrap{margin:35px auto}.app-shell{grid-template-columns:62px minmax(0,1fr)}.sidebar{width:62px;padding:17px 6px 12px;align-items:center}.sidebar .brand{padding:0}.sidebar .brand>span:last-child,.side-user,.side-label,.nav-item>span:not(.nav-icon),.nav-badge,.side-nav-single,.sidebar-bottom{display:none}.side-nav{margin-top:31px;width:100%;gap:6px}.nav-item{width:42px;height:41px;justify-content:center;padding:0;margin:auto}.nav-icon{font-size:17px}.main-area{grid-column:2}.topbar{height:51px;padding:0 13px}.breadcrumb{font-size:6px;gap:6px}.topbar-right{gap:8px}.search-field{width:min(36vw,160px);height:27px}.search-field kbd,.top-profile>span:nth-child(2),.top-profile b{display:none}.top-language{height:22px;gap:3px}.top-language .lang-button{font-size:6px}.top-profile{padding:0}.view-container{width:calc(100% - 26px);padding-top:20px}.welcome-row{gap:7px}.welcome-row h1{font-size:21px}.welcome-row p{font-size:8px}.primary-button{height:31px;padding:0 8px;font-size:7px;white-space:nowrap}.hero-card{min-height:185px;grid-template-columns:1fr}.hero-text{padding:17px}.hero-text h2{font-size:21px}.hero-text>p{max-width:68%;font-size:8px}.hero-graphic{position:absolute;right:0;bottom:0;width:45%;min-height:130px;opacity:.7}.graphic-ring{width:135px;height:135px;right:0;top:2px}.graphic-sun{width:55px;height:55px;right:43px;top:28px}.graphic-mountain{width:190px;height:75px}.graphic-label{font-size:5px}.hero-stats{right:10px;top:10px}.dash-grid{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr;gap:9px}.right-stack .surface{min-height:100px}.home-bottom{gap:8px}.squad-card,.discover-card{padding:11px;min-height:105px}.chat-layout{height:calc(100svh - 120px);min-height:420px;grid-template-columns:145px minmax(0,1fr)}.chat-list-head{padding:9px}.chat-list-head h2{font-size:10px}.conversation-row{padding:9px 7px;gap:6px}.conversation-row .avatar{width:25px;height:25px}.conversation-copy strong{font-size:6px}.conversation-copy p{font-size:5px}.message-stream{padding:10px 8px}.message{max-width:96%}.bubble{font-size:6px}.view-title h1{font-size:20px}.friend-grid,.festival-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.auth-panel{padding-inline:20px}.auth-form-wrap h2{font-size:39px}.auth-panel-footer span:last-child{font-size:5px}.top-language{display:none}.view-container{width:calc(100% - 20px)}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:19px}.welcome-row p{max-width:140px}.welcome-row .primary-button{font-size:6px;padding:0 6px}.hero-text>p{max-width:75%}.right-stack{grid-template-columns:1fr}.right-stack .surface{min-height:auto}.home-bottom{grid-template-columns:1fr}.chat-layout{grid-template-columns:42px minmax(0,1fr)}.chat-list-head{padding:8px 4px}.chat-list-head h2,.chat-filter,.conversation-copy,.conversation-row .avatar:not(.avatar-mate),.conversation-row .unread-dot{display:none}.conversation-row{justify-content:center;padding:9px 2px}.conversation-row .avatar{display:grid;width:25px;height:25px}.conversation-row{position:relative}.conversation-row:after{content:"";position:absolute;right:5px;top:8px;width:4px;height:4px;border-radius:50%;background:#798d4c}.thread-head{padding:0 8px}.thread-tools button{width:22px;height:22px}.composer-wrap{padding:7px}.message-stream{gap:10px}.message{max-width:98%}.view-title{align-items:flex-start;gap:7px}.view-title h1{font-size:18px}.view-title p{max-width:220px;line-height:1.5}.view-actions{flex-direction:column;align-items:flex-end}.friend-grid,.festival-grid{grid-template-columns:1fr 1fr;gap:7px}.friend-card{padding:9px}.friend-card-head{gap:5px}.friend-card .avatar{width:28px;height:28px}.friend-card-head strong{font-size:7px}.friend-card-actions button{font-size:5px}.festival-feature{padding:15px}.festival-feature h2{font-size:19px}.festival-feature p{max-width:75%}.festival-feature-meta{gap:8px;font-size:6px}.festival-art{height:62px}.festival-art strong{font-size:10px}.festival-info{padding:7px}.festival-info h3{font-size:7px}.festival-status{font-size:4px}.festival-info p{font-size:5px}.library-grid{gap:7px}.library-card .game-cover{height:76px}.profile-layout{grid-template-columns:1fr}.profile-hero{padding:14px}.view-footer{font-size:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.game-cover.steam-cover{background-size:cover;background-position:center;background-repeat:no-repeat}.game-cover.steam-cover span{padding:3px;background:#1011149c;border-radius:2px}.auth-config-warning{margin:13px auto 0;max-width:350px;text-align:center;color:#e6c78d;font-size:8px;line-height:1.5}.auth-form-wrap form>div#signup-fields{margin-bottom:12px}.auth-form-wrap form>div#signup-fields[hidden]{display:none}.modal-content form label input[type=date],.modal-content form label input[type=time]{color-scheme:dark}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 0 24px}.page-heading h1,.welcome-card h1,.profile-panel h1{font:600 34px var(--display);letter-spacing:-.06em;margin:10px 0}.welcome-card,.panel,.chat-panel{background:#17191e;border:1px solid #2a2d34;border-radius:16px;padding:22px}.welcome-card{padding:34px;background:radial-gradient(ellipse at 85% 20%,#323d40,#1c1f23 58%)}.welcome-card p,.panel p{color:#9297a0;line-height:1.7}.quick-actions,.inline-form{display:flex;gap:10px;align-items:center;margin-top:20px}.quick-actions button,.inline-form button{width:auto}.inline-form input,.profile-panel input,.profile-panel textarea{background:#101114;border:1px solid #343840;border-radius:8px;color:#f0f0ed;padding:12px;min-width:220px}.content-grid,.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px}.friend-card{display:flex;align-items:center;gap:13px}.friend-card h3,.event-card h3{margin:0 0 5px}.friend-card small,.event-card small{color:#9297a0}.friend-card button,.event-card button,.chat-person{margin-left:auto;border:1px solid #343840;background:#202329;color:#f0f0ed;padding:8px 12px;border-radius:8px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#353d27;color:#c9f269;font-weight:700}.chat-panel{display:grid;grid-template-columns:220px 1fr;min-height:65vh;padding:0;overflow:hidden}.chat-list{padding:18px;border-right:1px solid #2a2d34}.chat-person{display:block;width:100%;margin:8px 0;text-align:left}.chat-main{display:flex;flex-direction:column;padding:18px;min-width:0}.chat-main header{font-weight:700;padding-bottom:14px;border-bottom:1px solid #2a2d34}.messages{flex:1;overflow:auto;padding:15px 0}.message{max-width:75%;padding:10px 13px;margin:8px 0;background:#22252b;border-radius:12px}.message.mine{margin-left:auto;background:#333d26}.message p{margin:4px 0;overflow-wrap:anywhere}.message small{color:#9297a0;font-size:10px}.chat-main .inline-form input{flex:1;min-width:0}.profile-panel{max-width:620px}.profile-panel label{display:block;margin:16px 0;color:#a9adb4}.profile-panel input,.profile-panel textarea{display:block;width:100%;margin-top:8px}.profile-panel textarea{min-height:100px}.profile-panel .steam-auth{margin-top:15px}.event-card button{display:block;margin:15px 0 0}.auth-legal button{background:none;border:0;color:var(--lime)}.role-chip{display:inline-flex;width:max-content;margin-top:4px;padding:3px 8px;border-radius:999px;background:#303728;color:#c9f269;font-size:10px;font-weight:700}.home-news-panel{margin-top:16px}.home-announcement{padding:12px 0;border-bottom:1px solid #2a2d34}.home-announcement:last-child{border-bottom:0}.home-announcement p,.admin-announcement p{white-space:pre-wrap;line-height:1.65;color:#c3c5c8;margin:7px 0}.home-announcement small,.admin-announcement small,.admin-user small{display:block;color:#9297a0;font-size:11px}.admin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.admin-stats strong{display:block;font:600 30px var(--display);margin-top:8px;color:var(--lime)}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form label{display:block;margin:14px 0;color:#b4b7bd}.admin-form input,.admin-form textarea,.admin-form select,.admin-user select,.status-control select{display:block;width:100%;margin-top:7px;padding:11px;background:#101114;color:#f0f0ed;border:1px solid #343840;border-radius:8px}.admin-form textarea{min-height:125px;resize:vertical}.admin-form .check-line{display:flex;align-items:center;gap:9px}.admin-form .check-line input{width:auto;margin:0}.admin-announcement,.admin-user{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #2a2d34}.admin-announcement:last-child,.admin-user:last-child{border:0}.danger-button{border:1px solid #664040;background:#2e1d20;color:#ffb6b6;padding:7px 10px;border-radius:8px}.admin-users{margin-top:14px}.admin-user{align-items:center}.admin-user select{width:150px;margin:0}.support-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(400px,1.25fr);gap:14px}.ticket-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 8px;text-align:left;border:0;border-bottom:1px solid #2a2d34;background:transparent;color:inherit}.ticket-row:hover,.ticket-row.selected{background:#202329}.ticket-row strong,.ticket-row small{display:block}.ticket-row small{margin-top:5px;color:#9297a0}.ticket-status{font-size:10px;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:#343840}.status-open{background:#453729;color:#ffd59b}.status-answered{background:#303d27;color:#c9f269}.status-closed{background:#343840;color:#b4b7bd}.ticket-heading{display:flex;align-items:center;justify-content:space-between}.ticket-messages{max-height:360px;overflow:auto}.ticket-message{margin:10px 0;padding:12px;background:#202329;border-radius:10px}.ticket-message.mine{background:#303728}.ticket-message p{white-space:pre-wrap}.ticket-message small{font-size:10px;color:#9297a0}.status-control{display:block;margin-top:12px;color:#9297a0}.status-control select{max-width:200px}.support-inbox hr{border:0;border-top:1px solid #2a2d34;margin:18px 0}@media(max-width:800px){.admin-grid,.support-layout{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}}:root{--lime:#d6ff64;--purple:#ad91ff;--case-line:#292e36;--case-panel:#171b21;--case-muted:#a4abb5}.app-shell{background:#0d1014}.sidebar{background:#101318;border-color:#242a32}.brand,.brand-icon{font-size:20px}.nav-item,.side-label,.side-user-info strong,.side-user-info small,.settings-button{font-size:13px}.nav-item{min-height:42px}.main-area{min-width:0}.topbar{height:66px}.breadcrumb{font-size:11px}.view-container{width:min(1380px,calc(100% - 76px));padding-top:30px;padding-bottom:60px;font-size:15px}.eyebrow{font-size:11px;letter-spacing:.13em}.panel,.welcome-card,.chat-panel{font-size:15px}.cases-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:300px;padding:45px 52px;border:1px solid #29313b;border-radius:24px;background:radial-gradient(ellipse at 78% 45%,#263a48 0,transparent 39%),linear-gradient(120deg,#1b222a,#15191f 72%);overflow:hidden}.cases-hero h1{font:700 clamp(36px,5vw,64px)/1.02 var(--display);letter-spacing:-.065em;margin:16px 0}.cases-hero h1 em{font-style:normal;color:var(--lime)}.cases-hero p{max-width:560px;color:#c0c6cf;font-size:18px;line-height:1.65;margin:0 0 16px}.cases-hero>div:first-child>small{font-size:12px;color:#818a96}.wallet-card{min-width:245px;padding:25px;border:1px solid #3b4650;border-radius:17px;background:#10151bd9;box-shadow:0 16px 54px #05090d70}.wallet-card>span{display:block;color:#abb3bd;font-size:11px;font-weight:700;letter-spacing:.13em}.wallet-card>strong{display:block;margin:13px 0 20px;font:700 35px var(--display)}.wallet-card>strong small,.case-bottom strong small{font:700 12px var(--sans);color:#9ca5ae}.daily-button{width:100%;padding:12px 14px;border:1px solid #445135;border-radius:9px;background:#263022;color:#deff9e;font-size:13px;font-weight:700;cursor:pointer}.daily-button:disabled{color:#a8b18d;opacity:.7;cursor:default}.case-section-title{display:flex;align-items:end;justify-content:space-between;margin:45px 0 18px}.case-section-title h2{margin:8px 0 0;font:700 30px var(--display);letter-spacing:-.04em}.text-button{border:0;background:none;color:var(--lime);font-size:14px;font-weight:700;cursor:pointer}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.case-card{overflow:hidden;border:1px solid var(--case-line);border-radius:17px;background:var(--case-panel);transition:transform .2s,border-color .2s,box-shadow .2s}.case-card:hover{transform:translateY(-4px);border-color:#535b66;box-shadow:0 18px 48px #0005}.case-art{height:190px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#273641,#14191f 65%)}.theme-violet .case-art{background:radial-gradient(ellipse at center,#352b4c,#171820 68%)}.theme-gold .case-art{background:radial-gradient(ellipse at center,#4a3b21,#191a1c 68%)}.theme-red .case-art{background:radial-gradient(ellipse at center,#48282b,#19191d 68%)}.case-index{position:absolute;left:20px;top:16px;color:#ffffff5c;font:600 12px var(--display);letter-spacing:.15em}.case-glow{position:absolute;width:170px;height:100px;border-radius:50%;background:#a8eaff30;filter:blur(25px)}.theme-violet .case-glow{background:#ae81ff40}.theme-gold .case-glow{background:#ffe18c37}.theme-red .case-glow{background:#ff6c6c3b}.case-box{z-index:1;position:relative;display:grid;place-items:center;width:116px;height:92px;transform:rotate(-8deg);border:1px solid #c4e9ff7a;border-radius:10px;background:linear-gradient(140deg,#67b6ce,#294757 58%,#17242f);box-shadow:0 20px 42px #0009,inset 0 1px #ffffff8c}.case-box:before{content:"";position:absolute;left:-8px;right:-8px;top:17px;height:9px;border:1px solid #c3edff65;background:#365866}.case-box:after{content:"";position:absolute;inset:34px 0 auto;height:14px;background:#12212b80;border-block:1px solid #b6eaff55}.case-box i{z-index:2;position:absolute;width:18px;height:23px;top:43px;border:2px solid #d6f8ff;border-radius:4px}.case-box b{position:absolute;right:-17px;top:-19px;color:#ffffffa0;font-size:22px}.theme-violet .case-box{filter:hue-rotate(55deg)}.theme-gold .case-box{filter:hue-rotate(145deg) saturate(1.3)}.theme-red .case-box{filter:hue-rotate(285deg)}.case-info{padding:22px}.case-info>.eyebrow{color:#9ba5af;font-size:10px}.case-info h3{font:700 25px var(--display);letter-spacing:-.035em;margin:9px 0}.case-info>p{min-height:44px;margin:0;color:var(--case-muted);font-size:14px;line-height:1.6}.case-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:17px;border-top:1px solid #2b3037}.case-bottom strong{font:700 20px var(--display)}.case-bottom button{padding:12px 15px;border:1px solid #d7ff64;border-radius:8px;background:var(--lime);color:#11150c;font-size:14px;font-weight:800;cursor:pointer}.case-bottom button:hover{background:#e4ff9d}.case-odds{margin-top:18px;padding-top:13px;border-top:1px solid #272c33}.case-odds summary{color:#b3bbc3;font-size:13px;cursor:pointer}.case-odds>div{padding-top:10px}.case-odds>div>div{display:grid;grid-template-columns:10px 1fr auto 48px;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #252a30;font-size:12px}.case-odds>div>div b{color:#b1bac5;font-size:10px}.case-odds>div>div small{color:#e1e6eb;text-align:right;font-size:11px}.rarity-dot{width:7px;height:7px;border-radius:50%;background:#8f99a6}.rarity-consumer{background:#a3a8ae}.rarity-industrial{background:#78a9e8}.rarity-mil_spec{background:#677df7}.rarity-restricted{background:#b177e8}.rarity-classified{background:#d968d7}.rarity-covert{background:#e65d69}.rarity-special{background:#eacb65}.case-disclaimer{margin-top:20px;color:#838c97;font-size:12px;line-height:1.6}.case-loading{padding:80px 10px;text-align:center;color:#aeb7c1;font-size:17px}.inventory-heading{align-items:center}.inventory-heading h1{font:700 42px var(--display);letter-spacing:-.05em;margin:8px 0}.inventory-heading p{color:var(--case-muted);font-size:15px}.wallet-pill{padding:13px 18px;border:1px solid #384237;border-radius:9px;background:#20271c;color:#dfff9b;font-size:15px;font-weight:700}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.inventory-card{overflow:hidden;border:1px solid #30343b;border-radius:15px;background:#171a20}.rarity-border-consumer{border-bottom:2px solid #a3a8ae}.rarity-border-industrial{border-bottom:2px solid #78a9e8}.rarity-border-mil_spec{border-bottom:2px solid #677df7}.rarity-border-restricted{border-bottom:2px solid #b177e8}.rarity-border-classified{border-bottom:2px solid #d968d7}.rarity-border-covert{border-bottom:2px solid #e65d69}.rarity-border-special{border-bottom:2px solid #eacb65}.inventory-art{height:150px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#2a303b,#15181e 70%)}.rarity-label{position:absolute;top:13px;left:14px;color:#c1c8d0;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.inventory-glyph{font-size:66px;color:#b5c2d5;text-shadow:0 0 30px #aabfff75}.inventory-copy{padding:17px}.inventory-copy>small{color:#a8b1bc;font-size:12px}.inventory-copy h3{margin:5px 0;font:700 20px var(--display)}.inventory-copy p,.inventory-copy time{font-size:12px;color:#8f98a2}.empty-inventory{margin:55px auto;max-width:570px;padding:40px;text-align:center;border:1px solid #2a3038;border-radius:17px;background:#15191f}.empty-inventory>div{font-size:42px;color:#a7c877}.empty-inventory h2{font:700 26px var(--display)}.empty-inventory p{color:var(--case-muted);font-size:15px}.empty-inventory button{margin-top:12px}.opening-spinner{height:140px;display:grid;place-items:center}.opening-spinner .case-box{animation:case-open .85s ease-in-out infinite alternate}@keyframes case-open{to{transform:rotate(8deg) translateY(-8px);filter:brightness(1.45)}}.drop-reveal{padding:27px 14px;margin-bottom:16px;text-align:center;border:1px solid #373e48;border-radius:13px;background:radial-gradient(ellipse at top,#313443,#171a21 75%)}.drop-reveal .eyebrow{font-size:11px}.drop-weapon{margin-top:20px;color:#e5e9ef;font:700 32px var(--display)}.drop-reveal h2{font-size:23px}.drop-reveal p,.modal-content>p{font-size:14px}.drop-reveal.rarity-special{box-shadow:inset 0 0 50px #eacb6525}.drop-reveal.rarity-covert{box-shadow:inset 0 0 50px #e65d6920}.modal{width:min(520px,calc(100% - 28px));border-radius:14px}.modal-content{padding:27px}.modal-content h2{font-size:25px}.modal-form label,.modal-form input,.modal-form textarea,.modal-form select,.sign-in-button,.steam-auth,.auth-panel-footer,.auth-form-wrap label,.auth-form-wrap input{font-size:14px}.auth-form-wrap h2{font-size:45px}.auth-intro{font-size:16px}.auth-panel-footer span{font-size:10px}.toast{font-size:14px;padding:13px 17px}.side-footer{font-size:9px}@media(max-width:900px){.view-container{width:calc(100% - 42px)}.cases-hero{padding:32px;min-height:265px}.case-grid{gap:14px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.view-container{width:calc(100% - 28px);padding-top:18px}.cases-hero{align-items:stretch;flex-direction:column;padding:25px 21px;gap:21px}.cases-hero h1{font-size:39px}.cases-hero p{font-size:15px}.wallet-card{min-width:0;padding:17px}.wallet-card>strong{font-size:29px;margin:8px 0 13px}.case-section-title{align-items:start;margin:30px 0 14px}.case-section-title h2{font-size:23px}.case-grid,.inventory-grid{grid-template-columns:1fr}.case-art{height:160px}.case-info{padding:17px}.case-info h3{font-size:22px}.case-bottom button{font-size:12px;padding:10px}.inventory-heading{align-items:start;gap:14px;flex-direction:column}.inventory-heading h1{font-size:34px}.topbar{height:57px}}.case-odds{max-width:100%;overflow:hidden}.case-odds>div>div{grid-template-columns:10px 52px minmax(0,1fr) auto minmax(88px,auto)}.case-odds .drop-thumb{display:block;width:48px;height:36px;min-width:0;object-fit:contain}.case-odds>div>div span:not(.rarity-dot){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-odds>div>div b{white-space:nowrap}.case-odds>div>div small{white-space:nowrap}@media(max-width:560px){.case-odds>div>div{grid-template-columns:8px 36px minmax(0,1fr) auto 80px;gap:5px;padding:7px 0;font-size:10px}.case-odds .drop-thumb{width:34px;height:29px}.case-odds>div>div b{font-size:9px}.case-odds>div>div small{font-size:9px}}.case-feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.91}.case-index{z-index:2;padding:5px 8px;border:1px solid #ffffff35;border-radius:5px;background:#0d101866}.roulette-viewport{height:170px;position:relative;overflow:hidden;margin:22px -8px;border:1px solid #333945;border-radius:10px;background:linear-gradient(180deg,#10141a,#181d24)}.roulette-viewport:before,.roulette-viewport:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:60px;pointer-events:none}.roulette-viewport:before{left:0;background:linear-gradient(90deg,#10141a,transparent)}.roulette-viewport:after{right:0;background:linear-gradient(270deg,#10141a,transparent)}.roulette-marker{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:#e2ff9a;box-shadow:0 0 12px #d6ff64}.roulette-marker:before,.roulette-marker:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent}.roulette-marker:before{top:0;border-top:10px solid #d6ff64}.roulette-marker:after{bottom:0;border-bottom:10px solid #d6ff64}.roulette-track{position:absolute;left:0;top:9px;bottom:9px;display:flex;gap:10px;will-change:transform}.roulette-item{width:180px;flex:0 0 180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 7px;border:1px solid #343b46;border-bottom-width:3px;border-radius:8px;background:linear-gradient(160deg,#242a33,#15191f);text-align:center}.roulette-item img{width:140px;height:80px;object-fit:contain}.roulette-item strong{font-size:11px}.roulette-item small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9ca5af;font-size:10px}.drop-image{display:block;width:min(270px,80%);height:115px;object-fit:contain;margin:4px auto -4px}.roulette-status{color:#bfc7d1;text-align:center;font-size:14px}.inventory-art img{width:90%;height:118px;object-fit:contain;filter:drop-shadow(0 12px 15px #0008)}.inventory-copy time{display:block;margin-top:9px}.collection-actions{display:flex;gap:12px;margin:-5px 0 20px}.play-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.play-card{padding:24px}.play-card h2,.upgrade-info h2,.battle-create h2{font:700 24px var(--display);margin:9px 0 16px}.play-card .admin-form label,.upgrade-form label{font-size:13px}.play-card .admin-form input,.play-card .admin-form select,.upgrade-form select,.battle-create-form select{min-height:44px;padding:11px 12px;background:#11151b;color:#ecf0f2;border:1px solid #333b46;border-radius:8px;font-size:14px}.trade-list{display:grid;gap:13px}.trade-card{padding:15px;border:1px solid #303741;border-radius:11px;background:#13171d}.trade-card-top{display:flex;align-items:center;justify-content:space-between;color:#9da7b2;font-size:12px}.trade-exchange{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;margin:12px 0}.trade-exchange>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 5px;border:1px solid #303741;border-radius:8px;background:#191e25;text-align:center}.trade-exchange img{width:100%;height:65px;object-fit:contain}.trade-exchange b{font-size:11px}.trade-exchange small{color:#9fa8b1;font-size:10px}.trade-exchange>span{color:var(--lime);text-align:center;font-size:20px}.trade-actions{display:flex;gap:8px}.trade-actions button{width:auto;flex:1}.empty-copy{color:#a8b0ba;font-size:14px}.upgrade-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px}.upgrade-panel,.upgrade-info{padding:25px}.upgrade-stage{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:12px;padding:18px;border:1px solid #303741;border-radius:13px;background:radial-gradient(ellipse at center,#26303a,#15191f 70%)}.upgrade-item{min-width:0;min-height:188px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.upgrade-item>span{color:#a8b2be;font-size:10px;letter-spacing:.14em}.upgrade-item img{width:90%;height:95px;object-fit:contain;filter:drop-shadow(0 10px 12px #0008)}.upgrade-item>b{font-size:12px}.upgrade-item>small{color:var(--lime);font-size:11px}.upgrade-placeholder{width:68px;height:68px;display:grid;place-items:center;border:1px dashed #64707c;border-radius:50%;color:#adb7c1;font-size:24px}.upgrade-arrow{color:var(--lime);text-align:center;font-size:26px}.upgrade-form{display:grid;gap:9px;margin-top:18px}.upgrade-form label{display:grid;gap:7px;color:#abb4be}.upgrade-chance{margin:9px 0 3px;padding:13px 14px;border:1px solid #303741;border-radius:9px;background:#11151a}.upgrade-chance>span{color:#a9b2bc;font-size:10px;letter-spacing:.1em}.upgrade-chance>strong{float:right;color:var(--lime);font:700 19px var(--display)}.chance-track{height:6px;clear:both;overflow:hidden;margin-top:12px;border-radius:8px;background:#30353d}.chance-track i{display:block;width:0;height:100%;border-radius:8px;background:linear-gradient(90deg,#8ce5bf,var(--lime));transition:width .4s}.upgrade-form .sign-in-button{width:100%;min-height:46px}.upgrade-form .sign-in-button:disabled{opacity:.45;cursor:not-allowed}.upgrade-info>p{color:#b1bac4;font-size:14px;line-height:1.7}.upgrade-info>small{display:block;margin-top:20px;color:#87919c;font-size:11px}.upgrade-rules{display:grid;gap:14px;margin-top:24px}.upgrade-rules>div{display:flex;align-items:center;gap:12px;color:#d5dbe1;font-size:13px}.upgrade-rules b{color:var(--lime);font:700 13px var(--display)}.upgrade-stage.rolling .upgrade-arrow{animation:upgrade-pulse .35s ease-in-out infinite alternate}@keyframes upgrade-pulse{to{transform:scale(1.45);color:#fff}}.battle-create{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px}.battle-create h2{margin-bottom:0}.battle-create-form{display:flex;gap:10px}.battle-create-form select{min-width:230px}.battle-create-form button{white-space:nowrap}.battle-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.battle-columns .case-section-title{margin:26px 0 14px}.battle-columns .case-section-title h2{font-size:23px}.battle-list,.battle-history{display:grid;gap:12px}.battle-card,.battle-history-card{padding:16px;border:1px solid #303741;border-radius:11px;background:#161a20}.battle-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.battle-card-case{display:flex;align-items:center;gap:13px;min-width:0}.battle-card-case img{width:98px;height:66px;object-fit:cover;border-radius:7px}.battle-card-case small,.battle-card-case span{color:#9da7b1;font-size:11px}.battle-card-case h3{margin:3px 0;font:700 15px var(--display)}.battle-card>button{white-space:nowrap}.battle-history-head{display:flex;justify-content:space-between;gap:10px}.battle-state{font-size:10px;color:#aab4bf}.state-complete{color:var(--lime)}.state-waiting{color:#f4ce72}.battle-players{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0;font-size:13px}.battle-players b{color:#86919d;font-size:11px}.battle-drops{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:7px}.battle-drops>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.battle-drops img{width:100%;height:70px;object-fit:contain}.battle-drops b{font-size:10px}.battle-drops small{color:#aab2bd;font-size:10px}.battle-drops>span{text-align:center;color:#aab4bf}.battle-winner{color:var(--lime);font-size:12px}.battle-history-card>.steam-auth{width:auto;margin-top:8px}.battle-result-panel{margin-bottom:16px;padding:16px;border:1px solid #789147;border-radius:10px;background:#252d1e;color:#e5f7c3;font-size:14px}.admin-user{flex-wrap:wrap}.admin-user-primary{flex:1;min-width:170px}.admin-credit-balance{color:var(--lime)!important}.admin-credit-form{display:flex;gap:6px;align-items:center}.admin-credit-form input{width:100px;padding:8px;border:1px solid #353c45;border-radius:7px;background:#101318;color:#fff;font-size:13px}.admin-credit-form button{padding:8px 10px;font-size:12px}.admin-user select{font-size:13px}@media(max-width:900px){.play-grid,.upgrade-layout,.battle-columns{grid-template-columns:1fr}.battle-create{align-items:flex-start;flex-direction:column}.battle-create-form{width:100%}.battle-create-form select{flex:1;min-width:0}}@media(max-width:680px){.case-grid,.inventory-grid{grid-template-columns:1fr}.trade-exchange{grid-template-columns:1fr 20px 1fr}.trade-exchange img{height:48px}.trade-exchange b{font-size:9px}.trade-actions{flex-wrap:wrap}.upgrade-panel,.upgrade-info,.play-card{padding:17px}.upgrade-stage{grid-template-columns:1fr 25px 1fr;gap:3px;padding:9px}.upgrade-item{min-height:155px}.upgrade-item img{height:68px}.upgrade-item>b{font-size:10px}.upgrade-arrow{font-size:19px}.battle-create-form{align-items:stretch;flex-direction:column}.battle-create-form button{width:100%}.battle-card{align-items:stretch;flex-direction:column}.battle-card>button{width:100%}.roulette-viewport{height:145px}.roulette-item{width:155px;flex-basis:155px}.roulette-item img{width:125px;height:65px}.collection-actions{flex-wrap:wrap}}.sell-button{display:block;width:100%;margin-top:13px;padding:10px 12px;border:1px solid #687a43;border-radius:8px;background:linear-gradient(135deg,#29351f,#1d2719);color:#dcff9b;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.sell-button:hover:not(:disabled){transform:translateY(-2px);border-color:#b5e469;background:linear-gradient(135deg,#344627,#26351e)}.sell-button:disabled{cursor:not-allowed;opacity:.5}.view-container{animation:page-enter .38s cubic-bezier(.2,.7,.2,1) both}@keyframes page-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.case-card .case-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,#ffffff0b 44%,transparent 68%);transform:translate(-110%);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.case-card:hover .case-art:after{transform:translate(110%)}.case-card .case-feature-image{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s}.case-card:hover .case-feature-image{transform:scale(1.045);filter:saturate(1.12)}.inventory-card{transition:transform .22s,border-color .22s,box-shadow .22s}.inventory-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #0005}.inventory-card .inventory-art img{transition:transform .35s,filter .35s}.inventory-card:hover .inventory-art img{transform:scale(1.04);filter:drop-shadow(0 12px 19px #a9c9ff35)}.play-card,.upgrade-info,.battle-history-card{animation:card-enter .4s cubic-bezier(.2,.7,.2,1) both}@keyframes card-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.battle-card{transition:border-color .2s,transform .2s,background .2s}.battle-card:hover{transform:translateY(-2px);border-color:#566245;background:#1b2119}.battle-history-card:has(.battle-winner){border-color:#647c3f;background:linear-gradient(145deg,#1a2018,#15191e)}.upgrade-item.target img{filter:drop-shadow(0 0 14px #c692ff45)}.upgrade-stage.rolling .upgrade-item img{animation:item-pulse .7s ease-in-out infinite alternate}@keyframes item-pulse{to{transform:scale(1.06);filter:drop-shadow(0 0 22px #d6ff6480)}}.modal[open]{animation:modal-in .26s cubic-bezier(.2,.8,.2,1) both}@keyframes modal-in{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.roulette-item{position:relative;overflow:hidden}.roulette-item:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff09,transparent 45%,#ffffff07)}.drop-reveal{animation:reveal-pop .45s cubic-bezier(.15,.8,.2,1) both}@keyframes reveal-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.trade-card,.battle-card,.admin-user,.inventory-card{transition:opacity .2s,border-color .2s,transform .2s}.sign-in-button:not(:disabled),.steam-auth:not(:disabled){transition:transform .16s,filter .16s,box-shadow .16s}.sign-in-button:hover:not(:disabled),.steam-auth:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 7px 20px #0003}.sign-in-button:active:not(:disabled),.steam-auth:active:not(:disabled){transform:translateY(0) scale(.985)}.sign-in-button:disabled{cursor:not-allowed;opacity:.6}.trade-actions .steam-auth{min-height:42px}.battle-result-panel{animation:reveal-pop .35s ease-out both}@media(prefers-reduced-motion:reduce){.view-container,.play-card,.upgrade-info,.battle-history-card,.drop-reveal,.modal[open],.battle-result-panel{animation:none!important}.case-card,.inventory-card,.case-feature-image,.inventory-art img,.sign-in-button,.steam-auth,.sell-button,.roulette-track{transition:none!important}}:root{--lime:#75e8d0;--purple:#9a8cff;--bg:#090d16;--panel:#111827;--raised:#172133;--line:#27344a;--text:#f4f6fc;--muted:#a1aec2;--faint:#748198;--case-line:#26334a;--case-panel:#111827;--case-muted:#a1aec2}body{background:radial-gradient(ellipse at 70% -20%,#24325955,transparent 42%),#090d16;color:var(--text)}.app-shell{background:transparent}.sidebar{background:#0b1220ef;border-color:#26334a;box-shadow:16px 0 50px #03060c25}.brand-icon{background:linear-gradient(145deg,#75e8d0,#70a8ff);box-shadow:0 6px 24px #75e8d044}.nav-item{border:1px solid transparent;border-radius:10px;transition:background .18s,border-color .18s,transform .18s}.nav-item:hover{background:#18243a;border-color:#2a3c5b;transform:translate(2px)}.nav-item.active{background:linear-gradient(105deg,#1e3440,#1c2440);border-color:#315264;color:#aaf8e8}.side-user{border-color:#233149}.online-dot{box-shadow:0 0 12px #75e8d0}.topbar{background:#0b1220db;border-color:#202b3d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.view-container{animation:view-enter .32s cubic-bezier(.2,.75,.25,1) both}@keyframes view-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cases-hero{position:relative;border-color:#2a3c57;background:radial-gradient(ellipse at 78% 30%,#3c548650,transparent 35%),linear-gradient(120deg,#131e30,#111827 72%);box-shadow:0 28px 90px #02061065}.cases-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 45%,#90b7ff08 75%,transparent);transform:translate(-100%);animation:hero-sheen 8s ease-in-out infinite}.cases-hero h1 em{color:#75e8d0}.wallet-card{border-color:#344768;background:#0c1422e8;box-shadow:0 20px 60px #02050b70}.wallet-card>strong{color:#f5f7ff}.daily-button{border-color:#346057;background:#14312f;color:#aaf8e8;transition:transform .2s,background .2s}.daily-button:hover:not(:disabled){transform:translateY(-2px);background:#1d4842}.case-card{border-color:#293750;background:linear-gradient(155deg,#151f31,#101723);box-shadow:0 15px 45px #02050b2b}.case-card:hover{border-color:#668b9c;box-shadow:0 25px 65px #02050b75,0 0 30px #68e5d00d}.case-art{background:radial-gradient(ellipse at 50% 46%,#31485c,#111a29 70%)}.theme-violet .case-art{background:radial-gradient(ellipse at 50% 46%,#403a66,#151827 70%)}.theme-gold .case-art{background:radial-gradient(ellipse at 50% 46%,#665434,#1b1a20 70%)}.theme-red .case-art{background:radial-gradient(ellipse at 50% 46%,#663b4b,#1b1721 70%)}.case-feature-image{position:relative;z-index:1;width:min(78%,330px);height:170px;object-fit:contain;filter:drop-shadow(0 17px 24px #0009);transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s}.case-card:hover .case-feature-image{transform:translateY(-7px) scale(1.045);filter:drop-shadow(0 24px 26px #000b)}.case-info h3{color:#f0f3fb}.case-bottom{border-color:#2b3850}.case-bottom button,.sign-in-button{border:1px solid #83f0d9;background:linear-gradient(135deg,#8af4df,#71c9ff);color:#0d1b25;box-shadow:0 6px 22px #75e8d020;transition:transform .18s,box-shadow .18s,filter .18s}.case-bottom button:hover,.sign-in-button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 10px 26px #75e8d044}.case-bottom button:disabled,.sign-in-button:disabled{opacity:.55;transform:none;cursor:wait}.steam-auth{border-color:#31415b;background:#182338;color:#e4eaff;transition:background .18s,border-color .18s}.steam-auth:hover{background:#202e49;border-color:#536e9a}.text-button,.toast-link{color:#8af4df}.panel,.inventory-card,.chat-panel{border-color:#28354c;background:#111a29}.wallet-pill{border-color:#31564f;background:#142c2d;color:#aaf8e8}.inventory-art{background:radial-gradient(ellipse,#30435c,#111827 72%)}.empty-inventory{border-color:#2a3c54;background:linear-gradient(145deg,#152035,#101723)}.modal{border-color:#344663;background:#111a29;box-shadow:0 30px 100px #000c}.modal::backdrop{background:#030713c9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.drop-reveal{border-color:#3a4a65;background:radial-gradient(ellipse at top,#263c58,#101827 76%)}.roulette-marker{filter:drop-shadow(0 0 8px #75e8d0)}.toast{border-color:#31564f;background:#132927;color:#d8fff5;box-shadow:0 16px 42px #0009}.sync-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #31415b;border-radius:999px;background:#141d2d;color:#9ba9be;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.sync-status i{width:7px;height:7px;border-radius:50%;background:#8291a9}.sync-status.is-live{border-color:#28534d;color:#9af3dc}.sync-status.is-live i{background:#75e8d0;box-shadow:0 0 12px #75e8d0;animation:live-pulse 1.8s ease-in-out infinite}@keyframes live-pulse{50%{box-shadow:0 0 3px #75e8d0;opacity:.55}}@keyframes hero-sheen{0%,30%{transform:translate(-100%)}75%,to{transform:translate(100%)}}.friend-online,.friend-offline{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;vertical-align:1px}.friend-online{background:#75e8d0;box-shadow:0 0 9px #75e8d0}.friend-offline{background:#6c7890}.case-disclaimer{color:#8996ab}@media(max-width:760px){.sync-status{padding:6px 8px;font-size:8px}.topbar-right{gap:7px}.case-feature-image{height:145px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.roulette-stack{display:flex;flex-direction:column;gap:10px;max-height:min(58vh,540px);overflow:auto;padding:4px 0}.roulette-stack .roulette-viewport{height:110px;min-height:110px}.roulette-stack .roulette-item{width:112px;min-width:112px}.roulette-stack .roulette-item img{height:45px;max-width:90px}.upgrade-item>img{width:min(100%,220px);height:135px;object-fit:contain;filter:drop-shadow(0 8px 16px #0008)}.open-controls{display:flex;align-items:center;gap:8px}.open-controls select{min-width:64px;padding:9px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#111820;color:#eaf3f8}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.mission-card{padding:24px}.mission-card h2{margin:10px 0 8px}.mission-progress{display:flex;justify-content:space-between;gap:12px;margin:22px 0 10px}.mission-progress b{color:#83e4d2}.mission-card .sign-in-button{width:100%;margin-top:18px}.shop-unavailable{max-width:900px;margin:25px auto;padding:38px;text-align:center}.shop-mark{font-size:52px;color:#71dfd1}.shop-unavailable p{max-width:620px;margin:12px auto 25px;color:#aab8c2;line-height:1.7}.profile-collection-stats{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.profile-collection-stats article{display:flex;flex-direction:column;gap:5px;padding:16px 22px;border-radius:14px;background:#ffffff0a}.profile-featured-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:16px 0 26px}.profile-item{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#ffffff09;font-size:13px}.profile-item img{width:100%;height:78px;object-fit:contain}.profile-item small{color:#8edccc}.drop-reveal{display:inline-flex;vertical-align:top;width:min(210px,47%);min-height:210px;margin:10px;padding:15px;align-items:center;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:14px}.drop-reveal .drop-image{height:90px;max-width:100%;object-fit:contain}.case-art img.case-feature-image{object-fit:contain}@media(max-width:600px){.shop-unavailable{padding:24px 16px}.open-controls{gap:5px}.open-controls select{min-width:55px}}.upgrade-spin-shell{margin:20px 0 28px;padding:15px 0;text-align:center}.upgrade-spin-viewport{position:relative;overflow:hidden;height:148px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(90deg,#101319,#1c222a 50%,#101319)}.upgrade-spin-viewport:after{content:"";position:absolute;inset:0 auto 0 50%;width:2px;background:#83e4d2;box-shadow:0 0 16px #83e4d2;z-index:2}.upgrade-spin-track{display:flex;align-items:center;gap:10px;width:max-content;height:100%;padding:8px}.upgrade-spin-card{position:relative;flex:0 0 138px;height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#20252e}.upgrade-spin-card img{width:108px;height:68px;object-fit:contain}.upgrade-spin-card b{font-size:11px}.upgrade-spin-card small{color:#a8b3bf;font-size:10px}.upgrade-spin-final{border-color:#83e4d2;box-shadow:inset 0 0 25px #83e4d225}.upgrade-spin-final em{position:absolute;top:5px;right:7px;color:#83e4d2;font-size:9px;font-style:normal;font-weight:800}.upgrade-spin-miss{border-color:#eb6978}.upgrade-spin-miss strong{font-size:28px;color:#eb6978}.upgrade-spin-status{min-height:24px;color:#aab8c2}.upgrade-stage .upgrade-arrow{font-size:29px;color:#82e2d2}.topbar-right{position:relative}.player-search-results{position:absolute;z-index:30;right:195px;top:46px;width:min(330px,calc(100vw - 36px));padding:7px;border:1px solid #343c47;border-radius:12px;background:#171c23;box-shadow:0 18px 45px #0009}.player-search-results[hidden]{display:none}.player-search-results>p{padding:12px;color:#aab4c0}.player-search-result{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:8px;background:transparent;text-align:left}.player-search-result:hover{background:#252d37}.player-search-result>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.player-search-result small{color:#9ca9b5}.player-search-result i{color:#80dfd0}.search-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#30434a;color:#a0f1e3;font-weight:700}.public-player-profile{padding:24px}.public-player-profile>p{color:#b7c2cb;line-height:1.7}.upgrade-clash-layout{display:grid;grid-template-columns:minmax(235px,1fr) minmax(230px,.82fr) minmax(270px,1fr);gap:18px;align-items:stretch}.upgrade-controls,.upgrade-target-panel{padding:19px}.upgrade-tabs,.upgrade-presets,.upgrade-roll-modes{display:flex;gap:6px}.upgrade-tabs{padding:5px;border-radius:9px;background:#11151a;margin-bottom:18px}.upgrade-tabs button,.upgrade-presets button,.upgrade-roll-modes button{flex:1;min-width:0;padding:9px 7px;border:1px solid #303842;border-radius:7px;background:#181d23;color:#aeb7c0}.upgrade-tabs button.active,.upgrade-roll-modes button.active{border-color:#c7ed42;color:#fff;background:#292f22}.upgrade-controls>label{display:block;margin:14px 0 7px;font-weight:700}.upgrade-value-input{display:flex;align-items:center;gap:8px;padding:11px;border-radius:8px;background:#11161b}.upgrade-value-input strong{flex:1}.upgrade-value-input span{color:#f1b232}.upgrade-value-input button{padding:6px 8px;border:0;border-radius:5px;background:#252c33;color:#b3bdc5}.upgrade-presets{margin-top:9px}.upgrade-presets button{padding:8px 4px}.upgrade-controls>small{display:block;margin-top:13px;color:#909ba6;line-height:1.5}.upgrade-roll-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px}.upgrade-chance-ring{--chance:0%;width:min(230px,23vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f2c600 var(--chance),#242a30 0);position:relative}.upgrade-chance-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#14191e}.upgrade-chance-ring>div{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;gap:5px}.upgrade-chance-ring small{color:#aab4bd;letter-spacing:.08em}.upgrade-chance-ring strong{font-size:32px}.upgrade-chance-ring strong span{color:#f2c600}.upgrade-roll-modes{width:100%}.upgrade-roll-panel>.sign-in-button{width:100%;justify-content:center;padding:13px}.upgrade-roll-panel>small{color:#9ca7b1}.upgrade-target-panel h2{font-size:17px;line-height:1.35}.upgrade-target-panel>input{width:100%;margin:8px 0;padding:10px;border:1px solid #39414a;border-radius:7px;background:#10151a;color:#fff}.upgrade-selected-target{min-height:114px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;border-radius:9px;background:#12171c}.upgrade-selected-target img{width:130px;height:65px;object-fit:contain}.upgrade-selected-target span,.upgrade-selected-target small{color:#aeb8c1}.upgrade-selected-target small{color:#c7e15c}.upgrade-target-list{max-height:225px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.upgrade-target-item,.upgrade-inventory-item{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px;border:1px solid #303842;border-radius:9px;background:#1a2026;text-align:left}.upgrade-target-item.selected,.upgrade-inventory-item.selected{border-color:#d2ef4d;box-shadow:0 0 0 1px #d2ef4d44}.upgrade-target-item img{width:100%;height:52px;object-fit:contain}.upgrade-target-item span,.upgrade-inventory-item span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.upgrade-target-item b,.upgrade-inventory-item b{font-size:10px;color:#d9ed87}.upgrade-inventory-panel{padding:20px;margin-top:18px}.upgrade-inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.upgrade-inventory-item img{width:100%;height:85px;object-fit:contain}.upgrade-disclaimer{color:#9da8b0}.upgrade-spin-shell{margin-top:18px;width:100%}.upgrade-spin-viewport{position:relative;overflow:hidden;height:145px;border:1px solid #343c43;border-radius:10px;background:#11161b}.upgrade-spin-viewport:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#d7ef4a;box-shadow:0 0 14px #d7ef4a}.upgrade-spin-track{height:100%;display:flex;align-items:center;gap:9px;width:max-content;padding:8px}.upgrade-spin-card{position:relative;flex:0 0 130px;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #353d45;border-radius:9px;background:#20262c}.upgrade-spin-card img{width:105px;height:67px;object-fit:contain}.upgrade-spin-card b,.upgrade-spin-card small{font-size:10px}.upgrade-spin-final{border-color:#d7ef4a}.upgrade-spin-final em{position:absolute;right:7px;top:5px;color:#d7ef4a;font-size:9px;font-style:normal}.upgrade-spin-miss{border-color:#de6272}.upgrade-spin-miss strong{font-size:24px;color:#de6272}@media(max-width:1050px){.upgrade-clash-layout{grid-template-columns:1fr 1fr}.upgrade-roll-panel{grid-column:1/-1;grid-row:1;flex-direction:row;flex-wrap:wrap}.upgrade-chance-ring{width:130px}.upgrade-roll-modes{width:min(270px,100%)}.upgrade-inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:680px){.upgrade-clash-layout{grid-template-columns:1fr}.upgrade-roll-panel{grid-column:auto;grid-row:auto;flex-direction:column}.upgrade-chance-ring{width:180px}.upgrade-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.upgrade-chance-ring{overflow:visible}.upgrade-chance-ring>div.upgrade-orbit{position:absolute;inset:0;z-index:3;display:block!important;transform-origin:50% 50%;pointer-events:none}.upgrade-chance-ring>div.upgrade-wheel-center{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.upgrade-wheel-token{position:absolute;left:50%;top:4px;width:30px;height:30px;transform:translate(-50%);display:grid;place-items:center;border:2px solid #f5ca28;border-radius:50%;background:#171b20;box-shadow:0 0 15px #f5ca2888}.upgrade-wheel-token img{width:22px;height:22px;object-fit:contain}.upgrade-wheel-win{background:conic-gradient(#53dc98 var(--chance),#242a30 0)}.upgrade-wheel-win .upgrade-wheel-token{border-color:#53dc98;box-shadow:0 0 18px #53dc98aa}.upgrade-wheel-miss .upgrade-wheel-token{border-color:#ef6477;box-shadow:0 0 18px #ef6477aa}.trade-player-results{position:relative;z-index:5;max-height:220px;overflow:auto;margin-top:5px;border:1px solid #36404a;border-radius:9px;background:#171c22;box-shadow:0 12px 28px #0008}.trade-player-results[hidden]{display:none}.trade-player-result{width:100%;display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:0;border-bottom:1px solid #2c333a;background:transparent;text-align:left}.trade-player-result:hover{background:#252d35}.trade-player-result small{color:#a8b4be}.trade-player-results p{padding:10px;color:#aab4bd}.trade-player-selected{padding:9px 12px;border:1px solid #407967;border-radius:8px;background:#14251f;color:#99e2c5}.trade-exchange>div>img{width:125px;height:76px;object-fit:contain}.cashout-panel{max-width:760px;padding:32px;background:linear-gradient(145deg,#1c1f26fa,#121419fa);border:1px solid rgba(255,255,255,.09);border-radius:20px}.cashout-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;border-radius:16px;background:#f5ae2e21;color:#f5ae2e;font-size:28px}.cashout-rate{display:flex;align-items:center;gap:18px;margin:18px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(24px,4vw,38px)}.cashout-rate i{color:#f5ae2e;font-style:normal}.cashout-balance{display:flex;justify-content:space-between;margin-top:28px;padding:16px 0;border-top:1px solid rgba(255,255,255,.09)}.cashout-balance b{color:#f5ae2e}.cashout-progress{height:9px;margin:8px 0;background:#292c32;border-radius:9px;overflow:hidden}.cashout-progress i{display:block;height:100%;background:linear-gradient(90deg,#da8720,#ffd56b);border-radius:9px}.cashout-panel .sign-in-button{margin-top:24px}.cashout-note{margin-top:16px;font-size:13px;opacity:.72;line-height:1.6}.download-app-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid #416e68;border-radius:9px;background:linear-gradient(135deg,#18332f,#1b2a3a);color:#aaf8e8;font-size:11px;font-weight:700;white-space:nowrap;transition:transform .18s,border-color .18s,background .18s}.download-app-button:hover{transform:translateY(-1px);border-color:#75e8d0;background:linear-gradient(135deg,#20443e,#243752)}.download-app-button>span:first-child{font-size:16px;line-height:1}.auth-panel-actions{display:flex;align-items:center;gap:12px}.install-instructions{font-size:13px!important;line-height:1.75!important;color:#c0c8d1!important;margin-top:12px!important}.top-download-button{min-height:31px;padding:0 10px}.auth-panel-top{justify-content:space-between}@media(max-width:760px){.top-download-button{padding:0 8px}.top-download-button>span:last-child{font-size:0}.top-download-button>span:first-child{font-size:17px}.auth-panel-actions{gap:8px}}.shop-notice{display:flex;flex-direction:column;gap:5px;margin:16px 0 28px;padding:15px 18px;border:1px solid #42564b;border-radius:12px;background:linear-gradient(110deg,#18241f,#151c25);color:#aab7b2;line-height:1.55}.shop-notice b{color:#b7f1d5}.shop-section-heading{margin:25px 0 13px}.shop-section-heading h2{margin:7px 0;font:600 24px var(--display)}.shop-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.shop-product{display:flex;flex-direction:column;gap:8px;padding:17px;border:1px solid #2c394c;border-radius:15px;background:linear-gradient(145deg,#151e2c,#111722)}.shop-product>img{width:100%;height:115px;object-fit:contain;filter:drop-shadow(0 10px 15px #0007)}.shop-product h3,.shop-rank-card h3{margin:0;font:600 18px var(--display)}.shop-product p,.shop-rank-card p{min-height:38px;margin:0;color:#9caabd;line-height:1.5}.shop-product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}.shop-product-footer>b,.shop-rank-card>b{color:#c9f269}.shop-product-footer select{padding:6px 9px;border:1px solid #344159;border-radius:7px;background:#101621;color:#fff}.shop-owned,.case-stock{color:#9ba8b8;font-size:11px}.shop-product .sign-in-button,.shop-rank-card .sign-in-button{margin-top:3px}.shop-rank-heading{margin-top:38px}.shop-rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.shop-rank-card{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:22px;border:1px solid #344056;border-radius:15px;background:linear-gradient(145deg,#1b2231,#121925)}.shop-rank-card.veteran-rank{border-color:#7b7147;background:linear-gradient(145deg,#292719,#171b20)}.shop-rank-card p{min-height:42px}.luck-badge{display:inline-flex;width:max-content;margin-top:12px;padding:6px 10px;border:1px solid #758948;border-radius:20px;background:#222d1e;color:#d9f79b;font-size:11px;font-weight:700}.case-stock{display:block;margin-top:4px}@media(max-width:620px){.shop-product-grid,.shop-rank-grid{grid-template-columns:1fr}.shop-product{padding:14px}}.battle-arena{margin:20px 0;padding:24px;border-color:#414b39;background:radial-gradient(ellipse at 50% 0%,#293322,#171b20 62%)}.battle-arena-head{text-align:center;margin-bottom:20px}.battle-arena-head h2{margin:7px 0;font:700 25px var(--display)}.battle-arena-head p{color:#aeb8c1;font-size:13px}.battle-roll-stack{display:grid;gap:14px}.battle-roll-row{display:grid;grid-template-columns:190px minmax(0,1fr) 170px;align-items:center;gap:15px;padding:13px;border:1px solid #333b42;border-radius:12px;background:#11151ad9}.battle-roll-player{display:grid;gap:5px}.battle-player-profile{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #343c43;border-radius:9px;background:#1a1f25;color:#f5f6f7;text-align:left;cursor:pointer}.battle-player-profile:hover,.battle-inline-profile:hover{border-color:#b6e578;color:#d7ff9a}.battle-player-profile>span:nth-child(2){min-width:0;display:grid;gap:3px}.battle-player-profile b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.battle-player-profile small{color:#939da7;font-size:10px}.battle-player-profile i{margin-left:auto;color:#b6e578;font-style:normal}.battle-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#687c40,#334125);color:#e4ffaf;font:700 12px var(--display)}.battle-roll-player>small{padding-left:5px;color:#919ba5;font-size:9px;letter-spacing:.14em}.battle-roll-viewport{position:relative;height:146px;overflow:hidden;border:1px solid #39413b;border-radius:10px;background:linear-gradient(90deg,#12161a,#20251d 50%,#12161a)}.battle-roll-viewport:before,.battle-roll-viewport:after{position:absolute;z-index:2;top:0;bottom:0;width:55px;content:"";pointer-events:none}.battle-roll-viewport:before{left:0;background:linear-gradient(90deg,#12161a,transparent)}.battle-roll-viewport:after{right:0;background:linear-gradient(270deg,#12161a,transparent)}.battle-roll-marker{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:#d6ff64;box-shadow:0 0 13px #d6ff6480}.battle-roll-marker:before,.battle-roll-marker:after{position:absolute;left:50%;transform:translate(-50%);border-right:8px solid transparent;border-left:8px solid transparent;content:""}.battle-roll-marker:before{top:0;border-top:10px solid #d6ff64}.battle-roll-marker:after{bottom:0;border-bottom:10px solid #d6ff64}.battle-roll-track{position:absolute;top:8px;bottom:8px;left:0;display:flex;gap:9px;will-change:transform}.battle-roll-item{width:154px;flex:0 0 154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden;border:1px solid #343c43;border-bottom:3px solid #64733e;border-radius:8px;background:linear-gradient(150deg,#252b30,#171b20);text-align:center}.battle-roll-item img{width:125px;height:75px;object-fit:contain;filter:drop-shadow(0 5px 8px #0009)}.battle-roll-item b{max-width:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.battle-roll-item small{max-width:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb7c0;font-size:9px}.battle-roll-item em{color:#d5f58c;font-size:9px;font-style:normal}.battle-roll-result{min-width:0;display:grid;justify-items:center;gap:4px;color:#aeb8c1;text-align:center;font-size:11px}.battle-roll-result img{width:100%;height:68px;object-fit:contain}.battle-roll-result span{font-weight:700;color:#f4f6f7}.battle-roll-result b{color:#d5f58c}.battle-roll-winner{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:18px;padding:14px;border:1px solid #697f42;border-radius:10px;background:#252e20;text-align:center}.battle-roll-winner>span{color:#d5f58c;font-size:11px;font-weight:800;letter-spacing:.13em}.battle-roll-winner>b{width:100%;color:#b8c2ad;font-size:12px}.battle-inline-profile{max-width:48%;padding:4px 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#e8edf0;font:600 12px var(--display);cursor:pointer}@media(max-width:820px){.battle-roll-row{grid-template-columns:155px minmax(0,1fr);gap:10px}.battle-roll-result{grid-column:1/-1;display:flex;justify-content:center}.battle-roll-result img{width:75px;height:45px}}@media(max-width:560px){.battle-arena{padding:14px}.battle-roll-row{grid-template-columns:1fr}.battle-roll-player{grid-template-columns:1fr auto;align-items:center}.battle-roll-viewport{height:132px}.battle-roll-item{width:132px;flex-basis:132px}.battle-roll-item img{width:110px;height:66px}.battle-roll-result{grid-column:auto}.battle-players{gap:3px}.battle-inline-profile{font-size:10px}}.case-roll-stack{display:grid;gap:11px;max-height:min(58vh,590px);overflow:auto;padding:4px}.case-roll-row{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:12px}.case-roll-label{display:grid;gap:5px;padding-left:8px}.case-roll-label span{color:#a3ad9a;font-size:9px;letter-spacing:.14em}.case-roll-label b{color:#f1f4ee;font:700 13px var(--display)}.case-roll-row .battle-roll-viewport{height:145px}.case-roll-row .battle-roll-item{width:154px;flex-basis:154px}@media(max-width:560px){.case-roll-row{grid-template-columns:1fr;gap:6px}.case-roll-label{grid-template-columns:auto 1fr;align-items:center}.case-roll-row .battle-roll-viewport{height:130px}}@media(prefers-reduced-motion:reduce){.battle-roll-track{transition:none!important}}