/* v1.7 — two screens rebuilt; game and drawing mechanics unchanged. */

/* START — an adaptive, independent HTML composition. No poster cropping. */
#cover.cover{
  position:relative;isolation:isolate;display:block;width:100%;height:100vh;height:100dvh;min-height:0;
  overflow:hidden;background:linear-gradient(180deg,#2ba8f2 0%,#86d4ff 43%,#c3f2ef 69%,#bcdf83 100%);
}
#cover.cover::before,#cover.cover::after{display:none!important}
.cover-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.cover-sun{position:absolute;width:43vmax;height:43vmax;right:-10vmax;top:-23vmax;border-radius:50%;background:radial-gradient(circle,#fffcd4 0%,#fdf4ad91 29%,transparent 69%)}
.cover-cloud{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,#ffffffd8 20%,#eefcfff1 47%,transparent 71%);filter:none;opacity:.73}
.cloud-one{width:36vw;height:16vh;left:-10vw;top:27%}.cloud-two{width:23vw;height:15vh;right:18%;top:9%}
.cover-mountain{position:absolute;bottom:6%;width:120%;height:39%;left:-10%;clip-path:polygon(0% 100%,0% 72%,12% 42%,21% 68%,33% 10%,44% 70%,56% 23%,70% 74%,82% 28%,100% 73%,100% 100%)}
.mountain-back{background:linear-gradient(180deg,#e9f9d4,#80c6a4 57%,#519c79);opacity:.64;transform:translateY(-14%)}
.mountain-front{background:linear-gradient(180deg,#b6dd93,#66b27a 61%,#338956);clip-path:polygon(0 100%,0 70%,18% 36%,29% 62%,42% 41%,57% 75%,73% 40%,91% 65%,100% 37%,100% 100%);opacity:.8;transform:translateY(18%)}
.cover-meadow{position:absolute;left:-7%;right:-7%;bottom:-16%;height:32%;border-radius:50% 50% 0 0;background:linear-gradient(178deg,#c6e86d 0%,#78c351 50%,#53a641 100%);box-shadow:0 -12px 50px #dcf58a77}
.cover-daisy{position:absolute;color:#fff8e4;text-shadow:0 2px #f9be3d,0 0 16px #ffec96;font-size:clamp(25px,3vw,52px)}
.daisy-one{left:5%;bottom:6%}.daisy-two{right:10%;bottom:7%}
.cover-twinkle{position:absolute;color:#ffe85c;text-shadow:0 2px 6px #ffcf2877;font-size:clamp(22px,3vw,55px)}
.twinkle-one{left:7%;top:12%}.twinkle-two{left:55%;top:9%}.twinkle-three{right:6%;top:35%}
.cover-layout{
  position:relative;z-index:1;width:100%;height:100%;margin:auto;max-width:1940px;
  display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);
  align-items:center;gap:clamp(10px,1.7vw,32px);padding:clamp(12px,2vh,26px) clamp(20px,4vw,78px);
}
.cover-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:0;gap:clamp(6px,1.25vh,15px);max-height:100%}
.cover-series-label{font:800 clamp(13px,1.15vw,20px)/1.15 var(--font-ui);letter-spacing:.16em;color:#fff6c4;text-shadow:0 3px 6px #0866a2,0 1px #078bc9;background:#0c8ac577;padding:10px 17px;border:1px solid #b6eeff66;border-radius:999px}
.cover-game-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.047em;line-height:.99;margin:0;display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(50px,5.3vw,104px);text-shadow:0 5px 0 #ffffff,4px 4px 0 #ffffff,-4px -4px 0 #ffffff,0 11px 16px #135ca45e;filter:drop-shadow(0 2px 0 #ffe76a);white-space:nowrap}
.cover-title-blue{color:#0756b7;-webkit-text-stroke:2px #fff6d9}.cover-title-orange{color:#e94b11;-webkit-text-stroke:2px #fff4d7}
.cover-name-ribbon{color:#063e96;font:800 clamp(22px,2.0vw,39px)/1.1 var(--font-display);letter-spacing:-.01em;background:linear-gradient(180deg,#ffed7a,#ffc128 79%,#f59d0b);padding:clamp(7px,1.1vh,14px) clamp(20px,2.7vw,48px);border-radius:22px 7px 22px 7px;border:3px solid #fff2ad;box-shadow:0 6px 0 #df8a0c,0 10px 18px #28695a38;transform:rotate(-1deg);white-space:nowrap}
.cover-name-ribbon span{color:#ed8f08;font-size:.7em}
.cover-game-description{font:700 clamp(16px,1.36vw,26px)/1.32 var(--font-ui);color:#143b7d;text-shadow:0 1px #ffffffc0;background:#ffffffdf;border:2px solid #ffffffeb;border-radius:25px;padding:clamp(9px,1.2vh,15px) clamp(14px,1.5vw,25px);box-shadow:0 8px 22px #3e8da53d;margin:0;max-width:min(100%,880px)}
.cover-game-description span{display:inline}
.cover-demo{display:flex;align-items:center;justify-content:flex-start;gap:clamp(8px,1.3vw,23px);max-width:100%;width:min(93%,750px);height:clamp(128px,20vh,222px);min-height:0}
.cover-demo-board{position:relative;flex:1;height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(165deg,#fffffffa,#f1fcfffa);border:5px solid #ffffff;border-radius:clamp(18px,1.7vw,30px);box-shadow:0 5px 0 #279de2,0 11px 22px #146d9d38;overflow:hidden}
.cover-demo-board strong{font:800 clamp(13px,1.3vw,24px)/1.1 var(--font-display);color:#ffffff;background:linear-gradient(#2baff4,#087bd1);padding:4px 24px;border-radius:0 0 13px 13px;position:absolute;top:0;z-index:1;white-space:nowrap}
.cover-demo-board svg{width:100%;height:79%;margin-top:10%}
.cover-demo-draw{box-shadow:0 5px 0 #22b1b8,0 11px 22px #146d9d38}
.cover-demo-draw strong{background:linear-gradient(#25d6c7,#039eaf)}
.cover-demo-glow{position:absolute;right:10%;bottom:15%;font-size:28px;color:#ffc625;text-shadow:0 0 12px #ffcf3d}
.cover-demo-arrow{font-size:clamp(36px,3.2vw,64px);line-height:1;color:#ffa52e;text-shadow:0 4px 0 #ffffff,0 6px 6px #bb6f08;flex:0 0 auto}
#cover .cover-button{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:clamp(15px,2vw,36px);width:min(76%,600px);height:clamp(60px,8.5vh,99px);max-width:none;max-height:none;flex:0 0 auto;padding:4px 24px;margin-top:clamp(2px,.6vh,8px);border-radius:999px;background:linear-gradient(180deg,#aafa4e 0%,#40d900 10%,#59e509 16%,#18b713 57%,#008e1e 100%);border:clamp(4px,.5vw,8px) solid #ffdf41;box-shadow:inset 0 4px 6px #e4ff87c9,inset 0 -5px 7px #067a27b8,0 6px 0 #b97910,0 14px 27px #134a3e72;color:white;font:800 clamp(25px,3.1vw,54px)/1 var(--font-display);text-shadow:0 3px 0 #106423,0 4px 7px #095525;white-space:nowrap;transition:transform .16s,filter .16s}
#cover .cover-button:hover{filter:saturate(1.08) brightness(1.04);transform:translateY(-2px)}
#cover .cover-button:active{transform:translateY(4px);box-shadow:inset 0 2px 8px #087b2b,0 2px 0 #b97910}
.cover-start-arrow{display:grid;place-items:center;color:#fff;font-family:Arial,sans-serif;font-size:.9em;filter:drop-shadow(0 3px #08692e)}
.cover-game-meta{font:700 clamp(12px,1vw,17px)/1.1 var(--font-ui);color:#0d5072;background:#fffcdeab;border-radius:999px;padding:5px 12px;margin:0;white-space:nowrap}
.cover-mascot-wrap{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;min-width:0;min-height:0;z-index:2}
.cover-mascot-aura{position:absolute;inset:12% 0 4%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#fffccf96 0%,#ffecab50 44%,transparent 70%)}
.cover-mascot{position:relative;display:block;width:100%;height:min(92dvh,930px);max-height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(1px 13px 10px #1c606e65)}
.cover-floating-brush{position:absolute;right:2%;top:17%;font-size:clamp(35px,4.6vw,84px);transform:rotate(-25deg);filter:drop-shadow(0 5px 6px #175e6377);z-index:3}
.cover-palette{position:absolute;bottom:10%;right:0%;width:clamp(115px,12vw,220px);aspect-ratio:1.45;border-radius:49% 55% 50% 45%;transform:rotate(-15deg);background:linear-gradient(120deg,#efce8a,#d99f4a);border:6px solid #ffe5a0;box-shadow:0 8px 17px #31736c88;z-index:3}
.paint-swatch{position:absolute;width:21%;aspect-ratio:1;border-radius:50%;box-shadow:inset 1px 2px 3px #ffffff88,0 3px 4px #774e1255}
.swatch-red{left:20%;top:18%;background:#ff455a}.swatch-yellow{left:55%;top:17%;background:#ffe52d}.swatch-blue{left:12%;top:54%;background:#168df0}.swatch-pink{left:42%;top:57%;background:#ee59dc}.swatch-green{left:68%;top:53%;background:#30d67a}
.cover-floating-star{position:absolute;right:7%;top:6%;font-size:clamp(34px,4vw,72px);color:#ffdb35;text-shadow:0 4px 6px #fffb9c}

/* MENU — use the ENTIRE viewport instead of tiny cards in a centered box. */
html:has(#seriesMenu:not(.hidden)),body:has(#seriesMenu:not(.hidden)){height:100%;overflow:hidden}
#seriesMenu:not(.hidden){display:block;width:100%;height:100vh;height:100dvh;overflow:hidden;padding:clamp(12px,1.8vh,24px) clamp(18px,2.1vw,44px);background:linear-gradient(145deg,#fff7da,#ebfaf8 55%,#dbf8ef)}
#seriesMenu .menu-shell{width:100%;height:100%;max-width:1980px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:clamp(7px,1.25vh,15px);min-height:0;margin:auto}
#seriesMenu .menu-topline{font-size:clamp(13px,1vw,18px);min-height:40px}
#seriesMenu .menu-album{font-size:clamp(13px,.95vw,17px);padding:8px 16px;min-height:40px}
#seriesMenu .menu-hero{min-height:0;height:clamp(135px,18.5dvh,195px);margin:0;padding:clamp(12px,1.5vh,19px) clamp(17px,2vw,33px);border-radius:clamp(20px,2vw,29px);display:flex;align-items:center;box-shadow:0 12px 30px #358c9340}
#seriesMenu .menu-hero-text{max-width:none;padding-right:clamp(100px,13vw,225px)}
#seriesMenu .menu-hero .eyebrow{font-size:clamp(11px,.85vw,14px)}
#seriesMenu .menu-hero h1{font-size:clamp(26px,2.3vw,43px);margin:3px 0 5px;line-height:1.04}
#seriesMenu .menu-hero p{font-size:clamp(13px,.95vw,17px);margin:0 0 4px;line-height:1.25;font-weight:600}
#seriesMenu .menu-progress-total{gap:7px;font-size:clamp(12px,.85vw,15px);margin:0 0 7px}
#seriesMenu .menu-progress-total strong{font-size:clamp(19px,1.6vw,29px)}
#seriesMenu .menu-continue{min-height:clamp(38px,4.7vh,49px);padding:7px 17px;font-size:clamp(13px,.9vw,17px);border-radius:13px}
#seriesMenu .menu-mascot{width:auto;height:clamp(130px,18dvh,190px);max-height:100%;right:2%;bottom:-4px}
#seriesMenu .menu-section-heading{margin:0 2px;align-items:center;gap:12px}
#seriesMenu .menu-section-heading h2{font-size:clamp(20px,1.5vw,29px);line-height:1.12}
#seriesMenu .menu-section-heading span{font-size:clamp(12px,.85vw,16px);color:#57848a}
#seriesMenu .series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(9px,1.1vw,17px);align-content:stretch;min-height:0;height:100%}
#seriesMenu .series-card{height:100%;width:100%;min-height:0;padding:clamp(10px,1.12vw,21px);gap:clamp(10px,1vw,19px);border-radius:clamp(17px,1.5vw,25px);border-width:2px;border-left-width:7px;box-shadow:0 8px 18px #459c9922;overflow:hidden}
#seriesMenu .series-left{width:clamp(92px,10.6vw,185px);height:clamp(92px,10.6vw,185px);max-width:45%;max-height:92%;aspect-ratio:1;flex:0 0 auto;border-radius:19px;box-shadow:inset 0 0 0 2px #ffffffa9}
#seriesMenu .series-left svg{width:100%;height:100%}
#seriesMenu .series-details{gap:clamp(8px,1.2vh,17px);justify-content:center;overflow:hidden}
#seriesMenu .series-details strong{font-family:var(--font-display);font-size:clamp(16px,1.17vw,23px);font-weight:800;line-height:1.2;color:#15475b;overflow-wrap:anywhere}
#seriesMenu .series-desc{font-size:clamp(12px,.88vw,17px);font-weight:600;line-height:1.3;min-height:0;color:#567982}
#seriesMenu .series-meta{align-items:center;gap:5px}
#seriesMenu .difficulty-tag{font-size:clamp(11px,.73vw,14px);font-weight:800;padding:5px 9px;line-height:1.1}
#seriesMenu .series-number{font-size:clamp(13px,.94vw,18px);font-weight:800}
#seriesMenu .series-bar{height:clamp(7px,.7vw,11px);margin-top:1px}
#seriesMenu .menu-legend{display:flex;justify-content:center;align-items:center;margin:0;padding:2px 0;gap:clamp(12px,2vw,36px);font-size:clamp(12px,.88vw,16px)}

/* Low-height desktop: cards stay legible without page scroll. */
@media(min-width:1100px) and (max-height:790px){
 #seriesMenu:not(.hidden){padding:9px clamp(12px,1.65vw,28px)}
 #seriesMenu .menu-shell{gap:7px}
 #seriesMenu .menu-topline{min-height:32px}
 #seriesMenu .menu-album{min-height:34px;padding:6px 13px}
 #seriesMenu .menu-hero{height:clamp(110px,18.2dvh,148px);padding:10px 18px}
 #seriesMenu .menu-hero h1{font-size:clamp(24px,2.2vw,32px)}
 #seriesMenu .menu-hero p{font-size:12px}
 #seriesMenu .menu-mascot{height:clamp(105px,17dvh,140px)}
 #seriesMenu .menu-continue{min-height:35px;padding:5px 12px}
 #seriesMenu .menu-section-heading h2{font-size:20px}
 #seriesMenu .series-grid{gap:9px}
 #seriesMenu .series-card{padding:clamp(8px,.8vw,12px);gap:9px}
 #seriesMenu .series-left{width:clamp(84px,9.3vw,123px);height:clamp(84px,9.3vw,123px)}
 #seriesMenu .series-details{gap:7px}
 #seriesMenu .series-details strong{font-size:clamp(15px,1.06vw,18px)}
 #seriesMenu .series-desc{font-size:clamp(11px,.85vw,14px)}
 #seriesMenu .difficulty-tag{font-size:11px;padding:4px 7px}
 #seriesMenu .series-number{font-size:13px}
 #seriesMenu .menu-legend{font-size:12px}
}

/* Intermediate screens: let the menu scroll rather than shrink everything. */
@media(min-width:700px) and (max-width:1099px){
 html:has(#seriesMenu:not(.hidden)),body:has(#seriesMenu:not(.hidden)){height:auto;overflow:auto}
 #seriesMenu:not(.hidden){height:auto;min-height:100dvh;overflow:visible}
 #seriesMenu .menu-shell{display:block;height:auto}
 #seriesMenu .menu-topline{margin-bottom:12px}
 #seriesMenu .menu-hero{height:auto;min-height:160px;margin-bottom:13px}
 #seriesMenu .menu-section-heading{margin:12px 0}
 #seriesMenu .series-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px;height:auto}
 #seriesMenu .series-card{min-height:165px}
 #seriesMenu .series-left{width:125px;height:125px;max-width:38%;max-height:none}
 #seriesMenu .menu-legend{margin-top:16px}
}

/* Phones: tall, finger-friendly cards; the start is its own flexible composition. */
@media(max-width:699px){
 #cover.cover{height:100vh;height:100dvh;min-height:0}
 .cover-layout{display:block;position:relative;padding:clamp(12px,2.2dvh,22px) clamp(12px,4vw,21px);height:100%}
 .cover-copy{height:100%;max-height:none;justify-content:flex-start;align-items:center;text-align:center;gap:clamp(6px,1.1dvh,12px)}
 .cover-series-label{font-size:clamp(10px,2.7vw,13px);padding:6px 11px;letter-spacing:.12em}
 .cover-game-title{font-size:clamp(36px,10.1vw,59px);white-space:normal;align-items:center;line-height:1;text-shadow:0 3px 0 #fff,3px 3px 0 #fff,-3px -3px 0 #fff,0 8px 14px #0b63a55c}
 .cover-title-blue,.cover-title-orange{-webkit-text-stroke:1px #fff9ec}
 .cover-name-ribbon{font-size:clamp(18px,5vw,28px);padding:6px 17px;border-width:2px;border-radius:15px 5px 15px 5px;box-shadow:0 3px 0 #d9870a,0 6px 8px #185b6140}
 .cover-game-description{font-size:clamp(12px,3.45vw,16px);padding:7px 9px;border-radius:15px;line-height:1.22;max-width:98%}
 .cover-game-description span{display:inline}
 .cover-demo{height:clamp(103px,21dvh,185px);width:min(100%,400px);gap:5px;align-self:flex-start;margin-top:clamp(5px,2dvh,20px)}
 .cover-demo-board{border-width:3px;border-radius:15px}
 .cover-demo-board strong{font-size:clamp(11px,3vw,17px);padding:4px 11px;border-radius:0 0 7px 7px}
 .cover-demo-board svg{height:85%;margin-top:10%}
 .cover-demo-arrow{font-size:clamp(20px,6.5vw,35px)}
 #cover .cover-button{position:absolute;left:50%;bottom:clamp(36px,8dvh,72px);transform:translateX(-50%);width:min(88vw,430px);height:clamp(63px,9.5dvh,83px);font-size:clamp(29px,7.2vw,43px);gap:17px;border-width:5px;box-shadow:inset 0 3px 4px #e3ff97c7,0 5px 0 #ae6a0b,0 10px 14px #15493258}
 #cover .cover-button:hover{transform:translateX(-50%)}
 #cover .cover-button:active{transform:translateX(-50%) translateY(3px)}
 .cover-game-meta{position:absolute;bottom:clamp(13px,2.4dvh,23px);left:50%;transform:translateX(-50%);font-size:clamp(10px,2.8vw,13px)}
 .cover-mascot-wrap{position:absolute;right:0;top:37%;bottom:20%;width:50%;height:43%;z-index:2;pointer-events:none;align-items:flex-end;justify-content:flex-end}
 .cover-mascot{width:100%;height:100%;max-height:100%;object-position:center bottom}
 .cover-mascot-aura{inset:12% 0 0}
 .cover-floating-brush{right:2%;top:-4%;font-size:26px}
 .cover-palette{width:clamp(60px,17vw,88px);right:-5%;bottom:0;border-width:3px}
 .cover-floating-star{font-size:25px;right:9%;top:-11%}
 .cover-meadow{height:31%}
 .cover-mountain{height:31%}
 .daisy-one{bottom:16%}.daisy-two{bottom:13%}
 html:has(#seriesMenu:not(.hidden)),body:has(#seriesMenu:not(.hidden)){height:auto;overflow:auto}
 #seriesMenu:not(.hidden){height:auto;min-height:100dvh;overflow:visible;padding:12px 12px 30px}
 #seriesMenu .menu-shell{display:block;height:auto;max-width:none}
 #seriesMenu .menu-topline{margin-bottom:12px;min-height:0;font-size:12px}
 #seriesMenu .menu-album{min-height:40px;font-size:12px}
 #seriesMenu .menu-hero{height:auto;min-height:185px;margin-bottom:14px;padding:14px 14px 16px}
 #seriesMenu .menu-hero-text{padding-right:clamp(78px,24vw,110px)}
 #seriesMenu .menu-hero h1{font-size:clamp(24px,6.1vw,30px);line-height:1.08}
 #seriesMenu .menu-hero p{font-size:clamp(12px,3.15vw,14px);line-height:1.36}
 #seriesMenu .menu-mascot{width:auto;height:clamp(125px,20vh,190px);right:-7px;bottom:0}
 #seriesMenu .menu-progress-total{font-size:11px;gap:5px}
 #seriesMenu .menu-progress-total strong{font-size:20px}
 #seriesMenu .menu-continue{font-size:clamp(12px,3.3vw,15px);min-height:45px}
 #seriesMenu .menu-section-heading{display:block;margin:12px 1px}
 #seriesMenu .menu-section-heading h2{font-size:21px;line-height:1.15}
 #seriesMenu .menu-section-heading span{font-size:12px}
 #seriesMenu .series-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:12px;height:auto}
 #seriesMenu .series-card{min-height:129px;height:auto;padding:12px;gap:14px;border-radius:17px}
 #seriesMenu .series-left{width:clamp(100px,29vw,140px);height:clamp(100px,29vw,140px);max-width:38%;max-height:none;border-radius:13px}
 #seriesMenu .series-details{gap:7px}
 #seriesMenu .series-details strong{font-size:clamp(16px,4.1vw,21px)}
 #seriesMenu .series-desc{font-size:clamp(12px,3.15vw,15px)}
 #seriesMenu .difficulty-tag{font-size:clamp(10px,2.85vw,13px);padding:5px 7px}
 #seriesMenu .series-number{font-size:15px}
 #seriesMenu .series-bar{height:8px}
 #seriesMenu .menu-legend{margin:16px auto 0;flex-wrap:wrap;font-size:12px}
}
@media(max-width:699px) and (max-height:720px){
 .cover-copy{gap:5px}
 .cover-game-title{font-size:clamp(31px,8.8vw,43px)}
 .cover-name-ribbon{font-size:clamp(17px,4.5vw,23px)}
 .cover-game-description{font-size:clamp(11px,3.1vw,14px);padding:6px 9px}
 .cover-demo{height:clamp(94px,19dvh,135px);margin-top:4px}
 .cover-mascot-wrap{top:39%;bottom:20%;height:39%;width:43%}
 #cover .cover-button{height:57px;bottom:38px;font-size:clamp(23px,6.8vw,34px)}
 .cover-game-meta{bottom:10px}
}
@media(max-width:699px) and (max-height:560px){
 .cover-game-description{display:none}
 .cover-demo{height:clamp(78px,18dvh,108px);width:67%}
 .cover-mascot-wrap{top:33%;height:44%;width:43%}
}
@media(prefers-reduced-motion:reduce){#cover .cover-button{transition:none}}

/* Readability finishing pass after reviewing real viewport screenshots. */
#seriesMenu .menu-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2vw,36px);margin-top:clamp(7px,1vh,13px)}
#seriesMenu .menu-hero-actions .menu-progress-total{margin:0}
#seriesMenu .menu-hero-actions .menu-continue{flex:0 0 auto}
#seriesMenu .menu-hero{overflow:hidden}
@media(min-width:1100px) and (max-width:1500px){
 #seriesMenu .series-left{width:clamp(105px,9.75vw,137px);height:clamp(105px,9.75vw,137px);max-width:44%}
 #seriesMenu .series-details strong{font-size:clamp(15.5px,1.2vw,18px)}
 #seriesMenu .series-desc{font-size:clamp(12px,.97vw,14px)}
 #seriesMenu .series-number{font-size:14px}
 #seriesMenu .difficulty-tag{font-size:11px}
}
@media(max-width:699px){
 .cover-mascot-wrap{top:53%;bottom:auto;height:29%;width:50%}
 #seriesMenu .menu-hero-actions{flex-direction:column;align-items:flex-start;gap:7px;margin-top:6px}
 #seriesMenu .menu-hero-actions .menu-continue{width:auto}
}
@media(max-width:699px) and (max-height:720px){.cover-mascot-wrap{top:54%;bottom:auto;height:29%;width:43%}}
@media(max-width:699px) and (max-height:560px){.cover-mascot-wrap{top:54%;bottom:auto;height:29%;width:43%}}

/* Prevent difficulty badges / progress counts from being cut off on 1280–1366 px. */
#seriesMenu .series-card{position:relative}
#seriesMenu .series-meta{flex-wrap:wrap;row-gap:5px}
#seriesMenu .difficulty-tag{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;white-space:normal}
#seriesMenu .difficulty-tag>span:first-child{white-space:nowrap}
#seriesMenu .difficulty-stars{font-size:.89em;letter-spacing:-1px;white-space:nowrap}
#seriesMenu .series-number{margin-left:auto;white-space:nowrap}
@media(min-width:1100px) and (max-width:1499px){
 #seriesMenu .difficulty-stars{display:none}
 #seriesMenu .difficulty-tag{font-size:11px;padding:5px 7px}
}

/* v1.8 — Iskryk's unified artist costume and three reactions. */
.cover-floating-brush,.cover-palette{display:none!important}
.cover-mascot-wrap{isolation:isolate}
.cover-mascot-aura{background:radial-gradient(ellipse at 50% 42%,#fffce28a 0%,#ffe4a633 38%,transparent 72%)}
.cover-mascot{filter:drop-shadow(0 12px 9px #1b63724a)}
#seriesMenu .menu-mascot{object-fit:contain;object-position:center bottom}
.feedback-character,.series-celebrate-iskryk,.final-card img{object-fit:contain;object-position:center bottom}
@media(max-width:699px){.cover-mascot-wrap{right:0;z-index:2}.cover-mascot{object-position:right bottom}}