:root{--orange:#f47721;--orange-dark:#dd5e12;--peach:#ffbd76;--ink:#35302d;--muted:#77716c;--cream:#fffaf3;--line:#f0d4b6;--shadow:0 3px 12px #a94f1612}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff8ef;color:var(--ink);font-family:Console Sans,Arial,sans-serif;font-size:13px}.page-shell{max-width:900px;margin:auto;padding:12px 22px 22px}.hero{height:238px;position:relative;overflow:hidden;border:1px solid #f0b47c;border-radius:15px;background:radial-gradient(ellipse at 52% 25%,#fff5df 0,#ffe7c4 50%,#f8a14d 100%);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.hero:before,.hero:after{content:"";position:absolute;width:280px;height:280px;border:2px solid #fff8e766;border-radius:50%;top:-135px;left:23%;box-shadow:0 0 0 20px #fff8e72b,0 0 0 42px #fff8e71b}.hero:after{left:auto;right:23%;top:130px}.hero-title{text-align:center;z-index:2;color:#843b1d;text-shadow:0 1px #fff;line-height:1}.logo-top{font:900 20px Bento,sans-serif;letter-spacing:8px;color:#fff;text-shadow:1px 2px 0 #d05e16;margin-bottom:-4px}.logo-main{font:700 clamp(34px,4vw,58px) Bento,sans-serif;letter-spacing:-2px}.logo-main em{font-style:normal;color:#f07825}.tagline{font-weight:900;color:#a55021;font-size:17px;margin-top:8px}.logo-paws{color:#e47b2d;font-size:14px;margin-top:12px}.hero-art{position:absolute;z-index:1}.hero-kit{left:4%;bottom:-26px;width:226px;height:236px}.ear{position:absolute;width:72px;height:95px;background:#f37a2a;top:5px;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 3px 0 #b84419)}.ear:after{content:"";position:absolute;inset:17px 18px 10px;background:#ffc99b;clip-path:polygon(50% 0,100% 100%,0 100%)}.ear-left{left:30px;transform:rotate(-10deg)}.ear-right{right:29px;transform:rotate(10deg)}.hair{position:absolute;left:25px;top:55px;width:165px;height:116px;background:#ef7623;border-radius:52% 48% 36% 39%;box-shadow:inset -12px -2px #d95c19}.face{position:absolute;left:50px;top:68px;width:120px;height:106px;border:3px solid #d46631;border-radius:48% 52% 52% 48%;background:#ffe4c3;z-index:1;box-shadow:inset -10px -2px #f5c997}.eye,.wink{position:absolute;top:38px;width:11px;height:15px;background:#855126;border-radius:50%}.eye{left:27px}.wink{right:25px;height:3px;width:15px;top:46px;transform:rotate(-12deg)}.cheek{position:absolute;left:14px;top:61px;background:#f6a084;border-radius:50%;width:20px;height:8px}.smile{position:absolute;right:24px;top:55px;font-size:23px;color:#a34f35;transform:rotate(90deg)}.body{position:absolute;z-index:0;left:46px;bottom:-12px;width:135px;height:94px;border-radius:70px 70px 0 0;background:linear-gradient(90deg,#fff 40%,#f27b2a 41% 67%,#fff 68%);border:3px solid #d46631}.paw{position:absolute;z-index:3;right:-2px;top:133px;width:47px;height:47px;border-radius:50%;background:#fff1df;border:3px solid #d46631;text-align:center;padding-top:9px;font-size:22px;transform:rotate(-18deg)}.art-note{position:absolute;font-size:8px;bottom:4px;left:88px;color:#fff8f0;z-index:2;font-weight:900}.hero-spark{position:absolute;color:white;text-shadow:1px 2px #dc7a34;font-size:30px}.spark-a{left:31%;top:30px}.spark-b{left:39%;bottom:30px;font-size:22px}.filmstrip{position:absolute;right:2%;top:29px;display:flex;gap:4px;transform:rotate(8deg);background:#f9f4df;border:5px solid #493831;border-radius:3px;padding:6px 8px;box-shadow:0 4px 12px #57341d55}.filmstrip:before,.filmstrip:after{content:"••••••••••••••";position:absolute;left:0;right:0;color:#41312b;letter-spacing:9px;font-size:10px;line-height:6px}.filmstrip:before{top:-8px}.filmstrip:after{bottom:-8px}.film-frame{height:74px;width:59px;background:#ffd6a4;border:2px solid white;color:#aa5523;display:grid;place-items:center;font-size:30px}.film-frame:nth-child(2){background:#ffe9d2}.film-frame:nth-child(3){background:#ffc58b}.film-frame:nth-child(4){background:#fff1cb}.hero-ribbon{position:absolute;bottom:13px;right:13px;background:#fff4e6e8;padding:5px 10px;border-radius:10px;color:#9e5427;font-size:9px;font-weight:900;letter-spacing:1px}main{padding-top:13px}.featured-grid{display:grid;grid-template-columns:1.25fr 1fr .82fr;gap:12px;align-items:stretch}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);min-width:0}.bar{height:35px;margin:0;padding:0 13px;display:flex;align-items:center;gap:8px;background:linear-gradient(100deg,#f47b24,#f6943f);color:white;font:700 14px Bento,Console Sans,sans-serif;letter-spacing:.15px}.bar span{font-size:16px}.video-thumb{border:0;width:calc(100% - 18px);margin:9px;aspect-ratio:16/9;position:relative;display:block;overflow:hidden;border-radius:7px;color:white;background:radial-gradient(ellipse at 53% 40%,#70482e,#201c20 72%);cursor:pointer}.video-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff993d33,#111a)}.thumb-art{position:absolute;left:8%;top:20%;font:900 25px Bento,sans-serif;color:#ffe2bf;text-shadow:0 2px #ab461a;transform:rotate(-8deg)}.thumb-art small{font:800 9px Console Sans;color:#f8c38f}.thumb-stamp,.next-stamp{position:absolute;top:10px;left:10px;background:#e66120;border-radius:4px;padding:4px 7px;font-size:8px;font-weight:900;letter-spacing:.8px}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:54px;width:54px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:#f47423;color:#fff;font-size:21px;box-shadow:0 2px 12px #0008}.player-controls{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,#080808d9);display:flex;justify-content:space-between;font-size:10px}.player-controls:before{content:"";position:absolute;bottom:27px;left:0;right:0;height:3px;background:#ffffff55}.video-note{margin:0 10px 7px;color:#9b7861;font-size:10px}.episode-copy{padding:12px 14px}.eyebrow{color:var(--orange-dark);font-size:9px;font-weight:900;letter-spacing:.9px}.episode-copy h1{font:700 21px/1.15 Bento,Console Sans,sans-serif;color:#302b28;margin:5px 0 8px}.creator{display:flex;align-items:center;gap:5px;font-size:10px;color:#746d68;flex-wrap:wrap}.creator strong{color:#4a3931}.mini-avatar{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#f7b77c;color:white;font-size:8px;font-weight:900}.dot{color:#c5a185}.date-line{font-size:10px;color:#765744;margin:10px 0 5px}.description{margin:0;color:#655d57;font-size:11px;line-height:1.5}.badges{display:flex;gap:6px;margin:9px 0}.badges span{background:#fff0df;color:#b2581e;border:1px solid #f8d4b0;padding:4px 8px;border-radius:15px;font-size:9px;font-weight:900}.orange-button{display:flex;align-items:center;gap:5px;width:max-content;padding:8px 12px;background:linear-gradient(100deg,#f07420,#f69139);color:white;border-radius:7px;text-decoration:none;font-weight:900;font-size:10px;box-shadow:0 2px 5px #db6a2c30}.orange-button b{font-size:16px;margin-left:7px}.orange-button:hover{filter:brightness(.95);transform:translateY(-1px)}.next-card{background:#fffdf8}.next-inner{padding:10px 12px}.next-thumb{height:100px;border-radius:7px;background:linear-gradient(135deg,#ffd7a5,#f8a459);display:grid;place-items:center;position:relative;overflow:hidden}.placeholder-portrait{font:900 17px Bento,sans-serif;color:#a65327;text-align:center}.placeholder-portrait small{font:700 8px Console Sans}.next-stamp{top:8px;left:auto;right:8px;font-size:7px}.next-inner h3{font:700 17px Bento,sans-serif;margin:9px 0;color:#332c27}.schedule{border-top:1px solid #f6e4d1;border-bottom:1px solid #f6e4d1;padding:4px 0}.schedule p{margin:5px 0;font-size:10px;color:#625a54}.main-nav{margin:12px 0;min-height:48px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:5px;display:flex;justify-content:space-around;box-shadow:var(--shadow)}.main-nav a{flex:1;text-align:center;text-decoration:none;color:#6c625a;border-radius:25px;padding:8px 5px;font-size:12px;font-weight:800;transition:.15s}.main-nav a span{color:#e87928;font-size:15px;margin-right:7px}.main-nav a:hover{background:#fff2e4}.main-nav a.active{background:linear-gradient(100deg,#f27620,#f59a45);color:white;box-shadow:0 2px 6px #e8803455}.main-nav a.active span{color:white}.lower-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:12px;align-items:start}.about-body{position:relative;min-height:292px;padding:13px 16px 12px}.about-text{width:65%;position:relative;z-index:1}.about-text p{font-size:11px;line-height:1.55;color:#5f5751;margin:0 0 9px}.series-facts{position:relative;z-index:1;width:65%;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;row-gap:5px;margin-top:10px;font-size:10px}.series-facts div{font-weight:800;color:#645c55}.series-facts div span{color:#e87829;margin-right:6px}.series-facts b{font-size:10px;color:#443b35}.about-art{position:absolute;right:5%;bottom:-6px;width:29%;height:260px;display:flex;justify-content:center;align-items:end}.placeholder-figure{position:relative;width:130px;height:235px;text-align:center;color:#fff;filter:drop-shadow(0 4px 2px #8d451c26)}.figure-ears{position:absolute;top:0;left:28px;width:75px;color:#ea7626;font-size:31px;letter-spacing:-10px;transform:rotate(-3deg)}.figure-head{position:absolute;top:29px;left:27px;width:76px;height:71px;border:3px solid #d96527;border-radius:48%;background:#ffe1bf;color:#754d35;padding-top:22px;font-size:26px}.figure-body{position:absolute;top:100px;left:15px;width:99px;height:115px;background:linear-gradient(90deg,#fff 0 40%,#f5812b 40% 68%,#fff 68%);border:3px solid #d96527;border-radius:45px 45px 18px 18px;padding-top:42px;font-size:20px}.placeholder-figure>span{position:absolute;bottom:0;left:0;right:0;color:#a45b32;font-size:9px;font-weight:900}.doodle-star,.doodle-heart{position:absolute;color:#e78336;font-size:25px}.doodle-star{top:20px;left:0}.doodle-heart{right:4px;top:75px}.character-column{display:grid;gap:12px}.character-main{display:flex;gap:10px;padding:10px 11px 6px}.portrait{flex:0 0 92px;height:92px;border-radius:8px;background:linear-gradient(145deg,#ffd9ad,#f3a253);border:1px solid #f2c28e;display:grid;place-content:center;text-align:center;color:#a04a20;font:900 19px Bento,sans-serif}.portrait small{font:700 7px Console Sans;color:#8b6347;margin-top:3px}.character-intro h3{font:700 18px Bento,sans-serif;color:#322d28;margin:2px 0 5px}.character-intro p{font-size:10px;line-height:1.4;color:#6c625b;margin:0}.character-facts{margin:0 12px 10px}.character-facts div{display:grid;grid-template-columns:90px 1fr;padding:4px 2px;border-top:1px solid #f5e6d7;font-size:9px;line-height:1.2}.character-facts dt{color:#bf6128;font-weight:900}.character-facts dd{margin:0;color:#5d554f}.character-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px}.character-tiles a{text-align:center;text-decoration:none;color:#443b36;min-width:0}.tile-art{height:52px;width:52px;margin:0 auto 5px;border-radius:8px;display:grid;place-items:center;color:#fff;font:900 16px Bento,sans-serif;background:linear-gradient(145deg,#f4aa69,#d96425);border:2px solid #fff0df;box-shadow:0 1px 4px #ac572533}.tile-art.frank{background:linear-gradient(145deg,#b1b4d2,#6a739a)}.tile-art.clover{background:linear-gradient(145deg,#9fc88e,#559566)}.tile-art.others{background:linear-gradient(145deg,#f5d27e,#ef9b3a)}.character-tiles b,.character-tiles small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-tiles b{font-size:8px}.character-tiles small{font-size:8px;color:#918177;margin-top:2px}.anchor-note{display:none;margin-top:10px;padding:10px;border:1px dashed #efc090;border-radius:10px;color:#986239;text-align:center;background:#fffaf3}#gallery:target,#extras:target{display:block;scroll-margin:12px}footer{text-align:center;color:#ab7a55;font-size:9px;font-weight:900;letter-spacing:1.1px;padding:14px 0 0}
@media(min-width:1100px){.featured-grid{grid-template-columns:1.22fr 1fr .8fr}.latest-card,.episode-info,.next-card{min-height:306px}.video-thumb{height:220px;aspect-ratio:auto}.next-thumb{height:105px}.about-body{min-height:335px}.about-art{height:300px}.placeholder-figure{transform:scale(1.15);transform-origin:bottom center}}
@media(max-width:900px){.page-shell{padding:10px}.featured-grid{grid-template-columns:1.1fr 1fr}.next-card{grid-column:1/-1}.next-inner{display:grid;grid-template-columns:130px 1fr 1fr;gap:5px 12px;align-items:center}.next-thumb{grid-row:span 3}.next-inner h3{margin:0}.next-inner .badges{grid-column:2/-1}.schedule{border:0}.lower-grid{grid-template-columns:1.35fr 1fr}.filmstrip{right:2%;transform:scale(.8) rotate(8deg);transform-origin:right top}.hero-kit{left:1%;transform:scale(.82);transform-origin:bottom left}.logo-main{font-size:42px}}
@media(max-width:620px){.page-shell{padding:8px}.hero{height:190px}.hero-kit{transform:scale(.6);left:-1%;bottom:-46px;opacity:.83}.hero-title{margin-left:45px;margin-right:35px}.logo-main{font-size:34px}.logo-top{font-size:15px}.tagline{font-size:13px}.filmstrip{right:-9px;top:10px;transform:scale(.52) rotate(8deg)}.hero-ribbon{font-size:7px}.featured-grid,.lower-grid{grid-template-columns:1fr}.latest-card,.episode-info,.next-card{min-height:unset}.video-thumb{height:auto;aspect-ratio:16/9}.next-card{grid-column:auto}.next-inner{display:block}.next-thumb{height:130px}.main-nav{border-radius:16px;overflow:auto;justify-content:flex-start;gap:2px}.main-nav a{min-width:100px;white-space:nowrap}.about-body{min-height:unset;padding-bottom:20px}.about-text,.series-facts{width:100%}.about-art{position:relative;right:auto;bottom:auto;width:100%;height:230px;margin-top:8px;background:linear-gradient(90deg,transparent,#fff8f0,transparent)}.series-facts{grid-template-columns:1fr 1.15fr;margin-top:14px}.character-tiles{gap:4px}.tile-art{width:46px;height:46px}.character-tiles b,.character-tiles small{font-size:7px}.character-main{gap:8px}.portrait{flex-basis:82px;height:82px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}