@page{margin:.4in}@media print{html,body,#root,main,.screen,.band-body,.result-layout,.colors-viewer,.colors-big-slot{max-width:none!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.band-body>:not(.result-layout),.result-layout>:not(.print-target),.colors-viewer>:not(.colors-big-slot),.colors-big-slot>:not(.print-target){display:none!important}.screen>:not(.colors-viewer):not(.band-body:has(.print-target)){display:none!important}.colors-viewer{position:static!important;inset:auto!important}.print-target{page-break-inside:avoid;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;display:block!important}}@font-face{font-family:Anton;src:url(/fonts/anton-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/caveat-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--pink:#ff4fa0;--blue:#2879ed;--green:#28c76f;--purple:#8067e8;--cream:#fffaf1;--ink:#342556;--shadow:0 8px 0 #67472721, 0 14px 28px #452b5224;--band:#5b4aa8;--band-deep:#493a8c;--band-foot:#45367f;--font-display:"Anton", "Arial Narrow", "Trebuchet MS", sans-serif;--font-script:"Caveat", "Trebuchet MS", cursive}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#f4efff;margin:0;font-family:Trebuchet MS,Arial,sans-serif}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible{outline-offset:3px;outline:5px solid #122bff}#root{min-height:100dvh}.screen{background:linear-gradient(#e9f7ff 0,#fffaf1 32%,#fff7ee 100%);max-width:1024px;min-height:100dvh;margin:auto;padding:clamp(16px,3vw,34px);position:relative;overflow:hidden}.screen.banded{flex-direction:column;height:100dvh;padding:0;display:flex}.band-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:clamp(16px,3vw,34px);overflow-y:auto}.home{background:#fff8f1;grid-template-rows:auto 1fr auto;gap:16px;padding-bottom:24px;display:grid}.brand{text-align:center;color:var(--pink);text-shadow:0 4px #fff,0 7px #ffc73a;margin:0;font-size:clamp(36px,7vw,68px);line-height:.9}.brand span{color:#7a55db;font-size:.68em;display:block}.sound{background:var(--blue);color:#fff;width:72px;height:72px;box-shadow:var(--shadow);z-index:2;border:0;border-radius:50%;font-size:34px;position:absolute;top:22px;right:24px}.hero{min-height:480px;box-shadow:var(--shadow);background:url(/hero-toybox.png) 50%/cover no-repeat;border-radius:36px;position:relative;overflow:hidden}.play{aspect-ratio:1;color:#fff;background:#23d56f;border:14px solid #ff8bc2;border-radius:50%;width:clamp(130px,22vw,210px);font-size:clamp(68px,11vw,112px);position:absolute;bottom:5%;left:50%;transform:translate(-50%);box-shadow:0 0 0 8px #fff8,0 12px #169652}.home-actions{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.toy-btn{color:#fff;min-height:150px;box-shadow:var(--shadow);border:0;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:clamp(18px,3vw,26px);font-weight:900;display:flex}.toy-btn .pic{font-size:clamp(58px,9vw,92px);line-height:1}.toy-btn.book{background:#4b71e8}.toy-btn.surprise{background:#f151a5}.toy-btn.grown{background:#f2a83b}.toy-btn.danger{background:#ef465e}.tiny{font-size:14px;font-weight:900}.headerband,.footerband{background:linear-gradient(180deg, var(--band), var(--band-deep));z-index:5;flex:none;position:relative;box-shadow:0 8px 20px #1c10424d}.headerband{padding:16px 28px;padding-top:calc(16px + env(safe-area-inset-top));border-bottom:3px solid var(--pink);align-items:center;gap:16px;display:flex}.footerband{padding:14px 24px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg, var(--band), var(--band-foot));border-top:3px solid var(--pink);box-shadow:0 -8px 20px #1c104252}.band-crop{border:2px solid #ff4fa073;width:14px;height:14px;position:absolute}.band-crop.tl{top:calc(8px + env(safe-area-inset-top));border-bottom:0;border-right:0;left:8px}.band-crop.tr{top:calc(8px + env(safe-area-inset-top));border-bottom:0;border-left:0;right:8px}.band-crop.bl{bottom:calc(8px + env(safe-area-inset-bottom));border-top:0;border-right:0;left:8px}.band-crop.br{bottom:calc(8px + env(safe-area-inset-bottom));border-top:0;border-left:0;right:8px}.band-chip{color:#fff;letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:18px;flex:none;align-items:center;gap:7px;min-height:56px;padding:9px 16px;font-size:clamp(14px,1.9vw,17px);font-weight:900;display:inline-flex}.band-chip .g{font-size:26px;line-height:1}.band-chip.home{background:var(--pink);box-shadow:inset 0 1px #ffffff47,0 4px #c22e74}.band-chip.home:active{transform:translateY(2px);box-shadow:inset 0 1px #fff3,0 1px #c22e74}.band-chip.back,.band-chip.dest{background:#4b71e8;box-shadow:inset 0 1px #ffffff47,0 4px #2f4dae}.band-chip.back:active,.band-chip.dest:active{transform:translateY(2px);box-shadow:inset 0 1px #fff3,0 1px #2f4dae}.band-lockup{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.band-eyebrow,.band-sub{text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.band-eyebrow{letter-spacing:.3em;color:#fffaf19e}.band-sub{letter-spacing:.18em;color:#fffaf1c7}.band-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;color:var(--cream);text-shadow:0 3px #00000047;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(26px,4vw,40px);font-weight:400;line-height:1.3;overflow:hidden}.band-speak{width:64px;height:64px;color:var(--blue);box-shadow:var(--shadow);background:#fff;border:0;border-radius:50%;flex:none;font-size:32px}.band-forward{color:#fff;background:linear-gradient(#34dd7e,#1fae5d);border:0;border-radius:28px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:96px;margin-bottom:10px;font-weight:900;display:flex;box-shadow:inset 0 2px #ffffff4d,0 5px #158544,0 10px 18px #1c104259}.band-forward .g{font-size:34px;line-height:1}.band-forward .lbl{letter-spacing:.02em;text-transform:uppercase;font-size:clamp(22px,3.6vw,34px)}.band-forward:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff4d,0 2px #158544}.band-forward:disabled{filter:grayscale(.4);cursor:default;background:#9c93c4;box-shadow:inset 0 2px #ffffff29,0 5px #776da0}.band-maker{text-align:center;font-family:var(--font-script);color:#fffaf18c;font-size:22px;line-height:1.2;display:block}.headerband button:focus-visible,.footerband button:focus-visible{outline-color:#ffe04f}.prompt{text-align:center;font-size:clamp(26px,4.6vw,48px);font-weight:900}.icon-btn{width:72px;height:72px;color:var(--blue);box-shadow:var(--shadow);background:#fff;border:0;border-radius:50%;flex:none;font-size:38px}.crew{box-shadow:var(--shadow);background:linear-gradient(#59d6d2,#39a9ca);border:7px solid #e4a947;border-radius:42px;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px;display:grid}.seat{aspect-ratio:1;background:#cfc8f4;border:5px solid #fff8;border-radius:26px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.seat.empty{color:#fff;font-size:50px}.seat img{object-fit:cover;width:100%;height:100%;display:block}.seat .minus{color:#fff;background:#f04d62;border-radius:50%;place-items:center;width:34px;height:34px;font-size:24px;display:grid;position:absolute;top:4px;right:4px}.crew-screen .band-body{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.crew-pinned{flex:none}.shelves{overscroll-behavior:contain;flex:1;min-height:0;margin:0 -4px;padding:6px 0 16px;overflow-y:auto}.shelf{margin-top:14px}.shelf-head{text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-height:60px;padding:0 4px;display:flex}.shelf-head img{object-fit:cover;background:#fff;border-radius:14px;flex:none;width:56px;height:56px;padding:3px;box-shadow:0 3px #ddd}.shelf-head .name{font-size:26px;font-weight:900}.shelf-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:14px;padding:8px 4px 16px;display:flex;overflow-x:auto}.shelf-row .card{scroll-snap-align:start;flex:none;width:176px}.shelf-row .label{font-size:18px}.grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px;display:grid}.card{box-shadow:var(--shadow);background:#fff;border:0;border-radius:28px;padding:6px;position:relative}.card img{aspect-ratio:1;object-fit:cover;border-radius:22px;width:100%;display:block}.card.selected{box-shadow:0 0 0 7px #ffd836, var(--shadow)}.check{color:#fff;background:#19b969;border-radius:50%;place-items:center;width:46px;height:46px;font-size:30px;font-weight:700;display:grid;position:absolute;top:8px;right:8px}.label{padding:5px;font-size:clamp(15px,2.5vw,21px);font-weight:900;display:block}.more-row{justify-content:flex-end;margin-top:12px;display:flex}.choice-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.choice{min-height:175px;box-shadow:var(--shadow);color:var(--ink);background:#fff;border:0;border-radius:28px;font-weight:900}.choice .pic{font-size:clamp(68px,10vw,108px);line-height:1.15;display:block}.choice.picture{aspect-ratio:1;min-height:0;padding:0;overflow:hidden}.choice.picture .pic-img{object-fit:contain;width:100%;height:100%;display:block}.choice.selected{box-shadow:0 0 0 8px #ffd83d, var(--shadow);transform:translateY(-3px)}.extras .choice{min-height:140px}.detail-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10vh;display:grid}.detail-grid .choice{min-height:300px}.detail-grid .pic{font-size:130px}.review-card{box-shadow:var(--shadow);background:#fff;border-radius:34px;gap:18px;padding:28px;display:grid}.review-row{align-items:center;gap:12px;display:flex;overflow:auto}.review-row img{border-radius:50%;width:100px;height:100px}.review-row .pic{font-size:76px}.review-row .pic-img{object-fit:cover;border-radius:18px;width:76px;height:76px}.review-row strong{font-size:clamp(20px,3vw,30px)}.review-card .toy-btn{flex-direction:row;gap:12px;min-height:88px}.review-card .toy-btn .pic{font-size:38px}.result-screen .band-body{flex-direction:column;display:flex;overflow:hidden}.result-layout{flex:1;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:16px;min-height:0;display:grid}.result-img{object-fit:contain;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%;box-shadow:var(--shadow);background:#fff;border:8px solid #fff;border-radius:22px;display:block}.result-failed{text-align:center;place-items:center;min-height:40vh;display:grid}.result-actions{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.result-actions .toy-btn{min-height:120px}.result-actions .toy-btn .pic{font-size:clamp(44px,6vw,64px)}.result-actions .toy-btn.retry{background:#f2b90b}@media (orientation:landscape) and (width>=900px){.result-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 240px;align-items:center}.result-actions{grid-template-columns:1fr;align-content:center}}.book-list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.book-item{box-shadow:var(--shadow);text-align:center;background:#fff;border:0;border-radius:28px;padding:12px}.screen[data-screen=book],.screen[data-screen=colors]{background-color:#6d5cb8;background-image:radial-gradient(125% 420px at 50% 0,#ffffff52 0%,#fff0 100%),radial-gradient(125% 280px at 50% 100%,#1c104266 0%,#1c104200 100%),repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 16px);background-position:top,bottom,0 0;background-repeat:no-repeat,no-repeat,repeat;background-size:100% 420px,100% 280px,auto}.screen[data-screen=book] .band-body>p,.screen[data-screen=book] .loading p,.screen[data-screen=book] .prompt{color:#fff}.colors-empty-card .prompt,.colors-empty-card p{color:var(--ink)}.screen[data-screen=book] button:focus-visible,.screen[data-screen=colors] button:focus-visible{outline-color:#ffe04f}.page-frame{background:#efe9ff;border:4px solid #cbb9f2;border-radius:18px;padding:7px;display:block;overflow:hidden;box-shadow:inset 0 2px 5px #3425561f,0 1px #fff}.page-frame img{aspect-ratio:4/3;object-fit:contain;background:0 0;border-radius:10px;width:100%;display:block}.page-frame .placeholder{aspect-ratio:4/3;background:#f6f2ff;border-radius:10px;place-items:center;width:100%;font-size:72px;display:grid}.book-item strong{padding-top:8px;font-size:18px;display:block}.colors-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:26px 22px;padding:6px 4px 12px;display:grid}.colors-tile{text-align:center;box-shadow:3px 4px 0 #6747272e, var(--shadow);background:#fff;border:0;border-radius:22px;padding:12px 12px 8px;position:relative}.colors-tile.tilt-a{transform:rotate(-1.2deg)}.colors-tile.tilt-b{transform:rotate(1.1deg)}.colors-tile.tilt-a:active{transform:rotate(-1.2deg)scale(.985)}.colors-tile.tilt-b:active{transform:rotate(1.1deg)scale(.985)}.colors-tile .cap{padding-top:8px;font-size:18px;font-weight:900;display:block}.colors-tile .stamp{filter:drop-shadow(0 2px 2px #0003);font-size:34px;position:absolute;top:6px;right:6px}.colors-empty{place-items:center;min-height:55vh;display:grid}.colors-empty-card{text-align:center;max-width:460px;box-shadow:3px 4px 0 #6747272e, var(--shadow);background:#fff;border-radius:30px;padding:36px 28px;transform:rotate(-1.2deg)}.colors-empty-card .pic{margin-bottom:12px;font-size:96px;line-height:1.15}.colors-empty-card .prompt{margin:0 0 10px}.colors-empty-card p{font-size:18px;line-height:1.4}.colors-viewer{z-index:9;padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom));background:#261842b8;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:16px;display:grid;position:fixed;inset:0}.colors-big-slot{justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.colors-viewer img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:var(--shadow);background:#fff;border:5px solid #cbb9f2;border-radius:12px}.colors-viewer-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,620px);display:grid}.colors-viewer-actions .toy-btn{min-height:92px}.colors-viewer-actions .toy-btn .pic{font-size:clamp(34px,5vw,48px)}.gate .band-body{place-items:center;display:grid}.gate-card{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:34px;padding:32px}.passcode-input{font:inherit;text-align:center;border:3px solid #d9d2f5;border-radius:18px;width:min(100%,420px);margin:6px auto 0;padding:14px 18px;font-size:26px;display:block}.passcode-show{justify-content:center;align-items:center;gap:10px;margin:10px 0 4px;font-size:17px;display:flex}.passcode-show input{width:24px;height:24px}.backup-actions{flex-wrap:wrap;gap:12px;display:flex}.backup-actions .toy-btn{flex:220px;min-height:84px}.backup-confirm{background:#faf7ff;border:3px solid #d9d2f5;border-radius:20px;gap:12px;padding:16px;display:grid}.backup-caption{color:#4a3a7a;font-weight:700}.gate-question{font-size:64px;font-weight:900}.numbers{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.numbers button{background:#ece7ff;border:0;border-radius:24px;height:90px;font-size:40px;font-weight:900}.grown h2{margin:0;font-size:22px}.grown p{margin:0;font-size:17px;line-height:1.4}.grown .row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.grown input[type=text]{font:inherit;border:3px solid #d9d2f5;border-radius:16px;min-width:200px;padding:12px 16px;font-size:22px}.grown .avatar{border-radius:50%;width:96px;height:96px}.grown .toy-btn{min-height:84px;padding:8px 20px}.grown .toy-btn .pic{font-size:34px}.modal{z-index:20;background:#3a275599;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.sheet{background:#fff;border-radius:36px;grid-template-columns:90px 1fr 1fr;align-items:center;gap:18px;width:min(100%,900px);padding:24px;display:grid}.sheet button{border:0;border-radius:28px;height:104px;font-size:42px}.sheet img{border-radius:50%;width:104px;height:104px}.remove{color:#fff;background:#ef465e}.close{background:var(--blue);color:#fff}.loading{text-align:center;place-items:center;min-height:70vh;display:grid}.spinner{font-size:120px;animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.signin{text-align:center;place-items:center;min-height:70vh;display:grid}.signin .gate-card{gap:18px;max-width:560px;display:grid}.signin p{margin:0;font-size:20px}@media (width<=650px){.screen,.band-body{padding:12px}.headerband{padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));gap:10px}.band-chip{padding:8px 11px}.band-eyebrow,.band-sub{display:none}.band-speak{width:54px;height:54px;font-size:26px}.footerband{padding:10px 14px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.band-forward{min-height:76px}.hero{min-height:390px}.home-actions{gap:9px}.toy-btn{min-height:110px}.grid,.choice-grid{gap:10px}.choice{min-height:135px}.crew{gap:6px;padding:10px}.book-list{grid-template-columns:1fr}.sheet{grid-template-columns:70px 1fr 1fr}}@media (orientation:landscape) and (width>=700px){.home{grid-template-rows:auto 1fr;grid-template-columns:1.45fr 1fr}.brand{grid-column:1/-1}.hero{grid-row:2;min-height:70vh}.home-actions{grid-template-columns:1fr;align-content:center}.screen:not(.home){max-width:1180px}.crew-screen .headerband{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px}.crew-screen .crew{border-width:5px;border-radius:30px;grid-template-columns:repeat(4,110px);gap:10px;width:max-content;margin:0 auto;padding:10px}.crew-screen .seat{border-radius:18px}.crew-screen .seat.empty{font-size:32px}.grid,.choice-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.color-screen .band-body{flex-direction:column;padding:12px;display:flex;overflow:hidden}.color-layout{flex:1;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;display:grid}.color-stage{place-items:center;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.color-canvas{box-shadow:var(--shadow);touch-action:none;cursor:crosshair;background:#fff;border:6px solid #fff;border-radius:18px;display:block}.color-loading{place-items:center;display:grid;position:absolute;inset:0}.color-tools{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.tool-row,.crayons{flex-wrap:wrap;justify-content:center;display:flex}.tool-row{gap:7px}.crayons{gap:6px}.tool{width:65px;height:65px;box-shadow:var(--shadow);background:#fff;border:0;border-radius:15px;flex:none;justify-content:center;align-items:center;display:flex}.tool img{object-fit:contain;filter:drop-shadow(0 1px 1.5px #05081080);pointer-events:none}.tool.active{background:#ffe04f;transform:translateY(-2px)}.tool.action{background:var(--band-deep)}.tool:disabled{opacity:.4;cursor:default}.tool.action:disabled{opacity:1;background:#b3aec4}.tool.action:disabled img{opacity:.75}.crayon{outline-offset:2px;border:0;border-radius:50%;outline:3px solid #0000;flex:none;width:40px;height:40px;padding:0;box-shadow:inset 0 0 0 1px #0000004d,0 2px 4px -1px #0006}.crayon.active{outline-color:#342556;transform:scale(1.08)}@media (width>=740px){.color-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 216px}.color-tools{gap:12px}}@media (height<=900px){.color-screen .headerband{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px}.color-screen .footerband{padding:10px 24px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.color-screen .band-forward{min-height:68px;margin-bottom:6px}}.result-actions{grid-template-columns:repeat(2,1fr)}@media (orientation:landscape) and (width>=900px){.result-actions{grid-template-columns:1fr}.result-actions .toy-btn{min-height:96px}}.toy-btn.color{background:var(--green)}