/* Cartoon playground: the same ink, mint and lavender as the illustrated title. */
body:not(.adult){--bg:#fff8ee;--panel:#fff9ed;--ink:#654735;--sub:#897160;--accent:#85c9ac;--accent-deep:#497b66;--mint:#85c9ac;background:#fff8ee}
body:not(.adult) #home .topline .logo{position:relative;width:90px;min-width:70px;height:60px;background:url('/assets/ui/entrance/title-v3.png') center/contain no-repeat;flex:none}
body:not(.adult) #home .topline .logo>*{opacity:0;pointer-events:none}
body:not(.adult) #home :is(.daily,.pickbody,.collcard){background:transparent!important;border:0;box-shadow:none}
body:not(.adult) #home :is(.daily,.collcard)::before,body:not(.adult) :is(#winwrap .win,#sheet .box,#settings .box)::before{inset:-3px;border:24px solid transparent;border-image:url('/assets/ui/cartoon/panel.png') 110 fill / 24px stretch;filter:none;background:none}
body:not(.adult) #home .pickbody::before{display:none}
body:not(.adult) #home .caro{gap:12px;padding:10px 2px 16px}
body:not(.adult) #home .caro .card{width:142px;flex-basis:142px;padding:12px;gap:8px}
body:not(.adult) #home .caro .card::before{inset:0;background:none;border:12px solid transparent;border-image:url('/assets/ui/cartoon/panel.png') 110 fill / 12px stretch;filter:none}
body:not(.adult) #home .caro .card[aria-pressed="true"]{filter:drop-shadow(0 3px 0 #a78bc2)}
body:not(.adult) #home .caro .card .row{display:flex;flex-direction:column;gap:4px;align-items:center;width:100%}
body:not(.adult) #home .caro .card .name{font:14px/1.4 var(--disp);white-space:normal;min-height:38px;text-align:center;word-break:keep-all;overflow-wrap:anywhere}
body:not(.adult) #home .caro .card .chip{position:static;font-size:10px;line-height:1.4;padding:2px 7px;border:0;background:#dcefe1;color:#486955}
body:not(.adult) #home .ctabs{display:flex;flex-wrap:wrap;gap:6px}
body:not(.adult) #home .ctab{min-height:44px;padding:10px 13px;font-size:13px;white-space:nowrap}
body:not(.adult) #home .ctab::before,body:not(.adult) #home .cnt::before{background:none;border:12px solid transparent;border-image:url('/assets/ui/cartoon/panel.png') 110 fill / 12px stretch;filter:none}
body:not(.adult) #home .ctab.on,body:not(.adult) #home .cnt.on{color:#4b3764;filter:drop-shadow(0 2px 0 #b69dcc)}
body:not(.adult) #home .pickbody{padding:0}
body:not(.adult) #home .stage-art .art-frame-kid{display:none}
body:not(.adult) #home .stage-art{aspect-ratio:4/3;filter:none}
body:not(.adult) #home .stage-art::before{content:"";position:absolute;inset:0;background:url('/assets/ui/cartoon/panel.png') center/100% 100% no-repeat}
body:not(.adult) #home .stage-art #dailyThumb{left:6%;top:8%;width:88%;height:82%;border-radius:8px}
body:not(.adult) #home .daily .playbtn:has(.kid-start-art){background:none!important;box-shadow:none;border:0;padding:0;height:auto;min-height:70px;max-width:340px;align-self:center;width:100%;aspect-ratio:3/1}
body:not(.adult) #home .daily .playbtn:has(.kid-start-art)::before{display:none}
.kid-start-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.kid-new-note{display:block;font:12px/1.4 var(--body);text-align:center;color:#786250;margin-top:-5px}
body:not(.adult) #home .daily .playbtn:has(.kid-new-note){display:flex;flex-direction:column;aspect-ratio:auto;gap:0;margin-bottom:12px}
body:not(.adult) #home .daily .playbtn:has(.kid-new-note) .kid-start-art{height:auto;aspect-ratio:3/1}
body:not(.adult) #home .photo-entry #photoChoose::before{background:none;border:18px solid transparent;border-image:url('/assets/ui/cartoon/panel.png') 110 fill / 18px stretch;filter:none}
body:not(.adult) #game,body:not(.adult) #arena{background:#fff8ee}
body:not(.adult) #gtop{display:grid;grid-template-columns:58px minmax(0,1fr) 58px 58px;grid-template-rows:auto auto;gap:0 8px;padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left));width:100%;max-width:1100px}
body:not(.adult) #gtop .gbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:58px;min-width:58px;min-height:70px;padding:0;border:0;background:none!important;box-shadow:none;font:12px/1.3 var(--disp);color:#654735}
body:not(.adult) #gtop .gbtn::before{display:none}
body:not(.adult) #gtop .gbtn img{display:block;width:58px;height:58px;object-fit:contain;pointer-events:none}
body:not(.adult) #gtop .gbtn:active{transform:translateY(2px) scale(.96)}
body:not(.adult) #gtop .gbtn:focus-visible{outline:3px solid #a98cbd;outline-offset:2px;border-radius:14px}
body:not(.adult) #gtop #backBtn{grid-column:1;grid-row:1}
body:not(.adult) #gtop #peekBtn{grid-column:3;grid-row:1}
body:not(.adult) #gtop #kidHint{grid-column:4;grid-row:1}
body:not(.adult) #gtitle{grid-column:2;grid-row:1;white-space:normal;overflow-wrap:anywhere;word-break:keep-all;font:18px/1.35 var(--disp);text-align:center}
body:not(.adult) #gcount{grid-column:1/-1;grid-row:2;justify-self:center;background:none;border:0;padding:2px 8px;box-shadow:none;font:14px/1.4 var(--disp);color:#80618c}
body:not(.adult) #gprog{height:8px;border:0;background:#ebe0ef;margin:0 24px 3px}
body:not(.adult) #gprogFill{background:#8bceb0}
#kidGameHelp{flex:none;margin:4px 16px 7px;text-align:center;font:13px/1.4 var(--body);color:#786250;word-break:keep-all}
body:not(.adult) #board{border:0;box-shadow:none;background:#fffdf6;border-radius:0;isolation:isolate}
body:not(.adult) #board::before{content:"";position:absolute;inset:-10px;z-index:-1;border:16px solid transparent;border-image:url('/assets/ui/cartoon/panel.png') 110 fill / 16px stretch;pointer-events:none}
body:not(.adult) #ghost{border-radius:0}
body:not(.adult) .piece{filter:drop-shadow(0 2px 2px #65473540)}
body:not(.adult) .piece.placed{filter:none}
body:not(.adult) .piece.kid-hinted{filter:drop-shadow(0 0 5px #ffbd24) drop-shadow(0 0 3px #ffbd24)}
#kidHintTarget{position:absolute;z-index:1;pointer-events:none;border:3px dashed #c58b13;background:#ffe38d55;border-radius:8px}
body:not(.adult) #peekpop{background:#56466ec9;padding:24px}
body:not(.adult) #peekpop canvas{border:8px solid #e6d6ee;border-radius:18px;max-width:100%;max-height:85vh}
body:not(.adult) #winwrap .win{padding:28px;max-width:min(90vw,460px);transform:none}
body:not(.adult) #winwrap h2{color:#5d7f68;font-size:28px}
body:not(.adult) #winwrap .wbtns button{min-height:52px;padding:12px 18px;font-size:18px}
@media(max-width:360px){body:not(.adult) #gtop{gap:0 4px;padding-inline:10px}body:not(.adult) #gtitle{font-size:15px}#kidGameHelp{font-size:12px}body:not(.adult) #home .topline .logo{width:70px;min-width:62px}body:not(.adult) #home .ctab{padding-inline:10px;font-size:12px}}
@media(max-height:480px) and (orientation:landscape){body:not(.adult) #gtop{grid-template-columns:52px minmax(0,1fr) 52px 52px 80px;grid-template-rows:auto;padding-block:4px}body:not(.adult) #gtop .gbtn{width:52px;min-width:52px;min-height:56px;font-size:10px}body:not(.adult) #gtop .gbtn img{width:42px;height:42px}body:not(.adult) #gcount{grid-column:5;grid-row:1;align-self:center}#kidGameHelp{margin:1px 12px 4px;font-size:11px}}
@media(prefers-reduced-motion:reduce){body:not(.adult) #game *,body:not(.adult) #home .card{animation:none!important;transition:none!important}}
@media(min-width:1000px){body:not(.adult) #home #pickSec{grid-row:2}body:not(.adult) #home .photo-entry{grid-row:3}}