*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#10131f;color:#fff8ea;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Hiragino Sans,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}#stage{position:absolute;left:50%;top:50%;width:min(100vw,56.25dvh);height:min(100dvh,calc(100vw * 16 / 9));transform:translate(-50%,-50%);touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#10131fc7;text-align:center}.hidden{display:none!important}.brand{letter-spacing:.6em;font-size:11px;color:#fff8ea8c}.title{background:linear-gradient(180deg,#10131f1a 30%,#10131fd9 75%);cursor:pointer;justify-content:flex-end;padding-bottom:14%}.lead{font-size:18px;font-weight:700;color:#ffd36b;letter-spacing:.2em}h1{font-weight:900;font-size:4.6em;line-height:1;color:#fff8ea;text-shadow:0 4px 0 #2d3a66,0 8px 24px rgba(0,0,0,.6);display:flex;gap:.02em}h1 span{display:inline-block;animation:nod 2.8s ease-in-out infinite both}h1 span:nth-child(2){animation-delay:.15s}h1 span:nth-child(3){animation-delay:.3s}h1 span:nth-child(4){animation-delay:.45s}@keyframes nod{0%,70%,to{transform:rotate(0)}80%{transform:rotate(14deg) translateY(4px)}88%{transform:rotate(-3deg)}}.sub{font-size:14px;color:#fff8eacc;letter-spacing:.08em}.tap{margin-top:18px;font-size:16px;letter-spacing:.3em;color:#fff8ea;animation:blink 1.6s ease-in-out infinite .8s both}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes stamp{0%{transform:rotate(-5deg) scale(2.2);opacity:0}}.btn{display:block;width:min(260px,80%);padding:13px 0;border:1px solid rgba(255,248,234,.35);border-radius:999px;background:transparent;color:#fff8ea;font:inherit;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer}.btn.primary{background:#ffd36b;color:#1b2238;border-color:#ffd36b;margin-top:8px}.note{font-size:11px;color:#fff8ea73;letter-spacing:.1em}.label{font-size:15px;color:#fff8eabf;letter-spacing:.12em}.rank{font-weight:900;font-size:2.4em;letter-spacing:.06em;color:#1b2238;background:#ffd36b;padding:6px 20px 8px;border-radius:10px;transform:rotate(-4deg);animation:stamp .45s cubic-bezier(.3,1.6,.5,1) both}.rank.lose{background:#e2574c;color:#fff8ea}.caption{font-size:15px;line-height:1.7;color:#fff8ea;max-width:18em;margin-top:4px}dl{display:flex;gap:26px;margin:8px 0 4px}dl div{display:flex;flex-direction:column;align-items:center;gap:2px}dd{font-weight:900;font-size:26px}dt{font-size:11px;color:#fff8ea8c}.more{color:#fff8ea8c;font-size:13px;text-decoration:none;margin-top:6px}.trouble{font-size:12px;font-weight:700;color:#ffb3a6;letter-spacing:.08em}.note.best{color:#ffd36b;font-weight:900;font-size:14px;letter-spacing:.15em}
