.comic-strip{height:510px;gap:9px;background:#0a0b13}.show-panel{background:#ead9b6!important;color:#10131d!important;border:5px solid #111723;box-shadow:inset 0 0 0 2px #ead9b6}.show-panel:before{inset:0;opacity:1;transform:none;background-position:center;background-size:cover;filter:saturate(.85) contrast(1.06);transition:filter .3s}.show-panel:after{content:'';inset:0;top:auto;height:48%;background:linear-gradient(transparent,#0b1028e8);opacity:0;transform:none;transition:opacity .3s}.show-panel.is-open:after{opacity:1}.show-panel:nth-child(1) .panel-number{background:#f4df18}.show-panel:nth-child(2) .panel-number{background:#79d9f6}.show-panel:nth-child(3) .panel-number{background:#f9ee8b}.show-panel .panel-number{z-index:3;top:12px;left:12px;padding:6px 8px;border:2px solid #10131d;color:#10131d;font-size:11px}.closed-title{z-index:3;background:#f2e5c9;border:3px solid #111723;padding:12px 18px;box-shadow:5px 5px 0 #10131d;max-width:none;color:#111723}.show-panel:not(.is-open):before{filter:saturate(.55) contrast(1.1) brightness(.82)}.open-content{z-index:2;color:#fff;padding:23px 30px}.panel-kicker{color:#fff;background:#10131dcc;padding:8px 10px;border:1px solid #fff7}.open-content strong{font-size:clamp(52px,6.4vw,91px);text-shadow:3px 4px 0 #0e1325,-1px -1px 0 #0e1325;margin-top:auto;margin-bottom:13px}.open-content strong span,.tone-blue .open-content strong span{color:#f4df18}.panel-footer{border-top:2px solid #ffffffb0;color:#fff;padding-top:10px;text-shadow:1px 1px 2px #111}.show-panel:nth-child(1):before{background-image:url('./comic-ray-mandy-characters.webp')}.show-panel:nth-child(2):before{background-image:url('./comic-tina-g-characters.webp')}.show-panel:nth-child(3):before{background-image:url('./comic-mike-b-characters.webp')}.bottom-strip .show-panel:nth-child(1):before{background-image:url('./comic-jo-jones-characters.webp')}.bottom-strip .show-panel:nth-child(2):before{background-image:url('./comic-aye-i-characters.webp')}.bottom-strip .show-panel:nth-child(3):before{background-image:url('./comic-xxx-characters.webp')}.bottom-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:12px}.bottom-roster{border:3px solid #f0dfbb;background:#f0dfbb;display:grid;grid-template-rows:repeat(3,1fr);gap:3px}.bottom-roster button{background:#15192a;color:#f0dfbb;border:0;text-align:left;padding:15px 12px;display:flex;flex-direction:column;justify-content:center;gap:7px;cursor:pointer;font-size:10px;letter-spacing:1px;font-weight:800}.bottom-roster button strong{font:800 23px 'Space Grotesk';letter-spacing:-.06em}.bottom-roster button.active{background:#f4df18;color:#10131d}.bottom-roster button:hover:not(.active){background:#303958}.bottom-roster button:focus-visible{outline:3px solid #00afe8;outline-offset:-4px}.bottom-strip .closed-title{left:10px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;padding:13px 8px;white-space:nowrap}.bottom-strip .show-panel.is-open .closed-title{opacity:0}.bottom-strip .panel-number{left:auto;right:12px}@media(max-width:800px){.comic-strip{height:420px}.bottom-layout{grid-template-columns:150px minmax(0,1fr)}.bottom-roster button strong{font-size:18px}.open-content strong{font-size:clamp(42px,7vw,68px)}}@media(max-width:600px){.comic-strip{height:360px;gap:5px}.show-panel{border-width:3px}.closed-title{font-size:17px;padding:8px 10px}.open-content{padding:12px}.open-content strong{font-size:clamp(30px,7vw,48px)}.panel-kicker{font-size:7px;padding:5px;letter-spacing:0}.panel-footer{font-size:7px}.bottom-layout{grid-template-columns:82px minmax(0,1fr);gap:5px}.bottom-roster button{padding:8px 4px;font-size:8px}.bottom-roster button strong{font-size:12px;line-height:1.1}.bottom-strip .closed-title{left:3px;padding:7px 3px;font-size:13px}.bottom-strip .show-panel.is-open{flex:2.7}.bottom-strip .show-panel{flex:.5}.bottom-strip .open-content strong{font-size:clamp(25px,6vw,40px)}.show-panel .panel-number{padding:4px;font-size:8px;top:4px;left:4px}.bottom-strip .panel-number{right:4px}}

/* The left roster names the second strip; keep its collapsed artwork unobstructed. */
.bottom-strip .closed-title{display:none}


.bottom-layout{display:block}
.bottom-strip .closed-title{display:block}