/* POP-UTKA / minimal v4. Everything below is presentation only; no database changes. */
:root{--bg:#0b110e;--panel:#131d16;--panel2:#18241b;--line:#27352b;--ink:#f0f1e9;--muted:#96a69a;--lime:#dfed9b}
html{scroll-padding-top:78px}
body{background:var(--bg)}body:before{display:none}
.site-shell{background:none}
.masthead{position:sticky;top:0;background:#0d1710f5;backdrop-filter:blur(20px);border-bottom:1px solid #26362a;z-index:45}
.header-inner{min-height:62px;gap:7px;padding:0 18px!important}
.brand{gap:10px;min-width:0}.brandmark{width:35px;height:35px;min-width:35px;border-radius:11px;box-shadow:none;transform:none}.brandmark svg{width:29px;height:29px;transform:none}
.brandtext b{font-size:17px;font-weight:760;letter-spacing:-.047em}.brandtext small{display:none}
.desktop-nav,.telegram-link{display:none!important}
.header-actions{gap:5px;flex-shrink:0}
.minimal-icon-button,.round-add,.minimal-menu>summary{border:0;background:transparent;color:#d4decf;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;padding:0;box-shadow:none;cursor:pointer;list-style:none}
.minimal-icon-button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}
.round-add{font-size:25px;font-weight:350;display:none}
.is-admin .round-add{display:grid}
.minimal-menu{position:relative}.minimal-menu>summary{font-size:24px;line-height:1;letter-spacing:1px;display:grid}.minimal-menu>summary::-webkit-details-marker{display:none}.minimal-menu[open]>summary{color:var(--lime)}
.minimal-menu-panel{position:absolute;right:0;top:42px;width:205px;z-index:70;padding:6px;background:#1b271e;border:1px solid #3e5040;border-radius:13px;box-shadow:0 15px 40px #000a;display:flex;flex-direction:column;gap:2px}
.minimal-menu-panel button,.minimal-menu-panel a{display:block;text-align:left;border:0;background:transparent;font-size:13px;padding:12px;color:#e8eae1;border-radius:8px;width:100%}
.minimal-menu-panel button:active,.minimal-menu-panel a:active{background:#293a2d}
.minimal-menu-panel .owner-only{display:none}.is-admin .minimal-menu-panel .owner-only{display:block}
.upper-eyebrow,.hero,.dashboard,.ending-note,.section-kicker,.section-heading p,.sectionLead,.list-meta,.view-mode,.new-record,.footer{display:none!important}
body .tg-banner{display:none}body:not(.cloud-ready) .tg-banner{display:block}
.cloud-ready .tg-banner{display:none!important}
.container{padding:0 18px!important;max-width:1120px}
.library{padding-top:19px;margin:0}
.section-heading{margin:0 0 14px;align-items:center}
.section-heading h2{font-family:var(--font);font-style:normal;font-size:25px;font-weight:660;line-height:1.1;letter-spacing:-.045em;margin:0;color:#ecefe7}
.library-toolbar{display:none;flex-direction:column;align-items:stretch;gap:10px;background:transparent;border:0;padding:0 0 12px;margin:0}
body.minimal-search-open .library-toolbar{display:flex}
.search-field{min-height:45px;height:45px;border-radius:10px;background:#16231a;border:1px solid #344438;padding:0 12px;flex:unset;width:100%}
.search-field input{font-size:15px}.search-field>span{font-size:21px}
.filter-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;max-width:100%;scrollbar-width:none;flex-basis:auto;padding:0 0 4px}.filter-chips::-webkit-scrollbar{display:none}
.chip{border:1px solid #2b382e;border-radius:20px;background:transparent;padding:8px 12px;font-size:12px;color:#b5c1b3;flex-shrink:0;font-weight:450}
.chip.selected{background:#dce991;border-color:#dce991;color:#1c281d}
.sort-label{display:flex;align-items:center;flex-direction:row;gap:12px;min-width:0;max-width:none;border:0;margin-top:1px;padding:0;font-size:9px;letter-spacing:0;color:#748b78}
.sort-label select{font-size:12px}
#cardGrid.physical-shelves{gap:15px;margin:0 0 36px}
#cardGrid.physical-shelves .physical-shelf{background:none;border:0;box-shadow:none;border-radius:0;padding:4px 0 8px}
#cardGrid.physical-shelves .physical-shelf-items{padding:9px 0 12px;gap:11px;scrollbar-width:none;scroll-padding-left:3px}
#cardGrid.physical-shelves .physical-shelf-items::-webkit-scrollbar{display:none}
#cardGrid.physical-shelves .physical-shelf-rail{height:9px;border-radius:2px;background:linear-gradient(#aa875c 0 1px,#835e3d 1px 3px,#493225 3px 8px,#181712 8px 9px);box-shadow:0 5px 7px #0009}
#cardGrid.physical-shelves .physical-shelf-rail:after{display:none}
/* Maintain true plastic/cellophane object treatments.  No labels, editor overlays, or heavy outer boxes. */
#cardGrid.physical-shelves .shelf-card{border:0!important;background:none!important;box-shadow:none!important}
#cardGrid.physical-shelves .shelf-card .media-content,#cardGrid.physical-shelves .cover-upload,#cardGrid.physical-shelves .cover-top,#cardGrid.physical-shelves .shelf-label,#cardGrid.physical-shelves .vhs-sp{display:none!important}
#cardGrid.physical-shelves .physical-case{transition:transform .15s ease,filter .15s ease}
#cardGrid.physical-shelves .physical-case:active{transform:translateY(-3px)}
#cardGrid.film-shelves .shelf-card{width:clamp(113px,32vw,154px)}
#cardGrid.comics-on-shelves .shelf-card{width:clamp(101px,28.5vw,137px)}
#cardGrid.film-shelves .physical-case{box-shadow:3px 6px 10px #0008}
#cardGrid.comics-on-shelves .physical-case{box-shadow:2px 5px 8px #0007}
#cardGrid.poster-first:not(.physical-shelves){grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 9px;margin:0 0 24px}
#cardGrid.poster-first:not(.physical-shelves) .shelf-card{min-width:0}
#cardGrid.poster-first:not(.physical-shelves) .cover{aspect-ratio:.68}
.stats-panel{padding-top:24px}.stats-head .section-kicker{display:none!important}.stats-head h2{font-family:var(--font);font-size:25px;font-weight:650}
.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:43;min-height:61px;padding:8px 15px calc(8px + env(safe-area-inset-bottom));background:#101a13f7;border-top:1px solid #27382c;box-shadow:none;justify-content:space-around;backdrop-filter:blur(20px)}
.mobile-tabs button{flex:1;max-width:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:0;background:none;color:#839688;font-size:11px;letter-spacing:0;font-weight:500;padding:0 5px}
.mobile-tabs button>span{font-size:22px;line-height:1.05;font-weight:300}
.mobile-tabs button.active{color:#e2f09c}
.mobile-tabs button.active>span{color:#e2f09c}
#main{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
/* Minimal detail sheet -- content first, controls on request. */
.entry-dialog{background:#111a14;border:1px solid #283c2d}
.detail-headlines h2{font-family:var(--font);font-size:25px;font-weight:700;letter-spacing:-.04em}
.detail-eyebrow{font-size:10px;letter-spacing:.08em;color:#a8b8a5}.detail-note{font-size:14px;line-height:1.7}
/* Editing and saving functionality remain available inside the details drawer. */
@media(max-width:560px){
 .header-inner{min-height:62px;padding:0 18px!important}
 .brandtext b{font-size:17px}
 .brandmark{width:35px;height:35px}
 .brandmark svg{width:29px}
 .section-heading{margin-bottom:14px}
 .section-heading h2{font-size:25px;margin:0}
 .library{padding-top:19px}
 #cardGrid.physical-shelves .physical-shelf{padding:4px 0 7px}
 #cardGrid.physical-shelves .physical-shelf-items{padding:8px 0 11px;gap:10px}
 #cardGrid.film-shelves .shelf-card{width:clamp(110px,31.6vw,145px)}
 #cardGrid.comics-on-shelves .shelf-card{width:clamp(98px,28.6vw,130px)}
 .mobile-tabs{min-height:60px}.mobile-tabs button{font-size:11px}.mobile-tabs button>span{font-size:22px}
 .tg-banner{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.physical-case{transition:none!important}}

body[data-section="films"] .section-heading h2, body[data-section="comics"] .section-heading h2,body[data-section="home"] .section-heading h2,body[data-section="watchlist"] .section-heading h2{font-family:var(--font);font-size:25px;font-weight:660;letter-spacing:-.045em;margin:0}

/* Original POP-UTKA channel logo; no placeholder duck drawing. */
.brandmark{background:#fff!important;border:0!important;box-shadow:none!important;overflow:hidden!important;border-radius:11px!important;width:40px!important;height:40px!important;min-width:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.brandmark img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;box-shadow:none!important;background:#fff!important}
@media(max-width:560px){.brandmark{width:40px!important;height:40px!important;min-width:40px!important}}

/* Four quietly separated library destinations. Film and series share the VHS presentation. */
.mobile-tabs button{min-width:0;flex:1;max-width:110px;padding:0 1px;white-space:nowrap}
@media(max-width:380px){.mobile-tabs{padding-left:8px;padding-right:8px}.mobile-tabs button{font-size:10px}.mobile-tabs button>span{font-size:21px}}
body[data-section="series"] .section-heading h2{font-family:var(--font);font-size:25px;font-weight:660;letter-spacing:-.045em;margin:0}