#picker{min-width:210px}#dots{max-width:112px;display:grid;grid-template-columns:repeat(19,3px);gap:2px}#dots i{width:3px;height:3px}.screen>#page{background-repeat:no-repeat;background-color:#050809}.story-caption{max-width:92%}#pageGrid{grid-template-columns:repeat(8,1fr);max-height:58vh;overflow:auto;padding-right:4px}#pageGrid button{min-width:0}
.device-wrap:before{content:"";position:absolute;z-index:-1;inset:-7% -14%;background:radial-gradient(ellipse,#69dcff20 0,transparent 65%);filter:blur(12px);animation:breathe 4s ease-in-out infinite}.device-wrap:after{content:"";position:absolute;z-index:-2;left:7%;right:7%;bottom:-22px;height:28px;border-radius:50%;background:#030405;box-shadow:0 0 40px #6fd8f22e}
.tablet{border-color:#93aab4;background:linear-gradient(118deg,#53646d,#11181c 8%,#26333a 18%,#070b0d 53%,#233038 82%,#60727b);box-shadow:inset 0 0 0 3px #050809,inset 0 0 0 5px #43545c,0 0 0 2px #010203,0 0 0 8px #080d10,0 0 65px #60d8ff2b}
.tablet:before,.tablet:after{background:repeating-linear-gradient(0deg,#050809 0 6px,#7ddcf0 7px 8px,#172329 9px 15px);box-shadow:0 0 13px #62d8f054}.edge-rail i{background:linear-gradient(90deg,#111a1e,#586a72,#111a1e);border-color:#91a6af}.edge-rail.left i:first-child{background:linear-gradient(#86e8ff,#143844);box-shadow:0 0 15px #72e2ff}
.screen{background:#020405;box-shadow:inset 0 0 32px #000,0 0 0 1px #8db6c5,0 0 28px #62ddff2e}.screen:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#9cecff08 6px 7px);mix-blend-mode:screen}.camera i{border-color:#8ce8fb;box-shadow:0 0 8px #71e1fa,inset 0 0 4px #71e1fa}.screw{border-color:#9aabb2}.lights{color:#9ab3bd}.tablet-foot{color:#76aebd}
.interior #reader{grid-template-columns:86px 1fr}.interior .details{display:none}.interior .status>span:first-child{font-size:0}.interior .status>span:first-child i{display:none}.interior .status>span:first-child:after{content:"NQD READING MODE";font-size:9px;color:var(--blue);letter-spacing:.16em}.interior .status>span:first-child small{display:none}.interior .device-wrap{width:min(76vh,700px)}
@keyframes breathe{50%{opacity:.55;transform:scale(1.025)}}@media(max-width:1000px){.interior #reader{grid-template-columns:66px 1fr}.device-wrap{width:min(75vh,650px)}}@media(max-width:680px){#picker{min-width:190px}#dots{max-width:92px;grid-template-columns:repeat(19,2px)}#dots i{width:2px;height:2px}#pageGrid{grid-template-columns:repeat(6,1fr)}.interior #reader{display:block}.interior .details{display:none}.interior .device-wrap{width:calc(100% - 18px)}}

.story-caption{display:none!important}
.comic-dialogue{position:absolute;z-index:6;left:4%;right:4%;bottom:3%;display:none;padding:10px 12px;border:2px solid #080808;background:#f3edda;color:#111;font:700 14px/1.3 Georgia,serif;box-shadow:4px 4px 0 #111;letter-spacing:.01em}.comic-dialogue.show{display:block}.interior .screen-hud{opacity:.7}
@media(max-width:680px){.comic-dialogue{font-size:13px;padding:8px 10px;bottom:2.5%}}
.device-wrap{width:min(76vh,690px);filter:drop-shadow(0 42px 56px #000)}
.tablet{padding:38px 32px 24px;border:2px solid #a5c1cb;border-radius:18px;background:linear-gradient(125deg,#71858e 0,#111a1f 7%,#26373e 18%,#05090b 55%,#1a2a31 84%,#71858e);box-shadow:inset 0 0 0 3px #030608,inset 0 0 0 7px #354950,0 0 0 2px #020304,0 0 0 10px #081216,0 0 75px #53dbff45;clip-path:polygon(6% 0,94% 0,100% 5%,100% 95%,94% 100%,6% 100%,0 95%,0 5%)}
.grip{position:absolute;width:54px;height:15px;border:1px solid #8ba0a8;background:repeating-linear-gradient(90deg,#10181c 0 5px,#5d727b 6px 7px);box-shadow:0 0 12px #6de5ff33}.g1{left:18px;top:10px}.g2{right:18px;top:10px}.g3{left:18px;bottom:9px}.g4{right:18px;bottom:9px}
.screen{border-radius:2px;border:4px solid #010405;box-shadow:inset 0 0 28px #000,0 0 0 2px #75cbe0,0 0 32px #4ee1ff38}
.screen-hud{position:absolute;z-index:5;left:10px;right:10px;top:7px;display:flex;justify-content:space-between;color:#bcefff;font:700 8px/1 system-ui;letter-spacing:.16em;pointer-events:none;text-shadow:0 0 8px #55ddff;background:linear-gradient(90deg,#031014bb,transparent,#031014bb);padding:5px 7px;border-top:1px solid #6fe5ff66}
.orbit{position:absolute;z-index:-1;left:-9%;right:-9%;height:1px;background:linear-gradient(90deg,transparent,#68e5ff,transparent);box-shadow:0 0 14px #5fe1ff}.orbit.top{top:9%;transform:rotate(-4deg)}.orbit.bottom{bottom:8%;transform:rotate(4deg)}
@media(max-width:680px){.device-wrap,.interior .device-wrap{width:calc(100% - 8px)}.tablet{padding:31px 22px 20px;border-radius:14px}}

/* Complete four-sided hardware frame */
.device-wrap{width:min(73vh,660px);padding:12px;overflow:visible}
.device-wrap:before{inset:-3% -7%;border:1px solid #66dfff30;border-radius:42px;background:radial-gradient(ellipse,#69dcff1c 0,transparent 68%)}
.orbit{display:none}
.tablet{overflow:visible;clip-path:none;padding:34px 30px 24px;border:3px solid #a9bac1;border-radius:32px;background:linear-gradient(135deg,#5e7078 0,#1f2b30 8%,#080d10 22%,#111a1e 74%,#45565e 92%,#8a9aa0);box-shadow:inset 0 0 0 3px #050708,inset 0 0 0 7px #334249,inset 0 0 22px #86e8ff1c,0 0 0 2px #020304,0 0 0 8px #0a1115,0 28px 62px #000,0 0 46px #58dcff32}
.tablet:before,.tablet:after{top:18%;bottom:18%;width:12px;border:2px solid #80949d;background:repeating-linear-gradient(0deg,#0b1114 0 12px,#6dcfe0 13px 14px,#28363c 15px 24px);box-shadow:0 0 0 3px #080d10,0 0 16px #60dbf04a}
.tablet:before{left:-17px;border-radius:8px 0 0 8px}.tablet:after{right:-17px;border-radius:0 8px 8px 0}
.edge-rail{z-index:8;top:28%}.edge-rail.left{left:-9px}.edge-rail.right{right:-9px}.edge-rail i{width:12px;border:2px solid #9babb1;background:linear-gradient(90deg,#121a1e,#61747c,#11191d)}
.grip{width:46px;height:10px;border-color:#84969d;background:repeating-linear-gradient(90deg,#172126 0 4px,#8da1a8 5px 6px);box-shadow:inset 0 0 3px #000}.g1,.g2{top:11px}.g3,.g4{bottom:9px}
.screen{border:5px solid #020405;border-radius:10px;box-shadow:inset 0 0 30px #000,0 0 0 2px #546971,0 0 0 5px #10171a,0 0 22px #55ddff25}
.tablet-foot{height:22px;padding:4px 7px 0}
@media(max-width:680px){.device-wrap,.interior .device-wrap{width:calc(100% - 18px);padding:8px}.tablet{padding:29px 20px 18px;border-width:2px;border-radius:24px}.tablet:before{left:-14px}.tablet:after{right:-14px}.edge-rail.left{left:-5px}.edge-rail.right{right:-5px}.grip{width:34px}.screen{border-width:4px}}

/* Issue selector remains available on phones without reducing the tablet. */
@media(max-width:680px){.issues{display:flex!important;align-items:center;gap:8px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px 12px;text-align:left}.issues>p{margin:0 5px 0 0}.issues .thumb{flex:0 0 42px;width:42px;height:58px;margin:0;cursor:pointer}.issues .soon{display:none}.stage{padding-top:10px}.tablet{min-height:0}.screen>#page{background-repeat:no-repeat;background-color:#050809}.comic-dialogue{max-height:24%;overflow:auto}}

/* Honessi Art House launch surface */
#home{display:none;position:relative;min-height:calc(100vh - 130px);overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(330px,44vw);align-items:center;gap:6vw;padding:clamp(38px,7vw,100px);background:radial-gradient(circle at 78% 30%,#12333d 0,transparent 28%),linear-gradient(125deg,#050708 20%,#0b1215 62%,#071014)}#home.active{display:grid}.home-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#86eaff 1px,transparent 1px),linear-gradient(90deg,#86eaff 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}.home-orbit{position:absolute;width:62vw;aspect-ratio:1;border:1px solid #7ee8ff42;border-radius:50%;right:-22vw;top:-16vw;box-shadow:0 0 80px #64ddff16,inset 0 0 70px #64ddff12}.home-copy,.home-display{position:relative;z-index:1}.signal{color:var(--blue);font:700 10px/1 system-ui;letter-spacing:.22em;margin:0 0 28px}.home-copy h1{font:500 clamp(54px,7vw,112px)/.82 Georgia,serif;letter-spacing:-.065em;margin:0;max-width:780px}.home-copy h1 em{color:#d5aa5c;font-weight:400}.intro{max-width:560px;color:#9ca8ad;font:17px/1.6 Georgia,serif;margin:34px 0}.home-actions{display:flex;gap:10px}.home-actions button{height:54px;padding:0 24px;border:1px solid #617078;color:white;background:#10171b;font:700 11px/1 system-ui;letter-spacing:.16em;cursor:pointer}.home-actions .launch{min-width:190px;display:flex;justify-content:space-between;align-items:center;background:var(--gold);border-color:var(--gold);color:#080a0b}.home-actions .launch span{font-size:19px}.home-meta{display:flex;gap:22px;margin-top:42px;color:#607078;font-size:9px;letter-spacing:.15em}.home-display{padding:20px;background:linear-gradient(145deg,#213038,#070b0d 55%);border:1px solid #71858d;box-shadow:inset 0 0 0 5px #0b1114,0 30px 80px #000,0 0 60px #68e5ff1d}.display-head,.display-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em}.display-head{height:28px;color:#91a1a7}.display-head b{color:#8ce5b1}.cover-card{position:relative;display:block;width:100%;padding:0;border:1px solid #4f626a;background:#000;overflow:hidden;cursor:pointer}.cover-card img{display:block;width:100%;height:min(60vh,690px);object-fit:cover;object-position:center 24%}.scan{position:absolute;inset:0;background:linear-gradient(transparent 49%,#95efff1e 50%,transparent 51%);background-size:100% 8px;pointer-events:none}.display-foot{height:46px}.display-foot span{color:var(--blue)}body:not(.interior) #home.active~#reader{display:none}
@media(max-width:850px){#home.active{display:block;padding:42px 18px 92px}.home-copy h1{font-size:clamp(51px,15vw,76px)}.intro{font-size:16px;margin:25px 0}.home-display{margin-top:45px;padding:13px}.cover-card img{height:auto;max-height:none}.home-meta{gap:12px;flex-wrap:wrap}.home-actions{display:grid;grid-template-columns:1fr 1fr}.home-actions .launch{min-width:0}.display-foot{align-items:start;flex-direction:column;justify-content:center;gap:5px}}

/* Keep the longer series name contained within every tablet size. */
#cover h1{font-size:clamp(30px,4.3vw,62px);line-height:.9;letter-spacing:-.055em;max-width:100%;overflow-wrap:normal}
.display-foot strong{max-width:62%;line-height:1.25}
@media(max-width:680px){#cover h1{font-size:clamp(30px,10.5vw,46px);line-height:.92;margin-bottom:14px}.display-foot strong{max-width:100%}}

/* Preserve the complete 2:3 cover artwork in every homepage viewport. */
.cover-card{width:min(100%,40vh);margin-inline:auto}
.cover-card img{height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center}
@media(max-width:850px){.cover-card{width:100%}}

/* Keep both the issue number and issue title fully visible on narrow Safari screens. */
#cover p{gap:10px;align-items:flex-start;line-height:1.35}
#coverIssue{flex:0 0 auto;white-space:nowrap}
#coverTitle{flex:1 1 auto;min-width:0;max-width:68%;text-align:right;white-space:normal;overflow-wrap:break-word}
@media(max-width:680px){#cover{padding:6%}#cover p{font-size:8px;letter-spacing:.1em}#coverTitle{max-width:64%}}