*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#203c2b;font-family:Georgia,serif}body{display:flex;align-items:center;justify-content:center}.stage{position:relative;width:min(100vw,177.77778dvh);aspect-ratio:16/9;overflow:hidden;isolation:isolate}.cover{width:100%;height:100%;object-fit:cover;display:block}.title-board{position:absolute;left:26.6%;top:4.6%;width:47.7%;height:29.2%;background:linear-gradient(8deg,#ffe4a5,#fff0ca 50%,#ffdfa0);border:clamp(2px,.35vw,6px) solid #bb762b;border-radius:46% 46% 13% 14% / 22% 22% 13% 13%;box-shadow:inset 0 0 0 3px #ffedbb,0 3px 3px #7d461555;display:flex;align-items:center;justify-content:center;transform:rotate(-1deg)}h1{margin:0;text-align:center;font-size:clamp(20px,5.7vw,100px);line-height:1.07;letter-spacing:-.035em;color:#265b68}.word{display:block}.letter{display:inline-block;opacity:0;transform:translateY(18px) scale(.7);text-shadow:1px 2px #73431b;transition:opacity .25s,transform .5s cubic-bezier(.18,.9,.3,1.4)}.letter.visible{opacity:1;transform:none}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline:4px solid white;outline-offset:3px}[hidden]{display:none!important}.start{position:absolute;inset:0;z-index:5;background:#132c2140;color:white;font:700 clamp(18px,2.4vw,40px) Georgia;text-shadow:0 2px 4px #000;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5%;gap:12px}.start span{font-size:1.3em}.play{position:absolute;left:43.6%;top:72%;width:12.5%;height:20%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffedb8,#f1c574);border:clamp(3px,.6vw,10px) solid #be782d;box-shadow:inset 0 0 0 3px #ffe4a0,0 4px 6px #57371777;color:#236432;font-size:clamp(25px,5vw,85px);animation:arrive .7s cubic-bezier(.2,.8,.3,1.4);padding-left:1%}.skip,.replay,.sound,.back{position:absolute;color:#fff8dc;background:#244d3dde;border:2px solid #eed697;border-radius:30px;padding:12px 18px;min-height:48px;min-width:48px;z-index:6}.skip{bottom:3%;right:2%}.replay{bottom:3%;left:2%;font-size:24px}.sound{top:3%;right:2%;font-size:24px}.lion{position:absolute;inset:0;background:#112d2322;backdrop-filter:blur(2px)}.back{left:2%;top:3%;font-size:24px}.lion-card{position:absolute;left:7%;top:35%;max-width:42%;padding:4%;background:#fff1d3ed;border:3px solid #be782d;border-radius:24px;color:#31553b}.lion-card h2{font-size:clamp(30px,5vw,80px);margin:0}.lion-card p{font-size:clamp(16px,2vw,32px)}.lion-card .note{font-size:clamp(14px,1.4vw,24px)}@keyframes arrive{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:600px){.skip,.replay,.sound,.back{padding:8px;font-size:16px}.title-board{border-width:2px}}

.title-board{background:transparent;border:0;box-shadow:none;transform:none}.stage{width:min(100vw,177.77778vh);width:min(100vw,177.77778dvh)}