*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#0a0a12;color:#f1efe8;font-family:Hiragino Sans,Noto Sans JP,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:14px;padding:24px;background:#0a0a12b8;text-align:center}.hidden{display:none!important}.mincho{font-family:Shippori Mincho B1,Hiragino Mincho ProN,serif}.brand{letter-spacing:.6em;font-size:11px;color:#f6eedb8c}.title{background:linear-gradient(180deg,#05040933,#050409bf 70%);cursor:pointer;justify-content:flex-end;padding-bottom:16%}h1{font-family:Shippori Mincho B1,Hiragino Mincho ProN,serif;font-weight:800;font-size:5.2em;line-height:1;color:#f6eedb;text-shadow:0 4px 24px rgba(0,0,0,.8);display:flex;gap:.04em}h1 span{display:inline-block;animation:drop .7s cubic-bezier(.2,1.4,.4,1) both}h1 span:nth-child(2){animation-delay:.12s;color:#e0302e}h1 span:nth-child(3){animation-delay:.24s}@keyframes drop{0%{transform:translateY(-40px) scale(1.4);opacity:0}}.seal{font-family:Shippori Mincho B1,serif;font-weight:800;font-size:13px;line-height:1.15;color:#fbf3e2;background:#c8282a;padding:7px 6px;border-radius:4px;transform:rotate(-6deg);animation:stamp .4s .6s cubic-bezier(.3,1.6,.5,1) both}.tap{margin-top:18px;font-size:16px;letter-spacing:.3em;color:#f6eedb;animation:blink 1.6s ease-in-out infinite 1s both}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes stamp{0%{transform:rotate(-6deg) scale(2.4);opacity:0}}.btn{display:block;width:min(260px,80%);padding:13px 0;border:1px solid rgba(246,238,219,.35);border-radius:8px;background:transparent;color:#f6eedb;font:inherit;font-size:16px;text-decoration:none;cursor:pointer}.btn.primary{background:#f6eedb;color:#12131f;border-color:#f6eedb;font-weight:700;margin-top:10px}.note{font-size:11px;color:#f6eedb73;letter-spacing:.1em}.label{white-space:pre-line;text-align:center;line-height:1.6;font-family:Shippori Mincho B1,serif;font-size:16px;color:#d8d2c4;letter-spacing:.15em}.rank{font-family:Shippori Mincho B1,Hiragino Mincho ProN,serif;font-weight:800;font-size:2.6em;letter-spacing:.08em;color:#fbf3e2;background:#c8282a;padding:6px 18px 8px;border-radius:6px;box-shadow:inset 0 0 0 3px #fff0dc59;transform:rotate(-4deg);animation:stamp .45s cubic-bezier(.3,1.6,.5,1) both}.rank.lose{background:#2a2730;color:#a8a59a}.rank.top{background:#c8282a;color:#ffe9a8}dl{display:flex;gap:28px;margin:10px 0 6px}dl div{display:flex;flex-direction:column;align-items:center;gap:2px}dd{font-family:Shippori Mincho B1,serif;font-weight:800;font-size:28px}dt{font-size:11px;color:#f6eedb8c}.more{color:#f6eedb8c;font-size:13px;text-decoration:none;margin-top:6px}.score{font-family:Shippori Mincho B1,serif;font-weight:800;font-size:2.2em;color:#ffd36b;margin-top:6px}.best{font-size:13px;color:#f6eedbb3;min-height:1em}.break{border-collapse:collapse;font-size:13px;min-width:240px;color:#e8e2d0}.break td{padding:3px 4px}.break td:first-child{text-align:left;color:#f6eedbb3}.break td:nth-child(2){text-align:right;color:#f6eedb8c;font-size:12px}.break td:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.break tr.sum td{border-top:1px solid rgba(246,238,219,.3);padding-top:6px;color:#ffd36b;font-size:15px}.next{font-size:13px;color:#ffd36b;min-height:1em}.g3{color:#ffd36b}.g2{color:#9fe0ff}.g1{color:#b9c4cc}.g0{color:#ff6a52}.legend{margin-top:14px;display:flex;gap:12px;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.04em}.tally{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;min-width:260px}.tally div{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:8px;background:#f6eedb12}.tally b{font-size:13px;letter-spacing:-.05em}.tally span{font-size:11px;opacity:.85}.tally em{font-style:normal;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.goroku{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:260px;font-size:13px;color:#e8e2d0}.goroku b{color:#ffd36b;font-size:16px}.goroku em{font-style:normal;color:#9fe0ff}.goroku button{font:inherit;font-weight:700;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,211,107,.7);background:#ffd36b1f;color:#ffd36b;cursor:pointer}.book{justify-content:flex-start;gap:10px;background:#0a0a12f5;z-index:5;padding:20px 16px}.book header h2{margin:0;font-size:22px;color:#ffd36b}.book header p{margin:4px 0 0;font-size:12px;color:#f6eedbb3}.book-body{flex:1;overflow-y:auto;width:100%;text-align:left;-webkit-overflow-scrolling:touch;touch-action:pan-y}.book h3{margin:12px 0 6px;font-size:14px;color:#f4ecd8;display:flex;justify-content:space-between;border-bottom:1px solid rgba(246,238,219,.2);padding-bottom:3px}.book h3 small{color:#f6eedb8c;font-weight:400}.book ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}.book li{font-size:12px;padding:3px 8px;border-radius:6px;background:#f6eedb1f;color:#f4ecd8}.book li.unseen{color:#f6eedb4d;background:#f6eedb0a}.book li.rare{background:#ffd36b38;color:#ffd36b}.book li.new:after{content:" 新";color:#9fe0ff;font-weight:700}.howto{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;color:#fff6d8;letter-spacing:.03em}.howto .bull{width:18px;height:18px;border-radius:50%;flex:none;border:2px solid #fffaeb;background:radial-gradient(circle,#c8282a 0 22%,transparent 23% 46%,#c8282a 47% 58%,transparent 59%)}h1{font-size:4.3em}h1 span:nth-child(2){color:inherit}h1 span:nth-child(3){color:#e0302e;animation-delay:.24s}h1 span:nth-child(4){animation-delay:.36s}.seal{background:#6f7f14}