@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&family=Unbounded:wght@600;700;800&display=swap');

:root{--bg:#101214;--surface:#171a1e;--surface-2:#1d2126;--surface-3:#252a30;--line:#2d333a;--line-light:#3a424b;--text:#edf0f2;--muted:#929ba5;--dim:#68727c;--accent:#d4ed45;--accent-hover:#e3f56f;--accent-ink:#161a0d;--blue:#69a9d8;--red:#e76e78;--orange:#dba34d;--green:#62bd83;--violet:#9a7bd8;--radius:8px;--header:64px;--sections:54px;--shadow:0 14px 35px rgb(0 0 0 / .24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Manrope,Arial,sans-serif;min-width:320px}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgb(255 255 255/.018) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.012) 1px,transparent 1px);background-size:48px 48px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,label,input[type=range]{-webkit-tap-highlight-color:transparent}.container{width:min(1320px,calc(100% - 48px));margin-inline:auto}main{min-height:calc(100vh - 170px);animation:page-in .35s ease-out both}footer{border-top:1px solid var(--line);color:var(--dim);text-align:center;padding:28px 20px;margin-top:60px;font-size:12px}

/* Shell */
.topbar{height:var(--header);padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#121519;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.3px;white-space:nowrap}.brand span{display:grid;place-items:center;width:27px;height:27px;background:var(--accent);color:var(--accent-ink);font-size:11px;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}.topbar nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}.topbar nav>a:not(.profile-link){color:#bac1c7;font-size:12px;font-weight:700;white-space:nowrap}.topbar nav>a:hover{color:var(--accent)}.topbar nav form{display:inline}.link-btn{border:0;background:none;color:var(--muted);cursor:pointer;padding:6px 0}.link-btn:hover{color:var(--red)}.profile-link{height:42px;display:flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border:1px solid var(--line);background:var(--surface);border-radius:22px;transition:border-color .2s,background .2s}.profile-link:hover{border-color:var(--accent);background:var(--surface-2)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800}.username{max-width:115px;overflow:hidden;text-overflow:ellipsis;color:#d6dade;font-size:12px;font-weight:700}.profile-menu-wrap{position:relative}.profile-menu-trigger{width:40px;height:40px;border:1px solid var(--line-light);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer}.profile-menu-trigger:hover{border-color:var(--accent);color:var(--accent)}.profile-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;padding:8px;border:1px solid #3f474d;border-radius:10px;background:#14181cf5;box-shadow:0 18px 45px #000b;backdrop-filter:blur(12px)}.profile-menu a{display:flex;padding:9px 10px;border-radius:7px;color:#d7dde1;font-size:12px;font-weight:700}.profile-menu a:hover{background:#ffffff08;color:var(--accent)}.nav-updates{position:relative}.nav-updates>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--line-light);border-radius:6px;background:var(--surface);color:#d8dde1;font-size:11px;font-weight:800;cursor:pointer}.nav-updates>summary::-webkit-details-marker{display:none}.nav-updates[open] .nav-updates-panel{display:block}.nav-updates-panel{display:none;position:absolute;right:0;top:calc(100% + 10px);width:min(320px,80vw);padding:14px 15px;border:1px solid #3f474d;border-radius:8px;background:#14181cf5;box-shadow:0 18px 45px #000b;backdrop-filter:blur(12px)}.nav-updates-panel b{display:block;font-size:12px;color:#eef2f4}.nav-updates-panel small{display:block;margin:3px 0 9px;color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.nav-updates-panel ul{margin:0;padding-left:17px;color:#c7ced4;font-size:11px;line-height:1.55}.nav-updates-panel li+li{margin-top:5px}.section-nav{height:var(--sections);display:flex;align-items:stretch;justify-content:space-between;gap:20px;padding:0 max(24px,4vw);background:#15181c;border-bottom:1px solid var(--line);position:sticky;top:var(--header);z-index:25}.section-links{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}.section-links::-webkit-scrollbar{display:none}.section-links>a{min-width:96px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:12px;font-weight:700;border-bottom:2px solid transparent;position:relative;transition:color .2s,background .2s}.section-links>a span{font-size:10px;color:var(--dim)}.section-links>a:hover{color:var(--text);background:#ffffff05}.section-links>a.active{color:var(--text);border-color:var(--accent)}.section-links>a.active span{color:var(--accent)}.nav-search{width:min(300px,26vw);display:flex;align-items:center;flex:none}.nav-search input{height:34px;border-radius:4px 0 0 4px;border-right:0}.nav-search button{width:40px;height:34px;border:1px solid var(--line-light);background:var(--surface-3);color:var(--text);border-radius:0 4px 4px 0;cursor:pointer;font-size:20px;line-height:1}.nav-search button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

/* Type */
h1,h2,h3,p{overflow-wrap:anywhere}.eyebrow{margin:0 0 7px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase}.muted{color:var(--muted)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 22px}.section-head h1,.section-head h2{margin:0;line-height:1.1}.section-head h1{font-size:34px;letter-spacing:-1.1px}.section-head h2{font-size:23px}.section-head>span{color:var(--muted);font-size:12px}.pill{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line-light);background:var(--surface-2);border-radius:4px;color:#c1c8ce;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.rating{color:var(--accent);font-weight:800}

/* Controls */
input,select,textarea{width:100%;border:1px solid var(--line-light);border-radius:5px;background:#111418;color:var(--text);padding:10px 12px;outline:0;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#77838e;box-shadow:0 0 0 3px rgb(212 237 69/.08)}textarea{resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--accent);border-radius:5px;background:var(--accent);color:var(--accent-ink);padding:10px 16px;font-weight:800;font-size:12px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.98)}.button.secondary{background:transparent;color:var(--text);border-color:var(--line-light)}.button.secondary:hover{border-color:var(--text);background:var(--surface-3)}.button.small{padding:6px 10px;font-size:10px}.button.wide,.wide{width:100%}.danger{border:0;background:transparent;color:var(--red);padding:8px;cursor:pointer}.danger:hover{color:#ff929a}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.chips a{padding:7px 11px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:700}.chips a:hover{border-color:var(--line-light);color:var(--text)}.chips a.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

/* Catalog */
.catalog-layout{width:min(1480px,calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:30px;padding:34px 0}.catalog-main .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px}.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s;animation:card-in .4s both}.card:hover{transform:translateY(-4px);border-color:#4b555e;box-shadow:var(--shadow)}.cover{position:relative;background-color:var(--surface-3);background-size:cover;background-position:center}.sg-card .cover{aspect-ratio:2/3}.placeholder{display:grid;place-items:center}.placeholder>b{font-size:70px;color:#ffffff24}.type-game{background:#20333b}.type-movie{background:#3a252a}.type-series{background:#302941}.type-anime{background:#1f3935}.type-manga{background:#3b3224}.type-book{background:#33272a}.cover-shade{position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#0b0d0fe8 60%,#0b0d0f)}.cover-title{position:absolute;z-index:2;left:14px;right:14px;bottom:12px}.cover-title h3{margin:0;font-size:17px;line-height:1.2;letter-spacing:-.25px;text-shadow:0 1px 5px #000}.cover-title p{margin:5px 0 0;color:#aeb6bd;font-size:10px}.type{position:absolute;z-index:3;left:9px;top:9px;padding:4px 7px;background:#111418e8;border:1px solid #ffffff20;border-radius:3px;color:#dce0e3;font-size:9px;font-weight:800}.score{position:absolute;z-index:3;right:8px;top:8px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:800;border:2px solid #111418}.own-score{outline:2px solid white;outline-offset:-1px}.user-status{position:absolute;z-index:3;left:9px;top:39px;padding:4px 7px;border-radius:3px;color:white;font-size:9px;font-weight:800}.status-planned{background:#477b98}.status-in_progress{background:#8064bc}.status-completed{background:#388b5d}.status-on_hold{background:#aa7731}.status-dropped{background:#a94d57}.card-footer{height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-top:1px solid var(--line);color:var(--dim);font-size:9px}.card-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-footer b{flex:none;color:#c5ccd1;font-weight:700}.card:hover .card-footer b{color:var(--accent)}.filter-sidebar{align-self:start;position:sticky;top:calc(var(--header) + var(--sections) + 18px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:width .25s}.filter-toggle{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:0;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--text);font-weight:800;cursor:pointer}.filter-toggle span{color:var(--accent);font-size:18px}.filter-content{display:grid;gap:8px;padding:15px}.filter-content>label{margin-top:7px;color:var(--dim);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.reset-filters{text-align:center;color:var(--muted);font-size:10px;padding:5px}.reset-filters:hover{color:var(--accent)}.filter-sidebar.collapsed{width:48px}.filter-sidebar.collapsed .filter-content{display:none}.filter-sidebar.collapsed .filter-toggle{height:140px;writing-mode:vertical-rl;padding:12px}.catalog-layout:has(.filter-sidebar.collapsed){grid-template-columns:minmax(0,1fr) 48px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:35px 0}.pagination a,.pagination span{padding:7px 11px;border:1px solid var(--line);border-radius:4px;font-size:11px}.pagination a:hover{border-color:var(--accent);color:var(--accent)}

/* Detail */
.detail{padding-top:28px}.back{display:inline-flex;margin-bottom:20px;color:var(--muted);font-size:11px}.back:hover{color:var(--accent)}.detail-grid{display:grid;grid-template-columns:290px minmax(0,1fr) 300px;gap:36px;align-items:start}.cover-column{min-width:0}.detail-cover{aspect-ratio:2/3;border-radius:var(--radius);box-shadow:var(--shadow)}.cover-status-control{position:absolute;z-index:4;left:8px;right:8px;bottom:8px;padding:9px;background:#111418ed;border:1px solid #444c54;border-radius:6px;backdrop-filter:blur(8px)}.cover-status-control>span{display:block;margin-bottom:6px;color:#aeb7bd;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.cover-status-control>div{display:flex;flex-wrap:wrap;gap:4px}.cover-status-button{border:1px solid #3d454d;background:#20252a;color:#c4cbd0;border-radius:3px;padding:4px 6px;font:700 8px Manrope;cursor:pointer;transition:.16s}.cover-status-button:hover{border-color:#7f8b94}.cover-status-button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.cover-status-control small{display:block;margin-top:5px;color:#68727b;font-size:7px}.quick-track{margin-top:10px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.control-heading b{font-size:11px}.control-heading span{color:var(--dim);font-size:8px}.control-heading .saved{color:var(--green)}.control-heading .saving{color:var(--orange)}.control-heading .error{color:var(--red)}.rating-row{display:flex;align-items:center;gap:9px}.range-wrap{flex:1;display:grid;grid-template-columns:auto minmax(60px,1fr) auto 31px;align-items:center;gap:6px;color:var(--dim);font-size:8px}.range-wrap input{padding:0;accent-color:var(--accent)}.range-wrap output{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:13px}.favorite-input{position:absolute;opacity:0}.heart-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-light);border-radius:50%;color:#66717a;font-size:19px;cursor:pointer;transition:.18s}.heart-button:hover{color:#d98089;border-color:#9c5960}.favorite-input:checked+.heart-button{color:#f17a84;border-color:#f17a84;background:#e76e7812;transform:scale(1.05)}.save-help{margin:6px 0 0;text-align:center;color:var(--dim);font-size:8px}.detail article{padding-top:4px}.detail article h1{margin:15px 0 4px;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-1.6px}.detail article>.muted{margin:0;font-size:13px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.meta span{padding:5px 8px;border:1px solid var(--line);background:var(--surface);border-radius:3px;color:#b1bac1;font-size:10px}.meta .rating{color:var(--accent)}.description{max-width:760px;color:#c3c9ce;white-space:pre-line;line-height:1.75}.edit-suggestion{display:inline-flex;margin:22px 7px 0 0;padding:7px 10px;border:1px solid var(--line-light);border-radius:4px;color:var(--muted);font-size:10px}.edit-suggestion:hover{border-color:var(--accent);color:var(--accent)}.admin-edit{border-color:#65577d;color:#ad94d8}.tracker{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.note-panel{position:sticky;top:calc(var(--header) + var(--sections) + 18px)}.note-icon{color:var(--accent)}.note-panel h2{margin:2px 0;font-size:19px}.note-panel>p{margin:2px 0 13px;color:var(--dim);font-size:9px}.save-entry{margin-top:10px}.detail-delete{text-align:right;margin:10px 0 40px}

/* Library */
.dashboard{padding-top:42px}.dashboard>h1{margin:5px 0;font-size:44px;letter-spacing:-1.4px}.stats{display:flex;gap:9px;margin:26px 0}.stats>div{min-width:125px;padding:13px 16px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:4px}.stats b{display:block;font-size:24px;line-height:1.15}.stats span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.7px}.library-sections{display:grid;gap:34px}.library-section{animation:page-in .35s both}.library-section-title{display:flex;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--line);margin-bottom:8px}.library-section-title h2{margin:0;font-size:20px}.library-section-title span{min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--accent);font-size:9px;font-weight:800}.library-section-title a{margin-left:auto;color:var(--muted);font-size:9px}.library-section-title a:hover{color:var(--accent)}.entry-list{display:grid;gap:5px}.library-section .entry-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.entry{min-width:0;display:flex;align-items:center;gap:12px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:5px;transition:background .18s,border-color .18s,transform .18s}.entry:hover{background:var(--surface-2);border-color:#46505a;transform:translateX(3px)}.mini-cover{width:43px;height:57px;flex:none;border-radius:3px;background-size:cover;background-position:center}.entry h3,.entry p{margin:0}.entry h3{font-size:12px}.entry p{color:var(--muted);font-size:9px}.entry .rating{margin-left:auto;font-size:10px}.heart{color:var(--red);font-size:16px}.arrow{color:var(--dim);padding-right:8px}

/* Forms and auth */
.auth{min-height:calc(100vh - var(--header) - var(--sections));display:grid;place-items:center;padding:45px 20px}.auth-box{width:min(420px,100%);padding:28px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);animation:panel-in .4s both}.auth-box h1{margin:4px 0 20px;font-size:30px}.auth-box form p{margin:13px 0}.auth-box label,.field label{display:block;margin-bottom:5px;color:#c6ccd1;font-size:10px;font-weight:700}.auth-box>p:last-child{text-align:center;color:var(--muted);font-size:11px}.auth-box>p:last-child a{color:var(--accent)}.helptext,.auth-box li{color:var(--dim);font-size:8px}.auth-box ul{padding-left:16px}.form-error,.errorlist{color:var(--red);font-size:10px}.proposal-page{padding:45px 0}.proposal-intro{max-width:800px;margin-bottom:22px}.proposal-intro h1{margin:4px 0;font-size:42px;letter-spacing:-1.2px}.proposal-intro>p{color:var(--muted)}.upload-hint{margin-top:18px;padding:12px 14px;border-left:3px solid var(--blue);background:var(--surface);color:#aeb8bf;font-size:10px}.review-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:10px}.review-flow span{width:23px;height:23px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);border-radius:50%;font-weight:800}.review-flow b{color:var(--dim)}.proposal-form{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}.field input[type=file]{padding:13px;border-style:dashed;background:#111418}.field ul[id$="genres"]{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#111418;border:1px solid var(--line-light);border-radius:5px}.field ul[id$="genres"] label{cursor:pointer}.field ul[id$="genres"] input{width:auto;margin-right:5px;accent-color:var(--accent)}.proposal-submit{margin-top:20px}.proposal-list{display:grid;gap:7px}.proposal-item{display:grid;grid-template-columns:105px 1fr auto;align-items:center;gap:18px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:5px;animation:card-in .35s both}.proposal-item:hover{border-color:#45505a}.proposal-item h3,.proposal-item p{margin:3px 0}.proposal-item h3{font-size:14px}.proposal-item p{color:var(--dim);font-size:9px}.proposal-state{padding:6px 8px;text-align:center;border-radius:3px;font-size:8px;font-weight:800;text-transform:uppercase}.state-pending{background:#dba34d18;color:var(--orange);border:1px solid #dba34d45}.state-approved{background:#62bd8318;color:var(--green);border:1px solid #62bd8345}.state-rejected{background:#e76e7818;color:var(--red);border:1px solid #e76e7845}.proposal-item blockquote{margin:7px 0;padding-left:9px;border-left:2px solid var(--line-light);color:var(--muted);font-size:10px}

/* Management */
.management-page{padding:42px 0}.management-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.management-head h1{margin:4px 0;font-size:42px;letter-spacing:-1.2px}.management-head p{margin:0;color:var(--muted)}.management-actions{display:flex;gap:7px}.manage-block{margin:12px 0;padding:19px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.manage-block h2{margin-top:0}.role-list,.moderation-list,.manage-media-grid{display:grid;gap:6px}.role-row{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:12px;padding:9px;background:#13161a;border:1px solid var(--line);border-radius:4px}.small-avatar{width:32px;height:32px}.role-row small,.manage-media small{display:block;color:var(--dim);font-size:8px}.role-row label{display:flex;align-items:center;gap:6px;font-size:10px}.role-row label input{width:auto}.moderation-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px;background:#13161a;border:1px solid var(--line);border-radius:4px}.moderation-card h3,.moderation-card p{margin:4px 0}.moderation-card p{color:var(--muted);font-size:9px}.moderation-actions{display:flex;gap:6px}.reject-button{border:1px solid #743f45;border-radius:4px}.manage-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manage-media{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px;background:#13161a;border:1px solid var(--line);border-radius:4px}.manage-media .mini-cover{width:42px;height:55px}.manage-media>a{color:var(--accent);font-size:9px}

/* Feedback */
.empty{grid-column:1/-1;padding:42px;text-align:center;background:var(--surface);border:1px dashed var(--line-light);border-radius:var(--radius)}.empty.compact{padding:22px}.empty h3{margin:0}.empty p{color:var(--muted)}.messages{position:fixed;right:18px;top:75px;z-index:100;display:grid;gap:7px}.message{position:relative;display:flex;align-items:flex-start;gap:12px;max-width:390px;padding:13px 42px 13px 15px;background:var(--surface-2);border:1px solid var(--line-light);border-left:3px solid var(--accent);border-radius:5px;box-shadow:var(--shadow);font-size:11px;animation:toast-in .35s both;transition:opacity .25s,transform .25s}.message.leaving{opacity:0;transform:translateX(24px)}.message-close{position:absolute;right:8px;top:7px;width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#8d979d;font-size:18px;line-height:1;cursor:pointer}.message-close:hover{border-color:#4b555b;background:#262c31;color:#fff}

/* Motion */
@keyframes page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes panel-in{from{opacity:0;transform:scale(.98) translateY(9px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}.card:nth-child(2n),.entry:nth-child(2n),.proposal-item:nth-child(2n){animation-delay:.035s}.card:nth-child(3n){animation-delay:.07s}

@media(max-width:1100px){.topbar nav>a:not(.profile-link):not(.admin-link),.username{display:none}.catalog-layout{grid-template-columns:1fr}.filter-sidebar{position:relative;top:auto;grid-row:1;width:100%}.filter-sidebar.collapsed{width:100%}.filter-sidebar.collapsed .filter-toggle{height:46px;writing-mode:horizontal-tb}.catalog-layout:has(.filter-sidebar.collapsed){grid-template-columns:1fr}.detail-grid{grid-template-columns:250px 1fr}.note-panel{grid-column:1/-1;position:relative;top:auto}.library-section .entry-list{grid-template-columns:1fr}}
@media(max-width:760px){:root{--header:58px}.container,.catalog-layout{width:min(100% - 24px,1320px)}.topbar{padding:0 12px}.topbar nav{gap:10px}.topbar .admin-link{display:none}.section-nav{height:auto;display:block;padding:0}.section-links{height:48px}.section-links>a{min-width:82px;padding:0 10px;font-size:10px}.nav-search{width:calc(100% - 20px);margin:7px 10px}.catalog-layout{padding-top:22px}.catalog-main .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.section-head h1{font-size:27px}.cover-title{left:10px;right:10px}.cover-title h3{font-size:14px}.card-footer span{display:none}.detail-grid{display:block}.detail-cover{width:min(290px,100%);margin-inline:auto}.cover-status-control{position:relative;left:auto;right:auto;bottom:auto;margin-top:10px}.detail-cover:has(.cover-status-control){margin-bottom:122px}.quick-track{width:min(290px,100%);margin:10px auto 22px}.detail article h1{font-size:34px}.tracker{margin-top:22px}.stats{overflow-x:auto}.stats>div{min-width:105px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.field ul[id$="genres"]{grid-template-columns:repeat(2,1fr)}.proposal-form{padding:16px}.proposal-item{grid-template-columns:1fr}.management-head{display:block}.management-actions{margin-top:15px}.manage-media-grid{grid-template-columns:1fr}.role-row{grid-template-columns:34px 1fr}.role-row label,.role-row button{grid-column:2}.moderation-card{display:block}.moderation-actions{margin-top:10px}}
@media(max-width:430px){.brand{font-size:15px}.profile-link{padding-right:3px}.topbar nav>a:not(.profile-link),.link-btn{font-size:9px}.field ul[id$="genres"]{grid-template-columns:1fr}.catalog-main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-title h3{font-size:12px}.user-status{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Full-width status selector and larger tracking controls */
.cover-status-control{position:absolute;left:0;right:0;bottom:0;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible}.status-main-button{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border:0;border-top:1px solid #4a525a;background:#12161aee;color:var(--text);text-align:left;cursor:pointer;backdrop-filter:blur(10px);transition:background .18s}.status-main-button:hover,.status-main-button[aria-expanded="true"]{background:#1d2328}.status-main-button small{display:block;margin-bottom:2px;color:var(--muted);font-size:10px;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.status-main-button b{display:block;color:var(--accent);font-size:15px}.status-main-button i{color:var(--accent);font-size:24px;font-style:normal;transition:transform .2s}.status-main-button[aria-expanded="true"] i{transform:rotate(180deg)}.status-menu{position:absolute;left:8px;right:8px;bottom:70px;display:grid;gap:4px;padding:7px;background:#15191df5;border:1px solid var(--line-light);border-radius:6px;box-shadow:0 12px 30px #000b;animation:menu-up .18s ease-out both}.status-menu[hidden]{display:none!important}.status-menu .cover-status-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:0;background:transparent;color:#cbd1d6;border-radius:4px;font-size:11px;text-align:left}.status-menu .cover-status-button:hover{background:var(--surface-3);color:white}.status-menu .cover-status-button.active{background:var(--accent);color:var(--accent-ink)}.quick-track{padding:15px}.control-heading b{font-size:13px}.control-heading span{font-size:10px}.range-wrap{font-size:10px}.range-wrap output{width:38px;height:38px;font-size:16px}.heart-button{width:42px;height:42px;font-size:22px}.save-help{font-size:10px;margin-top:8px}@keyframes menu-up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:760px){.cover-status-control{position:absolute;left:0;right:0;bottom:0;margin:0}.detail-cover:has(.cover-status-control){margin-bottom:0}.status-main-button{min-height:58px}.status-menu{bottom:64px}}

/* КОНТУР identity */
.brand{gap:10px;font-size:inherit;letter-spacing:normal}.brand .brand-mark{width:36px;height:36px;display:block;background:none;color:inherit;font-size:inherit;clip-path:none;border:1px solid #4b551c;border-radius:8px;overflow:hidden;box-shadow:0 0 18px rgb(212 237 69/.1);transition:transform .2s,border-color .2s}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.brand .brand-copy{width:auto;height:auto;display:flex;flex-direction:column;place-items:initial;background:none;color:inherit;font-size:inherit;clip-path:none;line-height:1}.brand-copy b{font-size:19px;letter-spacing:2.6px}.brand-copy small{margin-top:4px;color:var(--accent);font-size:7px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.brand:hover .brand-mark{transform:rotate(-3deg) scale(1.04);border-color:var(--accent)}footer b{color:#aeb7bd;letter-spacing:1.5px}

/* A single full-width status control on the cover */
.cover-status-control{position:absolute;left:0;right:0;bottom:0;padding:10px 13px 13px;background:#12161af2;border:0;border-top:1px solid #4a525a;border-radius:0;box-shadow:none;backdrop-filter:blur(10px);overflow:hidden}.cover-status-control label{display:block;margin:0 0 5px;color:#aeb7bd;font-size:10px;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.8px}.cover-status-control select{height:43px;padding:0 38px 0 12px;border-color:var(--accent);border-radius:5px;background-color:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:800;cursor:pointer;box-shadow:none}.cover-status-control select:hover,.cover-status-control select:focus{background-color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 0 3px rgb(212 237 69/.12)}
@media(max-width:760px){.brand-copy small{display:none}.cover-status-control{position:absolute;left:0;right:0;bottom:0;margin:0}}

/* КОНТУР — typography, restrained controls and cover-inspired relief */
body{font-family:Onest,Arial,sans-serif;background:#101316;isolation:isolate}body::before{background:linear-gradient(154deg,transparent 0 12%,rgb(255 255 255/.024) 12.2% 17%,transparent 17.2% 38%,rgb(212 237 69/.018) 38.2% 41%,transparent 41.2% 68%,rgb(255 255 255/.018) 68.2% 74%,transparent 74.2%),linear-gradient(26deg,transparent 0 19%,rgb(255 255 255/.016) 19.2% 25%,transparent 25.2% 55%,rgb(212 237 69/.014) 55.2% 59%,transparent 59.2%);background-size:100% 100%;opacity:1;filter:none;mix-blend-mode:normal}body::after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#20252a99,#30363170 48%,#1b202480);clip-path:polygon(0 13%,15% 5%,31% 16%,48% 7%,66% 20%,83% 8%,100% 15%,100% 28%,84% 22%,68% 34%,49% 21%,32% 31%,15% 19%,0 27%);opacity:.5;filter:drop-shadow(0 2px 0 rgb(255 255 255/.025)) drop-shadow(0 -2px 0 rgb(0 0 0/.35))}.brand-copy b,h1,h2,.section-head h1,.proposal-intro h1,.management-head h1{font-family:Unbounded,Onest,sans-serif}.brand-copy b{font-size:16px;letter-spacing:1.4px}.brand-copy small{color:#9daa68;letter-spacing:1.65px}.relief-panel,.proposal-form,.editor-section,.manage-block,.moderation-card,.auth-box{background:#161a1e;border-color:#333941;box-shadow:inset 0 1px rgb(255 255 255/.035),inset 0 -1px rgb(0 0 0/.55),0 12px 30px rgb(0 0 0/.14)}

.button{background:#262c27;border-color:#687348;color:#e5e9df;box-shadow:inset 0 1px rgb(255 255 255/.06)}.button:hover,.button:focus{background:#30382f;border-color:#96a55c;color:#fff;box-shadow:0 0 0 3px rgb(150 165 92/.1);transform:translateY(-1px)}.button.secondary{background:#1c2024;border-color:#454d55;color:#cbd1d5}.button.secondary:hover{background:#252b30;border-color:#6c777f;color:#fff}.button.danger-button{border-color:#74484d;background:#2a2022;color:#ef9ca3}.button.danger-button:hover{border-color:#a35b63;background:#352427}.topbar .nav-admin-link{padding:7px 10px;border:1px solid #424a50;border-radius:5px;background:#1b2024;color:#d7dcdf!important}.topbar .nav-admin-link:hover{border-color:#77845a;background:#252b28}.topbar .django-link{color:#9daa68!important}.avatar{background:#282e29;border:1px solid #768252;color:#dce6b4}.auth-box{border-top-color:#73804c}.auth-box>p:last-child a{color:#b4c27a}.review-flow span{background:#29302a;border:1px solid #687348;color:#dce6b4}

.cover-status-control{padding:11px 13px 13px;background:#15191df4;border-top-color:#4a525a;overflow:visible}.cover-status-control label{color:#aeb6bb;font-size:10px}.cover-status-control select{appearance:none;height:45px;padding:0 42px 0 13px;border:1px solid #59636b;background:#22272c;color:#eef1f2;font-size:14px;background-image:linear-gradient(45deg,transparent 50%,#aab4ba 50%),linear-gradient(135deg,#aab4ba 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat}.cover-status-control select:hover,.cover-status-control select:focus{background-color:#2b3136;border-color:#85905f;color:#fff;box-shadow:0 0 0 3px rgb(133 144 95/.1)}.cover-status-control select option{background:#20252a;color:#e7ebed}.range-wrap output{background:#30372f;border:1px solid #7c8757;color:#ecf2d6}

/* Card editor */
.editor-page{max-width:1380px}.editor-form{display:block}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.editor-sections{display:grid;gap:13px}.editor-section{min-width:0;margin:0;padding:22px;border:1px solid var(--line);border-radius:10px}.editor-section legend{padding:0 10px 0 0;color:#eef1f2;font-family:Unbounded,Onest,sans-serif;font-size:13px;font-weight:700}.editor-section legend span{margin-right:8px;color:#9daa68;font:700 10px Onest}.section-hint{margin:-3px 0 16px;color:var(--muted);font-size:11px}.editor-section textarea{min-height:130px}.cover-editor-section input[type=file]{min-height:78px;padding:22px;border:1px dashed #5b646b;background:#111519}.editor-preview{border:1px solid var(--line);border-radius:10px;padding:18px}.preview-sticky{position:sticky;top:calc(var(--header) + var(--sections) + 20px)}.editor-card{overflow:hidden;border:1px solid #3b434a;border-radius:8px;background:#101316;box-shadow:0 18px 38px rgb(0 0 0/.3)}.editor-cover{aspect-ratio:2/3;background-color:#20252a;background-size:cover;background-position:center;border-bottom:1px solid #3b434a;transition:background-image .2s}.editor-card-body{padding:15px}.editor-card-body h2{margin:12px 0 5px;font-size:19px;line-height:1.25}.editor-card-body>p{margin:0;color:var(--muted);font-size:11px}.preview-genres{margin-top:10px;color:#aeb8be;font-size:10px;line-height:1.6}.preview-help{margin:12px 2px 0;color:var(--dim);font-size:10px}.editor-submit-bar{position:sticky;z-index:12;bottom:12px;margin-top:18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #485047;border-radius:9px;background:#181d1bf2;box-shadow:0 14px 35px #0008;backdrop-filter:blur(12px)}.editor-submit-bar b,.editor-submit-bar span{display:block}.editor-submit-bar span{margin-top:2px;color:var(--muted);font-size:10px}

.genre-picker{position:relative}.genre-trigger{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border:1px solid var(--line-light);border-radius:5px;background:#111418;color:var(--text);cursor:pointer}.genre-trigger:hover{border-color:#667078}.genre-trigger i{font-style:normal;color:#9daa68}.genre-popover{position:absolute;z-index:20;left:0;right:0;top:49px;padding:10px;border:1px solid #4a535b;border-radius:7px;background:#171b1f;box-shadow:0 18px 40px #000b}.genre-search{height:38px;margin-bottom:8px}.genre-list{max-height:245px;overflow:auto}.genre-list ul[id$="genres"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;padding:0;border:0;background:transparent}.genre-list li{list-style:none}.genre-list label{display:flex;align-items:center;gap:8px;margin:0;padding:8px;border-radius:4px;color:#c9cfd3;font-size:11px;cursor:pointer}.genre-list label:hover{background:#242a2f}.genre-list input{width:auto;margin:0;accent-color:#89945f}.genre-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.genre-chips span{padding:4px 7px;border:1px solid #485144;border-radius:3px;background:#202620;color:#cbd5ab;font-size:9px}.genre-empty{margin:8px;text-align:center;color:var(--dim);font-size:10px}

.editor-dialog{width:min(920px,calc(100% - 30px));max-height:90vh;padding:24px;border:1px solid #4b5359;border-radius:12px;background:#15191d;color:var(--text);box-shadow:0 30px 90px #000d}.editor-dialog::backdrop{background:#080a0ccc;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:13px;width:34px;height:34px;border:1px solid var(--line-light);border-radius:50%;background:#20252a;color:#bec6cb;font-size:22px;cursor:pointer}.dialog-copy h2{margin:5px 0;font-size:25px}.dialog-copy>p:last-child{color:var(--muted)}.confirm-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#101316}.confirm-cover{aspect-ratio:2/3;background:#252a30 center/cover}.confirm-card h3{margin:12px 0 4px;font-size:25px}.confirm-card p{color:#b6bdc1;line-height:1.65}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}

/* Moderation preview and profile */
.moderation-card{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:105px;padding:16px 18px}.moderation-summary{min-width:0}.moderation-comment{max-width:760px}.moderation-preview-link{align-self:center;white-space:nowrap}.moderation-preview-page{padding:35px 0}.preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.preview-heading h1{margin:5px 0;font-size:clamp(28px,4vw,45px)}.preview-heading p{color:var(--muted)}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.comparison-grid.single{grid-template-columns:minmax(0,820px);justify-content:center}.comparison-panel{padding:18px;border:1px solid var(--line);border-radius:10px}.comparison-panel.proposed{border-color:#596348}.comparison-label{margin-bottom:13px;color:#9ca5aa;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.comparison-panel.proposed .comparison-label{color:#b4c27a}.comparison-card{display:grid;grid-template-columns:155px minmax(0,1fr);gap:18px}.comparison-cover{aspect-ratio:2/3;background:#252a30 center/cover;border:1px solid #3f474e;border-radius:6px}.comparison-card h2{margin:10px 0 3px;font-size:21px}.comparison-card dl{display:grid;grid-template-columns:110px 1fr;gap:5px;margin:15px 0;font-size:10px}.comparison-card dt{color:var(--dim)}.comparison-card dd{margin:0;color:#c8cfd3}.comparison-card>div:last-child>p:last-child{max-height:145px;overflow:auto;color:#aeb6bb;font-size:11px;line-height:1.6}.moderator-note{margin:16px 0;padding:15px 18px;border-left:3px solid #77845a;background:#171c19}.moderator-note p{margin:5px 0 0;color:#bbc2c5}.review-decision{position:sticky;bottom:12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;margin-top:17px;padding:14px 16px;border:1px solid #50594d;border-radius:9px;background:#181d1bf2;box-shadow:0 16px 40px #000a;backdrop-filter:blur(10px)}.review-decision b,.review-decision span{display:block}.review-decision span{color:var(--muted);font-size:10px}

.profile-page{padding:50px 0}.profile-hero{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px;border:1px solid var(--line);border-radius:12px}.profile-avatar{width:100px;height:100px;display:grid;place-items:center;border:1px solid #758052;border-radius:50%;background:#252b27;color:#dce7b8;font:800 38px Unbounded}.profile-identity h1{margin:5px 0;font-size:36px}.profile-identity>p{margin:4px 0;color:var(--muted)}.profile-role{display:inline-flex;margin-top:9px;padding:5px 8px;border:1px solid #4c5545;border-radius:4px;color:#b9c68a;font-size:10px;font-weight:700}.profile-actions{display:grid;gap:7px;min-width:210px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.profile-stats>div{padding:20px;border:1px solid var(--line);border-radius:8px;background:#15191d;box-shadow:inset 0 1px #ffffff08}.profile-stats b,.profile-stats span{display:block}.profile-stats b{font:700 28px Unbounded;color:#d8dfbf}.profile-stats span{margin-top:5px;color:var(--muted);font-size:10px}

@media(max-width:980px){.editor-layout{grid-template-columns:1fr}.editor-preview{order:-1}.preview-sticky{position:static}.editor-card{display:grid;grid-template-columns:180px 1fr}.editor-cover{aspect-ratio:2/3;border:0;border-right:1px solid #3b434a}.comparison-grid{grid-template-columns:1fr}.profile-hero{grid-template-columns:90px 1fr}.profile-avatar{width:80px;height:80px}.profile-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body::before{background-size:120vw auto;background-position:right -45vw top 100px}.topbar .nav-admin-link{display:none}.editor-section{padding:16px}.editor-submit-bar,.review-decision{position:relative;bottom:auto;display:grid}.editor-submit-bar .button,.review-decision .button{width:100%}.confirm-card{grid-template-columns:100px 1fr}.dialog-actions{display:grid}.moderation-card{grid-template-columns:1fr;gap:12px}.moderation-preview-link{justify-self:stretch}.comparison-card{grid-template-columns:105px 1fr}.profile-hero{grid-template-columns:70px 1fr;padding:18px}.profile-avatar{width:64px;height:64px;font-size:24px}.profile-identity h1{font-size:24px}.profile-actions{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.brand-copy b{font-size:13px}.brand .brand-mark{width:32px;height:32px}.editor-card{grid-template-columns:120px 1fr}.confirm-card{grid-template-columns:1fr}.confirm-cover{width:140px}.comparison-card{grid-template-columns:1fr}.comparison-cover{width:150px}.preview-heading{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Type-specific media details */
.title-lockup{margin:.8rem 0 1rem}.title-lockup h1{margin:0}.original-title,.japanese-title,.preview-original{margin:.32rem 0 0;color:#9ca5aa;font-size:.88rem;letter-spacing:.02em}.japanese-title{color:#7f898f}.card-original{color:#c0c6c8!important;font-size:.74rem!important}.type-aware-section[hidden],[data-types][hidden]{display:none!important}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-section input[type=url]{padding-left:1rem}.screenshot-upload{margin-top:1rem;padding:1rem;border:1px dashed #485056;background:#ffffff05}.screenshot-upload small{display:block;margin-top:.5rem;color:#8e989d}.screenshot-file-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.screenshot-file-list span,.confirm-services span{padding:.35rem .55rem;border:1px solid #465047;color:#bac7a4;background:#202521;font-size:.74rem}.confirm-services{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0}.availability-block{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #333a3e}.availability-block .eyebrow{margin-bottom:.65rem}.service-links{display:flex;flex-wrap:wrap;gap:.55rem}.service-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-width:9rem;padding:.72rem .85rem;border:1px solid #41494d;background:#202529;color:#e4e8e9;text-decoration:none;box-shadow:inset 0 1px #ffffff09,0 5px 14px #0000002e;transition:transform .18s ease,border-color .18s ease,background .18s ease}.service-link:hover{transform:translateY(-2px);border-color:#7d8a65;background:#272d2a}.service-link span{color:#a9b788}.game-gallery{margin-top:2rem;padding:1.2rem;border:1px solid #343b3f;background:#191d20;box-shadow:inset 0 1px #ffffff09,0 18px 50px #00000038}.gallery-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:1rem}.gallery-heading h2,.gallery-heading p{margin:0}.gallery-heading span{color:#9eaa83;font-family:Unbounded,sans-serif}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.screenshot-card{padding:0;border:1px solid #3a4246;background:#101315;cursor:zoom-in;overflow:hidden;aspect-ratio:16/9}.screenshot-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.screenshot-card:hover img{transform:scale(1.035);filter:brightness(1.08)}.gallery-dialog{width:min(1120px,92vw);border:1px solid #4b555a;padding:.7rem;background:#111416;box-shadow:0 30px 100px #000000bf}.gallery-dialog::backdrop{background:#050708d6;backdrop-filter:blur(5px)}.gallery-dialog img{display:block;width:100%;max-height:82vh;object-fit:contain}.gallery-dialog .dialog-close{position:absolute;top:1rem;right:1rem;z-index:2}
@media(max-width:760px){.service-grid,.screenshot-grid{grid-template-columns:1fr}}
.form-required-note{display:inline-flex;align-items:center;gap:.45rem;margin:.5rem 0 1rem;padding:.55rem .75rem;border-left:2px solid #9daa68;background:#1b201c;color:#aeb6bb!important;font-size:.76rem!important}.form-required-note b,.field label.is-required::after{color:#bdcb83}.field label.is-required::after{content:" *";font-weight:900}.required-badge{display:inline-flex;margin-left:.45rem;padding:.2rem .4rem;border:1px solid #586247;background:#202620;color:#bdca8c;font:700 .56rem Onest;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.errorlist{margin:.45rem 0 0;padding:.55rem .7rem;list-style:none;border-left:2px solid #b95d66;background:#2a1d20;color:#f0a3aa;font-size:.72rem}.errorlist.nonfield{margin:0 0 1rem}
.editor-section.invalid-highlight,.field.invalid-highlight{border-color:#c76670!important;background:#21191c!important;box-shadow:0 0 0 3px #c7667026,inset 0 1px #ffffff0a;animation:error-pulse .55s ease 2}@keyframes error-pulse{50%{box-shadow:0 0 0 7px #c7667018,inset 0 1px #ffffff0a}}
.gallery-dialog{position:relative;overflow:visible}.gallery-dialog figure{margin:0;display:grid;place-items:center}.gallery-dialog figcaption{position:absolute;left:50%;bottom:1.2rem;transform:translateX(-50%);padding:.38rem .65rem;border:1px solid #4c555a;background:#101416d9;color:#d8dddf;font:700 .72rem Unbounded}.gallery-arrow{position:absolute;z-index:3;top:50%;width:52px;height:72px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid #50595f;background:#14191ddb;color:#eef1f2;font-size:42px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.gallery-arrow:hover{background:#293029;border-color:#8b9862;transform:translateY(-50%) scale(1.04)}.gallery-prev{left:1.2rem}.gallery-next{right:1.2rem}@media(max-width:760px){.gallery-arrow{width:42px;height:58px;font-size:34px}.gallery-prev{left:.55rem}.gallery-next{right:.55rem}}
.mobile-menu-toggle{display:none}.work-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}.work-facts>div{padding:10px 12px;border:1px solid #30373c;background:#171b1e}.work-facts dt{margin-bottom:3px;color:#78838a;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.work-facts dd{margin:0;color:#d2d8da;font-size:.8rem}.super-delete-form{display:inline-flex;margin-top:22px}.editor-delete-form{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #4a3034}.editor-delete-form span{color:#9d7a7e;font-size:.68rem}
@media(max-width:760px){
:root{--header:62px;--sections:96px}.container,.catalog-layout{width:min(100% - 24px,1320px)}.topbar{height:var(--header);padding:0 12px;gap:8px}.brand-copy b{font-size:13px}.brand .brand-mark{width:34px;height:34px}.mobile-menu-toggle{display:grid;place-items:center;width:40px;height:40px;margin-left:auto;border:1px solid #424a50;border-radius:6px;background:#1b2024;color:#e7ebed;font-size:22px;cursor:pointer}.topbar .top-actions{display:none;position:absolute;left:10px;right:10px;top:calc(100% + 7px);padding:10px;border:1px solid #444c52;border-radius:8px;background:#171b1ff7;box-shadow:0 18px 46px #000c;backdrop-filter:blur(14px)}.topbar.mobile-open .top-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.topbar .top-actions>a,.topbar .top-actions form{display:flex!important;min-width:0}.topbar .top-actions>a:not(.profile-link),.topbar .top-actions .link-btn{width:100%;min-height:42px;align-items:center;justify-content:center;padding:8px;border:1px solid #343c42;border-radius:5px;background:#20252a;color:#d8dde0!important;font-size:10px}.topbar .top-actions .nav-admin-link{display:flex!important}.topbar .profile-link{grid-column:1/-1;width:100%;justify-content:flex-start;border-radius:6px}.topbar .username{display:block;max-width:none}.topbar .top-actions form .link-btn{color:#e59aa1!important}.section-nav{height:var(--sections);display:grid;grid-template-rows:48px 48px;padding:0;gap:0}.section-links{width:100%;padding:0 6px}.section-links>a{min-width:82px;padding:0 10px;font-size:10px}.nav-search{width:calc(100% - 20px);margin:7px 10px}.nav-search input{font-size:16px}main{min-height:calc(100vh - var(--header) - var(--sections))}.catalog-layout{padding-top:18px;gap:12px}.catalog-main .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-head{align-items:flex-start}.section-head h1{font-size:25px}.section-head>span{font-size:10px}.filter-sidebar{border-radius:6px}.filter-content select,.filter-content input{min-height:44px;font-size:16px}.detail{padding-top:18px}.detail-grid{display:flex;flex-direction:column;gap:18px}.cover-column,.detail article,.note-panel{width:100%}.detail-cover{width:min(310px,100%);margin-inline:auto}.quick-track{width:min(310px,100%);margin-inline:auto}.detail article h1{font-size:clamp(28px,10vw,40px)}.work-facts{grid-template-columns:1fr}.description{font-size:14px}.service-link{width:100%;min-height:46px}.note-panel{position:relative;top:auto}.note-panel textarea{min-height:140px}.game-gallery{margin-top:18px;padding:10px}.screenshot-grid{grid-template-columns:1fr 1fr}.gallery-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0}.gallery-dialog figure,.gallery-dialog img{width:100%;height:100%;max-height:none}.gallery-dialog img{object-fit:contain}.gallery-dialog .dialog-close{top:max(10px,env(safe-area-inset-top));right:10px}.gallery-arrow{top:auto;bottom:max(16px,env(safe-area-inset-bottom));transform:none}.gallery-arrow:hover{transform:scale(1.04)}.proposal-page,.management-page,.profile-page{padding:22px 0}.proposal-intro h1,.management-head h1{font-size:28px}.editor-layout{display:flex;flex-direction:column}.editor-sections,.editor-preview{width:100%}.editor-preview{order:0}.editor-card{grid-template-columns:110px minmax(0,1fr)}.editor-cover{min-height:165px}.editor-section{padding:14px}.editor-section legend{font-size:11px}.form-grid,.service-grid{grid-template-columns:1fr}.genre-popover{position:fixed;z-index:50;left:12px;right:12px;top:auto;bottom:12px;max-height:70dvh}.genre-list{max-height:48dvh}.editor-submit-bar{position:sticky;bottom:8px;padding:10px}.editor-submit-bar>div{display:none}.editor-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:18px;overflow:auto}.confirm-card{grid-template-columns:90px minmax(0,1fr);gap:12px}.confirm-cover{width:90px}.dialog-actions{position:sticky;bottom:0;padding-top:10px;background:#15191d}.editor-delete-form{align-items:stretch;flex-direction:column}.editor-delete-form .button{width:100%}.profile-stats{grid-template-columns:1fr 1fr}.profile-hero{grid-template-columns:60px 1fr;gap:12px}.profile-actions{grid-column:1/-1}.management-head{display:block}.management-actions{display:grid;margin-top:14px}.manage-media-grid{grid-template-columns:1fr}.review-decision{grid-template-columns:1fr}.review-decision form,.review-decision .button{width:100%}footer{margin-top:35px;padding-bottom:max(22px,env(safe-area-inset-bottom))}}
.platform-picker{position:relative}.platform-trigger{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border:1px solid var(--line-light);border-radius:5px;background:#111418;color:var(--text);cursor:pointer}.platform-trigger:hover{border-color:#667078}.platform-trigger i{font-style:normal;color:#9daa68}.platform-popover{position:absolute;z-index:22;left:0;right:0;top:49px;padding:10px;border:1px solid #4a535b;border-radius:7px;background:#171b1f;box-shadow:0 18px 40px #000b}.platform-search{height:38px;margin-bottom:8px}.platform-list{max-height:300px;overflow:auto}.platform-list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;padding:0}.platform-list li{list-style:none}.platform-list label{display:flex;align-items:center;gap:8px;margin:0;padding:8px;border-radius:4px;color:#c9cfd3;font-size:11px;cursor:pointer}.platform-list label:hover{background:#242a2f}.platform-list input{width:auto;margin:0;accent-color:#89945f}.platform-chips,.platform-badges{display:flex;flex-wrap:wrap;gap:5px}.platform-chips{margin-top:8px}.platform-chips span,.platform-badges span{padding:4px 7px;border:1px solid #485144;border-radius:3px;background:#202620;color:#cbd5ab;font-size:9px}.platform-empty{margin:8px;text-align:center;color:var(--dim);font-size:10px}.fact-wide{grid-column:1/-1}
.pagination-extended{flex-wrap:wrap;gap:8px}.pagination-edges,.pagination-pages{display:flex;align-items:center;gap:5px}.pagination-extended a,.pagination-extended span{min-width:34px;text-align:center}.pagination-extended .current{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:800}.pagination-extended .disabled{opacity:.35}.pagination-extended .ellipsis{border-color:transparent}.page-jump{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.page-jump select{width:auto;min-width:105px;padding:7px 28px 7px 9px;font-size:11px}
.favorite-input{width:1px!important;height:1px!important;margin:0!important;padding:0!important}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.platform-popover{position:fixed;z-index:50;left:12px;right:12px;top:auto;bottom:12px;max-height:70dvh}.platform-list{max-height:48dvh}.platform-list ul{grid-template-columns:1fr}.pagination-extended{display:grid;grid-template-columns:1fr 1fr}.pagination-pages,.page-jump{grid-column:1/-1;justify-content:center}.pagination-edges:last-child{justify-content:flex-end}}
.confirm-specifics{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0}.confirm-specifics span{padding:.35rem .55rem;border:1px solid #465047;color:#bac7a4;background:#202521;font-size:.74rem}body::before,body::after{z-index:0}body>main,body>footer{position:relative;z-index:1}.genre-list #id_genres,.platform-list #id_platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0;padding:0;border:0;background:transparent}.genre-list #id_genres>div,.platform-list #id_platforms>div{min-width:0}
@media(max-width:760px){.genre-list #id_genres,.platform-list #id_platforms{grid-template-columns:1fr}}
@media(max-width:420px){.catalog-main .grid{grid-template-columns:1fr}.sg-card .cover{aspect-ratio:3/4}.card-footer{height:46px}.screenshot-grid{grid-template-columns:1fr}.work-facts{gap:6px}.topbar.mobile-open .top-actions{grid-template-columns:1fr}.confirm-card{grid-template-columns:1fr}.confirm-cover{width:140px}}
.clear-rating{width:34px;height:34px;display:grid;place-items:center;flex:none;padding:0;border:1px solid #4b555b;border-radius:50%;background:#22282c;color:#98a2a8;font:400 20px/1 Manrope;cursor:pointer;transition:.18s}.clear-rating:hover{border-color:#89945f;background:#2b322b;color:#dce9b5;transform:rotate(8deg)}.filter-check{display:flex!important;align-items:center;gap:8px;margin:10px 0 2px!important;color:#c6cdd1!important;font-size:11px!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}.filter-check input{width:17px;height:17px;min-height:0;margin:0;padding:0;accent-color:var(--accent)}
.choice-type-groups{display:grid;gap:12px}.choice-group{padding:9px;border:1px solid #30383d;border-radius:5px;background:#111519}.choice-group h4{margin:0 0 7px;color:#aeb98b;font-size:9px;letter-spacing:.8px;text-transform:uppercase}.choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.choice-options label{display:flex;align-items:center;gap:8px;min-width:0;padding:7px;border-radius:4px;color:#c9cfd3;font-size:11px;cursor:pointer}.choice-options label:hover{background:#242a2f}.choice-options input{width:auto;min-height:0;margin:0;padding:0;accent-color:#89945f}.genre-list,.platform-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.genre-list{max-height:360px;overflow:auto}.platform-list{max-height:380px}.genre-list .choice-group[hidden],.platform-list .choice-group[hidden],.choice-type-groups[hidden],.choice-options label[hidden]{display:none!important}
@media(max-width:760px){.messages{left:12px;right:12px;top:68px}.message{max-width:none}.choice-options{grid-template-columns:1fr}}

/* Predictable catalog rows: 12 items fill every non-final page. */
.catalog-main .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.catalog-main .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.catalog-main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.catalog-main .grid{grid-template-columns:1fr}}

/* Series hierarchy */
.series-group{margin-top:24px}.series-group>header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--line)}.series-group>header h2,.series-group>header h3{margin:0}.series-group>header h2{font-size:22px}.series-group>header h3{font-size:16px}.series-group>header>span{min-width:27px;height:27px;display:grid;place-items:center;border:1px solid #4e5844;border-radius:50%;color:#bdca90;font-size:9px;font-weight:800}.series-related{margin-top:38px;padding-top:24px;border-top:1px solid #3a4145}.series-related-head h2{margin:0;font-size:25px}.series-related-head>p:last-child{max-width:720px;margin:7px 0;color:var(--muted);font-size:11px}.related-group{margin-top:20px}.related-entry{border-left:3px solid #56604c}.series-role-mark{width:42px;color:#89956c;font:700 12px Unbounded}.related-entry>div:nth-of-type(2)>span{color:#aeba84;text-transform:uppercase;letter-spacing:.5px}.series-group.type-remake .related-entry,.series-group.type-remaster .related-entry{border-left-color:#6f6a92}.series-group.type-spin_off .related-entry,.series-group.type-side_story .related-entry{border-left-color:#52768a}.series-group.type-reboot .related-entry{border-left-color:#8c5c61}.series-group.type-prequel .related-entry{border-left-color:#8b764d}
@media(max-width:760px){.series-group>header{align-items:flex-start}.series-related-head h2{font-size:21px}.series-role-mark{width:33px;font-size:10px}}

/* DLC and connected series */
.series-links-block,.dlc-section{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.series-links{display:grid;gap:7px}.series-links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-left:3px solid #68734d;border-radius:5px;background:var(--surface);transition:.18s}.series-links a:hover{border-color:#667052;background:var(--surface-2);transform:translateX(3px)}.series-links span,.series-links i{color:var(--muted);font-size:9px;font-style:normal}.series-links b{font-size:12px}.series-links i{color:#bbc889}
.dlc-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.dlc-section h2{margin:0;font-size:22px}.dlc-list{display:grid;gap:8px}.dlc-card{position:relative;border:1px solid var(--line);border-radius:6px;background:#15191c;transition:border-color .18s,background .18s}.dlc-card.completed{border-color:#536548;background:#18201a}.dlc-card summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:68px;padding:7px 11px 7px 7px;list-style:none;cursor:pointer}.dlc-card summary::-webkit-details-marker{display:none}.dlc-card summary img,.dlc-cover-placeholder{width:48px;height:64px;display:grid;place-items:center;object-fit:cover;border:1px solid #3b4449;border-radius:3px;background:#242a2e;color:#758087;font:800 9px Unbounded}.dlc-card summary>div{display:grid;min-width:0}.dlc-card summary small{color:#9ca879;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.dlc-card summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.dlc-card summary span{color:var(--muted);font-size:9px}.dlc-state,.dlc-card summary>i{padding:5px 7px;border:1px solid #465058;border-radius:4px;color:#aeb7bc;font-size:8px;font-style:normal;white-space:nowrap}.dlc-card.completed .dlc-state{border-color:#607351;color:#c5d59d}.dlc-popover{display:none;position:absolute;z-index:12;left:55px;right:10px;top:calc(100% + 7px);padding:16px;border:1px solid #4b555b;border-radius:7px;background:#111518f5;box-shadow:0 18px 55px #000d;backdrop-filter:blur(12px)}.dlc-card[open]{z-index:15}.dlc-card[open] .dlc-popover,.dlc-card:hover .dlc-popover{display:block;animation:panel-in .18s both}.dlc-popover h3{margin:10px 0 2px;font-size:17px}.dlc-popover p{margin:6px 0;color:#b6bec3;font-size:11px}.dlc-popover .button{margin-top:8px}.moderation-actions{align-self:center;display:flex;gap:7px}.moderation-actions form{margin:0}
.compact-editor-page{max-width:980px;padding:38px 0}.compact-form{padding:22px;border:1px solid var(--line);border-top:3px solid #788456;border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}
.series-page{padding:38px 0}.series-hero{position:relative;padding:28px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;background:#161a1d;overflow:hidden}.series-hero::after{content:"";position:absolute;right:-35px;top:-75px;width:220px;height:220px;border:1px solid #ffffff0b;transform:rotate(35deg)}.series-hero h1{margin:3px 0;font-size:clamp(30px,5vw,54px);letter-spacing:-1.6px}.series-hero>p:not(.eyebrow){max-width:760px;color:var(--muted)}.series-hero>span{color:#afbb7f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.series-timeline{display:grid;gap:8px;margin-top:18px}.series-entry{display:grid;grid-template-columns:50px 48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);transition:.2s}.series-entry:hover{border-color:#59644a;background:var(--surface-2);transform:translateX(4px)}.series-position{color:#b7c582;font:700 19px Unbounded}.series-entry .mini-cover{width:48px;height:64px}.series-entry span,.series-entry p,.series-entry i{color:var(--muted);font-size:9px;font-style:normal}.series-entry h2,.series-entry p{margin:0}.series-entry h2{font-size:15px}.series-entry i{color:#c4cf9c}
@media(max-width:760px){.dlc-section>header{align-items:flex-start;flex-direction:column}.dlc-card summary{grid-template-columns:44px minmax(0,1fr)}.dlc-card summary img,.dlc-cover-placeholder{width:44px;height:59px}.dlc-state,.dlc-card summary>i{grid-column:2;justify-self:start}.dlc-popover{position:static;margin:0 8px 8px}.dlc-card:hover:not([open]) .dlc-popover{display:none}.series-links a{grid-template-columns:1fr}.series-links i{justify-self:start}.moderation-actions{width:100%}.moderation-actions form,.moderation-actions button{width:100%}.compact-editor-page{padding:22px 0}.compact-form{padding:14px}.series-entry{grid-template-columns:38px 42px minmax(0,1fr);gap:9px;padding:8px}.series-entry .mini-cover{width:42px;height:56px}.series-entry>i{display:none}.series-position{font-size:14px}}

/* Header refresh: version lives near the logo, admin actions live behind the username. */
.brand-zone{display:flex;align-items:center;gap:12px;min-width:0}.brand-updates{position:relative;display:inline-flex;align-items:center;height:26px;padding:0 8px;border:1px solid #323a40;border-radius:999px;background:#171b1f;color:#7f8a91;font-size:9px;font-weight:800;letter-spacing:.04em;cursor:default;transition:border-color .18s,color .18s,background .18s,box-shadow .18s}.brand-updates.updates-unread{border-color:#d4ed45;background:#d4ed45;color:#15190d;box-shadow:0 0 0 3px #d4ed4520,0 0 18px #d4ed4533}.brand-updates:hover,.brand-updates:focus-visible{border-color:#596348;color:#bdca87;background:#1b211d;outline:0}.brand-updates.updates-unread:hover,.brand-updates.updates-unread:focus-visible{border-color:#d4ed45;color:#15190d;background:#d4ed45}.brand-updates-panel{position:absolute;left:0;top:calc(100% + 10px);width:min(330px,86vw);padding:14px 15px;border:1px solid #424b51;border-radius:8px;background:#14181cf7;box-shadow:0 18px 45px #000b;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .16s,transform .16s,visibility .16s;pointer-events:none}.brand-updates:hover .brand-updates-panel,.brand-updates:focus-within .brand-updates-panel,.brand-updates:focus-visible .brand-updates-panel{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.brand-updates-panel b{display:block;font-size:12px;color:#eef2f4}.brand-updates-panel small{display:block;margin:3px 0 9px;color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.brand-updates-panel ul{margin:0;padding-left:17px;color:#c7ced4;font-size:11px;line-height:1.55}.brand-updates-panel li+li{margin-top:5px}.user-menu{position:relative;display:flex}.user-menu .profile-menu{display:block;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .16s,transform .16s,visibility .16s;pointer-events:none}.user-menu:hover .profile-menu,.user-menu:focus-within .profile-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.profile-menu-wrap,.profile-menu-trigger,.nav-updates{display:none!important}

@media(max-width:760px){
  :root{--sections:136px}
  .brand-zone{gap:7px}.brand-updates{height:24px;padding:0 7px;font-size:8px}.brand-updates-panel{left:auto;right:0}
  .topbar.mobile-open .top-actions{grid-template-columns:1fr 1fr}
  .topbar .top-actions .user-menu{grid-column:1/-1;display:block;width:100%}
  .topbar .profile-link{width:100%}
  .topbar .user-menu .profile-menu{position:static;margin-top:7px;width:100%;min-width:0;opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .topbar .user-menu:not(:focus-within):not(:hover) .profile-menu{display:none}
  .section-nav{height:var(--sections);display:grid;grid-template-rows:auto 46px;padding:7px 10px 8px;gap:7px}
  .section-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;overflow:visible}
  .section-links>a{min-width:0;min-height:37px;padding:0 6px;border:1px solid #30383e;border-radius:6px;background:#171b1f;font-size:9px;line-height:1.1}
  .section-links>a.active{border-color:#cfe849;background:#21291f;color:#eef4d4}
  .nav-search{width:100%;margin:0}
  .catalog-main .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}
  .sg-card .cover{aspect-ratio:2/3!important}.cover-title{left:7px;right:7px;bottom:7px}.cover-title h3{font-size:10px;line-height:1.15}.cover-title p,.card-footer{display:none}.type{left:5px;top:5px;padding:3px 5px;font-size:7px}.score{right:5px;top:5px;width:26px;height:26px;font-size:9px;border-width:1px}.user-status{left:5px;top:28px;padding:3px 5px;font-size:7px}
  .library-section .entry-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}
  .library-section .entry{display:grid;grid-template-columns:1fr;gap:5px;padding:5px;align-items:start}
  .library-section .entry:hover{transform:translateY(-2px)}
  .library-section .mini-cover{width:100%;height:auto;aspect-ratio:2/3}
  .library-section .entry h3{font-size:9px;line-height:1.15}.library-section .entry p,.library-section .entry .rating,.library-section .arrow{display:none}
}

@media(max-width:420px){
  .catalog-main .grid,.library-section .entry-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .catalog-layout{width:calc(100% - 14px)}
}

/* Keep the admin dropdown open while the cursor moves from the username to the menu. */
.user-menu{padding-bottom:12px;margin-bottom:-12px}.user-menu .profile-menu{top:100%;padding-top:12px}.user-menu .profile-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
@media(max-width:760px){.user-menu{padding-bottom:0;margin-bottom:0}.user-menu .profile-menu{padding-top:8px}.user-menu .profile-menu::before{display:none}}

/* Release beacon */
.deploy-beacon{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:14px 16px;border:1px solid #3b444a;border-left:4px solid #65717a;border-radius:8px;background:#15191d}.deploy-beacon b{display:block;font-size:14px}.deploy-beacon small{display:block;margin-top:3px;color:#9aa4aa;font-size:10px}.deploy-beacon em{display:block;margin-top:5px;color:#c4ccd0;font-style:normal}.deploy-beacon-actions{display:flex;align-items:center;gap:8px;flex:none}.deploy-beacon-actions>span{padding:6px 9px;border:1px solid #3d464d;border-radius:5px;color:#8e989e;font-size:10px;font-weight:800;text-transform:uppercase}.deploy-running{border-left-color:var(--orange);box-shadow:0 0 0 3px #dba34d12}.deploy-running b{color:#f0bd68}.deploy-success{border-left-color:var(--green);box-shadow:0 0 0 3px #62bd8312}.deploy-success b{color:#8fd5a7}.deploy-failed{border-left-color:var(--red);box-shadow:0 0 0 3px #e76e7812}.deploy-failed b{color:#f09098}.deploy-failed em{color:#f0a0a7}
@media(max-width:760px){.deploy-beacon{align-items:stretch;flex-direction:column}.deploy-beacon-actions{justify-content:space-between}.deploy-beacon-actions .button{width:auto}}