.ranking{width:232px;padding:12px 14px;border:1px solid var(--panel-border);border-radius:14px;background:var(--panel);backdrop-filter:blur(10px);font-size:.78rem}.ranking__title{margin:0 0 8px;font-size:.72rem;font-weight:600;letter-spacing:.12em;color:var(--ink-faint)}.ranking__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ranking__list--pinned{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--panel-border)}.ranking__row{display:grid;grid-template-columns:1.6em 1.4em 1fr auto auto;align-items:baseline;gap:6px;padding:3px 4px;border-radius:6px;color:var(--ink-dim)}.ranking__row.is-self{color:var(--ink);background:#ffffff14}.ranking__rank{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-faint)}.ranking__flag{font-size:.95em;line-height:1}.ranking__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking__star{font-size:.8em;color:#ffd68ce6}.ranking__count{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-weight:600}.ranking__empty{margin:0;color:var(--ink-faint)}@media(max-width:860px){.ranking{width:min(360px,90vw)}}.legal-links{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--ink-faint)}.legal-links a{color:var(--ink-faint);text-decoration:none;border-bottom:1px solid transparent;transition:color .14s ease,border-color .14s ease}.legal-links a:hover,.legal-links a:focus-visible{color:var(--ink-dim);border-bottom-color:var(--ink-faint)}.legal-links__sep{margin:0 6px;opacity:.5}.legal-links--footer{justify-content:center;padding:18px}.presence-field{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.press-button{position:relative;display:block;width:clamp(150px,34vmin,232px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;appearance:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.press-button:focus-visible{outline:none}.press-button:focus-visible .press-button__ring{box-shadow:0 0 0 3px #ffffffd9}.press-button__ring{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,#ffffff29 58%,#ffffff0d 70%,#fff0 78%);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .32s ease;pointer-events:none}.press-button.is-down .press-button__ring{transform:scale(1.07);opacity:.75}.press-button__disc{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 32%,#fffffff2,#ffffffb8 46%),linear-gradient(180deg,#fff,#dfe4ee);box-shadow:0 14px 30px -8px #0000008c,0 2px #ffffffb3 inset,0 -10px 18px -12px #00000080 inset;transition:transform 90ms cubic-bezier(.18,1.5,.42,1),box-shadow 90ms ease-out;will-change:transform}.press-button.is-down .press-button__disc{transform:translateY(3px) scale(.955);box-shadow:0 4px 10px -4px #0009,0 1px #ffffff80 inset,0 -4px 10px -8px #00000073 inset;transition:transform 34ms cubic-bezier(.3,0,.6,1),box-shadow 34ms ease-out}.press-button__sheen{position:absolute;left:12%;top:8%;width:76%;height:42%;border-radius:50%;background:linear-gradient(180deg,#ffffffe6,#fff0);opacity:.7;transition:transform 90ms ease-out;pointer-events:none}.press-button.is-down .press-button__sheen{transform:translateY(6%) scaleY(.9)}.press-button__ripples{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}.press-button__ripple{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,#78aaffbf,#78aaff59 45%,#78aaff00 72%);transform:scale(.3);animation:press-ripple .62s cubic-bezier(.16,.8,.3,1) forwards;will-change:transform,opacity}@keyframes press-ripple{0%{transform:scale(.3);opacity:.85}to{transform:scale(26);opacity:0}}@media(prefers-reduced-motion:reduce){.press-button__disc,.press-button__ring,.press-button__sheen{transition-duration:1ms}.press-button.is-down .press-button__disc{transform:none;filter:brightness(.88);transition-duration:1ms}.press-button__ripple{display:none}}.progress{width:min(460px,82vw);display:flex;flex-direction:column;align-items:center;gap:8px}.progress__track{position:relative;width:100%;height:6px;border-radius:999px;background:#ffffff24;overflow:hidden}.progress__fill{position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,#96beffd9,#e6f0fff2);transform-origin:left center;transform:scaleX(0);transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}.progress.is-resetting .progress__fill{transition:transform .9s cubic-bezier(.4,0,.2,1)}.progress__label{margin:0;font-size:.78rem;color:var(--ink-faint)}.progress__label strong{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-dim)}@media(prefers-reduced-motion:reduce){.progress__fill{transition-duration:1ms}}.sound-toggle{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel);color:var(--ink-dim);cursor:pointer;backdrop-filter:blur(6px);transition:color .14s ease,border-color .14s ease,background-color .14s ease}.sound-toggle:hover{color:var(--ink);border-color:#ffffff47}.sound-toggle[aria-pressed=true]{color:var(--ink)}.sound-toggle:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.history{width:min(560px,92vw);padding-top:12px;border-top:1px solid var(--panel-border);font-size:.74rem}.history__title{margin:0 0 6px;font-size:.68rem;font-weight:600;letter-spacing:.12em;color:var(--ink-faint)}.history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.history__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;color:var(--ink-faint)}.history__stage{color:var(--ink-dim)}.history__row.is-new{animation:history-slide-in .62s cubic-bezier(.22,1,.36,1) both}@keyframes history-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.history__row.is-new{animation:none}}.status-notes{display:flex;flex-direction:column;align-items:center;gap:6px}.status-note{margin:0;padding:6px 12px;border:1px solid var(--panel-border);border-radius:999px;background:var(--panel);backdrop-filter:blur(6px);font-size:.76rem;color:var(--ink-dim);text-align:center}.status-note--warn{border-color:#ffbe7873;color:#ffd6a5eb}.total-counter{display:flex;justify-content:center}.total-counter__value{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-weight:600;font-size:clamp(2.2rem,9vmin,4.6rem);line-height:1.05;letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.5);will-change:transform}.scene-stage{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.scene-layer{position:absolute;inset:0;will-change:transform}.scene-view{display:block;width:100%;height:100%}.scene-layer.is-entering{animation:scene-slide-in 1.5s cubic-bezier(.5,0,.15,1) both}.scene-layer.is-leaving{animation:scene-slide-out 1.5s cubic-bezier(.5,0,.15,1) both}@keyframes scene-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scene-slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.scene-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,#ffffff80,#ffffff29 45%,#fff0 72%);opacity:0;animation:scene-flash 1.1s ease-out both}.scene-flash.is-mine{background:radial-gradient(circle at 50% 55%,#ffffffb8,#ffffff3d 45%,#fff0 74%)}@keyframes scene-flash{0%{opacity:0;transform:scale(.9)}22%{opacity:1}to{opacity:0;transform:scale(1.06)}}.scene-drift{will-change:transform}.scene-drift--slow{animation:scene-drift 68s linear infinite}.scene-drift--slower{animation:scene-drift 104s linear infinite}.scene-drift--fast{animation:scene-drift 14s linear infinite}@keyframes scene-drift{0%{transform:translate(-260px)}to{transform:translate(1160px)}}.scene-windmill-blades{animation:scene-spin 14s linear infinite}@keyframes scene-spin{to{transform:rotate(360deg)}}.scene-stars{animation:scene-twinkle 5.5s ease-in-out infinite}@keyframes scene-twinkle{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.scene-layer.is-entering,.scene-layer.is-leaving{animation:none}.scene-layer.is-leaving{display:none}.scene-flash{animation:none;opacity:0}.scene-drift,.scene-windmill-blades,.scene-stars{animation:none}}.legal{min-height:100dvh;display:flex;flex-direction:column;background:#0b0f18;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.legal__header{padding:16px 18px}.legal__back{font-size:.8rem;color:var(--ink-faint);text-decoration:none}.legal__back:hover,.legal__back:focus-visible{color:var(--ink-dim)}.legal__body{flex:1;width:min(680px,100%);margin:0 auto;padding:8px 20px 48px;font-size:.92rem;line-height:1.85;color:var(--ink-dim)}.legal__body h1{margin:0 0 24px;font-size:1.3rem;font-weight:600;color:var(--ink)}.legal__body h2{margin:32px 0 8px;font-size:.98rem;font-weight:600;color:var(--ink)}.legal__body h3{margin:22px 0 4px;font-size:.9rem;font-weight:600;color:var(--ink-dim)}.legal__body p{margin:0 0 12px}.legal__body ul{margin:0 0 12px;padding-left:1.4em}.legal__body li{margin-bottom:6px}.legal__body a{color:#9cc4ff}.legal__lead{padding:12px 14px;border:1px solid var(--panel-border);border-radius:10px;background:#ffffff0a}.legal__updated{margin-top:36px;font-size:.78rem;color:var(--ink-faint)}.legal__footer{border-top:1px solid var(--panel-border)}.app{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app__scrim{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#06080e9e,#06080e6b,#06080e1f 44%,#06080e1a 60%,#06080e6b),radial-gradient(90% 46% at 50% 52%,#00000042,#0000 70%);pointer-events:none}.app__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}.app__brand{display:flex;align-items:center;gap:10px}.app__title{font-size:.95rem;font-weight:600;letter-spacing:.14em;color:var(--ink-dim)}.app__footer{border-top:1px solid var(--panel-border)}.app__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:8px 18px 40px}.app__stage-name{margin:0;font-size:.85rem;letter-spacing:.18em;color:var(--ink-dim);text-shadow:0 1px 10px rgba(0,0,0,.55);animation:stage-name-in .9s ease both}@keyframes stage-name-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.app__stage-name{animation:none}}.app__button-slot{margin-top:8px}.app__button-slot{display:grid;place-items:center}.app__aside{position:fixed;right:max(18px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:2}@media(max-width:860px){.app__aside{position:static;transform:none;display:flex;justify-content:center;padding:0 18px 32px}}.app__hint{margin:0;font-size:.9rem;color:var(--ink-dim);transition:opacity .6s ease}.app__hint.is-hidden{opacity:0;pointer-events:none}.app__mine{margin:0;font-size:.85rem;color:var(--ink-faint)}.app__mine strong{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-dim)}@media(prefers-reduced-motion:reduce){.app__hint{transition-duration:1ms}}:root{--font-sans: system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", "Meiryo", sans-serif;--font-numeric: ui-rounded, system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif;--ink: #f2f4f8;--ink-dim: rgba(242, 244, 248, .66);--ink-faint: rgba(242, 244, 248, .4);--scrim: rgba(8, 10, 16, .42);--panel: rgba(12, 14, 22, .5);--panel-border: rgba(255, 255, 255, .14);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);color:var(--ink);background:#0b0f18;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#root{min-height:100%;isolation:isolate}body{-webkit-user-select:none;user-select:none}.selectable,.selectable *{-webkit-user-select:text;user-select:text}
