/* v5 coloring book: matches William's mockups */
body.v5{background:linear-gradient(#14053a44,#14053a00 30%,#14053a55),url(../art/col/bg_p.webp) center/cover no-repeat,#2a0a6b!important}
@media (orientation:landscape){body.v5{background:linear-gradient(#14053a44,#14053a00 30%,#14053a55),url(../art/col/bg_l.webp) center/cover no-repeat,#2a0a6b!important}}
body.v5 .deco{display:none}
/* top: logo centered, star + sound right, tabs row, back row */
body.v5 .top{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:6px 10px;padding:6px 10px 2px!important;background:none!important;border:0!important;box-shadow:none!important}
body.v5 .top .ntabs{order:0!important;flex:1 1 100%!important;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;row-gap:6px}
body.v5 .nlogo{grid-column:2;grid-row:1}body.v5 .nlogo img{height:58px!important;filter:drop-shadow(0 0 10px #ff4fb8) drop-shadow(0 4px 0 #0006)}
body.v5 .nend{grid-column:3;grid-row:1;justify-self:end;margin:0!important}
body.v5 .nend .nstar{display:grid!important;place-items:center;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b57cff,#5b21b6);border:2.5px solid #e2c2ff;box-shadow:0 0 12px #c77dff,0 4px 0 #0006;font-size:22px}
body.v5 .nsnd{width:42px!important;height:42px!important;background:radial-gradient(circle at 35% 30%,#b57cff,#5b21b6)!important;border:2.5px solid #e2c2ff!important;box-shadow:0 0 12px #c77dff,0 4px 0 #0006!important}
body.v5 .nrow{grid-column:1/4;grid-row:2;justify-content:center!important;overflow:visible!important;padding:2px!important;gap:7px!important}
body.v5 .ntab[data-go=coloring]{display:none!important}
body.v5 .ntab{padding:6px 13px!important;font-size:14px!important;border-width:3px!important;background:linear-gradient(#3a1590,#1b0a3f)!important}
body.v5 .top .back{order:1!important;flex:0 0 auto;font-size:14px!important;padding:8px 14px!important;min-height:0!important;text-transform:none;letter-spacing:0;background:linear-gradient(#ffe066,#ffb31f)!important;box-shadow:0 4px 0 #b4530a,0 0 14px #ffc83d88,inset 0 2px 0 #fff9!important}
body.v5 .top h1{order:2!important;display:none!important;flex:1 1 auto;margin:0;font:900 clamp(16px,4.6vw,30px)/1.1 "Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;color:#ffd84a;-webkit-text-stroke:1px #7a2a00;text-shadow:0 3px 0 #b4530a,0 0 12px #ffb31f88;align-items:center;gap:6px;white-space:nowrap}
body.v5.bkopen .top h1{display:flex!important}
body.v5 .h1ic{height:1.4em}
/* main column */
body.v5 .wrap{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-evenly!important;gap:4px;padding:2px 10px 8px!important;max-width:none!important;overflow:hidden!important}
body.v5 .mnav,body.v5 .hint{display:none!important}
body.v5 .desk{position:relative;padding:0!important;margin:0 auto;width:var(--bw);flex:0 0 auto;align-self:center!important;perspective:1800px}
body.v5{--bh:calc(100dvh - 480px);--bw:min(80vw,calc(var(--bh) * .947),560px)}
body.v5.bkopen{--bh:calc(100dvh - 450px);--bw:min(100vw - 16px,calc(var(--bh) * 1.453),980px)}
body.v5 .book,body.v5 .book.closed{width:100%!important;margin:0!important;transform:none!important}
body.v5 .book.closed{aspect-ratio:800/845}
body.v5 .book:not(.closed){aspect-ratio:975/671;background:url(../art/col/book_open.webp) center/100% 100% no-repeat;filter:drop-shadow(0 0 18px #ff9f1c88) drop-shadow(0 0 30px #b04dff88)}
body.v5 .book:not(.closed) .spread{inset:auto!important;left:19.3%;top:9.7%;width:61.7%;height:67.3%;box-shadow:none!important;border-radius:2px;background:#fff}
body.v5 .book.closed .cover{left:0;width:100%}body.v5 .book.closed .cover .front{animation:bkbob 3s ease-in-out infinite}
@keyframes bkbob{50%{transform:translateY(-6px)}}
body.v5 .cover .front{background:url(../art/col/book_closed.webp) center/100% 100% no-repeat!important;box-shadow:none!important;border-radius:0!important;padding:9% 15% 20% 22%!important;justify-content:space-between!important;overflow:visible!important;filter:drop-shadow(0 12px 18px #0009) drop-shadow(0 0 20px #b04dff88)}
body.v5 .book:not(.closed) .cover .front{background-size:200% 100%!important}
body.v5 .cover .fl:nth-child(3),body.v5 .cover .fl:nth-child(4){display:none}
body.v5 .cover .fl:nth-child(1){left:22%!important;top:8%!important;font-size:clamp(20px,5.5vw,46px)!important;color:#ffd84a!important;text-shadow:0 3px 0 #b4530a}
body.v5 .cover .fl:nth-child(2){right:16%!important;top:6%!important;font-size:clamp(20px,5.5vw,46px)!important;color:#5ee6ff!important;text-shadow:0 3px 0 #1d4ed8}
body.v5 .cover .front h2{margin:5% 0 0!important;display:flex;flex-direction:column;line-height:1.02!important;font:900 clamp(20px,6.4vw,50px)/1 "Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif!important;text-shadow:none!important}
body.v5 .cover .t1{color:#fff;-webkit-text-stroke:1.5px #4c1d95;text-shadow:0 3px 0 #4c1d95,0 6px 8px #0007}
body.v5 .cover .t2{color:#ffd84a;-webkit-text-stroke:1.5px #7a2a00;text-shadow:0 3px 0 #b4530a,0 6px 8px #0007}
body.v5 .cover .front img{width:94%!important;margin:4% 0!important;border:4px solid #ffd84a!important;border-radius:12px!important;box-shadow:0 0 0 3px #7a2a00,0 6px 14px #0008!important}
body.v5 .cover .tap{display:flex;align-items:center;gap:6px;font:900 clamp(14px,4.2vw,26px)/1 "Arial Rounded MT Bold",system-ui,sans-serif!important;padding:.45em 1em!important;border-radius:999px!important;background:linear-gradient(#ffe066,#ffb31f)!important;color:#3b1a00!important;box-shadow:0 5px 0 #b4530a,0 0 16px #ffc83d,inset 0 2px 0 #fff9!important}
body.v5 .cover .tap i{font-style:normal;font-size:1.2em}
body.v5 .cup{position:absolute;bottom:4%;width:clamp(60px,20vw,150px);z-index:7;pointer-events:none;filter:drop-shadow(0 6px 8px #0008)}
body.v5 .cup.l{right:100%;margin-right:-9%;transform:rotate(-6deg)}body.v5 .cup.r{left:100%;margin-left:-9%;transform:rotate(6deg)}
body.v5.bkopen .cup{display:none}
/* round arrow buttons over the book edges */
body.v5 #pv,body.v5 #nx{display:none!important}
body.v5.bkopen #pv,body.v5.bkopen #nx{display:grid!important;place-items:center;position:absolute!important;top:44%!important;transform:translateY(-50%)!important;width:clamp(44px,12vw,64px)!important;height:clamp(44px,12vw,64px)!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#b57cff,#5b21b6)!important;border:3px solid #ffd84a!important;color:#ffd84a!important;font-size:clamp(18px,5vw,28px)!important;box-shadow:0 0 14px #c77dff,0 5px 0 #0007!important;z-index:9}
body.v5 #pv{left:2%!important}body.v5 #nx{right:2%!important}
/* pill */
body.v5 .pname{margin:0!important;padding:6px 18px!important;border-radius:999px!important;background:linear-gradient(#3a1590,#22095a)!important;border:3px solid #ff7be0!important;box-shadow:0 0 14px #ff4fb8,inset 0 0 10px #ff4fb855!important;font-size:clamp(14px,3.9vw,20px)!important;max-width:92vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:4}
/* crayon box */
body.v5 .pal{margin:0 auto!important;width:min(64vw,560px);max-width:none!important;padding:10px 8px!important;gap:5px!important;border-radius:20px!important;background:linear-gradient(#1a0840ee,#0e0430ee)!important;border:3px solid #d78bff!important;box-shadow:0 0 18px #b04dff,inset 0 0 14px #b04dff55!important;position:relative;z-index:4}
body.v5 .cray{width:calc((100% - 50px)/9)!important;max-width:44px;height:auto!important;aspect-ratio:1/2.1;border-radius:6px 6px 8px 8px}
body.v5 .cray.on{transform:translateY(-6px)!important;outline:none}
/* tools */
body.v5 .tools{margin:0!important;gap:6px!important;flex-wrap:wrap!important;justify-content:center!important;position:relative;z-index:4;max-width:600px}
body.v5 .tools button{min-height:40px!important;padding:6px 12px!important;font-size:14px!important;border-radius:999px!important;background:linear-gradient(#4b1d9e,#2a0d63)!important;border:2.5px solid #d78bff!important;color:#fff!important;box-shadow:0 0 10px #b04dffaa,0 4px 0 #0007!important}
body.v5 .tools button[aria-pressed=true]{background:linear-gradient(#5ef0e4,#14b8a6)!important;border-color:#fff!important;color:#06302c!important;box-shadow:0 0 14px #22d3c5,0 4px 0 #0d7b72!important}
body.v5 .tools .bigsave{flex:0 0 auto;order:9;min-width:min(64vw,320px);min-height:56px!important;margin-top:4px;font-size:clamp(18px,5vw,24px)!important;background:linear-gradient(#ffe066,#ffb31f)!important;color:#3b1a00!important;border:3px solid #fff3!important;box-shadow:0 6px 0 #b4530a,0 0 20px #ffc83d,inset 0 3px 0 #fffa!important}
body.v5 .tools .bigsave::before{content:"";display:block;flex-basis:100%}
body.v5 .tools::after{content:"";order:8;flex-basis:100%;height:0}
/* Mini-Weys: full body, bright */
body.v5 .sides{position:fixed!important;z-index:3!important}
body.v5 .side{opacity:1!important;filter:drop-shadow(0 0 10px #ff4fb877) drop-shadow(0 8px 10px #0008)!important;height:min(30dvh,300px)!important;bottom:6dvh!important}
body.v5 .side.l{left:-6px!important}body.v5 .side.r{right:-8px!important}
@media (min-width:701px) and (min-height:501px){body.v5 .side{height:min(46dvh,440px)!important;bottom:0!important}body.v5 .side.l{left:max(0px,calc(50% - 640px))!important}body.v5 .side.r{right:max(0px,calc(50% - 640px))!important}
 body.v5{--bh:calc(100dvh - 400px);--bw:min(60vw,calc(var(--bh)*.947),560px)}body.v5.bkopen{--bh:calc(100dvh - 370px);--bw:min(66vw,calc(var(--bh)*1.453),900px)}
 body.v5 .cray{width:calc((100% - 70px)/13)!important}body.v5 .pal{width:min(60vw,640px)}body.v5 .tools .bigsave{min-width:220px;min-height:48px!important;margin-top:0}body.v5 .tools::after{display:none}}
/* phone landscape: book left, controls right */
@media (max-height:500px){
 body.v5 .top{flex-wrap:nowrap!important;padding:4px 10px 0!important}
 body.v5 .top .ntabs{display:flex!important;flex:1 1 auto!important}body.v5 .nlogo img{height:34px!important}body.v5 .nrow{flex:1 1 auto}body.v5 .ntab{padding:4px 9px!important;font-size:12px!important}
 body.v5 .nend .nstar,body.v5 .nsnd{width:34px!important;height:34px!important}body.v5 .top h1{font-size:16px}
 body.v5 .wrap{display:grid!important;grid-template-columns:auto 270px;grid-template-rows:repeat(3,auto);align-content:center;justify-content:center!important;column-gap:16px;row-gap:6px}
 body.v5 .desk{grid-column:1;grid-row:1/4}body.v5 .pname,body.v5 .pal,body.v5 .tools{grid-column:2}
 body.v5{--bw:min(46vw,calc((100dvh - 72px)*.947))}body.v5.bkopen{--bw:min(58vw,calc((100dvh - 70px)*1.453))}
 body.v5 .wrap{grid-template-columns:auto 250px}body.v5 .pal{width:250px;padding:6px!important}body.v5 .cray{width:calc((100% - 45px)/7)!important;aspect-ratio:1/1.8}
 body.v5 .tools button{min-height:32px!important;padding:3px 9px!important;font-size:12px!important}body.v5 .tools .bigsave{min-width:160px;min-height:38px!important;font-size:15px!important;margin-top:0}
 body.v5 .pname{font-size:13px!important;padding:4px 10px!important;max-width:250px}
 body.v5 .side{height:56dvh!important;bottom:0!important}body.v5 .cup{width:13vh}
 body.v5 .cover .front h2{font-size:clamp(14px,5dvh,24px)!important}body.v5 .cover .tap{font-size:13px!important}body.v5 .cover .fl{font-size:18px!important}}
/* v5 fixes */
body.v5 .side.r{display:block!important}
body.v5 .sides{z-index:1!important}
body.v5 .book:not(.closed) .spread{left:19.3%!important;top:9.7%!important;width:61.7%!important;height:67.3%!important;right:auto!important;bottom:auto!important}
@media (max-width:700px){
 body.v5 .ntab{padding:5px 9px!important;font-size:12.5px!important;gap:4px!important}body.v5 .nrow{gap:5px!important}
 body.v5 .tools button{padding:5px 9px!important;font-size:12.5px!important;min-height:36px!important}
 body.v5 .tools{gap:5px!important;flex-wrap:wrap!important}
 body.v5 .top .back{font-size:13px!important;padding:7px 11px!important}body.v5 .top h1{font-size:16.5px!important}
 body.v5 .top{flex-wrap:wrap!important}body.v5.bkopen .top .back{flex:0 0 auto}
}
@media (max-width:700px) and (min-height:501px){
 body.v5 .pal{width:60vw!important}body.v5 .cray{width:calc((100% - 30px)/7)!important;aspect-ratio:1/2}
 body.v5 .side{height:24dvh!important;bottom:9dvh!important}body.v5 .side.l{left:-18px!important}body.v5 .side.r{right:-22px!important}
 body.v5 .top .back{font-size:12px!important;padding:6px 9px!important}body.v5 .top h1{font-size:15px!important;-webkit-text-stroke:.6px #7a2a00}body.v5 .top{column-gap:6px!important}}
@media (min-width:701px) and (min-height:501px){
 body.v5 .cray{width:calc((100% - 90px)/13)!important}body.v5 .tools{max-width:none!important;flex-wrap:nowrap!important}
 body.v5.bkopen{--bh:calc(100dvh - 330px)}body.v5{--bh:calc(100dvh - 350px)}
 body.v5 .side.l{left:max(0px,calc(50% - 620px))!important}}
body.v5 .top .back{text-transform:none!important}
@media (min-width:701px) and (min-height:501px){
 body.v5 .cray{aspect-ratio:1/1.6}body.v5.bkopen{--bh:calc(100dvh - 375px)}body.v5{--bh:calc(100dvh - 385px)}body.v5 .wrap{justify-content:center!important;gap:8px}}
@media (max-height:500px){
 body.v5 .cover .fl:nth-child(1),body.v5 .cover .fl:nth-child(2){font-size:20px!important}
 body.v5 .cover .front{padding:11% 15% 20% 22%!important}body.v5 .cover .front h2{font-size:clamp(14px,4.6dvh,20px)!important}}
body.v5 .cover .front h2{font-size:calc(var(--bw) * .085)!important}
body.v5 .cover .fl:nth-child(1),body.v5 .cover .fl:nth-child(2){font-size:calc(var(--bw) * .09)!important}
body.v5 .cover .tap{font-size:calc(var(--bw) * .062)!important}
body.v5 .pname{line-height:1.3!important;min-height:0!important;height:auto!important}
body.v5 .cover .tap{font-size:calc(var(--bw) * .052)!important;white-space:nowrap}
@media (max-height:500px){body.v5.bkopen .top h1{display:none!important}body.v5 .top .back{flex:0 0 auto!important}}
/* v5.1: drawing fills the open pages (pos() maps per axis, so taps stay accurate) */
body.v5 .book:not(.closed) .spread{left:15.4%!important;width:69.8%!important;top:9.9%!important;height:66.8%!important}
@media (max-width:700px) and (min-height:501px){body.v5 .pal{width:64vw!important;gap:3px!important;padding:8px 6px!important}body.v5 .cray{width:calc((100% - 30px)/9)!important;aspect-ratio:1/2.3}
 body.v5 .side{height:22dvh!important}body.v5 .side.l{left:-26px!important}body.v5 .side.r{right:-30px!important}}
/* 3D crayons */
body.v5 .cray{background:var(--img) center bottom/100% 100% no-repeat!important;clip-path:none!important;border-radius:0!important;box-shadow:none!important;border:0!important;aspect-ratio:1/2.5!important;filter:drop-shadow(0 3px 2px #0009);transition:transform .15s,filter .15s}
body.v5 .cray::after{display:none!important}
body.v5 .cray.on{transform:translateY(-9px) scale(1.08)!important;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 12px var(--c)) drop-shadow(0 4px 3px #0009)}
@media (max-height:500px){body.v5 .cray{aspect-ratio:1/2.2!important}}
@media (min-width:701px) and (min-height:501px){body.v5 .cray{aspect-ratio:1/2.1!important}}
/* Full Screen button + mode */
body.v5 .fsbtn{display:none;align-items:center;gap:6px;padding:6px 16px;border-radius:999px;font:900 14px "Arial Rounded MT Bold",system-ui,sans-serif;color:#06302c;background:linear-gradient(#5ef0e4,#14b8a6);border:2.5px solid #fff;box-shadow:0 0 14px #22d3c5,0 4px 0 #0d7b72,inset 0 2px 0 #fff8;cursor:pointer;position:relative;z-index:4}
body.v5 .fsbtn i{font-style:normal;font-size:1.25em}
body.v5.bkopen .fsbtn{display:inline-flex}
body.v5 .fsx{display:none}
body.v5.fsmode .top,body.v5.fsmode .sides,body.v5.fsmode .pname,body.v5.fsmode .fsbtn,body.v5.fsmode #pv,body.v5.fsmode #nx,body.v5.fsmode #clear,body.v5.fsmode #save,body.v5.fsmode .cup{display:none!important}
body.v5.fsmode .desk{perspective:none!important}
body.v5.fsmode .book{filter:none!important;background:none!important;transform:none!important}
body.v5.fsmode .book .spread{position:fixed!important;z-index:30;left:50%!important;top:calc(50% - 75px)!important;transform:translate(-50%,-50%)!important;transition:none!important;width:min(100vw - 8px,(100dvh - 170px) * 4 / 3)!important;height:auto!important;aspect-ratio:4/3;border-radius:6px;box-shadow:0 0 0 4px #ffd84a,0 0 30px #b04dff!important}
body.v5.fsmode .pal{position:fixed!important;z-index:31;left:50%;bottom:52px;transform:translateX(-50%);width:min(96vw,640px)!important;flex-wrap:nowrap!important;padding:4px 6px!important;gap:3px!important;margin:0!important}
body.v5.fsmode .cray{width:calc((100% - 50px)/13)!important;aspect-ratio:1/2!important}
body.v5.fsmode .tools{position:fixed!important;z-index:31;left:50%;bottom:6px;transform:translateX(-50%);flex-wrap:nowrap!important;margin:0!important}
body.v5.fsmode .tools::after{display:none}
body.v5.fsmode .fsx{display:flex;align-items:center;gap:6px;position:fixed;z-index:40;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));padding:8px 14px;border-radius:999px;font:900 14px "Arial Rounded MT Bold",system-ui,sans-serif;color:#fff;background:linear-gradient(#ff5d7a,#d61f4b);border:2.5px solid #fff;box-shadow:0 0 14px #ff4fb8,0 4px 0 #0007;cursor:pointer}
@media (max-height:500px){body.v5.fsmode .book .spread{top:50%!important;left:calc(50% - 90px)!important;width:min(100vw - 200px,(100dvh - 12px) * 4 / 3)!important}
 body.v5.fsmode .pal{left:auto;right:6px;transform:none;bottom:56px;width:166px!important;flex-wrap:wrap!important}body.v5.fsmode .cray{width:calc((100% - 30px)/7)!important}
 body.v5.fsmode .tools{left:auto;right:6px;transform:none;width:166px;flex-wrap:wrap!important}body.v5.fsmode .fsx span{display:none}}
body.v5 .pnrow{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;flex:0 0 auto;position:relative;z-index:4}
body.v5 .pnrow .pname{min-width:0;flex:0 1 auto}body.v5 .fsbtn{flex:0 0 auto;white-space:nowrap}
@media (max-width:700px){body.v5.bkopen .pname{font-size:12.5px!important;padding:6px 10px!important}body.v5 .fsbtn{font-size:12.5px;padding:6px 10px}}
@media (max-height:500px){body.v5 .pnrow{grid-column:2;flex-wrap:wrap}body.v5 .pnrow .pname{max-width:250px}body.v5 .fsbtn{font-size:12px;padding:3px 10px}body.v5.fsmode .pnrow{display:none}}
@media (max-height:500px){
body.v5.fsmode .book .spread{transition:none!important;left:6px!important;top:50%!important;transform:translateY(-50%)!important;width:min(calc(100vw - 186px),calc((100dvh - 8px)*4/3))!important;height:auto!important}
body.v5.fsmode .pal{top:48px!important;bottom:auto!important;right:6px!important;left:auto!important;width:166px!important;transform:none!important}
body.v5.fsmode .tools{top:auto!important;bottom:6px!important;right:6px!important;left:auto!important;width:166px!important;transform:none!important}}
/* cover crew: whole group, nothing cropped */
body.v5 .cover .front img.ccrew{width:auto!important;max-width:94%!important;height:calc(var(--bw,400px) * .36)!important;aspect-ratio:999/749;object-fit:contain!important;object-position:50% 100%;background:radial-gradient(circle at 50% 35%,#ffb3e6,#b45cff 55%,#5b21b6)!important;padding:4px 4px 0;box-sizing:border-box}
/* v5.2 cover face */
body.v5 .cover .front.hasface>h2,body.v5 .cover .front.hasface>img,body.v5 .cover .front.hasface>.fl{display:none!important}
body.v5 .cover .front.hasface{padding:0!important}
body.v5 .cface{position:absolute;left:0;top:0;width:600px;height:760px;transform-origin:0 0;display:flex;flex-direction:column;align-items:center;padding:34px 30px 30px;box-sizing:border-box;pointer-events:none}
body.v5 .cface .ct1,body.v5 .cface .ct2{font:900 92px/1 "Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;white-space:nowrap;letter-spacing:.01em}
body.v5 .cface .ct1{color:#fff;-webkit-text-stroke:5px #4c1d95;paint-order:stroke;text-shadow:0 7px 0 #4c1d95,0 12px 14px #0007}
body.v5 .cface .ct2{color:#ffd84a;-webkit-text-stroke:5px #7a2a00;paint-order:stroke;text-shadow:0 7px 0 #b4530a,0 12px 14px #0007;font-size:78px;margin-top:14px}
body.v5 .cface .cpic{margin-top:22px;width:540px;height:405px;flex:0 0 auto;border-radius:22px;border:9px solid #ffd84a;box-shadow:0 0 0 6px #7a2a00,0 12px 22px #0008;background:radial-gradient(circle at 50% 35%,#ffb3e6,#b45cff 55%,#5b21b6);overflow:hidden;box-sizing:border-box}
body.v5 .cface .cpic img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;display:block}
body.v5 .cface .cfa,body.v5 .cface .cf1{position:absolute;top:22px;font:900 84px/1 "Arial Rounded MT Bold",system-ui,sans-serif}
body.v5 .cface .cfa{left:18px;color:#ffd84a;text-shadow:0 6px 0 #b4530a}body.v5 .cface .cf1{right:22px;color:#5ee6ff;text-shadow:0 6px 0 #1d4ed8}
body.v5 .cover .cface .tap{position:static!important;margin-top:auto!important;font-size:46px!important;padding:.4em 1.1em!important;pointer-events:auto;transform:none!important;animation:none}
body.v5:not(.bkopen) .pnrow,body.v5:not(.bkopen) .pname{display:none!important}
body.v5 .cface{padding:40px 30px 26px}
body.v5 .cface .ct1{font-size:80px}body.v5 .cface .ct2{font-size:74px;margin-top:12px}
body.v5 .cface .cpic{width:530px;height:398px;margin-top:20px}
body.v5 .cface .cfa,body.v5 .cface .cf1{top:4px;font-size:58px}body.v5 .cface .cfa{left:6px}body.v5 .cface .cf1{right:8px}
body.v5 .cover .cface .tap{margin-top:auto!important;font-size:42px!important}
/* v5.3 all caps */
body.v5 .cface .ct1,body.v5 .cface .ct2,body.v5 .cover .cface .tap{text-transform:uppercase}
body.v5 .cface .ct1{font-size:76px;letter-spacing:0}body.v5 .cface .ct2{font-size:58px;letter-spacing:0}
body.v5 .cover .cface .tap{font-size:38px!important}
/* v5.4 clean photo + grok background */
body.v5 .cface .cpic{border:0!important;box-shadow:0 10px 20px #0007!important;border-radius:20px;background:#7c3aed url(../art/cover_bg.webp) center/cover no-repeat!important}
body.v5 .cface .cpic img{padding:4% 3% 2%;box-sizing:border-box;filter:drop-shadow(0 6px 8px #0009)}
body.v5 .cover .cface .cpic img{border:0!important;box-shadow:none!important;border-radius:0!important;background:none!important}