:root{font-family:Manrope,Inter,system-ui,sans-serif;color:#ececf0;background:#0e0f12;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--bg:#0e0f12;--panel:#141519;--panel2:#18191e;--line:#26272d;--muted:#90919a;--faint:#686a73;--accent:#ec6558;--accent2:#f17a68;--green:#77c7a3}*{box-sizing:border-box}body{margin:0;min-width:350px;min-height:100vh;background:radial-gradient(ellipse at 76% -20%,rgba(82,68,63,.12),transparent 44%),var(--bg)}button,input{font:inherit}button{cursor:pointer;color:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;border-right:1px solid #222329;background:#101114;display:flex;flex-direction:column;padding:24px 16px 14px;z-index:2}.brand{display:flex;align-items:center;gap:8px;color:#f2f2f4;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.9px;padding:0 10px 35px}.brand-mark{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#ef7663,#be4942);color:#fff}.brand-mark svg{width:18px;height:18px}.brand-dot{color:var(--accent)}.brand-beta{font:500 9px DM Mono,monospace;letter-spacing:1px;color:#92939c;background:#24252a;padding:3px 5px;border-radius:4px;margin-left:4px}.side-label,.eyebrow,.breadcrumb,.game-platform,.mono-note{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.2px;color:#797b84}.side-label{padding:0 11px 9px}.nav-item{width:100%;height:42px;border:0;background:none;border-radius:7px;color:#a5a6ae;display:flex;align-items:center;gap:11px;padding:0 11px;text-align:left;font-size:12px;margin-bottom:3px}.nav-item svg{width:17px;height:17px;color:#858791}.nav-item.active{background:#232429;color:#f1f1f2}.nav-item.active svg{color:#f18071}.nav-count{margin-left:auto;color:#81838c;font:11px DM Mono,monospace}.side-spacer{flex:1}.sidebar-card{position:relative;overflow:hidden;margin:16px 2px 18px;padding:17px 15px 14px;border-radius:8px;background:linear-gradient(145deg,#202126,#191a1e);border:1px solid #2b2c32}.sidebar-card:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #39363b;border-radius:50%;right:-75px;top:-78px;box-shadow:0 0 0 12px #242429,0 0 0 13px #39363b,0 0 0 27px #222328,0 0 0 28px #33343a}.card-orbit{font-size:17px;color:#f17a68;margin-bottom:10px}.sidebar-card-title{font-size:12px;font-weight:700}.sidebar-card p{font-size:10px;line-height:1.65;color:#a1a2a9;margin:7px 0 13px}.text-button{display:flex;align-items:center;gap:5px;color:#ed877b;background:none;border:0;padding:0;font-size:10px;font-weight:600}.text-button svg{width:12px;height:12px}.profile{border-top:1px solid #25262b;padding:14px 5px 0;display:flex;align-items:center;gap:9px}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#473432;color:#f6a18e;font-weight:700;font-size:12px}.profile-name{font-size:11px;font-weight:700}.profile-sub{font-size:9px;color:#83858e;margin-top:3px}.icon-button{width:30px;height:30px;border:1px solid transparent;border-radius:6px;background:transparent;color:#8c8e96;display:inline-grid;place-items:center}.icon-button:hover{background:#25262c;color:#eee;border-color:#303137}.icon-button svg{width:16px;height:16px}.profile .icon-button{margin-left:auto}.main{margin-left:246px;min-height:100vh}.topbar{height:58px;border-bottom:1px solid #222329;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:9px}.breadcrumb span{padding:0 8px;color:#52535a}.top-actions{display:flex;align-items:center;gap:15px}.quiet-button{display:flex;align-items:center;gap:7px;background:none;border:0;color:#999ba3;font-size:10px}.quiet-button svg{width:13px;height:13px;color:#73c8a0}.avatar.small{width:26px;height:26px;border:1px solid #6b453e}.content{max-width:1100px;margin:0 auto;padding:42px 42px 25px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;padding:0 0 31px;border-bottom:1px solid #28292f}.eyebrow{color:#f08373;font-size:9px;letter-spacing:1.35px}h1{font-size:30px;letter-spacing:-1.4px;margin:9px 0 7px;font-weight:700}.welcome-row p,.modal>p{margin:0;color:#9b9ca4;font-size:12px}.welcome-actions{display:flex;gap:9px}.primary-button,.secondary-button,.outline-button{height:36px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;font-size:11px;font-weight:700;transition:.16s}.primary-button{background:var(--accent);color:#fff;border:1px solid #f0786a;box-shadow:0 3px 12px #d7595018}.primary-button:hover{background:#f27869;transform:translateY(-1px)}.primary-button svg,.secondary-button svg,.outline-button svg{width:15px;height:15px}.secondary-button{background:#202126;border:1px solid #303137;color:#dadbe0}.secondary-button:hover,.outline-button:hover{background:#292a30}.outline-button{border:1px solid #34353b;background:#18191d;color:#dedee2}.compact{height:31px;padding:0 11px;font-size:10px}.library-section{padding:28px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2,.quickstart h2{font-size:15px;margin:0 0 3px;letter-spacing:-.3px}.section-caption{font-size:10px;color:#777982}.empty-library{min-height:165px;border:1px dashed #393a41;border-radius:8px;background:linear-gradient(135deg,#17181c,#141519);display:flex;align-items:center;padding:27px 30px;gap:19px}.empty-symbol{flex:none;width:51px;height:51px;border:1px solid #373138;background:#211f22;color:#e77768;border-radius:10px;display:grid;place-items:center}.empty-symbol svg{width:23px;height:23px}.empty-library h3{font-size:13px;margin:0 0 5px}.empty-library p{max-width:345px;color:#9698a0;font-size:10px;line-height:1.7;margin:0}.empty-library .primary-button{margin-left:auto;white-space:nowrap}.game-card{display:flex;border:1px solid #2c2d33;border-radius:8px;overflow:hidden;background:#18191d;min-height:180px}.game-art{position:relative;width:220px;flex:none;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 57% 47%,#594148,#312b34 53%,#1d2029)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}.disc{position:absolute;border:1px solid #ffffff22;border-radius:50%;width:165px;height:165px;box-shadow:inset 0 0 0 18px #ffffff08,inset 0 0 0 50px #ffffff06}.disc-one{transform:translate(35px,-20px)}.disc-two{transform:translate(-55px,34px);width:110px;height:110px}.ps-mark{font-size:49px;font-weight:800;letter-spacing:-6px;color:#ee806f;z-index:1;text-shadow:0 2px 22px #100b0bcc}.ps-mark span{font-size:25px;color:#90a8e9;vertical-align:top;letter-spacing:-3px}.art-label{position:absolute;bottom:11px;left:13px;font:8px DM Mono,monospace;letter-spacing:1.2px;color:#eee9e9;background:#17171c88;padding:5px 6px;border-radius:3px}.game-info{padding:22px 23px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.game-platform{font-size:8px;color:#f17a6b}.game-info h3{font-size:17px;margin:9px 0 5px}.game-meta{font-size:10px;color:#888a93}.game-meta span{padding:0 5px}.game-card-actions{margin-top:auto;padding-top:20px;display:flex;gap:8px;align-items:center}.quickstart{margin-top:41px;border-top:1px solid #28292f;padding-top:27px}.quickstart-head{display:flex;align-items:flex-end;justify-content:space-between}.quickstart h2{font-size:16px;margin-top:8px}.mono-note{font-size:8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.step{position:relative;min-height:181px;border:1px solid #292a30;background:linear-gradient(145deg,#18191d,#141519);border-radius:7px;padding:17px 17px 14px}.step-num{position:absolute;right:15px;top:15px;color:#666871;font:9px DM Mono,monospace}.step-icon{color:#e87d6e;background:#252126;width:31px;height:31px;border-radius:6px;display:grid;place-items:center;margin-bottom:14px}.step-icon svg{width:16px;height:16px}.step h3{font-size:11px;margin:0 0 6px}.step p{color:#9698a0;font-size:9px;line-height:1.6;min-height:30px;margin:0 0 14px}.step-link{border:0;background:none;padding:0;color:#ed8375;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700}.step-link svg{width:12px;height:12px}.footer{border-top:1px solid #26272d;margin-top:36px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#73757e}.footer>span:first-child{font-weight:700;color:#aaaab0}.footer>span:last-child{font:8px DM Mono,monospace;letter-spacing:1px}.footer i,.player-live i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6fc59c;margin-left:5px}.status-dot.muted{background:#6e7077}.game-card .icon-button{border:1px solid #33343a}.modal{color:#eeeef1;border:1px solid #35363d;border-radius:10px;background:#17181c;padding:23px;width:min(520px,calc(100vw - 28px));box-shadow:0 20px 100px #000b}.modal::backdrop{background:#07080bbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.modal-top h2{font-size:21px;letter-spacing:-.7px;margin:7px 0 0}.modal>p{font-size:11px;line-height:1.7;margin:0 0 16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.text-input{height:38px;border-radius:6px;border:1px solid #34353c;background:#101115;color:#eeeff1;padding:0 11px;font-size:11px;outline:none;width:100%}.text-input:focus{border-color:#cf756b}.copy-link{display:flex;gap:8px}.copy-link .text-input{flex:1;font-family:DM Mono,monospace;font-size:10px}.room-status{margin-top:16px;font-size:10px;color:#a4a5ad}.room-status .status-dot{margin:0 7px 0 1px}.privacy-points{display:grid;gap:10px;margin:20px 0}.privacy-points div{display:flex;gap:9px;align-items:center;font-size:10px;color:#c8c9ce}.privacy-points svg{width:15px;height:15px;color:#74c59c}.player-modal{width:min(950px,calc(100vw - 50px))}.modal:has(.player-modal){width:min(950px,calc(100vw - 30px));padding:0;overflow:hidden}.player-toolbar,.player-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 17px}.player-toolbar strong{font-size:11px}.player-toolbar .eyebrow{font-size:8px;margin-bottom:3px}.player-live{font:8px DM Mono,monospace;color:#9b9ca4;letter-spacing:.7px;margin-left:auto;padding-right:12px}.player-live i{background:#e77a6a;width:5px;height:5px}.screen{position:relative;background:#06070a;aspect-ratio:4/3;max-height:65vh;display:grid;place-items:center;overflow:hidden}.screen:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto}.screen-scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#00000035 4px);opacity:.6}.screen-content{text-align:center;position:relative}.ps-logo{font-weight:800;font-size:clamp(80px,16vw,145px);letter-spacing:-.12em;color:#ee7566;text-shadow:0 3px 35px #e657453f}.ps-logo span{font-size:.47em;color:#7398e8;vertical-align:top;letter-spacing:-.08em}.screen-caption{font:11px DM Mono,monospace;letter-spacing:2px;color:#ddd;margin-top:16px}.screen-help{font-size:10px;color:#737680;margin-top:10px}.player-bottom{border-top:1px solid #27282e}.player-controls{display:flex;align-items:center;gap:7px}.divider{height:17px;width:1px;background:#34353b;margin:0 4px}.small-button{display:flex;align-items:center;gap:6px;background:none;border:0;color:#afb0b7;font-size:10px;padding:6px}.small-button svg{width:14px;height:14px}.player-room-state{font-size:9px;color:#92949c;margin-right:7px}.mapping-list{border:1px solid #2c2d33;border-radius:7px;overflow:hidden;margin-top:16px}.mapping-row{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-bottom:1px solid #292a30;font-size:10px}.mapping-row:last-child{border:0}.key-cap{min-width:64px;background:#25262b;color:#d5d6da;border:1px solid #393a41;border-radius:4px;padding:5px 8px;font:10px DM Mono,monospace}.key-cap.listening{border-color:#e7796a;color:#f18b7c}.device-row{border-top:1px solid #2b2c32;margin-top:15px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.device-sub{font-size:9px;color:#888a93;margin-top:4px}.device-row .status-dot{margin:0 5px}.settings-block{border-top:1px solid #2b2c32;padding:14px 0}.settings-block h3{font-size:11px;margin:0 0 5px}.settings-block p{font-size:10px;color:#999ba2;line-height:1.6;margin:0 0 11px}.file-setting{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#aaa}.file-setting .outline-button{height:30px;font-size:9px}.toast{position:fixed;bottom:21px;left:50%;transform:translate(-50%,20px);opacity:0;transition:.22s;background:#292a30;border:1px solid #414249;color:#eee;padding:10px 15px;border-radius:7px;font-size:11px;z-index:5;pointer-events:none}.toast.show{transform:translate(-50%);opacity:1}@media(max-width:900px){.sidebar{width:205px}.main{margin-left:205px}.content{padding:34px 26px}.topbar{padding:0 26px}.welcome-row{align-items:flex-start;gap:20px;flex-direction:column}.steps{gap:8px}.step{padding:14px}.game-art{width:175px}}@media(max-width:650px){.sidebar{position:relative;width:auto;height:auto;inset:auto;border-right:0;border-bottom:1px solid #25262c;padding:13px 16px}.brand{padding:0;font-size:18px}.sidebar>.side-label,.sidebar>.nav-item,.side-spacer,.sidebar-card,.profile{display:none}.main{margin-left:0}.topbar{height:47px;padding:0 17px}.quiet-button{font-size:0}.quiet-button svg{width:17px;height:17px}.content{padding:28px 17px}.welcome-row h1{font-size:25px}.welcome-actions{width:100%}.welcome-actions button{flex:1}.empty-library{flex-wrap:wrap;padding:20px;gap:12px}.empty-library>div:nth-child(2){flex:1;min-width:180px}.empty-library .primary-button{margin:0 0 0 63px}.game-art{width:120px}.game-info{padding:16px}.game-info h3{font-size:14px}.steps{grid-template-columns:1fr}.step{min-height:150px}.step p{min-height:0}.quickstart{margin-top:31px}.footer{margin-top:25px}.modal:has(.player-modal){width:calc(100vw - 16px)}.player-bottom{gap:5px;padding:10px}.player-controls{gap:2px}.player-room-state{display:none}.small-button{font-size:9px}.screen{aspect-ratio:4/3}.mono-note{font-size:7px}}.player-overlay{position:fixed;inset:0;background:#07080bef;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.player-overlay .player-modal{background:#17181c;border:1px solid #35363d;border-radius:10px;overflow:hidden;max-width:960px;width:100%}#game-canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;outline:none}.player-overlay .screen{width:100%;max-height:72vh}.player-bottom{flex-wrap:wrap}.mapping-list{max-height:55vh;overflow:auto}.controller-status{font-size:11px;color:var(--muted,#aaa);max-width:360px;overflow-wrap:anywhere}#controller-device{width:100%;margin:10px 0}.device-row>div{width:100%}#gamepad-input{display:block;margin-top:8px}.player-overlay .screen{height:min(72vh,calc((100vw - 42px)*.75));aspect-ratio:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.player-overlay .screen video-player{display:block;width:100%;height:100%;min-height:0;min-width:0}.player-overlay .screen:fullscreen{height:100vh;max-height:none}.toast{z-index:30}.ra-account{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.ra-account small{display:block;color:#999;margin-top:6px}#ra-login{display:grid;gap:10px}#ra-login label{font-size:12px;margin-top:8px}#ra-login a,.ra-game a{color:#d2c1ff;font-size:12px}#ra-message{padding:12px;background:#24212d;border-radius:7px;color:#dccbff;font-size:12px}.ra-privacy{font-size:10px!important;color:#97949e!important;line-height:1.6}.ra-game{padding:8px 0 16px}.ra-game h3{margin:0}.ra-list{max-height:42vh;overflow:auto}.ra-achievement{display:flex;gap:12px;padding:12px 0;border-top:1px solid #34313c}.ra-achievement img{width:48px;height:48px;border-radius:6px;filter:grayscale(1);opacity:.65}.ra-achievement.unlocked img{filter:none;opacity:1}.ra-achievement strong{font-size:12px}.ra-achievement p{margin:5px 0;font-size:11px!important;line-height:1.5}.ra-achievement small{display:block;color:#ac9bbc;font-size:10px}.ra-achievement progress{height:5px;width:100%;accent-color:#aa82ef}.ra-hash{font-size:10px!important;overflow-wrap:anywhere;font-family:monospace}.ra-notification{position:fixed;z-index:40;right:24px;top:24px;max-width:370px;display:flex;gap:14px;padding:18px;background:#23202bee;border:1px solid #a582d5;border-radius:12px;box-shadow:0 8px 40px #0009;color:#fff;pointer-events:none}.ra-notification img{width:64px;height:64px;border-radius:8px}.ra-notification strong{display:block;margin:6px 0;font-size:15px}.ra-notification small,.ra-notification span{font-size:10px;color:#c5aae9}.ra-notification p{font-size:12px;margin:7px 0;line-height:1.5}.ra-indicators{position:fixed;z-index:35;bottom:24px;right:24px;display:grid;gap:8px;pointer-events:none}.ra-indicator{display:flex;gap:10px;align-items:center;padding:10px;background:#24202eea;border:1px solid #7b6597;border-radius:8px;font-size:12px;color:#fff}.ra-indicator img{width:36px;height:36px}.ra-indicator small{display:block;color:#c5a9e8;margin-top:3px}