:root{--pt-primary: #059669;--pt-dark: #101623;--pt-text: #1e1b3a;--pt-sub: #6b7280;--pt-ng: #e0483f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,BIZ UDGothic,Meiryo,system-ui,sans-serif;background:#0d1320;color:var(--pt-text);min-height:100dvh;display:flex;flex-direction:column;overscroll-behavior:none}.pt-topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;color:#9fb0c8;font-size:13px}.pt-topbar a{color:#9fb0c8;font-weight:700;text-decoration:none}#stage{position:relative;flex:1;min-height:66dvh;touch-action:none;user-select:none;-webkit-user-select:none}#stage canvas{display:block}#overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:#0a0e18b8;backdrop-filter:blur(4px);z-index:50}#overlay.is-open{display:flex}.pt-card{width:100%;max-width:420px;background:#fff;border-radius:22px;padding:24px 22px;text-align:center;box-shadow:0 24px 60px #00000073;animation:pt-pop .34s cubic-bezier(.34,1.56,.64,1);max-height:88dvh;overflow-y:auto}@keyframes pt-pop{0%{transform:scale(.82) translateY(14px);opacity:0}}.pt-date{font-size:12px;font-weight:700;color:var(--pt-primary);letter-spacing:.06em}.pt-title{font-size:30px;font-weight:800;margin:6px 0 14px}.pt-conds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.pt-cond{background:#f2f6f4;border-radius:14px;padding:12px 4px;display:flex;flex-direction:column;gap:2px}.pt-cond b{font-size:20px}.pt-cond span{font-size:11px;color:var(--pt-sub)}.pt-tutorial{display:flex;gap:12px;align-items:stretch;background:#f8f9fc;border-radius:12px;padding:12px 14px;margin-bottom:12px}.pt-tutorial__zones{position:relative;width:74px;flex-shrink:0;display:flex;flex-direction:column;gap:3px}.pt-zone{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:8px;font-size:11px;font-weight:800;color:#fff;min-height:26px}.pt-zone small{font-weight:600;opacity:.85}.pt-zone--1{background:#fbbf24}.pt-zone--2{background:#f59e0b}.pt-zone--3{background:#ea700b}.pt-zone--4{background:#e0483f}.pt-finger{position:absolute;right:-12px;top:42%;font-size:22px;animation:pt-finger 1.4s ease-in-out infinite}@keyframes pt-finger{0%,to{transform:translateY(-14px)}50%{transform:translateY(16px)}}.pt-howto{font-size:13px;line-height:1.9;color:var(--pt-sub);text-align:left}.pt-howto strong{color:var(--pt-text)}.pt-mute{position:absolute;top:10px;right:12px;z-index:20;width:42px;height:42px;border:none;border-radius:50%;background:#101623bf;font-size:19px;cursor:pointer;-webkit-tap-highlight-color:transparent}.pt-attempts{font-size:13px;font-weight:700;margin-bottom:14px}.pt-btn{display:block;width:100%;padding:15px 20px;border:none;border-radius:999px;font-size:17px;font-weight:800;cursor:pointer;text-decoration:none;color:#fff;background:linear-gradient(135deg,#059669,#0d9488);box-shadow:0 8px 24px #05966959;margin-top:10px;-webkit-tap-highlight-color:transparent}.pt-btn:active{transform:scale(.97)}.pt-btn--ghost{background:#fff;color:var(--pt-primary);border:2px solid #d3e5dd;box-shadow:none}.pt-share{background:#111;box-shadow:0 8px 20px #0000004d}.pt-rank{width:72px;height:72px;margin:10px auto 4px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:900;color:#fff;animation:pt-pop .45s cubic-bezier(.34,1.56,.64,1)}.pt-rank--s{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 8px 26px #f59e0b80}.pt-rank--a{background:linear-gradient(135deg,#059669,#10b981)}.pt-rank--b{background:linear-gradient(135deg,#2563eb,#38bdf8)}.pt-rank--c{background:#6b7280}.pt-rank--d{background:#374151}.pt-error{margin:2px 0 0}.pt-error__num{font-size:64px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pt-error__unit{font-size:22px;font-weight:800;margin-left:4px}.pt-msg{font-size:14px;font-weight:700;color:var(--pt-sub);margin-bottom:10px}.pt-breakdown{display:flex;justify-content:center;gap:12px;font-size:12px;font-weight:700;margin-bottom:8px}.pt-pen{color:var(--pt-ng)}.pt-smooth{color:var(--pt-primary)}.pt-grid{font-size:26px;letter-spacing:5px;margin:6px 0 4px}.pt-points{font-size:14px;font-weight:800;color:var(--pt-primary);margin:6px 0}.pt-points a{color:#4f46e5}.pt-links{margin-top:14px;font-size:13px}.pt-links a{color:var(--pt-primary);font-weight:700}.pt-tomorrow{margin-top:12px;font-size:12px;color:var(--pt-sub)}.ad-slot{min-height:56px;display:flex;align-items:center;justify-content:center;background:#141b2b;border-radius:12px;color:#3f4c66;font-size:12px;letter-spacing:.2em;margin:10px 16px calc(12px + env(safe-area-inset-bottom))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}