.hero-config{width:100%;max-width:350px;container-type:inline-size}.hero-frame{aspect-ratio:350/400;--art-unit:calc(100cqw / 350);width:100%}.hero-reserve{height:8.57143cqw}.hero-frame [data-scene-layer],.hero-frame [data-scene-backdrop]>*,.hero-frame [data-scene-foreground]>*{position:absolute}.hero-character{left:calc(var(--art-unit) * 14);top:calc(var(--art-unit) * 13);width:calc(var(--art-unit) * 322);z-index:2}.hero-blob{left:calc(var(--art-unit) * 28);top:calc(var(--art-unit) * 24);width:calc(var(--art-unit) * 308);height:calc(var(--art-unit) * 360);border-radius:calc(var(--art-unit) * 160);background:var(--ll-color-pink-200);border:calc(var(--art-unit) * 2) solid var(--ll-color-ink)}.hero-circle{left:calc(var(--art-unit) * 260);top:calc(var(--art-unit) * 40);width:calc(var(--art-unit) * 90);height:calc(var(--art-unit) * 90);background:var(--ll-color-yellow-200);border:calc(var(--art-unit) * 2) solid var(--ll-color-ink);border-radius:50%}.hero-square{left:calc(var(--art-unit) * 7);top:calc(var(--art-unit) * 320);width:calc(var(--art-unit) * 60);height:calc(var(--art-unit) * 60);border-radius:calc(var(--art-unit) * 18);background:var(--ll-color-green-200);border:calc(var(--art-unit) * 2) solid var(--ll-color-ink);transform:rotate(18deg)}.hero-greeting{font-family:var(--ll-font-display);font-size:calc(var(--art-unit) * 24);left:calc(var(--art-unit) * 14.063);top:calc(var(--art-unit) * 7.231);width:calc(var(--art-unit) * 201);height:calc(var(--art-unit) * 57);padding:calc(var(--art-unit) * 12) calc(var(--art-unit) * 18);border:calc(var(--art-unit) * 2) solid var(--ll-color-ink);border-radius:calc(var(--art-unit) * 22);border-bottom-left-radius:calc(var(--art-unit) * 4);background:var(--ll-color-white);box-shadow:0 calc(var(--art-unit) * 4) 0 var(--ll-color-ink);z-index:3;line-height:normal;transform:rotate(-4deg)}.hero-greeting>span{font-size:inherit;line-height:inherit;white-space:nowrap}.hero-letter{font-family:var(--ll-font-display);border:calc(var(--art-unit) * 2) solid var(--ll-color-ink);color:var(--ll-color-ink);box-shadow:0 calc(var(--art-unit) * 4) 0 var(--ll-color-ink);z-index:3;justify-content:center;align-items:center;line-height:1;display:flex}.hero-a{left:calc(var(--art-unit) * -7);top:calc(var(--art-unit) * 152);width:calc(var(--art-unit) * 70);height:calc(var(--art-unit) * 70);border-radius:calc(var(--art-unit) * 18);font-size:calc(var(--art-unit) * 40);background:var(--ll-color-yellow-200);transform:rotate(-10deg)}.hero-e{left:calc(var(--art-unit) * 279);top:calc(var(--art-unit) * 128);width:calc(var(--art-unit) * 64);height:calc(var(--art-unit) * 64);border-radius:calc(var(--art-unit) * 16);font-size:calc(var(--art-unit) * 36);background:var(--ll-color-blue-200);transform:rotate(9deg)}.hero-o{left:calc(var(--art-unit) * 271);top:calc(var(--art-unit) * 254);width:calc(var(--art-unit) * 58);height:calc(var(--art-unit) * 58);border-radius:calc(var(--art-unit) * 15);font-size:calc(var(--art-unit) * 32);background:var(--ll-color-white);transform:rotate(-6deg)}@media (width>=768px){.hero-config{max-width:580px}.hero-frame{aspect-ratio:580/540;--art-unit:calc(100cqw / 580)}.hero-reserve{height:5.17241cqw}.hero-character{left:calc(var(--art-unit) * 70);top:calc(var(--art-unit) * 1);width:calc(var(--art-unit) * 440)}.hero-blob{left:calc(var(--art-unit) * 46);top:calc(var(--art-unit) * 31);width:calc(var(--art-unit) * 511);height:calc(var(--art-unit) * 488);border-radius:calc(var(--art-unit) * 230)}.hero-circle{left:calc(var(--art-unit) * 460);top:calc(var(--art-unit) * 52);width:calc(var(--art-unit) * 120);height:calc(var(--art-unit) * 120)}.hero-square{left:calc(var(--art-unit) * 12);top:calc(var(--art-unit) * 429);width:calc(var(--art-unit) * 80);height:calc(var(--art-unit) * 80);border-radius:calc(var(--art-unit) * 24)}.hero-greeting{left:calc(var(--art-unit) * 23.063);top:calc(var(--art-unit) * 10.231)}.hero-a{left:calc(var(--art-unit) * -12);top:calc(var(--art-unit) * 205)}.hero-e{left:calc(var(--art-unit) * 504);top:calc(var(--art-unit) * 173)}.hero-o{left:calc(var(--art-unit) * 487);top:calc(var(--art-unit) * 363)}}.bonus-config{width:100%;max-width:350px;container-type:inline-size}.bonus-boundary{--art-unit:calc(100cqw / 350);width:100%;height:calc(var(--art-unit) * 210);padding-inline:calc(var(--art-unit) * 28);overflow:hidden}.bonus-frame{width:100%;height:calc(var(--art-unit) * 180)}.bonus-arc{left:calc(var(--art-unit) * 29.4);top:calc(var(--art-unit) * 40);width:calc(var(--art-unit) * 235.2);height:calc(var(--art-unit) * 220);border-radius:calc(var(--art-unit) * 117.6) calc(var(--art-unit) * 117.6) 0 0;background:var(--ll-color-pink-500);position:absolute}.bonus-left{left:calc(var(--art-unit) * -6);top:calc(var(--art-unit) * 82.93);width:calc(var(--art-unit) * 106);transform:rotate(-4deg)}.bonus-middle-left{left:calc(var(--art-unit) * 53);top:calc(var(--art-unit) * 75);width:calc(var(--art-unit) * 112)}.bonus-middle-right{left:calc(var(--art-unit) * 123);top:calc(var(--art-unit) * 75);width:calc(var(--art-unit) * 112)}.bonus-right{left:calc(var(--art-unit) * 200);top:calc(var(--art-unit) * 75.05);width:calc(var(--art-unit) * 112);transform:rotate(4deg)}@media (width>=768px){.bonus-config{max-width:586px}.bonus-boundary{--art-unit:calc(100cqw / 586);height:calc(var(--art-unit) * 290);padding-inline:calc(var(--art-unit) * 48)}.bonus-frame{height:calc(var(--art-unit) * 240)}.bonus-arc{left:calc(var(--art-unit) * 49);top:calc(var(--art-unit) * 120);width:calc(var(--art-unit) * 392);border-radius:calc(var(--art-unit) * 196) calc(var(--art-unit) * 196) 0 0}.bonus-left{left:calc(var(--art-unit) * -20);top:calc(var(--art-unit) * 72.15);width:calc(var(--art-unit) * 176)}.bonus-middle-left{left:calc(var(--art-unit) * 88);top:calc(var(--art-unit) * 59);width:calc(var(--art-unit) * 186)}.bonus-middle-right{left:calc(var(--art-unit) * 206);top:calc(var(--art-unit) * 59);width:calc(var(--art-unit) * 186)}.bonus-right{left:calc(var(--art-unit) * 333);top:calc(var(--art-unit) * 59.185);width:calc(var(--art-unit) * 186)}}