*{box-sizing:border-box}body{margin:0;background:#f8f4e9;color:#362e43;font-family:'Zen Maru Gothic',sans-serif}.festival-page{max-width:1160px;margin:auto;padding:20px 16px 40px}.festival-page>h1{text-align:center;font-size:32px;margin:6px}.festival-page>.kids-seo-lead{text-align:center;margin:8px 0 18px}.festival{position:relative;isolation:isolate;aspect-ratio:16/9;background:#101d3a url('./assets/night.webp') center/cover;border-radius:18px;overflow:hidden;color:#fff4dd;container-type:size;box-shadow:0 9px 24px #17203c33}.festival [hidden]{display:none!important}.festival button{font:700 13px 'Zen Maru Gothic',sans-serif;cursor:pointer;color:#382b38;padding:7px 12px;border:1px solid #d6c1a2;border-radius:6px;background:#fff3d9 url('./assets/ticket.webp') center/100% 100%;touch-action:manipulation}.festival button[aria-pressed=true]{outline:3px solid #e39b1f;outline-offset:1px;background-color:#ffe39c}.festival button:focus-visible,.festival-field:focus-visible{outline:3px solid #6cdfff;outline-offset:-3px}.festival button:disabled{opacity:.4;cursor:default}.festival button.orange{background:#ef922b url('./assets/orange.webp') center/100% 100%;color:#442204;border:0;font-weight:900}.festival-layout{display:grid;grid-template-columns:1fr;grid-template-rows:46px minmax(0,1fr);height:100%}.festival[data-phase=play] .festival-layout{grid-template-columns:minmax(0,1fr) 290px}.festival-top{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 9px;grid-column:1;grid-row:1;background:#09152e99;z-index:2}.festival-top button{color:#fff1d4;background:#152340b0;border:1px solid #6c7691;font-size:11px;min-height:30px;padding:5px 8px;white-space:nowrap}.festival-cover{display:grid;place-items:center;padding:12px 20px 24px;min-height:0}.festival-ticket{width:min(810px,92%);padding:4cqh 4cqw;background:transparent url('./assets/ticket.webp') center/100% 100%;color:#332a3d;text-align:center}.festival-ticket h2{font-size:clamp(25px,4.4cqw,50px);margin:0;font-weight:900;line-height:1.2}.festival-ticket>p{margin:10px 0;font-size:18px;font-weight:700}.festival-samples{display:flex;gap:14px;margin:20px 0}.festival-samples>div{width:25%;display:flex;flex-direction:column;gap:7px;align-items:center;font-size:14px;font-weight:700}.festival-samples img{width:100%;height:16cqh;object-fit:contain;background:#101e3c;border-radius:50%;padding:10px}.festival-ticket #start{font-size:23px;padding:13px 26px}.festival-field{grid-column:1;grid-row:2;position:relative;touch-action:none;overflow:hidden;user-select:none;cursor:crosshair}.festival-field canvas{position:absolute;inset:0;width:100%;height:100%}#aim{position:absolute;transform:translate(-50%,-50%);font-size:28px;color:#e5d2a3;opacity:0;pointer-events:none;line-height:1}.festival-field:focus-visible #aim{opacity:.65}#guide{position:absolute;top:4px;left:0;width:100%;font-size:13px;text-align:center;color:#f8edce;pointer-events:none;margin:0;background:#07183050;padding:6px}.festival-tools{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:9px;background:#8e541e url('./assets/wood.webp') center/100% 100%;padding:13px;min-height:0;color:#342b31}.festival-tools h2{margin:0;font-size:20px;background:#fff0d8;padding:6px;text-align:center;border-radius:6px}.tool-box{padding:8px;background:#fcf0d9;border-radius:7px}.tool-box h3{font-size:12px;margin:0 0 5px;font-weight:900}.festival-types{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.festival-types button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;font-size:11px;line-height:1.25;min-width:0}.festival-types button[data-type=random]{grid-column:1/3;flex-direction:row;gap:6px;min-height:27px}.festival-types img{width:39px;height:34px;object-fit:contain;display:block}.festival-colors{display:grid;grid-template-columns:repeat(9,1fr);gap:3px}.festival-colors button{background:transparent;border:0;padding:2px;border-radius:50%;height:25px;min-width:0;display:grid;place-items:center}.festival-colors i{width:19px;height:19px;display:block;border:1px solid #63433e6b;border-radius:50%;background:hsl(var(--hue),85%,55%)}.festival-colors i.rainbow{background:conic-gradient(#f46b8c,#ffc739,#72d570,#4781f4,#da6fe8,#f46b8c)}#colorName{font-size:11px;margin-left:6px;font-weight:700}#colorNote{font-size:10px;margin:6px 0 0}.festival-sizes{display:flex;gap:5px}.festival-sizes button{flex:1;font-size:11px;padding:5px 2px;min-height:30px}.festival-tools #auto{min-height:36px;font-size:16px}.launch-counter{background:#ead197;border:1px solid #aa7b39;border-radius:5px;padding:6px;text-align:center;font-size:13px}.launch-counter strong{font:700 26px 'Fredoka',sans-serif;margin:0 5px;font-variant-numeric:tabular-nums}.festival-tools #clear{min-height:32px}.field-note{margin:auto 0 0;text-align:center;color:#fff1d1;font-size:11px}.festival-dialog{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:#081020b3;z-index:5;backdrop-filter:blur(3px)}.festival-book{color:#392b35;width:min(850px,95%);max-height:100%;overflow:auto;background:#fff4df url('./assets/book.webp') center/100% 100%;border-radius:12px;padding:24px 28px;text-align:center;box-shadow:0 8px 28px #09061480}.festival-book h2{margin:0 0 18px;font-size:27px}.festival-book p{font-size:15px;line-height:1.85;margin:12px 0}.festival-book button{margin:6px;padding:9px 18px}.festival-book label{display:block;margin:16px}.festival-book input{display:block;margin:12px auto 22px;width:min(300px,90%);accent-color:#b97922}.festival-science{display:grid;grid-template-columns:1fr 1fr;gap:30px}.festival-science h3{font-size:17px;margin:0 0 10px}.festival-science p{font-size:13px;line-height:1.8}.willow-sample{width:180px;height:155px;object-fit:contain;background:#192340;border-radius:14px;padding:8px}.science-colors{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.science-colors>span{font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center}.science-colors img{width:52px;height:52px;object-fit:contain;background:#192340;border-radius:50%}.science-colors small{font-size:10px}.parent-note{max-width:940px;margin:24px auto;line-height:1.9;font-size:15px}.parent-note h2{font-size:20px}.festival:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;max-width:none;border-radius:0}.festival:fullscreen .festival-layout{grid-template-rows:58px minmax(0,1fr)}.festival:fullscreen[data-phase=play] .festival-layout{grid-template-columns:minmax(0,1fr) min(29vw,410px)}.festival:fullscreen .festival-top button{font-size:15px;padding:8px 14px}.festival:fullscreen .festival-tools{gap:16px;padding:20px}.festival:fullscreen .festival-types img{width:60px;height:55px}.festival:fullscreen .festival-types button{font-size:14px;padding:7px}.festival:fullscreen .festival-colors button{height:34px}.festival:fullscreen .festival-colors i{width:26px;height:26px}.festival:fullscreen .festival-sizes button{font-size:14px;min-height:40px}.festival:fullscreen .festival-tools #auto,.festival:fullscreen .festival-tools #clear{min-height:46px}.festival:fullscreen .festival-book{width:min(980px,92%);padding:35px}.festival:fullscreen .festival-science p{font-size:17px}.festival:fullscreen .willow-sample{height:190px}.festival:fullscreen .science-colors img{width:68px;height:68px}
@media(max-width:680px) and (orientation:portrait){.festival-page{padding:12px 8px 30px}.festival-page>h1{font-size:28px}.festival{aspect-ratio:auto;height:730px;max-height:calc(100dvh - 12px);min-height:650px}.festival-layout,.festival[data-phase=play] .festival-layout{grid-template-columns:1fr;grid-template-rows:78px minmax(0,1fr)}.festival[data-phase=play] .festival-layout{grid-template-rows:78px minmax(0,1fr) auto}.festival-top{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px}.festival-top button{font-size:11px;padding:5px;min-height:30px}.festival-cover{padding:12px}.festival-ticket{width:100%;padding:34px 18px}.festival-ticket h2{font-size:29px}.festival-ticket>p{font-size:13px}.festival-samples{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.festival-samples>div{width:100%;font-size:13px}.festival-samples img{height:100px;width:100px}.festival-ticket #start{font-size:17px;padding:12px 18px}.festival-tools{grid-column:1;grid-row:3;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.festival-tools h2{display:none}.types-box,.colors-box{grid-column:1/3}.tool-box{padding:6px}.festival-types{grid-template-columns:repeat(5,1fr);gap:4px}.festival-types button[data-type=random]{grid-column:auto;flex-direction:column}.festival-types button{font-size:10px;min-height:57px;padding:3px}.festival-types img{width:28px;height:26px}.festival-types button b{font-size:25px}.festival-colors button{height:31px}.festival-colors i{width:25px;height:25px}#colorNote{font-size:10px;margin:3px 0 0}.sizes-box{grid-column:1/3;display:flex;align-items:center;gap:8px}.sizes-box h3{margin:0;white-space:nowrap}.festival-sizes{flex:1}.festival-sizes button{min-height:30px}.festival-tools #auto{font-size:13px;min-height:36px}.launch-counter{padding:2px;font-size:11px;display:flex;align-items:center;justify-content:center}.launch-counter strong{font-size:23px}.festival-tools #clear{grid-column:1/3;justify-self:center;padding:5px 20px;min-height:30px;font-size:12px}.field-note{display:none}.festival-dialog{padding:8px}.festival-book{width:100%;padding:18px 12px;background-image:url('./assets/ticket.webp');border:3px solid #e4c37f}.festival-book h2{font-size:23px;margin-bottom:12px}.festival-book p{font-size:13px}.festival-science{grid-template-columns:1fr;gap:12px}.festival-science article{background:#fff6e5d9;border-radius:9px;padding:8px}.festival-science h3{font-size:15px}.festival-science p{font-size:12px;margin:6px 0;line-height:1.7}.willow-sample{width:90px;height:104px;float:left;margin:5px 8px 0 0}.science-colors{grid-template-columns:repeat(4,1fr);gap:4px}.science-colors img{width:35px;height:35px}.science-colors small{font-size:8px}.festival:fullscreen{max-height:none;min-height:0;height:100dvh}.festival:fullscreen .festival-layout{grid-template-rows:78px minmax(0,1fr)}.festival:fullscreen[data-phase=play] .festival-layout{grid-template-columns:1fr;grid-template-rows:78px minmax(0,1fr) auto}.festival:fullscreen .festival-top button{font-size:11px;padding:5px}.festival:fullscreen .festival-tools{padding:10px;gap:8px}.festival:fullscreen .festival-types button{font-size:10px;padding:3px}.festival:fullscreen .festival-types img{width:28px;height:26px}.festival:fullscreen .festival-colors button{height:31px}.festival:fullscreen .festival-colors i{width:25px;height:25px}.festival:fullscreen .festival-sizes button{font-size:11px;min-height:30px}.festival:fullscreen .festival-tools #auto{min-height:36px}.festival:fullscreen .festival-tools #clear{min-height:30px}.festival:fullscreen .festival-book{width:100%;padding:18px 12px}.festival:fullscreen .festival-science p{font-size:12px}.festival:fullscreen .willow-sample{height:104px}.festival:fullscreen .science-colors img{width:35px;height:35px}}
@media(max-height:500px) and (orientation:landscape){.festival{min-height:370px}.festival[data-phase=play] .festival-layout{grid-template-columns:minmax(0,1fr) 250px}.festival-layout{grid-template-rows:36px minmax(0,1fr)}.festival-top{gap:4px;padding:4px}.festival-top button{font-size:9px;padding:4px;min-height:26px}.festival-cover{padding:8px}.festival-ticket{padding:18px 30px;width:80%}.festival-ticket h2{font-size:29px}.festival-ticket>p{font-size:12px;margin:5px}.festival-samples{margin:10px 0;gap:10px}.festival-samples>div{font-size:11px}.festival-samples img{height:90px;padding:6px}.festival-ticket #start{font-size:17px;padding:8px 20px}.festival-tools{padding:8px;gap:5px}.festival-tools h2{font-size:15px;padding:4px}.tool-box{padding:5px}.tool-box h3{font-size:10px;margin-bottom:3px}.festival-types{grid-template-columns:repeat(4,1fr);gap:4px}.festival-types button{font-size:9px;padding:3px;min-height:46px}.festival-types button[data-type=random]{grid-column:1/5;min-height:22px}.festival-types img{height:23px;width:26px}.festival-colors button{height:23px}.festival-colors i{width:18px;height:18px}#colorNote{font-size:9px;margin-top:3px}.sizes-box{display:flex;gap:4px;align-items:center}.sizes-box h3{margin:0}.festival-sizes{flex:1}.festival-sizes button{font-size:9px;min-height:25px}.festival-tools #auto{min-height:28px;font-size:12px}.launch-counter{padding:2px;font-size:11px}.launch-counter strong{font-size:21px}.festival-tools #clear{min-height:26px;font-size:11px;padding:4px}.field-note{display:none}.festival-dialog{padding:8px}.festival-book{padding:14px 20px}.festival-book h2{font-size:20px;margin:0 0 8px}.festival-book p{font-size:12px;line-height:1.6;margin:7px 0}.festival-book button{font-size:12px;padding:6px 15px;margin:4px}.festival-science h3{font-size:14px}.willow-sample{width:105px;height:83px}.science-colors{grid-template-columns:repeat(4,1fr);gap:3px}.science-colors img{width:32px;height:32px}.science-colors small{font-size:8px}#helpPanel{display:grid;grid-template-columns:1fr 1fr;gap:10px}#helpPanel p:last-child{grid-column:1/3}.festival:fullscreen .festival-layout{grid-template-rows:36px minmax(0,1fr)}.festival:fullscreen[data-phase=play] .festival-layout{grid-template-columns:minmax(0,1fr) 250px}.festival:fullscreen .festival-top button{font-size:9px;padding:4px}.festival:fullscreen .festival-tools{gap:5px;padding:8px}.festival:fullscreen .festival-types img{width:26px;height:23px}.festival:fullscreen .festival-types button{font-size:9px;padding:3px}.festival:fullscreen .festival-colors button{height:23px}.festival:fullscreen .festival-colors i{width:18px;height:18px}.festival:fullscreen .festival-sizes button{font-size:9px;min-height:25px}.festival:fullscreen .festival-tools #auto{min-height:28px}.festival:fullscreen .festival-tools #clear{min-height:26px}.festival:fullscreen .festival-book{padding:14px 20px}.festival:fullscreen .festival-science p{font-size:12px}.festival:fullscreen .willow-sample{height:83px}.festival:fullscreen .science-colors img{width:32px;height:32px}}

.festival-tools{gap:7px;padding:10px}
@media(max-height:500px) and (orientation:landscape){.festival-tools,.festival:fullscreen .festival-tools{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:5px;padding:8px}.festival-tools h2{display:none}.types-box,.colors-box,.sizes-box{grid-column:1/3}.festival-types{grid-template-columns:repeat(5,1fr)}.festival-types button[data-type=random]{grid-column:auto;flex-direction:column;min-height:64px}.festival-types button,.festival:fullscreen .festival-types button{font-size:11px;min-height:64px;padding:3px 1px}.festival-types b{font-size:22px}.festival-colors button,.festival:fullscreen .festival-colors button{height:27px}.festival-colors i,.festival:fullscreen .festival-colors i{width:20px;height:20px}#colorNote{display:none}.festival-sizes button,.festival:fullscreen .festival-sizes button{font-size:11px;min-height:30px}.festival-tools #auto,.festival:fullscreen .festival-tools #auto{font-size:11px;min-height:33px}.launch-counter{font-size:10px;display:flex;align-items:center;justify-content:center}.launch-counter strong{font-size:20px;margin:0 3px}.festival-tools #clear{grid-column:1/3;justify-self:center;min-height:29px;font-size:12px}.tool-box h3{font-size:11px}}

.festival-ticket{padding-top:7cqh;padding-bottom:6cqh}

.festival-types img{background:#14213b;border-radius:50%;padding:2px}
@media(max-height:500px) and (orientation:landscape){.festival-tools,.festival:fullscreen .festival-tools{gap:9px}.festival-top button,.festival:fullscreen .festival-top button{font-size:11px}.festival-types button,.festival-types button[data-type=random],.festival:fullscreen .festival-types button{font-size:12px;min-height:80px}.festival-types img,.festival:fullscreen .festival-types img{width:32px;height:28px}.festival-colors button,.festival:fullscreen .festival-colors button{height:36px;padding:0}.festival-colors i,.festival:fullscreen .festival-colors i{width:20px;height:20px}.festival-sizes button,.festival:fullscreen .festival-sizes button{font-size:12px;min-height:36px}.festival-tools #auto,.festival:fullscreen .festival-tools #auto{font-size:12px;min-height:36px}.festival-tools #clear,.festival:fullscreen .festival-tools #clear{min-height:32px}.tool-box h3{font-size:12px}}