:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--background:#f8f6f1;--surface:#fff;--text:#171717;--muted:#77736b;--line:#e8e3da;--red:#df2d36;--red-soft:#fff0f1;--blue:#1559d6;--blue-soft:#edf3ff;--shadow:0 10px 30px #44372414;background:#f8f6f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;min-width:280px;height:100%;margin:0;overflow:hidden}body{background:var(--background);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit}button:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 45%, transparent);outline-offset:2px}.screen{background:var(--background);width:min(100%,560px);height:100dvh;min-height:100%;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}h1,h2,p{margin:0}.home-header{padding:38px 22px 26px}.title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.home-header h1{letter-spacing:-.04em;min-width:0;font-size:clamp(34px,10vw,46px);line-height:1.1}.about-button{border:1px solid var(--line);min-width:62px;min-height:42px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:999px;padding:0 15px;font-weight:650}.about-button:active{transform:scale(.97)}.primary-button,.secondary-button,.delete-button{cursor:pointer;border:0;border-radius:16px;min-height:54px;padding:0 22px;font-weight:700}.primary-button{color:#fff;background:#191919;width:100%;box-shadow:0 8px 18px #00000021}.primary-button:active,.secondary-button:active,.delete-button:active,.score-step:active,.history-row:active{transform:scale(.98)}.history-section{flex-direction:column;flex:1;min-height:0;padding:0 14px 14px;display:flex}.history-section>h2{padding:0 8px 13px;font-size:18px}.history-list{overscroll-behavior:contain;background:var(--surface);min-height:0;box-shadow:var(--shadow);border-radius:22px;flex:1;overflow:auto}.history-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:82px;color:var(--text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:12px;padding:14px 14px 14px 17px;display:grid}.history-row:last-child{border-bottom:0}.history-time{flex-direction:column;gap:5px;min-width:0;display:flex}.history-time strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.history-time small{color:var(--muted);font-size:13px}.history-scores{flex-direction:column;gap:5px;display:flex}.result{text-align:center;border-radius:999px;min-width:58px;padding:4px 10px;font-size:13px;font-weight:700}.result-red{color:var(--red);background:var(--red-soft)}.result-blue{color:var(--blue);background:var(--blue-soft)}.chevron{color:var(--muted);font-size:24px}.empty-state{color:var(--muted);text-align:center;padding:58px 20px}.top-bar{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:66px;padding:4px 10px;display:grid}.top-bar h1{text-align:center;font-size:20px}.icon-button{width:48px;height:48px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:40px;font-weight:300;line-height:38px}.score-board{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding:0 12px;display:grid}.score-panel{touch-action:none;border-radius:28px;grid-template-rows:auto minmax(72px,1fr) minmax(110px,1.4fr) minmax(72px,1fr);place-items:center;min-width:0;padding:24px 10px;display:grid;overflow:hidden}.score-panel-red{color:var(--red);background:#fff}.score-panel-blue{color:var(--blue);background:#fff}.score-panel h2{font-size:20px}.score-step{aspect-ratio:1;color:currentColor;background:color-mix(in srgb, currentColor 9%, transparent);cursor:pointer;border:0;border-radius:50%;width:min(82px,72%);font-size:42px;font-weight:300;line-height:1}.score-value{letter-spacing:-.06em;max-width:100%;font-size:clamp(70px,24vw,116px);font-weight:800;line-height:1}.finish-bar{padding:14px 14px 16px}.detail-meta{flex-direction:column;gap:7px;padding:28px 24px;display:flex}.detail-meta strong{font-size:20px}.detail-meta span{color:var(--muted)}.detail-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px;display:grid}.detail-score{border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:38px;min-height:260px;display:flex}.detail-score-red{color:var(--red);background:var(--red-soft)}.detail-score-blue{color:var(--blue);background:var(--blue-soft)}.detail-score h2{font-size:20px}.detail-score strong{letter-spacing:-.06em;font-size:clamp(72px,24vw,112px);line-height:1}.detail-footer{margin-top:auto;padding:16px 14px}.delete-button{width:100%;color:var(--red);background:color-mix(in srgb, var(--red) 10%, var(--surface))}dialog{width:min(100% - 36px,380px);color:var(--text);background:var(--surface);border:0;border-radius:24px;padding:0;box-shadow:0 24px 80px #00000047}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000061}dialog form{padding:24px 20px 20px}dialog h2{text-align:center;margin-bottom:22px;font-size:21px}.about-copy{color:var(--muted);margin-bottom:24px;font-size:15px;line-height:1.7}.about-copy p+p{margin-top:10px}.about-copy .developer-name{color:var(--text);margin-top:20px;font-weight:700}.dialog-scores{justify-content:center;gap:10px;margin-bottom:22px;display:flex}.dialog-scores .result{min-width:92px;padding:9px 14px;font-size:17px}.dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.secondary-button{color:var(--text);background:color-mix(in srgb, var(--text) 7%, var(--surface))}.compact{min-height:50px;padding:0 14px}.fatal-error{text-align:center;place-content:center;gap:12px;min-height:100%;display:grid}.fatal-error p{color:var(--muted)}@media (height<=610px){.top-bar{min-height:54px}.score-panel{grid-template-rows:auto 1fr 1.2fr 1fr;padding:14px 8px}.score-step{width:min(64px,65%);font-size:34px}.detail-score{min-height:210px}}@media (prefers-color-scheme:dark){:root{--background:#11110f;--surface:#1d1d1a;--text:#f5f2eb;--muted:#aaa69e;--line:#34332f;--red:#ff6269;--red-soft:#36191c;--blue:#72a1ff;--blue-soft:#142544;--shadow:none}.primary-button{color:#111;background:#f4f1ea}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}