/* POP-UTKA v12 / miniature departments built with layered textures; covers remain foreground. */
.genre-navigation[hidden],.genre-drop[hidden],.genre-options button[hidden]{display:none!important}
.genre-navigation{position:relative;margin:1px 0 11px;z-index:6}
.genre-select-row{display:flex;gap:10px;align-items:center;justify-content:space-between}
.genre-selector{display:flex;align-items:center;gap:10px;min-height:41px;padding:8px 14px;border:1px solid #425247;border-radius:9px;background:#1a291f;color:#e4e8da;cursor:pointer;text-align:left;max-width:70%;font:inherit;box-shadow:0 2px 8px #0003}
.genre-selector strong{font-size:13px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.genre-selector>span:last-child{font-size:20px;line-height:1;margin-left:7px;color:#c1d4b2}
.genre-bulk-launch{background:transparent;border:0;color:#b9cba9;font:inherit;font-size:11px;cursor:pointer;padding:10px 0;text-align:right}
body:not(.is-admin) .genre-bulk-launch{display:none}
.genre-drop{position:absolute;z-index:40;top:47px;left:0;right:0;border:1px solid #465747;border-radius:13px;box-shadow:0 17px 40px #000b;background:#1a261c;padding:10px}
.genre-drop-find{display:flex;align-items:center;gap:8px;border:1px solid #465747;border-radius:8px;background:#121c15;padding:0 9px;color:#aebbaa}
.genre-drop-find input{height:41px;min-width:0;flex:1;background:none;border:0;color:#ecf0e7;font:inherit;font-size:14px;outline:0}
.genre-options{margin-top:7px;max-height:42vh;max-height:42dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin}
.genre-options button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;font:inherit;font-size:13px;text-align:left;color:#e6ede1;background:transparent;border:0;border-radius:6px;cursor:pointer}
.genre-options button:active{background:#354737}
body[data-genre="horror"]{--genre-back:#291b1d;--genre-rail:#8d5349;--genre-light:#95383c}
body[data-genre="scifi"]{--genre-back:#172d35;--genre-rail:#597c89;--genre-light:#3a9ab4}
body[data-genre="fantasy"]{--genre-back:#29271b;--genre-rail:#8b7751;--genre-light:#9c8b53}
body[data-genre="action"]{--genre-back:#2a2c29;--genre-rail:#a19064;--genre-light:#b68e42}
body[data-genre="thriller"]{--genre-back:#1d2530;--genre-rail:#65717c;--genre-light:#63727e}
body[data-genre="detective"]{--genre-back:#302a20;--genre-rail:#998364;--genre-light:#b7995b}
body[data-genre="crime"]{--genre-back:#281d26;--genre-rail:#925c64;--genre-light:#cc526c}
body[data-genre="comedy"]{--genre-back:#393021;--genre-rail:#bf945a;--genre-light:#dcb668}
body[data-genre="drama"]{--genre-back:#2e2629;--genre-rail:#9a745e;--genre-light:#ae8e72}
body[data-genre="romance"]{--genre-back:#382429;--genre-rail:#b38b87;--genre-light:#d0a39e}
body[data-genre="adventure"]{--genre-back:#283029;--genre-rail:#aa8960;--genre-light:#afa470}
body[data-genre="western"]{--genre-back:#3d2d1d;--genre-rail:#b18b54;--genre-light:#ca9e53}
body[data-genre="animation"]{--genre-back:#293842;--genre-rail:#ac8b9d;--genre-light:#ab97c1}
body[data-genre="documentary"]{--genre-back:#292c26;--genre-rail:#8f977e;--genre-light:#a5a37b}
body[data-genre="historical"]{--genre-back:#322a22;--genre-rail:#a79670;--genre-light:#b2a277}
body[data-genre="war"]{--genre-back:#292e25;--genre-rail:#8e9370;--genre-light:#898e5e}
body[data-genre="family"]{--genre-back:#343327;--genre-rail:#c5ad80;--genre-light:#c8b68c}
body[data-genre="musical"]{--genre-back:#30212c;--genre-rail:#c19391;--genre-light:#e4b87d}
body[data-genre="biography"]{--genre-back:#292a2b;--genre-rail:#aea18a;--genre-light:#c1af8c}
body[data-genre]:not([data-genre="all"]) #cardGrid.film-shelves .physical-shelf{
 position:relative;isolation:isolate;border:1px solid #ffffff10;border-radius:4px 4px 0 0;
 background:radial-gradient(ellipse at 72% 7%,color-mix(in srgb,var(--genre-light) 26%,transparent),transparent 64%),repeating-linear-gradient(98deg,transparent 0 24px,#00000017 25px 28px,transparent 29px 90px),linear-gradient(180deg,var(--genre-back),#101611 95%);
 box-shadow:inset 0 0 16px #0004;padding-top:17px;
}
body[data-genre]:not([data-genre="all"]) #cardGrid.film-shelves .physical-shelf:before{content:'';position:absolute;inset:0 0 24px;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 46px,#c9b38a12 47px 49px,transparent 50px 95px);opacity:.75}
body[data-genre]:not([data-genre="all"]) #cardGrid.film-shelves .physical-shelf-rail{height:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--genre-rail) 78%,#e7d7aa) 0 2px,var(--genre-rail) 2px 6px,#251d18 7px 12px);box-shadow:0 7px 12px #000c}
body[data-genre="scifi"] #cardGrid.film-shelves .physical-shelf:before,body[data-genre="action"] #cardGrid.film-shelves .physical-shelf:before,body[data-genre="war"] #cardGrid.film-shelves .physical-shelf:before{background:repeating-linear-gradient(90deg,#8b9f9f15 0 2px,transparent 3px 34px,#090f1399 36px 41px,transparent 43px 80px)}
body[data-genre="horror"] #cardGrid.film-shelves .physical-shelf:before{background:repeating-radial-gradient(circle at 0 0,transparent 0 24px,#b7b2a21a 25px 26px,transparent 27px 49px)}
body[data-genre="western"] #cardGrid.film-shelves .physical-shelf:before{background:repeating-linear-gradient(90deg,#7c482d26 0 54px,#130b0b 56px 58px,#b28f5118 59px 91px)}
body[data-genre="musical"] #cardGrid.film-shelves .physical-shelf:before{background:repeating-linear-gradient(90deg,#b5627228 0 23px,#270d1c 24px 33px,#8f4a5b26 35px 60px)}
/* VHS: every item has fixed material; never shuffle on each render. */
#cardGrid .vhs-card .physical-case.vhs-cardboard{border-width:2px 3px 4px 7px!important;border-color:#a78a68 #5c452e #3e3224 #66513b!important;border-radius:1px 3px 2px 1px!important;background:#7a6550!important;box-shadow:inset 1px 1px #d5bba177,3px 3px 0 #2f261b,5px 7px 12px #000b!important}
#cardGrid .vhs-card .physical-case.vhs-cardboard:before{background:repeating-linear-gradient(0deg,#be9e7915 0 1px,transparent 2px 23px),linear-gradient(90deg,#3f3224,#a18868 43%,#56422e)!important;box-shadow:inset 1px 0 #decca766!important}
#cardGrid .vhs-card .physical-case.vhs-cardboard:after{background:linear-gradient(115deg,#f8d8a812,transparent 37%,#0003 95%)!important;border:1px solid #fff1c51c!important}
#cardGrid .vhs-card .physical-case.vhs-plastic{background:#111614!important;border-color:#2c3030!important;box-shadow:inset 0 1px #5c6564,3px 3px 0 #0e0f0f,5px 6px 0 #303735,8px 11px 17px #000b!important}
#cardGrid .vhs-card .physical-case.vhs-plastic:after{background:linear-gradient(112deg,#f5ffff3d 0%,#ffffff04 15%,transparent 38%,#ffffff0c 65%,#fff8f12b 88%,transparent 97%)!important;border:1px solid #ffffff30!important}
/* Comic packaging: every issue sealed, a clear lip and transparent bag reflections. */
#cardGrid.comics-on-shelves .physical-case.bagged-comic{border:2px solid #dee8e1aa!important;border-top:5px solid #d7e2dbb8!important;padding:3px!important;background:#c1bba7!important;border-radius:1px 1px 3px 3px!important;box-shadow:inset 0 1px #fff9,2px 2px 0 #aba395,4px 7px 0 #4a473e,7px 11px 16px #0009!important}
#cardGrid.comics-on-shelves .physical-case.bagged-comic:before{top:-5px!important;left:3px!important;right:3px!important;height:5px!important;background:repeating-linear-gradient(90deg,#e7f5efa9 0 14px,#b9c6c0a6 15px 19px,#fafcf0b9 20px 33px)!important}
#cardGrid.comics-on-shelves .physical-case.bagged-comic:after{opacity:.85!important;background:linear-gradient(108deg,#ffffff5c 0%,#ffffff14 12%,transparent 32%,transparent 67%,#f5f9f241 87%,transparent 94%)!important;box-shadow:inset 0 0 0 1px #ffffff46;}
/* Admin batch editor only; unrelated to public reading. */
.v12-editor-block{padding:12px 0;border-top:1px solid #ffffff19}
.v12-field-label{display:block;font-size:12px;margin-bottom:9px;color:#becabd}
.genre-check-grid{display:flex;flex-wrap:wrap;gap:7px 8px;max-height:200px;overflow-y:auto}
.genre-check{display:flex;gap:5px;align-items:center;background:#263428;color:#dfe7da;font-size:11px;border-radius:6px;padding:7px 9px}
.genre-check input{accent-color:#cee99a;flex:none}
.genre-bulk-dialog{border:1px solid #55634b;border-radius:15px;background:#151f17;color:#e9efe5;width:min(94vw,510px);max-height:84dvh;padding:0;box-shadow:0 20px 60px #000c}
.genre-bulk-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
#genreBulkContent{padding:19px 17px;display:flex;flex-direction:column;gap:13px;max-height:84dvh}
.genre-bulk-head{display:flex;justify-content:space-between;gap:9px;align-items:flex-start}.genre-bulk-head span{font-size:10px;letter-spacing:.16em;color:#a7c19b}.genre-bulk-head h2{font:normal 29px Georgia,serif;margin:6px 0;color:#f1ebdf}.genre-bulk-head button{font-size:20px;color:#ecf0e9;border:0;background:transparent;padding:2px 8px}
.genre-bulk-hint{font-size:12px;line-height:1.55;color:#b1bdaf;margin:0}
.genre-bulk-search{background:#26342a;border:1px solid #4c6050;color:#f3f3eb;border-radius:8px;min-height:42px;padding:10px;font:inherit;font-size:14px}
.genre-bulk-list{flex:1;min-height:110px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:4px}
.genre-bulk-item{padding:11px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff15;font-size:14px}.genre-bulk-item input{accent-color:#d8eaa9;width:17px;height:17px}.genre-bulk-item span{display:block}.genre-bulk-item small{display:block;font-size:11px;color:#9eafa0;margin-top:3px}
.genre-bulk-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #354839;padding-top:13px;gap:12px;font-size:12px;color:#acbbad}.genre-bulk-bottom button{border:0;background:#dcebae;color:#182318;font-weight:650;border-radius:8px;padding:11px 12px;font:inherit;font-size:12px}
.genre-bulk-none{padding:12px;color:#aab9a8}
@media(max-width:370px){.genre-bulk-launch{font-size:10px}}
@media(prefers-reduced-motion:reduce){.physical-case{transition:none!important}}

/* Physical story props unique to each department, without raster-heavy backgrounds. */

#newEntryForm [data-new-genre-fields][hidden]{display:none!important}
body[data-section="films"] .sort-label,body[data-section="series"] .sort-label{display:none!important}
/* The transparent comic sleeve follows the issue even on the Later shelf. */
#cardGrid.poster-first:not(.physical-shelves) .comic-face.bagged-comic{
  padding:3px;border:2px solid #e2ece0b0;border-top:5px solid #e4eae0c0;background:#c6c0b1;
  box-shadow:inset 0 1px #fffa,3px 3px 0 #827e71,5px 7px 13px #0009;
}
#cardGrid.poster-first:not(.physical-shelves) .comic-face.bagged-comic:after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:4;
  background:linear-gradient(112deg,#ffffff54,transparent 16%,transparent 73%,#fafcf34d 90%,transparent 97%);
}

/* v12.2: defense in depth against cached legacy banner markup */
.genre-navigation .genre-stage{display:none!important}