*{box-sizing:border-box} :root{font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,"Segoe UI","Microsoft YaHei",sans-serif;color:#252c32;background:#f3f1eb;font-synthesis:none}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:44px}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #526ba4;outline-offset:4px}[hidden]{display:none!important}.masthead{max-width:1200px;margin:auto;height:86px;border-bottom:1px solid #d9d9cf;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.wordmark{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:750;font-size:13px;letter-spacing:2px}.mark{font-size:28px;letter-spacing:-5px;padding-right:5px}.edition{font-size:11px;color:#858982;letter-spacing:1px}.private{display:flex;gap:8px;align-items:center;font-size:11px;color:#72796d}.private i{width:6px;height:6px;border-radius:50%;background:#89937b}.layout{max-width:1100px;margin:44px auto 36px;display:grid;grid-template-columns:1fr 480px;grid-gap:86px;gap:86px;padding:0 24px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#7c827d;font-weight:650}h1{font-size:max(32px, min(3.8vw, 48px));font-size:clamp(32px,3.8vw,48px);line-height:1.3;letter-spacing:-1.5px;margin:22px 0}.period{color:#b4604c}.intro{font-size:15px;line-height:1.95;color:#69716f}.specs{display:flex;gap:32px;padding:26px 0;margin:22px 0;border-top:1px solid #d9d9cf;border-bottom:1px solid #d9d9cf}.specs dt{font-size:11px;color:#7c827d;margin-bottom:6px}.specs dd{font-size:28px;margin:0;font-weight:550;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.specs dd span{font-size:10px;font-weight:400}.instructions h2{font-size:13px;font-weight:650;margin:26px 0 20px}.instructions p{font-size:12px;color:#69716f;line-height:1.8;display:flex;align-items:center;gap:8px}.instructions b{color:#252c32;white-space:nowrap}.mini-note,.mini-hold{display:inline-block;width:16px;background:#526ba4;flex-shrink:0}.mini-note{height:5px}.mini-hold{height:19px;border-bottom:5px solid #b4604c;background:rgba(180,96,76,0.2);background:#b4604c33}.instructions .quiet{display:block;font-size:11px;margin-top:20px;line-height:2}.source-note{margin-top:36px;font-size:10px;border-left:2px solid #b9beb0;padding-left:12px;color:#72796d}.source-note small{display:block;font-size:9px;margin-top:5px;letter-spacing:.5px}.instrument{background:#fffefa;border:1px solid #d8dbd2;box-shadow:0 12px 35px rgba(37,44,50,0.02745);box-shadow:0 12px 35px #252c3207;border-radius:6px;overflow:hidden}.track-bar{padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.track-bar h2{font-size:17px;margin:6px 0 0;font-weight:650}.track-bar h2 span{font-size:11px;font-weight:400;color:#a3a59b;margin-left:8px}.icon-button{background:none;border:1px solid #dddcd3;border-radius:50%;height:44px;width:44px;font-size:18px}.hud{display:flex;justify-content:space-between;padding:10px 22px 16px;border-bottom:1px solid #dedfd6;gap:12px}.hud span{display:block;font-size:10px;color:#8a8e85;margin-bottom:5px}.hud strong{font-size:22px;font-weight:550;letter-spacing:1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud small{font-size:9px;color:#8a8e85}.hud .time strong{font-size:15px}.stage{height:min(52vh,450px);min-height:300px;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:hidden}.stage canvas{display:block;width:100%;height:100%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(244,243,238,0.56863);background:#f4f3ee91;backdrop-filter:blur(3px);padding:18px;overflow:auto;touch-action:pan-y}.panel{width:100%;max-width:342px;background:#fffefb;border:1px solid #dedfd6;padding:26px;text-align:center;box-shadow:0 6px 24px rgba(37,44,50,0.02745);box-shadow:0 6px 24px #252c3207}.panel-index{font-size:9px;letter-spacing:2px;color:#92968c}.panel h2{font-size:24px;letter-spacing:-.7px;margin:16px 0 10px}.panel p{font-size:12px;color:#72796d;line-height:1.9;margin:0 0 21px}.panel small{font-size:10px;line-height:1.7;display:block;color:#989d92;margin-top:15px}.actions{display:grid;grid-gap:8px;gap:8px}.primary{border:0;background:#252c32;color:#fffefb;padding:12px 20px;font-size:13px}.primary:hover{background:#3b4650}.secondary{border:1px solid #d7dad1;background:transparent;font-size:12px}.text-button{background:none;border:0;font-size:11px;color:#72796d}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(243,241,235,0.2);background:#f3f1eb33;gap:10px}.countdown strong{font-size:76px;font-weight:400;color:#252c32}.countdown span{font-size:11px;background:rgba(255,254,251,0.91765);background:#fffefbea;padding:7px 12px}.progress{height:3px;background:#e6e6de}.progress>div{height:100%;width:0;background:#b4604c}.instrument-footer{display:flex;justify-content:space-between;padding:13px 20px;font-size:10px;color:#7c827d}.divider{padding:0 7px;color:#b4b7ac}.page-footer{max-width:1200px;margin:0 auto;padding:22px 24px;display:flex;justify-content:space-between;border-top:1px solid #d9d9cf;font-size:9px;color:#969b8f;letter-spacing:.8px}.results{margin:15px 0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;font-size:11px;color:#72796d}.results div{padding:5px;background:#f5f4ef}.results strong{color:#252c32;margin-left:5px}.results .result-main{grid-column:1/-1;font-size:15px;padding:12px}.results .result-main strong{font-size:25px}
.overlay{align-items:flex-start}.panel{margin:auto;flex-shrink:0}body[data-state="ended"] .panel{padding:18px 24px}body[data-state="ended"] .panel h2{margin:9px 0 6px}body[data-state="ended"] .panel p{margin-bottom:8px}body[data-state="ended"] .panel small{margin-top:6px}body[data-state="ended"] .results{gap:5px;margin:9px 0}
@media(max-width:850px){.layout{grid-template-columns:1fr 420px;gap:30px;margin-top:28px}.specs{gap:20px}h1{font-size:34px}.instructions p{font-size:11px}.source-note{margin-top:24px}}
@media(max-width:680px){.masthead{height:58px;padding:0 18px}.wordmark{font-size:11px;letter-spacing:1px}.private{font-size:10px}.layout{display:block;margin:18px auto;padding:0 14px;max-width:470px}.editorial{display:none}.track-bar{padding:14px 17px}.hud{padding:8px 17px 14px}.stage{height:calc(100vh - 280px);height:calc(100svh - 280px);min-height:330px;max-height:560px}.panel{padding:23px;max-width:320px}.page-footer{padding:14px;gap:15px;font-size:8px}.instrument-footer{padding:12px 14px}.track-bar .eyebrow{font-size:9px}}
@media(max-height:550px) and (orientation:landscape){.masthead{height:44px}.layout{display:block;max-width:640px;margin:10px auto;padding:0 14px}.editorial{display:none}.track-bar{padding:5px 14px}.track-bar h2{display:inline;font-size:14px;margin-left:10px}.track-bar .eyebrow{font-size:8px}.icon-button{height:44px}.hud{padding:4px 14px 8px}.hud span{display:inline;margin-right:7px}.hud strong{font-size:16px}.stage{height:calc(100vh - 188px);height:calc(100svh - 188px);min-height:180px}.instrument-footer{padding:8px 14px}.page-footer{display:none}.panel{padding:14px 22px;max-width:420px;margin:auto}.panel h2{font-size:20px;margin:5px 0}.panel p{font-size:11px;margin-bottom:8px}.panel small,.panel-index{display:none}.actions{grid-template-columns:1fr 1fr;gap:6px}.primary:only-child{grid-column:1/-1}.results{margin:7px 0;gap:4px}.results .result-main{padding:4px}.overlay{align-items:flex-start;padding:10px}}