.kx-logout{position:fixed;inset:0;margin:0;padding:24px;width:100%;max-width:none;height:100dvh;max-height:none;border:0;background:transparent;color:#f5f5f5;overflow:auto;overscroll-behavior:contain}.kx-logout[open]{display:grid;place-items:center}.kx-logout::backdrop{background:#050505ad;backdrop-filter:blur(10px);animation:kx-back-in .4s ease-out both}.kx-logout-card{isolation:isolate;position:relative;width:min(100%,408px);box-sizing:border-box;padding:18px 28px 28px;border-radius:28px;background:linear-gradient(160deg,#30302f 0%,#1d1d1c 45%,#181817 100%);border:1px solid #ffffff26;box-shadow:0 1px 0 #ffffff18 inset,0 28px 80px #0008,0 7px 20px #0005;text-align:center;transform-origin:50% 60%;animation:kx-in .54s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.kx-logout-card h2{margin:0;font-size:25px;line-height:1.24;font-weight:650;letter-spacing:-.025em}.kx-logout-card>p{max-width:290px;margin:12px auto 24px;color:#c0c0ba;font-size:15px;line-height:1.5;text-wrap:balance}.kx-logout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kx-logout-actions button{min-height:48px;padding:12px 14px;border-radius:14px;border:1px solid #ffffff26;font-size:15px;font-weight:600;color:#eee;background:#ffffff0a;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .18s ease,transform .2s ease,box-shadow .2s ease}.kx-logout-actions [data-stay]{color:#171716;background:#f0f0eb;border-color:#f0f0eb;box-shadow:0 1px 0 #fff8 inset}.kx-logout-actions [data-stay]:hover{background:#fff}.kx-logout-actions [data-confirm]:hover{background:#ffffff12;border-color:#ffffff48}.kx-logout-actions button:active{transform:scale(.98)}.kx-logout-actions button:focus-visible{outline:2px solid #fff;outline-offset:4px}.kx-logout-actions svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.kx-logout[data-phase=cancel] .kx-logout-card{animation:kx-cancel .3s cubic-bezier(.3,0,.6,1) both}.kx-logout[data-phase=cancel]::backdrop{animation:kx-back-out .3s ease both}.kx-logout[data-phase=confirm] .kx-logout-card{animation:kx-depart .42s cubic-bezier(.5,0,.7,.7) both;pointer-events:none}.kx-logout[data-phase=confirm]::backdrop{animation:kx-back-out .42s ease both}.kx-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.kx-exit-art{height:156px;position:relative;perspective:550px;overflow:hidden;contain:layout paint;pointer-events:none}.kx-portal{position:absolute;width:66px;height:91px;left:calc(50% - 33px);top:27px;transform:rotateY(-12deg) rotateX(4deg);transform-style:preserve-3d;border-radius:11px 11px 1px 1px;box-shadow:0 0 0 1px #eeede132,0 10px 32px #000b;background:#b9b7aa;transition:transform .5s cubic-bezier(.22,1,.36,1)}.kx-portal-space{position:absolute;inset:3px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#bbb9a6,#fffef2 60%,#c8c6b8);box-shadow:0 0 22px #fffde52b;opacity:.5;transition:opacity .5s}.kx-portal-door{position:absolute;inset:2px;border-radius:8px 8px 0 0;background:linear-gradient(140deg,#494946,#242423 70%);border:1px solid #b6b6aa55;transform-origin:3% 50%;transform:rotateY(-26deg);transform-style:preserve-3d;box-shadow:2px 0 4px #0007;transition:transform .58s cubic-bezier(.22,1,.36,1),opacity .38s}.kx-portal-door img{width:34px;height:34px;object-fit:contain;position:absolute;left:13px;top:23px;opacity:.85;filter:grayscale(1);transform:translateZ(1px)}.kx-portal-door i{position:absolute;width:3px;height:14px;right:8px;top:48px;background:linear-gradient(#f7f5de,#6b6b5e);border-radius:2px;box-shadow:0 0 0 1px #0006}.kx-portal-edge{position:absolute;inset:0;border:2px solid #77786a;border-radius:11px 11px 0 0;pointer-events:none}.kx-floor-light{position:absolute;width:128px;height:38px;left:calc(50% - 64px);top:110px;background:radial-gradient(ellipse,#ecead324 0,#ecead30c 45%,transparent 72%);transform:rotate(-8deg);transition:opacity .4s;opacity:.55}.kx-horizon{position:absolute;left:14%;right:14%;top:120px;height:1px;background:linear-gradient(90deg,transparent,#d0cbb426,transparent)}.kx-exit-art[data-active=true] .kx-portal-door{transform:rotateY(-68deg)}.kx-exit-art[data-active=true] .kx-portal-space,.kx-exit-art[data-active=true] .kx-floor-light{opacity:1}.kx-exit-art[data-departing=true] .kx-portal{transform:rotateY(0) rotateX(0) translateZ(40px)}.kx-exit-art[data-departing=true] .kx-portal-door{transform:rotateY(-100deg);opacity:.2}.ki-steam-confirm .kx-exit-art{height:140px;margin-top:-12px}.ki-steam-confirm h2{margin:0 0 12px!important}.ki-steam-confirm p{color:#bfbfb9!important}.ki-account-confirm:has(.ki-steam-confirm){background:#222221!important;border-color:#ffffff26!important}.ki-confirm-actions button{min-height:48px!important;border-radius:14px!important}
@keyframes kx-in{from{opacity:0;transform:translate3d(0,24px,0) scale(.93);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}@keyframes kx-cancel{from{opacity:1;transform:scale(1)}to{opacity:0;transform:translate3d(0,12px,0) scale(.96)}}@keyframes kx-depart{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(.99)}100%{opacity:0;transform:scale(1.045) translateY(-7px)}}@keyframes kx-back-in{from{opacity:0}to{opacity:1}}@keyframes kx-back-out{from{opacity:1}to{opacity:0}}
@media(max-width:380px){.kx-logout{padding:16px}.kx-logout-card{padding:14px 20px 22px}.kx-logout-card h2{font-size:23px}.kx-logout-actions{gap:8px}}@media(prefers-reduced-motion:reduce){.kx-logout-card,.kx-logout::backdrop{animation:none!important;will-change:auto}.kx-exit-art *,.kx-logout-actions button{transition:none!important}.kx-portal-door{transform:none!important}.kx-logout[data-phase=confirm] .kx-logout-card,.kx-logout[data-phase=cancel] .kx-logout-card{opacity:0!important}}
.oi-panel{background:#161616;border:1px solid #373737;border-radius:18px;color:#f4f4f4;font-size:14px}.oi-panel *{box-sizing:border-box}.oi-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-size:17px;font-weight:650;text-align:left}.oi-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .22s}.oi-content{padding:0 20px 20px}.oi-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.oi-segment{display:flex;gap:4px;padding:4px;border-radius:12px;background:#242424}.oi-segment button{min-height:36px;padding:4px 12px;border-radius:9px;color:#c6c6c6}.oi-segment button[aria-pressed=true]{background:#eeeeec;color:#141414}.oi-time,.oi-panel small{color:#b6b6b6;font-size:13px}.oi-panel small{display:block;margin-top:5px;line-height:1.5}.oi-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-bottom:18px}.oi-metrics>div{min-width:0}.oi-metrics>div>span{display:block;color:#c7c7c7;margin-bottom:8px}.oi-metrics strong{display:block;font-size:30px;font-weight:650;line-height:1.2;letter-spacing:-.6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.oi-metrics strong.oi-money{font-size:26px}.oi-stock{display:flex;flex-wrap:wrap;gap:6px 24px;color:#b6b6b6;border-top:1px solid #333;padding:14px 0}.oi-tabs{display:flex;gap:22px;border-bottom:1px solid #3b3b3b;margin:0 0 12px}.oi-tabs button{min-height:44px;color:#b6b6b6;border-bottom:2px solid transparent;font-weight:600}.oi-tabs button[aria-selected=true]{color:#fff;border-color:#eee}.oi-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:14px 0}.oi-filters input,.oi-filters select{background:#212121;color:#eee;border:1px solid #4c4c4c;border-radius:10px;padding:10px 12px;font-size:14px;min-height:44px;max-width:100%}.oi-filters input{flex:1;min-width:160px}.oi-filters button{min-height:40px;text-decoration:underline;text-underline-offset:4px}.oi-panel button:focus-visible,.oi-panel a:focus-visible,.oi-panel input:focus-visible,.oi-panel select:focus-visible{outline:2px solid #ddd;outline-offset:3px}.oi-panel a:hover,.oi-subscriber>button:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.oi-data{min-height:100px}.oi-game-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 72px;gap:14px;align-items:center;width:100%;padding:14px 8px;border-bottom:1px solid #303030;text-align:left;font-size:15px}.oi-game-row>span:first-child{overflow-wrap:anywhere}.oi-game-row:not(.oi-heading):hover{background:#222}.oi-game-row>b{text-align:right;font-variant-numeric:tabular-nums}.oi-heading{color:#b6b6b6;font-size:13px}.oi-heading>span:not(:first-child){text-align:right}.oi-subscriber,.oi-issue{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1.1fr) minmax(160px,1.3fr);gap:16px;padding:15px 4px;align-items:center;border-bottom:1px solid #303030;overflow-wrap:anywhere}.oi-subscriber>button{text-align:left}.oi-subscriber .oi-active{color:#eee}.oi-issue b{font-weight:550}.oi-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:#c7c7c7}.oi-pagination>div{display:flex;align-items:center;gap:12px}.oi-pagination button{width:44px;height:44px;border:1px solid #4b4b4b;border-radius:10px;font-size:20px}.oi-pagination button:disabled{opacity:.35}.oi-empty,.oi-loading{padding:24px 4px;color:#c7c7c7}.oi-error{padding:12px;border:1px solid #806558;border-radius:10px;margin-bottom:14px;color:#f2ded1}.oi-error button{text-decoration:underline}.oi-panel button{touch-action:manipulation}@media(max-width:1050px){.oi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.oi-subscriber,.oi-issue{grid-template-columns:repeat(2,minmax(0,1fr))}.oi-subscriber>:last-child,.oi-issue>:last-child{grid-column:1/-1}}@media(max-width:480px){.oi-toggle{padding:16px}.oi-content{padding:0 14px 16px}.oi-toolbar{align-items:flex-start;flex-direction:column}.oi-metrics{gap:20px 14px}.oi-metrics strong{font-size:28px}.oi-metrics strong.oi-money{font-size:24px}.oi-game-row{grid-template-columns:minmax(0,1fr) 47px 42px;gap:8px;padding:12px 0}.oi-subscriber,.oi-issue{grid-template-columns:1fr;gap:12px}.oi-tabs{gap:18px}.oi-panel small{font-size:13px}.oi-pagination{font-size:13px}}
.kx-exit-art{filter:grayscale(1)}.oi-data:has(.oi-game-row){max-width:760px}@media(max-width:480px){.oi-metrics>div:nth-child(3),.oi-metrics>div:nth-child(4){grid-column:1/-1}.oi-metrics>div:nth-child(4){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 14px;align-items:center}.oi-metrics>div:nth-child(4)>strong{grid-column:2;grid-row:1/3}.oi-metrics>div:nth-child(4)>span{margin:0}.oi-metrics>div:nth-child(4)>small{grid-column:1}.oi-money{white-space:normal;word-break:normal;overflow-wrap:normal!important}}