body{color:#f4f1e6;background-color:#17201b;margin:0;font-family:Yu Gothic UI,Meiryo,Hiragino Sans,sans-serif;line-height:1.8}header{text-align:center;color:#17201b;background:linear-gradient(135deg,#f9d84a,#4cc38a);padding:48px 16px}header h1{margin:0;font-size:36px}main{max-width:720px;margin:0 auto;padding:32px 16px}.card{background-color:#22302a;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 16px #0000004d}.card h2{color:#f9d84a;border-left:6px solid #4cc38a;margin-top:0;padding-left:12px}.card img{border-radius:12px;max-width:100%;height:auto;margin:16px auto 0;display:block}footer{text-align:center;color:#93a399;padding:24px;font-size:14px}button{color:#17201b;cursor:pointer;background-color:#4cc38a;border:none;border-radius:999px;margin:16px auto 0;padding:8px 24px;font-size:16px;transition:transform .1s;display:block}button:hover{opacity:.85}button:active{transform:scale(.92)}#greeting{margin:0 0 8px;font-size:20px;font-weight:700}#message{text-align:center;font-size:20px}.stage{max-width:300px;margin:16px auto 0;position:relative}.stage img{margin:0}.person{transform-origin:50% 11.8%;width:20%;position:absolute;top:37.5%;left:40%}#tetsubo{cursor:pointer}.hint{text-align:center;color:#93a399;font-size:14px}.pad-button{aspect-ratio:1;opacity:.35;border-radius:50%;width:4.4%;transition:opacity .1s,transform .1s;position:absolute}.pad-button.red{background-color:#ff5a5f;top:48%;left:62.8%}.pad-button.yellow{background-color:#ffd25e;top:54.8%;left:67.8%}.pad-button.green{background-color:#5fd3a3;top:54.8%;left:57.8%}.pad-button.blue{background-color:#5fb2ff;top:61.5%;left:62.8%}.pad-button.pressed{opacity:1;transform:scale(.8);box-shadow:0 0 12px #fff}