.catalog-app{color:#f4eee2;background:#090e13;min-height:100svh;font-family:Arial,Helvetica,sans-serif}.catalog-app *{box-sizing:border-box}.catalog-nav{z-index:3;background:#0c131af5;border-bottom:1px solid #ac874039;align-items:center;gap:30px;min-height:78px;padding:15px max(24px,5vw);display:flex;position:relative}.catalog-brand{letter-spacing:.09em;color:#f5dda9;font:700 29px Georgia,serif;text-decoration:none}.catalog-nav nav{flex:1;align-items:center;gap:25px;display:flex}.catalog-nav nav a{color:#c5cbd0;padding:9px 0;font-size:13px;text-decoration:none}.catalog-nav nav a:hover,.catalog-nav nav a[aria-current=page]{color:#ffe0a1}.catalog-nav .admin-link{color:#f4dfb6;border:1px solid #716044;border-radius:4px;padding:10px 14px;font-size:12px;text-decoration:none}.admin-link span{padding-left:10px}.catalog-hero{background:linear-gradient(#0000 30%,#090e1399 75%,#090e13 100%),url(/images/mods-workshop.png) 50%/cover;align-items:flex-end;height:clamp(310px,36vw,560px);display:flex;position:relative}.hero-copy{max-width:850px;padding:35px max(24px,6vw) 38px}.catalog-kicker{letter-spacing:.22em;color:#e4c17e;font-size:10px;font-weight:700}.hero-copy h1{letter-spacing:.05em;color:#fff0d5;text-shadow:0 2px 6px #000;margin:14px 0;font:700 clamp(44px,6vw,86px) Georgia,serif}.hero-copy p{color:#e0e5e8;text-shadow:0 2px 5px #000;max-width:530px;margin:0;font-size:15px;line-height:1.7}.shop-catalog .catalog-hero{background:radial-gradient(at 75% 0,#49362470,#0000 70%),linear-gradient(135deg,#111c27,#0c1119);height:320px}.shop-catalog .hero-copy h1{text-shadow:0 2px 2px #000,0 0 35px #c5924b55;font-size:clamp(40px,5.5vw,76px)}.catalog-content{max-width:1360px;min-height:350px;margin:auto;padding:35px 30px 85px}.section-bar{justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px;display:flex}.section-bar h2{margin:10px 0;font:400 30px Georgia,serif}.catalog-search input{color:#fff;background:#141e27;border:1px solid #596069;border-radius:4px;width:280px;max-width:100%;padding:13px 17px;font-size:14px}.empty-panel{text-align:center;color:#bdc5ca;background:linear-gradient(130deg,#121b23,#0d141b);border:1px solid #4c4d4590;border-radius:8px;padding:50px 25px}.empty-panel h3{color:#f4e8d2;margin:12px 0;font:400 25px Georgia,serif}.empty-panel p{font-size:14px;line-height:1.7}.empty-symbol{color:#ba985c;font-size:42px}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.item-card{background:#131d25;border:1px solid #47505a88;border-radius:8px;overflow:hidden}.item-image{aspect-ratio:4/3;object-fit:contain;background:#10161d;width:100%;display:block}.mod-placeholder{aspect-ratio:2;letter-spacing:.13em;color:#dac396;background:linear-gradient(130deg,#213b45,#121a25);flex-direction:column;justify-content:center;align-items:center;gap:14px;font:700 30px Georgia,serif;display:flex}.mod-placeholder span{letter-spacing:.25em;color:#c1ced2;font:10px Arial,sans-serif}.item-copy{padding:24px}.item-meta{letter-spacing:.12em;color:#dbbf88;justify-content:space-between;gap:15px;font-size:10px;display:flex}.item-copy h3{overflow-wrap:anywhere;margin:14px 0;font:400 25px Georgia,serif}.item-description{color:#c4cdd4;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75}.item-copy time{color:#a9b4bd;margin-top:18px;font-size:10px;display:block}.cms-button{color:#17150f;cursor:pointer;background:#e4c17e;border:1px solid #e4c17e;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 20px;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.cms-button:hover{background:#f5d9a0}.cms-button.secondary{color:#eee5d2;background:#1b2731;border-color:#697883}.cms-button.secondary:hover{background:#2b3b48}.cms-button.download{justify-content:space-between;margin-top:25px;display:flex}.download span{font-size:10px}.catalog-footer{letter-spacing:.12em;color:#bcaa85;border-top:1px solid #ffffff14;justify-content:space-between;gap:20px;padding:25px max(24px,5vw);font-size:10px;display:flex}.catalog-footer a{color:#c8d1d8;text-decoration:none}.admin-main{max-width:1300px;min-height:calc(100svh - 150px);margin:auto;padding:50px 30px 80px}.admin-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.admin-heading h1{margin:12px 0;font:400 clamp(29px,4vw,45px) Georgia,serif}.login-panel{background:#131d25;border:1px solid #6d6652;border-radius:8px;max-width:490px;margin:45px auto;padding:32px}.login-panel h2,.editor-panel h2,.manage-panel h2{margin:0 0 20px;font:400 25px Georgia,serif}.login-panel p{color:#c6ced3;margin-bottom:25px;font-size:14px;line-height:1.7}.admin-app form{flex-direction:column;gap:20px;display:flex}.admin-app label{color:#e8d9bc;flex-direction:column;gap:9px;font-size:12px;display:flex}.admin-app input:not([type=radio]),.admin-app textarea{color:#fff;background:#0c141c;border:1px solid #687480;border-radius:4px;width:100%;padding:12px;font:14px Arial,sans-serif}.admin-app textarea{resize:vertical}.admin-app input[type=file]{background:#17232d;padding:14px;font-size:12px}.admin-app input::file-selector-button{color:#fff;cursor:pointer;background:#3b4c59;border:0;border-radius:3px;margin-right:12px;padding:8px 10px}.admin-app small{color:#b8c4cc;font-size:11px;line-height:1.6;display:block}.admin-tabs{align-items:center;gap:10px;margin-bottom:25px;display:flex}.admin-tabs button{color:#d5dde1;cursor:pointer;background:#141e27;border:1px solid #58636d;border-radius:4px;padding:12px 24px}.admin-tabs button.selected{color:#ffe3b1;background:#332b20;border-color:#d6b471}.admin-tabs a{color:#dcc28e;margin-left:auto;font-size:12px}.admin-columns{grid-template-columns:1fr 1fr;gap:30px;display:grid}.editor-panel,.manage-panel{background:#111b24;border:1px solid #404d58;border-radius:8px;align-self:start;padding:28px}.upload-modes{gap:20px;margin-bottom:15px;display:flex}.upload-modes label{flex-direction:row;align-items:center}.admin-app fieldset{border:1px solid #52616d;border-radius:4px;min-width:0;padding:18px}.admin-app legend{color:#e5d7b9;padding:0 8px;font-size:12px}.admin-app fieldset small{margin-top:10px}.form-actions{flex-wrap:wrap;gap:10px;display:flex}.editor-preview{object-fit:contain;background:#080e14;border-radius:5px;width:100%;max-height:180px}.manage-item{border-bottom:1px solid #ffffff15;gap:15px;padding:20px 0;display:flex}.manage-item>img{object-fit:cover;border-radius:4px;width:70px;height:70px}.manage-item h3{overflow-wrap:anywhere;margin:0 0 7px;font-size:15px}.manage-actions{gap:10px;margin-top:12px;display:flex}.manage-actions button{color:#edf5fa;cursor:pointer;background:#273b48;border:1px solid #607583;border-radius:3px;padding:8px 14px}.manage-actions .danger{color:#ffdce2;background:#382126;border-color:#a66570}.muted{color:#b0bec8;font-size:14px;line-height:1.8}.cms-message{z-index:5;border:1px solid;border-radius:5px;margin-top:25px;padding:15px 20px;font-size:14px;line-height:1.6;position:sticky;bottom:20px;box-shadow:0 4px 20px #0009}.cms-message.error{color:#ffe6eb;background:#3a1f28;border-color:#cc8b9f}.cms-message.success{color:#dbfff1;background:#17372d;border-color:#78b7a0}.catalog-app button:disabled{opacity:.55;cursor:wait}:is(.catalog-app a:focus-visible,.catalog-app input:focus-visible,.catalog-app button:focus-visible,.catalog-app textarea:focus-visible){outline-offset:3px;outline:3px solid #ffe1a2}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.catalog-nav{flex-wrap:wrap;gap:18px;padding:18px 24px}.catalog-nav nav{flex-basis:100%;order:3;gap:25px}.catalog-nav .admin-link{margin-left:auto}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-columns{grid-template-columns:1fr}}@media (max-width:560px){.catalog-nav nav{gap:20px}.catalog-nav nav a{font-size:12px}.catalog-content,.admin-main{padding:30px 18px 55px}.catalog-hero{background-position:55%;height:380px}.hero-copy{padding:25px 22px}.section-bar{flex-direction:column;align-items:stretch;gap:10px}.catalog-search input{width:100%}.item-grid{grid-template-columns:1fr}.admin-heading{align-items:flex-start}.login-panel,.editor-panel,.manage-panel{padding:22px}.admin-tabs button{padding:12px 16px}.catalog-footer{flex-wrap:wrap}.shop-catalog .catalog-hero{height:280px}}