:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--bg:#f5f6fb;--surface:#fff;--surface-soft:#f0f2f8;--surface-strong:#e7e9f2;--text:#17182a;--text-soft:#696b80;--text-faint:#717386;--line:#e1e3eb;--brand:#6558e8;--brand-strong:#5042d4;--brand-soft:#edeafd;--violet:#8d55dd;--coral:#f06c75;--green:#11705e;--green-soft:#e3f6f0;--amber:#875305;--amber-soft:#fff3d6;--red:#bf384c;--red-soft:#fde9ec;--button-brand:#5c4ddc;--button-brand-hover:#5042d4;--danger-button:#b92f47;--shadow-sm:0 1px 2px #1d193f0f, 0 6px 20px #1d193f0d;--shadow-lg:0 24px 80px #2a225924;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e16;--surface:#151621;--surface-soft:#1c1d2a;--surface-strong:#252637;--text:#f7f6ff;--text-soft:#a8a8ba;--text-faint:#8e90a4;--line:#2b2c3c;--brand:#8b7ff7;--brand-strong:#a49aff;--brand-soft:#292540;--green:#5ed2b5;--green-soft:#17352f;--amber:#f0bd59;--amber-soft:#3a2e19;--red:#ff7d8e;--red-soft:#3e2028;--button-brand:#5c4ddc;--button-brand-hover:#5042d4;--danger-button:#c43c55;--shadow-sm:0 8px 24px #0000002e;--shadow-lg:0 28px 90px #0000006b}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}body,button,input,textarea{font:inherit}button,input,textarea{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0}svg{stroke-width:1.8px;width:1.15em;height:1.15em}code{font:.9em ui-monospace,SFMono-Regular,Consolas,monospace}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 60%, transparent);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-link{width:-moz-fit-content;width:fit-content;display:inline-flex}.brand{align-items:center;height:38px;display:inline-flex}.brand img{object-fit:contain;object-position:left center;width:194px;height:38px;display:block}.brand .brand__dark,:root[data-theme=dark] .brand .brand__light{display:none}:root[data-theme=dark] .brand .brand__dark{display:block}.brand--compact img{width:38px}.button,.icon-button,.text-button{cursor:pointer;justify-content:center;align-items:center;gap:9px;transition:transform .15s,color .15s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.button{border:1px solid #0000;border-radius:12px;min-height:44px;padding:0 17px;font-size:.92rem;font-weight:700}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled,.icon-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.48}.button--primary{background:var(--button-brand);color:#fff;box-shadow:0 8px 22px color-mix(in srgb, var(--brand) 25%, transparent)}.button--primary:hover:not(:disabled){background:var(--button-brand-hover)}.button--secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.button--secondary:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 45%, var(--line));background:var(--surface-soft)}.button--danger{background:var(--danger-button);color:#fff}.button--large{min-height:50px;padding-inline:22px}.button--wide{width:100%}.button.is-favourite{color:var(--coral);border-color:color-mix(in srgb, var(--coral) 45%, var(--line))}.icon-button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--text-soft);border-radius:12px;flex:0 0 42px}.icon-button:hover:not(:disabled),.icon-button.is-active{background:var(--brand-soft);border-color:color-mix(in srgb, var(--brand) 35%, var(--line));color:var(--brand-strong)}.text-button{color:var(--brand-strong);background:0 0;padding:5px;font-size:.86rem;font-weight:700}input,textarea,select{border:1px solid var(--line);background:var(--surface);border-radius:12px;outline:none;width:100%;padding:12px 14px;transition:border .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 13%, transparent)}textarea{resize:vertical}label>span:first-child,fieldset legend{color:var(--text-soft);margin-bottom:7px;font-size:.82rem;font-weight:700;display:block}.eyebrow{color:var(--brand-strong);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;font-size:.75rem;font-weight:800;display:inline-flex}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader-ring{border:3px solid var(--surface-strong);border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.splash{min-height:100vh;color:var(--text-soft);place-content:center;justify-items:center;gap:24px;display:grid}.splash .brand{margin-bottom:18px}.auth-page{background:radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--brand) 13%, transparent), transparent 31rem), radial-gradient(circle at 86% 84%, color-mix(in srgb, var(--coral) 9%, transparent), transparent 27rem), var(--bg);min-height:100vh;padding:30px clamp(22px,5vw,74px);position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.auth-header{z-index:1;justify-content:space-between;align-items:center;max-width:1300px;margin:auto;display:flex;position:relative}.auth-layout{z-index:1;grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr);align-items:center;gap:clamp(50px,8vw,130px);max-width:1200px;min-height:calc(100vh - 100px);margin:auto;padding-block:55px;display:grid;position:relative}.auth-story h1{letter-spacing:-.075em;max-width:730px;margin:20px 0;font-size:clamp(3.4rem,7.2vw,6.7rem);line-height:.92}.auth-story>p{max-width:620px;color:var(--text-soft);margin:0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.auth-feature-row{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.auth-feature-row span{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--text-soft);border-radius:99px;align-items:center;gap:8px;padding:11px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.auth-feature-row svg{color:var(--brand)}.auth-card{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);width:100%;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;padding:clamp(28px,4vw,42px)}.auth-card__step{color:var(--brand-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.auth-card h2{letter-spacing:-.035em;margin:10px 0 8px;font-size:2rem}.auth-card>p{color:var(--text-soft);margin:0 0 24px;line-height:1.55}.auth-card form{gap:18px;display:grid}.input-wrap{display:block;position:relative}.input-wrap svg{color:var(--text-faint);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap input{padding-left:44px}.otp-input{text-align:center;letter-spacing:.38em;height:72px;font:800 1.9rem/1 ui-monospace,monospace}.auth-card__actions{justify-content:space-between;display:flex}.telegram-callout{border:1px solid var(--line);background:var(--surface-soft);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:26px;padding:15px;display:grid}.telegram-callout>svg{width:24px;height:24px;color:var(--brand)}.telegram-callout span{min-width:0}.telegram-callout b,.telegram-callout small{display:block}.telegram-callout small{color:var(--text-soft);margin-top:3px;font-size:.76rem;line-height:1.35}.auth-footnote{color:var(--text-faint);text-align:center;margin-top:16px;line-height:1.45;display:block}.form-error,.inline-alert,.success-alert{border-radius:11px;padding:12px 14px;font-size:.88rem;line-height:1.45}.form-error,.inline-alert{border:1px solid color-mix(in srgb, var(--red) 30%, transparent);background:var(--red-soft);color:var(--red)}.success-alert{border:1px solid color-mix(in srgb, var(--green) 30%, transparent);background:var(--green-soft);color:var(--green)}.app-shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;height:100vh;padding:28px 20px 20px;display:flex;position:sticky;top:0}.sidebar .brand-link{margin:0 10px 42px}.sidebar__label{color:var(--text-faint);letter-spacing:.11em;text-transform:uppercase;margin:0 12px 10px;font-size:.67rem;font-weight:800}.sidebar__nav{gap:5px;display:grid}.nav-item{min-height:48px;color:var(--text-soft);border-radius:12px;align-items:center;gap:12px;padding:0 13px;font-size:.91rem;font-weight:700;display:flex}.nav-item svg{width:20px;height:20px}.nav-item:hover{background:var(--surface-soft);color:var(--text)}.nav-item.is-active{background:var(--brand-soft);color:var(--brand-strong)}.sidebar__account{margin-top:auto}.profile-link{border:1px solid #0000;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px;display:grid}.profile-link:hover,.profile-link.is-active{border-color:var(--line);background:var(--surface-soft)}.profile-link b,.profile-link small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-link b{font-size:.85rem}.profile-link small{color:var(--text-faint);margin-top:3px;font-size:.7rem}.profile-link>svg{color:var(--text-faint)}.avatar{color:#fff;border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:inline-flex}.avatar--large{border-radius:21px;flex-basis:72px;width:72px;height:72px;font-size:1.7rem}.sidebar__actions{gap:8px;padding:13px 10px 0;display:flex}.sidebar__actions .icon-button{flex-basis:38px;width:38px;height:38px}.main-content{min-width:0}.page{width:min(100%,1420px);min-height:100vh;margin:0 auto;padding:55px clamp(30px,5vw,76px) 80px}.page-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.page-header h1{letter-spacing:-.055em;margin:8px 0 6px;font-size:clamp(2.25rem,4vw,3.6rem);line-height:1}.page-header p{color:var(--text-soft);margin:0}.game-count,.role-chip{border:1px solid var(--line);background:var(--surface);color:var(--text-soft);border-radius:99px;flex:none;align-items:center;gap:7px;padding:9px 13px;font-size:.78rem;font-weight:700;display:inline-flex}.role-chip{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb, var(--green) 25%, transparent)}.mobile-nav,.mobile-brand{display:none}.library-toolbar{align-items:center;gap:14px;margin-bottom:30px;display:flex}.search-field{flex:1;align-items:center;max-width:560px;display:flex;position:relative}.search-field>svg{color:var(--text-faint);position:absolute;left:15px}.search-field input{background:var(--surface);height:48px;padding:0 48px 0 45px}.search-field button{width:32px;height:32px;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:grid;position:absolute;right:8px}.system-filter{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:5px;padding:5px;display:flex}.system-filter>svg{color:var(--text-faint);margin:0 5px 0 7px}.system-filter button{height:36px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:8px;padding:0 13px;font-size:.76rem;font-weight:800}.system-filter button.is-active{background:var(--brand-soft);color:var(--brand-strong)}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.game-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);content-visibility:auto;contain-intrinsic-size:390px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.game-card:hover{border-color:color-mix(in srgb, var(--brand) 32%, var(--line));transform:translateY(-3px);box-shadow:0 17px 44px #28235a1a}.game-art{color:#fff;background:linear-gradient(135deg,#ffffff2e,#0000 45%),linear-gradient(145deg,#5d55d5,#8c5bd8);place-content:center;justify-items:center;gap:11px;height:172px;display:grid;position:relative;overflow:hidden}.game-card--snes .game-art{background:linear-gradient(145deg,#564aa5,#bc5e9b)}.game-art:before,.game-hero__art:before{content:"";opacity:.18;background-image:linear-gradient(#ffffff59 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:19px 19px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.game-art__glow{filter:blur(28px);background:#fff3;border-radius:50%;width:150px;height:90px;position:absolute}.game-art>svg{stroke-width:1.35px;filter:drop-shadow(0 8px 18px #1c145a38);width:59px;height:59px;position:relative}.game-art>span:last-child{letter-spacing:.22em;font-size:.7rem;font-weight:900;position:relative}.game-card__body{padding:19px 19px 17px}.game-card__badges{align-items:center;gap:7px;min-height:24px;display:flex}.system-badge,.status-badge{letter-spacing:.055em;text-transform:uppercase;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:.63rem;font-weight:900;display:inline-flex}.system-badge{background:var(--brand-soft);color:var(--brand-strong)}.status-badge--public{background:var(--green-soft);color:var(--green)}.status-badge--draft{background:var(--amber-soft);color:var(--amber)}.status-badge svg{width:12px;height:12px}.game-card h2{letter-spacing:-.02em;margin:12px 45px 7px 0;font-size:1.16rem}.game-card h2 a:after{content:"";z-index:1;position:absolute;inset:0}.game-card__body>p{min-height:42px;color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.83rem;line-height:1.5;display:-webkit-box;overflow:hidden}.game-card__meta{border-top:1px solid var(--line);color:var(--text-faint);justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:13px;font-size:.7rem;font-weight:700;display:flex}.game-card__meta span{align-items:center;gap:5px;display:inline-flex}.favourite-button{z-index:2;border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text-faint);cursor:pointer;border-radius:11px;place-items:center;display:grid;position:absolute;top:186px;right:14px}.favourite-button:hover,.favourite-button.is-active{background:var(--red-soft);border-color:color-mix(in srgb, var(--coral) 35%, var(--line));color:var(--coral)}.loading-state{min-height:260px;color:var(--text-soft);justify-content:center;align-items:center;gap:11px;display:flex}.loading-state svg{color:var(--brand)}.empty-state{text-align:center;place-content:center;justify-items:center;max-width:520px;min-height:360px;margin:35px auto;display:grid}.empty-state__icon{border:1px solid var(--line);background:var(--surface);width:72px;height:72px;color:var(--brand);box-shadow:var(--shadow-sm);border-radius:22px;place-items:center;display:grid}.empty-state__icon svg{width:31px;height:31px}.empty-state h2{margin:18px 0 7px;font-size:1.5rem}.empty-state p{max-width:430px;color:var(--text-soft);margin:0;line-height:1.6}.back-link{color:var(--text-soft);align-items:center;gap:8px;margin-bottom:27px;font-size:.86rem;font-weight:700;display:inline-flex}.back-link:hover{color:var(--brand-strong)}.game-hero{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);display:grid;overflow:hidden}.game-hero__art{color:#fff;background:linear-gradient(145deg,#554cca,#9a5cdc);place-content:center;justify-items:center;gap:14px;min-height:400px;display:grid;position:relative;overflow:hidden}.game-hero--snes .game-hero__art{background:linear-gradient(145deg,#504599,#c15991)}.game-hero__art>span{border:1px solid #ffffff26;border-radius:50%;width:260px;height:260px;position:absolute;box-shadow:0 0 0 48px #ffffff0d,0 0 0 96px #ffffff08}.game-hero__art>svg{stroke-width:1.1px;width:112px;height:112px;position:relative}.game-hero__art>b{letter-spacing:.22em;position:relative}.game-hero__content{align-self:center;padding:clamp(35px,6vw,75px)}.game-hero__content h1{letter-spacing:-.065em;margin:16px 0 13px;font-size:clamp(2.4rem,5vw,4.7rem);line-height:.98}.game-hero__content>p{max-width:620px;color:var(--text-soft);font-size:1.02rem;line-height:1.65}.game-hero__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.last-played{color:var(--text-faint);margin-top:18px;display:block}.details-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.detail-panel,.settings-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:25px}.detail-panel>header,.settings-panel>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.detail-panel header h2,.settings-panel header h2{margin:5px 0 0;font-size:1.24rem}.detail-panel>header>svg,.settings-panel>header>svg{width:22px;height:22px;color:var(--brand)}.details-list{margin:0}.details-list>div{border-top:1px solid var(--line);grid-template-columns:minmax(110px,.42fr) minmax(0,1fr);gap:20px;padding:12px 0;display:grid}.details-list dt{color:var(--text-faint);font-size:.76rem;font-weight:700}.details-list dd{min-width:0;color:var(--text-soft);text-align:right;overflow-wrap:anywhere;margin:0;font-size:.82rem}.details-list dd svg{vertical-align:-.2em;margin-right:4px}.hash-row dd{justify-content:flex-end;align-items:center;gap:7px;display:flex}.hash-row code{text-overflow:ellipsis;white-space:nowrap;max-width:330px;display:block;overflow:hidden}.copy-button{background:var(--surface-soft);width:30px;height:30px;color:var(--text-soft);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.progress-sharing{grid-column:1/-1}.panel-intro{color:var(--text-soft);margin:-6px 0 20px;font-size:.86rem;line-height:1.6}.progress-sharing>.inline-alert,.progress-sharing>.success-alert{margin-bottom:14px}.progress-share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.progress-share-box{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;align-content:start;gap:15px;padding:18px;display:grid}.progress-share-box label{margin:0}.progress-share-box .button{justify-self:start}.progress-share-heading{align-items:center;gap:11px;display:flex}.progress-share-heading>svg{color:var(--brand);flex:none}.progress-share-heading b,.progress-share-heading small{display:block}.progress-share-heading small{color:var(--text-faint);margin-top:3px;font-size:.72rem}.share-code{border:1px dashed color-mix(in srgb, var(--brand) 45%, var(--line));background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 9px 8px 14px;display:flex}.share-code code{color:var(--brand-strong);letter-spacing:.09em;font-size:1.05rem;font-weight:800}.account-summary{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:17px;margin-bottom:18px;padding:25px;display:flex}.account-summary h2{margin:0 0 4px}.account-summary p{color:var(--text-soft);margin:0;font-size:.86rem}.account-summary code{color:var(--brand-strong);margin-left:4px}.account-summary dl{gap:clamp(20px,4vw,50px);margin:0 0 0 auto;display:flex}.account-summary dl div{min-width:80px}.account-summary dt{color:var(--text-faint);align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:flex}.account-summary dd{margin:7px 0 0;font-size:1.15rem;font-weight:800}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-panel{flex-direction:column;display:flex}.settings-panel>p{color:var(--text-soft);margin:0 0 20px;font-size:.86rem;line-height:1.6}.settings-panel form{display:grid}.settings-panel label{margin-bottom:17px}.settings-panel .button{align-self:flex-start;margin-top:auto}.colour-picker{border:0;margin:0 0 22px;padding:0}.colour-picker div{flex-wrap:wrap;gap:9px;display:flex}.colour-picker button{border:3px solid var(--surface);width:31px;height:31px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:10px}.colour-picker button.is-active{box-shadow:0 0 0 2px var(--brand)}.security-list{gap:10px;margin-bottom:20px;display:grid}.security-list>span,.keyboard-help{background:var(--surface-soft);border-radius:11px;align-items:center;gap:11px;padding:11px;display:flex}.security-list>span>svg{color:var(--brand)}.security-list b,.security-list small,.keyboard-help b,.keyboard-help small{display:block}.security-list small,.keyboard-help small{color:var(--text-faint);margin-top:2px;font-size:.72rem}.theme-setting{background:var(--surface-soft);border-radius:12px;justify-content:space-between;align-items:center;margin-top:auto;padding:13px;font-size:.85rem;font-weight:700;display:flex}.session-list{gap:9px;margin-bottom:18px;display:grid}.session-list>div{background:var(--surface-soft);border-radius:11px;align-items:center;gap:11px;min-width:0;padding:11px;display:flex}.session-list>div>svg{color:var(--brand);flex:none}.session-list span{min-width:0}.session-list b,.session-list small{display:block}.session-list small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.68rem;overflow:hidden}.danger-zone{border:1px solid color-mix(in srgb, var(--red) 25%, var(--line));border-radius:var(--radius-md);background:var(--red-soft);justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:21px 24px;display:flex}.danger-zone>div{color:var(--red);align-items:center;gap:13px;display:flex}.danger-zone b,.danger-zone small{display:block}.danger-zone small{color:color-mix(in srgb, var(--red) 72%, var(--text-soft));margin-top:3px}.player-shell{z-index:20;color:#f7f7fb;background:#080910;grid-template-rows:64px minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.player-bar{z-index:20;background:#12131c;border-bottom:1px solid #292a35;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:16px;padding:0 14px;display:grid;position:relative}.player-bar .icon-button{color:#c7c7d2;background:#1c1d27;border-color:#30313c}.player-bar .icon-button:hover,.player-bar .icon-button.is-active{color:#bcb3ff;background:#302b52}.player-bar__title{align-items:center;gap:11px;min-width:0;display:flex}.player-bar__title>span{min-width:0}.player-bar__title b,.player-bar__title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-bar__title b{font-size:.9rem}.player-bar__title small{color:#888a9a;margin-top:2px;font-size:.67rem}.save-status{color:#a8a9b7;background:#20222d;border-radius:99px;align-items:center;gap:7px;padding:8px 11px;font-size:.7rem;font-weight:800;display:inline-flex}.save-status--cloud-saved{color:#7de0c5;background:#17362f}.save-status--save-failed{color:#ff94a1;background:#40232a}.player-actions{justify-content:flex-end;gap:6px;display:flex}.player-stage{background:radial-gradient(circle,#1c1d2b,#07080d 70%);place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.emulator-container{place-items:center;width:100%;height:100%;display:grid}.emulator-container>div{width:100%!important;height:100%!important}.emulator-container canvas{max-width:100%;max-height:100%;image-rendering:pixelated}.player-loading{color:#f8f8fb;background:#090a10;place-content:center;justify-items:center;gap:9px;display:grid;position:absolute;inset:0}.player-loading svg{color:#9c91ff;width:32px;height:32px;margin-bottom:7px}.player-loading span{color:#888a9b;font-size:.78rem}.player-bottom-actions{display:none}.player-popover{z-index:40;color:#f7f7fb;background:#171821;border:1px solid #333440;border-radius:16px;width:min(420px,100vw - 28px);padding:17px;position:fixed;top:74px;right:14px;box-shadow:0 22px 70px #0000007a}.player-popover>header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.player-popover .icon-button{color:#bbbcc8;background:#20212b;border-color:#30313c}.save-popover>div{border-top:1px solid #2b2c37;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 0;display:grid}.save-popover span b,.save-popover span small{display:block}.save-popover span small{color:#858796;margin-top:3px;font-size:.68rem}.player-popover .button--secondary{color:#e7e7ec;background:#21222c;border-color:#343541;min-height:36px;padding-inline:11px;font-size:.72rem}.settings-popover>label{border-top:1px solid #2b2c37;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:13px 0;display:flex}.settings-popover label>span:first-child{color:#c8c8d2;margin:0}.settings-popover input[type=range]{width:190px;padding:0}.toggle-row input{accent-color:#8578f5;width:42px;height:23px}.keyboard-help{background:#21222c;margin-top:10px}.toast{z-index:60;color:#f3f3f8;background:#1b1c26;border:1px solid #3a3b48;border-radius:12px;padding:11px 15px;font-size:.8rem;font-weight:700;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #00000061}.player-error{color:#f4f4f7;text-align:center;background:#0b0c12;place-content:center;justify-items:center;min-height:100vh;padding:25px;display:grid}.player-error>svg{color:#9185f8;width:55px;height:55px}.player-error h1{margin:18px 0 6px}.player-error p{color:#9697a5;max-width:520px}.player-error>div{gap:9px;margin-top:15px;display:flex}.touch-controller{display:none}@media (max-width:1180px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{grid-template-columns:1fr minmax(360px,.75fr);gap:50px}.auth-story h1{font-size:clamp(3.2rem,6.5vw,5.4rem)}}@media (max-width:920px){.app-shell{padding-bottom:calc(71px + env(safe-area-inset-bottom));grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{z-index:15;height:calc(68px + env(safe-area-inset-bottom));padding:7px 12px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--text-faint);border-radius:10px;place-content:center;justify-items:center;gap:4px;font-size:.65rem;font-weight:750;display:grid}.mobile-nav a svg{width:20px;height:20px}.mobile-nav a.is-active{color:var(--brand-strong);background:var(--brand-soft)}.mobile-brand{margin-bottom:35px;display:block}.page{padding-top:27px}.auth-story{display:none}.auth-layout{grid-template-columns:minmax(0,460px);justify-content:center}.game-hero{grid-template-columns:.75fr 1.25fr}.game-hero__art{min-height:350px}.account-summary{flex-wrap:wrap;align-items:flex-start}.account-summary dl{width:100%;margin:10px 0 0 89px}.player-bar{grid-template-columns:minmax(170px,1fr) auto}.save-status{display:none}}@media (pointer:coarse),(max-width:900px){.touch-controller{z-index:12;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.touch-button{pointer-events:auto;touch-action:none;color:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161720ad;border:1px solid #ffffff26;box-shadow:0 8px 20px #0000002e}.dpad{left:max(20px, env(safe-area-inset-left));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:148px;height:148px;display:grid;position:absolute;bottom:32px}.dpad .touch-button{border-radius:13px}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-center{background:#161720b8;border-radius:8px;grid-area:2/2}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}.action-buttons{right:max(22px, env(safe-area-inset-right));width:158px;height:132px;position:absolute;bottom:35px}.action-buttons .touch-button{border-radius:50%;width:55px;height:55px;font-weight:900;position:absolute}.action-a{background:#dc4861b8;bottom:30px;right:0}.action-b{background:#725be2b8;bottom:0;right:62px}.action-x{top:0;right:62px}.action-y{bottom:31px;left:0}.system-buttons{gap:8px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.system-buttons .touch-button{text-transform:uppercase;border-radius:99px;min-width:62px;height:31px;padding:0 12px;font-size:.62rem;font-weight:800}.shoulder-buttons{justify-content:space-between;display:flex;position:absolute;top:18px;left:18%;right:18%}.shoulder-buttons .touch-button{border-radius:11px;width:85px;height:35px;font-weight:850}}@media (max-width:720px){.auth-page{padding:20px}.auth-header .brand img{width:170px}.auth-layout{min-height:calc(100vh - 82px);padding-block:28px}.auth-card{border-radius:20px;padding:25px 21px}.telegram-callout{grid-template-columns:auto 1fr}.telegram-callout .button{grid-column:1/-1;width:100%}.page{padding:24px 18px 45px}.page-header{align-items:flex-start;margin-bottom:25px}.page-header h1{font-size:2.5rem}.game-count{display:none}.library-toolbar{flex-direction:column;align-items:stretch}.search-field{max-width:none}.system-filter{align-self:flex-start}.game-grid{grid-template-columns:1fr}.game-art{height:155px}.favourite-button{top:169px}.game-hero{grid-template-columns:1fr}.game-hero__art{min-height:220px}.game-hero__art>svg{width:76px;height:76px}.game-hero__content{padding:28px 22px 32px}.game-hero__content h1{font-size:2.5rem}.game-hero__actions .button{width:100%}.details-columns,.account-grid,.progress-share-grid{grid-template-columns:1fr}.detail-panel,.settings-panel{padding:20px}.details-list>div{grid-template-columns:1fr;gap:5px}.details-list dd{text-align:left}.hash-row dd{justify-content:flex-start}.account-summary{padding:19px}.account-summary dl{justify-content:space-between;gap:12px;margin-left:0}.account-summary dl div{min-width:0}.danger-zone{flex-direction:column;align-items:stretch}.danger-zone .button{width:100%}.player-shell{grid-template-rows:58px minmax(0, 1fr) calc(59px + env(safe-area-inset-bottom))}.player-bar{grid-template-columns:minmax(0,1fr) auto;padding-inline:8px}.player-bar__title .icon-button{flex-basis:38px;width:38px;height:38px}.player-actions .icon-button:nth-child(2),.player-actions .icon-button:nth-child(3),.player-desktop-action{display:none}.player-bottom-actions{padding:5px 8px env(safe-area-inset-bottom);background:#12131c;border-top:1px solid #292a35;grid-template-columns:repeat(3,1fr);display:grid}.player-bottom-actions button{color:#aaaab9;background:0 0;border-radius:8px;place-content:center;justify-items:center;gap:3px;font-size:.59rem;font-weight:700;display:grid}.player-bottom-actions button svg{width:18px;height:18px}.player-popover{top:auto;bottom:calc(66px + env(safe-area-inset-bottom));width:calc(100vw - 16px);max-height:calc(100vh - 150px);right:8px;overflow:auto}.save-popover>div{grid-template-columns:1fr auto auto}.dpad{left:max(9px, env(safe-area-inset-left));width:118px;height:118px;bottom:16px}.action-buttons{right:max(10px, env(safe-area-inset-right));transform-origin:100% 100%;bottom:15px;transform:scale(.86)}.system-buttons{bottom:13px;transform:translate(-50%)scale(.82)}.shoulder-buttons{top:9px}}@media (max-height:560px) and (orientation:landscape){.player-shell{grid-template-rows:50px minmax(0,1fr)}.player-bottom-actions,.player-bar__title small{display:none}.player-popover{max-height:calc(100vh - 64px);top:57px;bottom:auto;overflow:auto}.dpad{width:105px;height:105px;bottom:10px}.action-buttons{transform-origin:100% 100%;bottom:8px;transform:scale(.78)}.system-buttons{bottom:5px;transform:translate(-50%)scale(.75)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}