.gen-screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:12px clamp(12px,2vw,28px) 18px;gap:12px;overflow-y:auto}.gen-screen::-webkit-scrollbar{width:10px}.gen-screen::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}.gen-screen::-webkit-scrollbar-thumb{background:var(--c-brown);border:2px solid var(--c-bg)}.gen-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:3px solid var(--c-brown);padding-bottom:8px}.prompt-digest{background:rgba(10,6,28,.72);border:3px solid var(--c-gold);box-shadow:inset 0 0 0 2px var(--c-shadow),0 3px 0 var(--c-shadow);padding:12px 18px;font-family:Rajdhani,Roboto,ui-sans-serif,sans-serif;font-weight:500;font-size:clamp(15px, 1.25vw, 20px);line-height:1.55;letter-spacing:.5px;color:var(--c-cream);-webkit-font-smoothing:auto;font-smooth:auto}.prompt-digest .pd-line{display:block;padding:2px 0}.prompt-digest .pd-cat{color:var(--c-gold);text-shadow:1px 1px 0 var(--c-shadow);letter-spacing:1.5px;font-weight:700}.prompt-digest .pd-cat::after{content:":";margin-right:6px}.prompt-digest .pd-val{color:var(--c-cream)}.prompt-digest .pd-author{color:var(--c-bone);font-style:italic;opacity:.85;margin-left:4px}.prompt-digest.is-empty{color:var(--c-bone);font-style:italic;text-align:center;border-style:dashed}.prompt-digest.is-flashing{animation:pdFlash 480ms ease-out 1}@keyframes pdFlash{0%{box-shadow:inset 0 0 0 2px var(--c-shadow),0 3px 0 var(--c-shadow),0 0 0 0 var(--c-gold);background:rgba(240,200,80,.25)}100%{box-shadow:inset 0 0 0 2px var(--c-shadow),0 3px 0 var(--c-shadow),0 0 0 0 transparent;background:rgba(10,6,28,.72)}}@media (prefers-reduced-motion:reduce){.prompt-digest.is-flashing{animation:none}}.gen-title{font-size:clamp(20px, 2vw, 30px);color:var(--c-gold);letter-spacing:3px;text-shadow:2px 2px 0 var(--c-shadow)}.gen-title small{display:inline-block;margin-left:10px;color:var(--c-cream);font-size:.6em;letter-spacing:2px}.gen-actions{display:flex;gap:8px;flex-wrap:wrap}.card-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(14px,1.4vw,26px);padding:14px 6px 28px;align-content:start;justify-items:stretch}.card{--frame-front:url("../assets/cards/front_basic.png");--frame-back:url("../assets/cards/back_basic.png");position:relative;aspect-ratio:156/236;display:flex;flex-direction:column;perspective:800px;transform-style:preserve-3d;user-select:none}.card[data-color=red]{--frame-front:url("../assets/cards/front_red.png");--frame-back:url("../assets/cards/back_red.png")}.card[data-color=blue]{--frame-front:url("../assets/cards/front_blue.png");--frame-back:url("../assets/cards/back_blue.png")}.card[data-color=green]{--frame-front:url("../assets/cards/front_green.png");--frame-back:url("../assets/cards/back_green.png")}.card[data-color=purple]{--frame-front:url("../assets/cards/front_purple.png");--frame-back:url("../assets/cards/back_purple.png")}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 240ms cubic-bezier(.6,.05,.4,1)}.card.is-flipped .card-inner{transform:rotateY(180deg)}.card.is-jitter .card-inner{animation:jitter 60ms steps(2) 6}@keyframes jitter{50%{transform:rotateY(180deg) translate(2px,-2px) rotate(2deg)}}.card-face{position:absolute;inset:0;backface-visibility:hidden;background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated}.card-face--front{background-image:var(--frame-front);display:flex;flex-direction:column}.card-face--back{background-image:var(--frame-back);transform:rotateY(180deg)}.card-art{flex:1;max-height:54%;margin:4% 12% 0;display:flex;align-items:center;justify-content:center;position:relative}.card-art .glyph{font-size:clamp(56px, 6vw, 110px);color:var(--c-gold);text-shadow:3px 3px 0 var(--c-shadow);filter:drop-shadow(0 2px 0 rgba(0,0,0,.5));line-height:1}.author-art{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Rajdhani,Roboto,ui-sans-serif,sans-serif;font-weight:700;color:var(--c-gold);text-shadow:2px 2px 0 var(--c-shadow);line-height:1.05;text-align:center;letter-spacing:1px;-webkit-font-smoothing:auto;font-smooth:auto}.author-first{display:block;font-size:clamp(18px, 2vw, 28px);font-weight:500;opacity:.9}.author-last{display:block;font-size:clamp(22px, 2.4vw, 34px);font-weight:700}.card-name{position:absolute;top:60%;left:6%;right:6%;transform:translateY(-50%);text-align:center;font-size:clamp(14px, 1.25vw, 18px);color:var(--c-cream);letter-spacing:1.5px;text-shadow:1px 1px 0 var(--c-shadow);text-transform:uppercase;pointer-events:none;line-height:1;padding:0}.card-body{position:absolute;left:13%;right:13%;top:68%;bottom:4%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;font-family:Rajdhani,Roboto,ui-sans-serif,sans-serif;font-weight:500;font-size:clamp(13px, 1.1vw, 17px);color:#2a1c10;line-height:1.25;padding:10px 8px 6px;letter-spacing:.3px;word-break:break-word;hyphens:auto;overflow:hidden;-webkit-font-smoothing:auto;font-smooth:auto}.card-body .cb-text{display:block}.card-body.cb--long{font-size:clamp(9px, .8vw, 13px)}.card-body .cb-author{display:block;margin-top:6px;font-size:.78em;font-style:italic;opacity:.78}.card.is-locked::after{content:"🔒";display:none}.lock-pip{position:absolute;top:4%;right:6%;width:18%;height:12%;background:var(--c-shadow);border:2px solid var(--c-gold);font-size:clamp(8px, .75vw, 11px);display:flex;align-items:center;justify-content:center;color:var(--c-gold);letter-spacing:0;text-shadow:none;pointer-events:none;opacity:0;transition:opacity 120ms}.card.is-locked .lock-pip{opacity:1}.card-controls{position:absolute;left:0;right:0;bottom:-18px;display:flex;justify-content:center;gap:6px;opacity:0;transition:opacity 120ms}.card:focus-within .card-controls,.card:hover .card-controls{opacity:1}.card-controls .btn--ghost{font-size:13px;padding:5px 10px;background:rgba(20,12,40,.92);border-color:var(--c-gold);color:var(--c-cream);letter-spacing:1px}.card-pick{position:absolute;left:6%;right:6%;top:5%;background:rgba(20,12,40,.96);border:2px solid var(--c-gold);color:var(--c-cream);font-family:var(--font-pixel);font-size:14px;padding:6px;max-height:88%;display:none}.card.is-picking .card-pick{display:block;overflow-y:auto}.card-pick button{display:block;width:100%;text-align:left;padding:6px 8px;font-size:13px;color:var(--c-cream);line-height:1.25}.card-pick button:hover{background:var(--c-deep);color:var(--c-gold)}.toggle-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 4px;border-bottom:2px dashed var(--c-brown)}.toggle-bar .lbl{color:var(--c-cream);font-size:15px;letter-spacing:1.5px;margin-right:6px}.toggle-pill{font-size:14px;padding:7px 12px;letter-spacing:1px;border:2px solid var(--c-brown);color:var(--c-cream);background:rgba(0,0,0,.25);cursor:pointer;font-family:var(--font-pixel)}.toggle-pill[aria-pressed=true]{background:linear-gradient(180deg,var(--c-amber),var(--c-red));color:var(--c-cream);border-color:var(--c-gold)}.empty-msg{grid-column:1/-1;text-align:center;color:var(--c-cream);padding:60px 20px;font-size:18px;letter-spacing:2px;border:3px dashed var(--c-brown)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--c-night);border:3px solid var(--c-gold);color:var(--c-cream);padding:12px 22px;font-size:17px;letter-spacing:2px;box-shadow:0 4px 0 var(--c-shadow);opacity:0;transition:opacity .2s;pointer-events:none;z-index:100}.toast.is-visible{opacity:1}@media (max-width:720px){.gen-header{flex-direction:column;align-items:center;text-align:center}.gen-actions{justify-content:center}.gen-title{letter-spacing:1px}.gen-actions .btn{font-size:12px;padding:8px 12px}}