/* V2: larger type, generous targets, playful color, controlled motion */
:root{--purple:#7042cc;--cream:#fffdf6;--ink:#25354a;--muted:#5c6471}body{font-size:18px}.topline{height:38px;font-size:14px;background:#e8dcff;color:#59368b}.topline span{font-size:18px}header{max-width:none;height:102px;padding:0 4%;gap:25px;background:#fffdf7;position:relative;z-index:5;border-bottom:2px solid #eee4ff}.brand img{width:140px;height:84px}#navigation{font-size:17px;gap:25px}#navigation a{padding:14px 0}.header-actions{gap:18px}.parent-link{font-size:15px}.search-toggle,.menu-toggle{min-width:48px;min-height:48px}.button{font-size:18px;padding:19px 27px;min-height:58px;border-radius:18px;gap:14px;font-weight:700}.primary{background:#7042cc;box-shadow:0 5px 0 #532cab}.sunshine{background:#ffda5f;color:#403012;box-shadow:0 5px 0 #dcaa35}.light{font-size:17px}.eyebrow{font-size:14px;letter-spacing:1.2px}.section-head h2,h2{font-size:47px;letter-spacing:-1.8px}.section-head p{font-size:18px;color:#556574;line-height:1.65}.section-head{margin-bottom:38px}.section{padding-top:65px;padding-bottom:70px}.hero-slider{height:calc(100svh - 140px);min-height:620px;max-height:1000px;position:relative;overflow:hidden;background:#25372f}.hero-slide{position:absolute;inset:0;overflow:hidden;animation:slideIn .6s ease}.hero-slide[hidden]{display:none}.slide-background{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 54%;animation:gentleZoom 24s ease-in-out infinite alternate}.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,#193d34ed 0%,#234937ba 34%,#244f3610 68%)}.slide-copy{position:absolute;left:7%;top:50%;transform:translateY(-55%);z-index:2;color:white;max-width:690px}.slide-kicker{font-size:17px;font-weight:700;letter-spacing:1.5px;color:#ffe5a3}.slide-copy h1{font-size:clamp(53px,6.3vw,91px);line-height:1.08;margin:24px 0;letter-spacing:-3px;text-shadow:0 3px 10px #21352e30}.slide-copy em{color:#ffdc75}.slide-copy p{font-size:23px;line-height:1.6;color:#ffffef}.slide-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.hero-bubble{position:absolute;right:5%;top:8%;border-radius:50%;background:#ffe2aa;color:#604425;width:155px;height:155px;display:grid;place-content:center;text-align:center;font-size:23px;font-weight:700;transform:rotate(9deg);box-shadow:0 10px 0 #dbaa6650}.hero-bubble span{font-size:25px}.slider-controls{position:absolute;bottom:30px;left:7%;display:flex;align-items:center;gap:12px;z-index:3}.slider-controls>button,.slider-dots button{width:48px;height:48px;border-radius:50%;background:#ffffff22;border:1px solid #ffffff60;color:white;font-size:20px;backdrop-filter:blur(8px)}.slider-dots{display:flex;gap:9px}.slider-dots button{font-size:16px;font-weight:700}.slider-dots button.selected{color:#48371d;background:#ffda70;border-color:#ffda70}.slider-controls #slider-auto{width:auto;padding:0 17px;border-radius:25px;font-size:14px}.scroll-hint{position:absolute;bottom:44px;right:5%;z-index:3;color:white;font-size:16px;font-weight:600}.space-slide{background:radial-gradient(ellipse at 80% 50%,#ac75dc 0%,#50379a 40%,#302a70 85%)}.space-slide .slide-copy{max-width:54%;left:6%}.space-slide .slide-copy p{font-size:22px}.space-stars{position:absolute;inset:0;color:#ffdc83;font-size:120px;word-spacing:160px;opacity:.55;padding:6%}.space-stars span{position:absolute;bottom:9%;right:12%}.slide-video-art{position:absolute;right:5%;top:20%;width:39%;transform:rotate(5deg);border-radius:30px;background:#b890ed;padding:16px;box-shadow:0 25px 0 #33205c50}.slide-video-art img{width:100%;display:block;border-radius:20px;aspect-ratio:4/3;object-fit:cover}.slide-video-art span{display:block;padding:14px;font-size:23px;font-weight:700;text-align:center;color:white}.paint-slide{background:#f5d783}.paint-slide .slide-copy{color:#443159;max-width:58%}.paint-slide .slide-kicker{color:#69429a}.paint-slide .slide-copy em{color:#7042cc}.paint-slide .slide-copy p{color:#685453}.paint-slide .slider-controls{color:#443159}.paint-dots{position:absolute;inset:0;background:radial-gradient(circle at 78% 10%,#fa8295 0 60px,transparent 61px),radial-gradient(circle at 94% 72%,#73c7ba 0 150px,transparent 151px),radial-gradient(circle at 10% 95%,#f8b051 0 120px,transparent 121px)}.slide-color-art{position:absolute;right:9%;top:12%;height:70%;width:29%;transform:rotate(8deg);padding:18px;background:white;border-radius:12px;box-shadow:15px 18px 0 #e09f7270}.slide-color-art img{width:100%;height:90%;object-fit:contain;background:white}.slide-color-art span{display:block;text-align:center;font-size:20px;font-weight:700;color:#7042cc}.motion-toolbar{display:flex;justify-content:center;align-items:center;gap:22px;background:#e7f5ef;padding:16px 20px;font-size:15px;color:#456c5f}.motion-toolbar button{font-size:14px;min-height:44px;padding:10px 15px;border-radius:23px;background:white;color:#49685f;border:1px solid #bfdcd0}.motion-toolbar #meet-now{background:#ffdc70;border-color:#ffdc70;color:#554226}.path-strip{margin-top:28px;margin-bottom:15px;padding-bottom:28px}.path-strip b{font-size:21px}.path-strip small{font-size:16px;color:#5c6b70}.path-icon{height:65px;min-width:65px;font-size:35px;border-radius:22px}.path-strip>a{gap:18px}.path-strip>a>span:last-child{font-size:25px}.filters button{font-size:17px;min-height:50px;padding:13px 21px}.filters button.active{background:#784fc4;color:white}.search-box{min-height:52px;border:2px solid #e0d4f3;border-radius:16px;background:white;padding:8px 16px}.search-box input{font-size:16px;width:285px}.book-grid{gap:25px}.book-cover{height:330px;border-radius:9px 22px 22px 9px}.cover-copy h3{font-size:31px}.cover-copy small{font-size:13px;letter-spacing:1px}.cover-copy p{font-size:15px}.cover-badge{font-size:11px;padding:8px 12px}.book-meta{font-size:15px;color:#546c42;margin-top:20px}.book h3{font-size:21px;line-height:1.3}.book-detail{font-size:14px;gap:5px;align-items:flex-start}.book-detail button{font-size:16px;min-height:44px;padding:8px 0}.library-bottom>span,.character-note{font-size:14px;line-height:1.6;color:#677579}.text-link{font-size:17px;min-height:44px;display:inline-flex;align-items:center}.featured{background:#ece0fb;border-radius:32px;margin-bottom:45px}.featured-art{min-height:650px}.featured-copy{padding:45px 38px}.featured-copy h2{font-size:43px}.featured-copy>p{font-size:18px;color:#625378;line-height:1.65}.pills span{font-size:14px;background:#ffffff77;padding:9px 13px}.episode{gap:17px;padding:18px 0}.episode b{font-size:18px}.episode small{font-size:14px;color:#71647f}.episode>span:first-child{font-size:16px}.episode button{min-width:48px;min-height:48px;font-size:23px}.episode>span:last-child{font-size:14px}.featured-copy .hero-actions{flex-wrap:wrap;gap:12px}.featured-copy .text-link{font-size:16px}.mini-book{width:220px;height:265px;font-size:14px}.mini-book strong{font-size:33px}.mini-book span{font-size:16px}.character-section{background:#fff9e7;max-width:none;padding-left:max(5%,calc((100% - 1210px)/2));padding-right:max(5%,calc((100% - 1210px)/2));border-radius:45px 45px 0 0}.character-grid{gap:25px}.character-portrait{height:240px;position:relative;overflow:hidden;border-radius:100px 100px 32px 32px;display:block}.character-portrait img{position:absolute;height:100%;width:400%;max-width:none;object-fit:fill;left:0;top:0}.zipir-portrait{background:#ffdfba}.white-portrait{background:#cceae3}.cat-portrait{background:#d9d3fa}.panya-portrait{background:#f9dd93}.panya-portrait img{width:100%;object-fit:cover}.character-grid h3{font-size:25px}.character-grid p{font-size:17px;line-height:1.5;color:#65716d}.character-grid button>span:last-child{font-size:17px;display:inline-flex;align-items:center;min-height:44px;font-weight:700}.watch-section{background:#e9f0ff;color:#263554;padding-top:65px;padding-bottom:70px}.watch-section em{color:#6643b7}.watch-section .eyebrow{color:#536ba0}.watch-section .section-head p{color:#5a6b85}.video-filters{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:30px 0 20px}.video-tabs{display:flex;gap:9px}.video-tabs button{font-size:18px;font-weight:700;min-height:52px;padding:13px 20px;border-radius:24px;color:#4f6282;background:#fff}.video-tabs button.active{background:#6646bb;color:white}.video-search{display:flex;align-items:center;gap:8px;flex:1;min-width:240px;min-height:54px;padding:10px 16px;border-radius:16px;background:white;border:2px solid #d4dff2;font-size:26px}.video-search input{font:inherit;font-size:16px;border:0;outline:none;width:100%;min-width:0;background:none;color:#263554}.language-filter{display:flex;align-items:center;gap:10px;font-size:15px}.language-filter select{font:inherit;min-height:50px;border:1px solid #cedcf0;border-radius:14px;padding:10px;color:#385071;background:#fff}.catalog-summary{font-size:16px;color:#586b86;margin:22px 0;min-height:22px}.video-grid{grid-template-columns:repeat(3,1fr);gap:30px 25px}.video-card{background:white;padding:10px 10px 20px;border-radius:23px;border:2px solid #d9e3f6;color:#253554;transition:transform .2s}.video-card:hover{transform:translateY(-5px);border-color:#8f75c4}.video-thumb{height:auto;aspect-ratio:16/9;border-radius:15px}.video-thumb img{object-fit:cover}.video-thumb span{width:57px;height:57px;font-size:20px;background:#ffda6a;color:#604522;box-shadow:0 4px 0 #bd911a66}.video-thumb .duration{top:auto;left:auto;right:10px;bottom:9px;transform:none;width:auto;height:auto;background:#26334fd9;color:white;font-size:13px;border-radius:8px;padding:5px 8px;box-shadow:none}.video-card small{font-size:13px;color:#7455a3;margin:18px 8px 8px;font-weight:600}.video-card h3{font-size:19px;letter-spacing:-.3px;line-height:1.5;margin:0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-bottom{display:flex;align-items:center;justify-content:center;gap:25px;margin:35px 0 25px}.catalog-bottom>a{font-size:16px;color:#4b6290}.catalog-note{font-size:13px;text-align:center;color:#677897;line-height:1.5}.coloring-world{padding:75px max(5%,calc((100% - 1210px)/2));background:#fff1db;position:relative;overflow:hidden}.coloring-world em{color:#b85436}.coloring-world .eyebrow{color:#a85f2d}.coloring-steps{display:flex;gap:35px;font-size:18px;margin:30px 0 45px;flex-wrap:wrap}.coloring-steps span{display:flex;align-items:center;gap:12px;color:#865c3f}.coloring-steps b{border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#ffd56a;color:#6e4d18}.coloring-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.coloring-card{background:#fffdf8;border:2px solid #f0dfc5;padding:16px;border-radius:25px;display:flex;flex-direction:column}.coloring-image{height:260px;background:#f5e6db;border-radius:16px;position:relative;padding:15px;overflow:hidden}.coloring-image img{height:100%;width:100%;object-fit:contain;transform:rotate(-4deg);background:white;box-shadow:0 3px 10px #60472220}.coloring-image span{position:absolute;top:8px;right:8px;background:#ffda6a;border-radius:18px;padding:6px 10px;font-size:13px;font-weight:700;color:#5e461c}.coloring-card h3{font-size:23px;letter-spacing:-.5px;margin:20px 0 10px;line-height:1.35}.coloring-card p{font-size:15px;color:#826851;line-height:1.5;margin:0 0 18px}.coloring-card .button{font-size:17px;padding:13px 15px;min-height:50px;width:100%;border-radius:13px;margin-top:auto}.coloring-card .preview-pdf{background:none;min-height:44px;color:#7a5743;font-size:15px;margin-top:12px}.coloring-tip{display:flex;gap:20px;align-items:center;background:#ffde9480;border-radius:22px;margin-top:35px;padding:18px 25px}.coloring-tip>span{font-size:35px}.coloring-tip p{font-size:17px;color:#816236;line-height:1.6;margin:0}.parents{margin-top:60px;background:#def1e5;border-radius:30px}.parents .eyebrow{color:#507761}.parents h2{font-size:35px}.parents p{font-size:18px;color:#526959}.parents>div:last-child{font-size:17px;color:#466d51}footer .footer-brand p,footer>div:not(.footer-brand):not(.footer-bottom),footer .text-link{font-size:16px;color:#616c77}footer b{font-size:18px}footer a{min-height:36px}.footer-bottom{font-size:13px}.reader-header small{font-size:13px}.reader-header h3{font-size:24px}.reader-header button,.modal-top button{min-width:48px;min-height:48px;font-size:19px}.page h4{font-size:34px}.page p{font-size:23px;line-height:1.75}.page small{font-size:16px;color:#69547d}.page .page-num{font-size:14px}.reader-controls button{font-size:18px;min-height:52px}.reader-controls>div{font-size:15px}.reader-tip{font-size:13px;line-height:1.6}.reader-header small{font-size:12px}#video-modal{width:min(1050px,96vw)}#video-title{font-size:22px;letter-spacing:-.5px;line-height:1.4;margin:0 0 15px}#video-modal p{font-size:14px}.video-navigation{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}.video-navigation button,.video-navigation a{min-height:48px;padding:12px 16px;border-radius:14px;background:#e6d9f9;color:#6640a7;font-size:16px}.video-navigation a{margin-left:auto;background:#ffe8ac;color:#725221}.video-navigation button:disabled{opacity:.45}#pdf-preview{width:min(950px,96vw)}#pdf-frame{width:100%;height:65dvh;border:1px solid #ddd;border-radius:10px;background:#fff}#pdf-download{margin-top:16px}.modal-top{font-size:18px}#info p{font-size:18px}#visiting-friend{position:fixed;z-index:20;right:-260px;bottom:20px;width:190px;pointer-events:none;display:none;filter:drop-shadow(0 12px 8px #24355335)}#visiting-friend.visiting{display:block;animation:friendCross var(--cross-time,13s) linear forwards}.friend-sprite{width:190px;height:190px;background-repeat:no-repeat;background-size:400% 100%;animation:friendWalk .65s steps(1,end) infinite;transform-origin:bottom center}.friend-sprite.running{animation:friendRun .4s steps(1,end) infinite}.friend-sprite.jumping{animation:friendJump 1.5s ease-in-out infinite}.friend-message{position:absolute;bottom:185px;left:20px;font-size:16px;white-space:nowrap;background:#fff6d8;padding:10px 15px;border-radius:18px;color:#75552a;box-shadow:0 3px 0 #d3bb6b66}.friend-message:empty{display:none}@keyframes friendCross{from{right:-260px}to{right:calc(100vw + 230px)}}@keyframes friendWalk{0%,100%{background-position:0 0;transform:translateY(0) rotate(-2deg)}50%{background-position:33.333% 0;transform:translateY(-5px) rotate(2deg)}}@keyframes friendRun{0%,100%{background-position:66.666% 0;transform:translateY(0)}50%{background-position:0 0;transform:translateY(-12px)}}@keyframes friendJump{0%,100%{background-position:0 0;transform:translateY(0)}35%,65%{background-position:100% 0;transform:translateY(-60px) rotate(-8deg)}}@keyframes gentleZoom{to{transform:scale(1.07)}}@keyframes slideIn{from{opacity:0}to{opacity:1}}
@media(max-width:1150px){#navigation{font-size:15px;gap:18px}.parent-link{display:none}.slide-copy h1{font-size:70px}.slide-copy{left:5%;max-width:63%}.slide-copy p{font-size:21px}.book-cover{height:300px}.filters{flex-wrap:wrap}.coloring-grid{grid-template-columns:repeat(2,1fr)}.coloring-image{height:330px}.featured-copy h2{font-size:36px}.featured-copy{padding:35px 28px}.character-portrait{height:210px}.video-filters .video-tabs{width:100%}}
@media(max-width:760px){.topline{font-size:11px;height:32px;gap:10px}header{height:86px;padding:0 18px}.brand img{width:119px;height:76px}#navigation{top:86px;font-size:19px;padding:20px;gap:6px}.hero-slider{height:calc(100svh - 118px);min-height:650px;max-height:none}.slide-background{object-position:62% center}.slide-shade{background:linear-gradient(0deg,#153f38e8 5%,#224838a8 50%,#23493640 100%)}.slide-copy{left:7%;right:7%;top:43%;transform:translateY(-40%);max-width:none}.slide-kicker{font-size:13px}.slide-copy h1{font-size:55px;letter-spacing:-2px;margin:20px 0}.slide-copy p{font-size:20px;line-height:1.55}.slide-actions{gap:12px;margin-top:22px}.slide-actions .button{font-size:16px;min-height:56px;padding:17px 19px;border-radius:16px}.hero-bubble{width:97px;height:97px;right:6%;top:4%;font-size:16px}.hero-bubble span{font-size:18px}.slider-controls{left:7%;bottom:35px;gap:8px}.slider-controls>button,.slider-dots button{width:42px;height:42px}.slider-controls #slider-auto{font-size:11px;padding:0 11px}.scroll-hint{bottom:12px;right:7%;font-size:13px}.space-slide .slide-copy,.paint-slide .slide-copy{max-width:none;left:7%;top:31%;transform:translateY(-25%)}.space-slide .slide-copy p{font-size:18px}.space-slide .slide-copy h1,.paint-slide .slide-copy h1{font-size:43px}.slide-video-art{top:auto;bottom:115px;right:9%;width:57%;padding:8px;border-radius:20px;transform:rotate(4deg)}.slide-video-art img{aspect-ratio:16/9;border-radius:14px}.slide-video-art span{font-size:16px;padding:9px}.space-stars{font-size:60px}.slide-color-art{width:38%;height:30%;right:9%;top:auto;bottom:100px;padding:9px;box-shadow:8px 9px 0 #e09f7250}.slide-color-art span{font-size:13px}.paint-slide .slide-actions .button{font-size:15px;padding:14px 16px}.motion-toolbar{gap:10px;flex-wrap:wrap;justify-content:center;padding:15px;font-size:13px}.motion-toolbar>span{width:100%;text-align:center}.motion-toolbar button{font-size:13px}.path-strip{margin:20px 20px 0}.path-strip b{font-size:20px}.path-strip small{font-size:16px}.path-icon{min-width:56px;height:56px;font-size:30px}.path-strip>a{padding:18px 0}.section{padding:45px 20px}.section-head h2,h2{font-size:36px}.section-head p{font-size:18px}.eyebrow{font-size:12px;line-height:1.6}.section-head{gap:20px;margin-bottom:28px}.filters>div{gap:6px;overflow:auto;padding-bottom:5px}.filters button{font-size:15px;padding:12px 17px;min-height:50px}.search-box input{font-size:16px;width:100%}.book-cover{height:270px}.cover-copy h3{font-size:27px}.cover-copy small{font-size:10px}.cover-copy p{font-size:12px}.cover-badge{font-size:9px}.book h3{font-size:19px}.book-meta{font-size:14px;flex-wrap:wrap}.book-detail{flex-direction:column;font-size:13px}.book-detail button{font-size:16px;padding:5px 0}.library-bottom>span,.character-note{font-size:13px}.featured{margin:0 15px 25px;border-radius:25px}.featured-art{min-height:360px}.featured-copy{padding:32px 25px}.featured-copy h2{font-size:36px}.featured-copy>p{font-size:18px}.featured-copy .button{font-size:17px}.pills{flex-wrap:wrap}.pills span{font-size:13px}.episode b{font-size:17px}.episode small{font-size:13px}.episode>span:last-child{font-size:12px}.mini-book{height:200px;width:165px;font-size:11px}.mini-book strong{font-size:26px}.mini-book span{font-size:13px}.character-section{padding:45px 20px;border-radius:30px 30px 0 0}.character-grid{gap:25px 15px}.character-portrait{height:185px}.character-grid h3{font-size:22px}.character-grid p{font-size:16px}.character-grid button>span:last-child{font-size:16px}.watch-section{padding:45px 20px}.video-filters{gap:15px}.video-tabs{overflow:auto;gap:7px}.video-tabs button{font-size:16px;padding:12px 17px;white-space:nowrap}.video-search{min-width:100%;font-size:24px}.language-filter{font-size:15px}.catalog-summary{font-size:15px}.video-grid{grid-template-columns:1fr;gap:22px}.video-card{border-radius:22px}.video-card h3{font-size:21px;line-height:1.45}.video-card small{font-size:14px}.video-thumb span{width:62px;height:62px;font-size:23px}.video-thumb .duration{font-size:14px}.catalog-bottom{flex-direction:column;gap:20px}.catalog-note{font-size:12px}.coloring-world{padding:50px 20px}.coloring-world .section-head p{font-size:18px}.coloring-steps{gap:13px;flex-direction:column;font-size:18px;margin:25px 0 30px}.coloring-grid{grid-template-columns:1fr;gap:25px}.coloring-card{padding:20px;border-radius:25px}.coloring-image{height:350px}.coloring-card h3{font-size:27px}.coloring-card p{font-size:17px}.coloring-card .button{font-size:19px;min-height:56px}.coloring-card .preview-pdf{font-size:17px}.coloring-tip{padding:20px;gap:12px}.coloring-tip p{font-size:16px}.coloring-tip p br{display:none}.parents{margin:35px 20px}.parents h2{font-size:30px}.parents p{font-size:18px}.parents>div:last-child{font-size:17px}footer{padding:0 20px}footer .footer-brand p,footer>div:not(.footer-brand):not(.footer-bottom),footer .text-link{font-size:15px}.footer-bottom{font-size:12px}.page p{font-size:22px;line-height:1.7}.page h4{font-size:30px}.page small{font-size:15px}.reader-header h3{font-size:20px}.reader-header small{font-size:9px}.reader-header button{min-width:44px;min-height:44px}.reader-controls button{font-size:14px;min-height:50px;padding:12px}.reader-controls>div{font-size:12px}.reader-tip{font-size:12px}.video-navigation button,.video-navigation a{font-size:14px}.video-navigation a{margin-left:0}#video-title{font-size:19px}.modal-top{font-size:16px}#visiting-friend{width:140px}.friend-sprite{width:140px;height:140px}.friend-message{font-size:13px;bottom:132px;left:0}.button{font-size:17px}}
@media(max-width:380px){.slide-copy h1{font-size:47px}.slider-controls{gap:6px}.slider-controls>button,.slider-dots button{width:38px;height:38px}.slider-controls #slider-auto{padding:0 8px}.book-cover{height:240px}.cover-copy h3{font-size:24px}.character-portrait{height:160px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.slide-background{animation:none!important}#visiting-friend{display:none!important}html{scroll-behavior:auto}}
/* Preserve the actual 3:4 dimensions of each generated animation frame. */
.character-portrait:not(.panya-portrait){width:180px;margin:0 auto}.character-portrait:not(.panya-portrait) img{height:240px;width:720px;object-fit:fill}.friend-sprite{width:160px;height:213px}#visiting-friend{width:160px}.friend-message{bottom:206px}.slider-controls.on-paint>button,.on-paint .slider-dots button{background:#76543722;border-color:#79502566;color:#5a3e28}.on-paint .slider-dots button.selected{background:#fff7d1;color:#6a427e;border-color:#fff7d1}
@media(max-width:1150px) and (min-width:761px){.character-portrait:not(.panya-portrait){width:157.5px}.character-portrait:not(.panya-portrait) img{width:630px;height:210px}}
@media(max-width:760px){.character-portrait:not(.panya-portrait){width:138.75px}.character-portrait:not(.panya-portrait) img{width:555px;height:185px}#visiting-friend{width:120px}.friend-sprite{width:120px;height:160px}.friend-message{bottom:154px}}
@media(max-width:380px){.character-portrait:not(.panya-portrait){width:120px}.character-portrait:not(.panya-portrait) img{width:480px;height:160px}}
@media(min-width:761px) and (max-width:980px){header{justify-content:space-between}#navigation{display:none;position:absolute;top:102px;left:0;right:0;background:var(--cream);padding:20px 5%;box-shadow:0 15px 20px #0001;flex-direction:column;z-index:10;font-size:19px}#navigation.open{display:flex}.menu-toggle{display:block;background:transparent;font-size:24px}.book-grid{grid-template-columns:repeat(2,1fr)}.book-cover{height:360px}.path-strip>a{padding:10px;gap:12px}.path-strip b{font-size:18px}.path-strip small{font-size:14px}.path-icon{min-width:45px;height:45px;font-size:27px}.path-strip>a>span:last-child{font-size:20px}}