:root{font-family:Arial,"PingFang SC",sans-serif;color:#242424;background:#eeeee9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:0}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #888;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.87)}[hidden]{display:none!important}.shell{max-width:1500px;margin:auto;padding:24px 42px}header{display:flex;align-items:center;gap:26px;border-bottom:1px solid #aaa;padding-bottom:18px}.wordmark{font-size:28px;font-weight:950;letter-spacing:-2px;color:inherit;text-decoration:none}.wordmark sup{font-size:11px;margin-left:3px;letter-spacing:0}.edition{font:9px/1.7 monospace;letter-spacing:1px}.edition>span{display:block;color:#828282}.quiet{margin-left:auto;border:1px solid #aaa;background:none;padding:10px;font:9px monospace}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:28px 0 25px}.eyebrow{font-size:10px;letter-spacing:3px;margin:0 0 14px}h1{font-size:clamp(36px,4.2vw,60px);letter-spacing:-2px;line-height:1.16;margin:0;font-weight:850}h1 span{color:#797979}.intro-aside{text-align:right}.serial{font:8px monospace;color:#888;letter-spacing:1px}.intro-aside p{font-size:12px;line-height:1.9;margin:12px 0 0}.playground{position:relative;background:#f9f9f5;border:1px solid #b8b8b1;overflow:hidden}.stage-top{position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;z-index:2;font:9px monospace;letter-spacing:1px;color:#777;pointer-events:none}#scene{display:block;width:100%;height:clamp(340px,47vh,500px);touch-action:none;user-select:none;-webkit-user-select:none}#scene.drawing{cursor:crosshair}#hint-title{fill:#aaa;font-size:22px;font-weight:700}#hint-sub{fill:#aaa;font-size:11px}.deck{border:1px solid #b8b8b1;border-top:0;padding:22px;background:#e3e3dc;min-height:97px}.control-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.instruction{display:flex;flex-direction:column;gap:8px}.instruction strong{font-size:13px;letter-spacing:.3px}.instruction span{font-size:11px;line-height:1.6;color:#707070}.actions{display:flex;gap:8px}.primary,.secondary{border:1px solid #9b9b95;padding:12px 19px;min-height:46px;font-size:12px;white-space:nowrap}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-width:170px;background:#252525;color:#fafafa;border-color:#252525;font-weight:700}.primary b{font-size:22px}.secondary{background:transparent}.primary:active:not(:disabled){transform:translateY(2px);background:#555}form{display:flex;align-items:center;gap:20px}form .instruction{flex:1}form label{display:flex;flex-direction:column;gap:6px;font:9px monospace;letter-spacing:1px}input{width:160px;border:0;border-bottom:1px solid #888;background:none;font-size:13px;padding:8px 0;border-radius:0;color:#222}input:focus{outline:none;border-bottom:2px solid #222}.trial-mode .intro{padding:16px 0}.trial-mode .eyebrow{margin:0 0 5px;font-size:8px}.trial-mode h1{font-size:26px;letter-spacing:-.5px}.trial-mode h1 br{display:none}.trial-mode .intro-aside{display:none}.trial-mode #scene{height:clamp(440px,64vh,670px)}.trial-mode #grid-bg{opacity:0}.cheer-controls{width:340px}.power-row{display:flex;justify-content:space-between;font:9px monospace;margin-bottom:6px}.power-track{height:5px;background:#bdbdb7;margin-bottom:9px}.power-track i{display:block;height:100%;width:0;background:#444;transition:width .07s}#charge-button{width:100%;justify-content:center;min-height:53px;user-select:none;-webkit-user-select:none}.rank-board{position:absolute;right:20px;top:44px;width:193px;z-index:3}.board-label{font-size:9px;color:#777;margin-bottom:9px}.rank-board ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.rank-board li{display:flex;align-items:center;gap:10px;background:#f5f5f0df;padding:8px 10px;font-size:11px}.rank-board li.you{background:#252525;color:#fff}.rank-board li b{font:12px monospace}.rank-board li em{font:8px monospace;font-style:normal;margin-left:auto;opacity:.6}.rank-board li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#race-hud{position:absolute;left:22px;top:44px;font:10px monospace;width:140px}#race-hud>div:first-child{display:flex;flex-direction:column;gap:3px}#race-clock{font-size:33px;font-weight:bold;letter-spacing:-2px;font-variant-numeric:tabular-nums}#race-hud small{font-size:7px;letter-spacing:1px;color:#777}.course-progress{height:3px;background:#ccc;margin:10px 0 5px}.course-progress i{display:block;background:#444;height:100%;width:0}#distance-live{font-size:8px}.callout{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%) rotate(-5deg);font-size:clamp(27px,4.3vw,64px);font-weight:950;font-style:italic;letter-spacing:-2px;white-space:nowrap;pointer-events:none;opacity:0;color:#262626;text-shadow:3px 3px #f6f6f0,-3px -3px #f6f6f0;z-index:4}#countdown{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);font-size:110px;font-weight:900;color:#272727;pointer-events:none;z-index:5}#toast{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:#252525;color:white;padding:9px 13px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none}#toast.visible{opacity:1}#material-note{position:absolute;left:20px;bottom:17px;color:#7b7b74;font-size:9px;letter-spacing:1px;pointer-events:none}#result-controls{display:flex;align-items:center;gap:40px}.result-main{flex:1}.result-main>p:first-child{font-size:11px;margin:0 0 12px}.score{display:flex;align-items:center;gap:15px}.score>strong{font-size:76px;line-height:.9;letter-spacing:-5px}.score>span{font-size:24px;font-weight:900}.score small{display:block;font-size:9px;font-weight:400;margin-top:4px}#credit{font-size:10px;color:#777;margin:12px 0 0;overflow-wrap:anywhere}.result-detail{display:flex;gap:26px}.result-detail>div{display:flex;flex-direction:column;gap:10px}.result-detail span{font:8px monospace;color:#777}.result-detail strong{font-size:27px;letter-spacing:-1px}.result-detail small{font:10px monospace}.result-actions{display:flex;flex-direction:column;gap:7px}.result-actions button{min-height:36px}.text-button{border:0;background:none;font-size:10px;color:#777;padding:5px}.result-mode #scene{height:clamp(340px,47vh,500px)}footer{display:flex;justify-content:space-between;gap:15px;font:8px monospace;color:#999;margin-top:15px;letter-spacing:.5px}
@media(max-width:1000px){form{flex-wrap:wrap}form .instruction{flex-basis:100%}form label{flex:1}input{width:100%}#result-controls{gap:22px}.result-detail{gap:16px}}
@media(max-width:600px){.shell{padding:16px 14px}header{gap:16px;padding-bottom:13px}.wordmark{font-size:24px}.edition{font-size:7px;letter-spacing:.3px}.quiet{font-size:7px;padding:8px}.intro{padding:21px 0 19px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:9px}h1{font-size:35px;letter-spacing:-1px}.intro-aside{max-width:126px}.serial{display:none}.intro-aside p{font-size:10px;line-height:1.7}.stage-top{left:13px;right:13px;top:14px;font-size:7px;letter-spacing:.3px}#scene{height:330px}#hint-title{font-size:15px}#hint-sub{font-size:10px}.deck{padding:15px 13px}.control-row{flex-direction:column;align-items:stretch;gap:15px}.instruction strong{font-size:11px}.instruction span{font-size:10px}.actions{gap:6px}.actions .primary{flex:1}.primary,.secondary{font-size:11px;padding:10px 12px;min-height:44px}.primary{min-width:0}.cheer-controls{width:100%}#charge-button{min-height:54px;font-size:13px}form{gap:14px 10px}form .actions{width:100%}form label{min-width:0}input{font-size:16px}.trial-mode .intro{padding:14px 0}.trial-mode h1{font-size:21px}.trial-mode #scene{height:clamp(400px,57vh,530px)}.rank-board{right:12px;top:38px;width:157px}.board-label{font-size:8px}.rank-board li{font-size:9px;padding:7px 8px;gap:8px}.rank-board li em{font-size:7px}#race-hud{left:14px;top:38px;width:105px}#race-clock{font-size:30px}#material-note{left:14px;font-size:8px;letter-spacing:0;bottom:12px}.callout{top:43%;font-size:35px;letter-spacing:-1.5px}#countdown{top:43%;font-size:85px}#result-controls{flex-wrap:wrap;gap:18px}.result-main{flex-basis:100%}.result-main>p:first-child{margin-bottom:8px}.score{float:left;margin-right:22px}.score>strong{font-size:58px}.score>span{font-size:19px}#credit{padding-top:10px}.result-detail{flex:1;gap:18px}.result-detail strong{font-size:21px}.result-detail span{font-size:7px}.result-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.result-actions .text-button{grid-column:1/-1}.result-mode #scene{height:330px}footer{font-size:6px;letter-spacing:0}.result-mode .intro{padding:10px 0}}
@media(max-width:360px){.intro-aside{max-width:104px}h1{font-size:31px}.edition{font-size:6px}header{gap:12px}.wordmark{font-size:22px}.rank-board{width:146px}.result-detail{gap:17px}}
@media(prefers-reduced-motion:reduce){.power-track i{transition:none}}
/* P0.3: citrus, warm paper and bronze. Geometry stays intentionally simple. */
:root{background:#dce944;color:#27351e}.shell{max-width:1450px}header{border-color:#afbe38}.wordmark{color:#27351e}.edition>span{color:#687438}.quiet{border-color:#91a137;background:#e5ef6b;color:#35421f}.eyebrow{color:#64742f}h1 span{color:#526d31}.intro-aside p{color:#455426}.serial{color:#758838}.playground{background:#fffdf0;border-color:#bac958;border-radius:8px 8px 0 0;box-shadow:0 4px 0 #bdcc3a}.stage-top{color:#6e7d48}.deck{background:#edf4a4;border-color:#bac958;border-radius:0 0 8px 8px;box-shadow:0 4px 0 #bdcc3a}.primary{background:#31492a;border-color:#31492a;color:#fcffe8;border-radius:4px}.primary:active:not(:disabled){background:#5e7740}.secondary{border-color:#b0c16b;border-radius:4px;color:#586b32}.instruction span{color:#718447}.instruction strong{color:#3b512a}input{border-color:#a6b75e;color:#344727}.rank-board li{background:#fffef0e8;border-radius:3px;color:#526b49}.rank-board li.you{background:#395b44;color:#fffde9}.board-label{color:#57714b}#race-hud{color:#345639}#race-hud small{color:#769063}.course-progress{background:#c7d99a}.course-progress i{background:#f08550}.power-track{background:#c7d68f}.power-track i{background:#ed8953}.callout{color:#f17649;text-shadow:3px 3px #fffce1,-3px -3px #fffce1}#countdown{color:#597e4a}#material-note{color:#6c8857}#credit,.result-detail span,.text-button{color:#6f844c}.score>strong{color:#386444}.result-main>p:first-child{color:#52672b}.history-note{font-size:10px;color:#768834;margin:16px 0 0;line-height:1.6}footer{color:#7d8c3e}.ink-palette{display:flex;align-items:center;gap:7px;margin-right:10px}.ink-palette button{width:21px;height:21px;border-radius:50%;border:2px solid #fcfff0;background:var(--ink);box-shadow:0 0 0 1px #bbcb74;padding:0}.ink-palette button[aria-pressed=true]{outline:2px solid #66843d;outline-offset:2px}
@media(max-width:600px){#draw-controls .actions{flex-wrap:wrap}.ink-palette{width:100%;margin:0 0 8px;gap:13px}.ink-palette button{width:22px;height:22px}.history-note{font-size:8px}.rank-board{width:153px}.rank-board li{padding:5px 7px;font-size:8px}.rank-board li em{font-size:6px}.board-label{font-size:7px}.intro-aside{max-width:120px}h1{font-size:32px}.intro-aside p{font-size:9px}.trial-mode #scene{height:clamp(440px,61vh,570px)}.result-mode #scene{height:370px}}
@media(max-width:360px){h1{font-size:28px}.intro-aside{max-width:104px}.rank-board{width:143px}}
.rank-board{width:auto;max-width:76%;right:18px;top:42px}.rank-board ol{flex-direction:row;gap:5px}.rank-board li{min-width:105px;max-width:170px;padding:7px 9px}.rank-board li span{max-width:86px}.rank-board li em{margin-left:3px}.board-label{text-align:right;margin-bottom:6px}
@media(max-width:600px){.rank-board{left:103px;right:12px;width:auto;max-width:none;top:38px}.rank-board ol{display:grid;grid-template-columns:1fr 1fr;gap:3px}.rank-board li{min-width:0;padding:5px 4px;gap:4px;max-width:none;font-size:7px}.rank-board li b{font-size:9px}.rank-board li em{font-size:5px;margin-left:auto}.rank-board li span{max-width:48px}.board-label{font-size:6px}.result-mode .rank-board{left:14px}.result-mode .rank-board ol{grid-template-columns:1fr 1fr}.result-mode .rank-board li{font-size:8px}}
/* P0.4: clear onboarding, animated vertical ranks and a real finish moment. */
#ready-dialog{border:1px solid #b5c16d;border-radius:12px;background:#fbffe2;color:#344c2c;width:min(450px,calc(100vw - 32px));padding:34px;box-shadow:0 22px 80px #354c4144}#ready-dialog::backdrop{background:#2f482a66;backdrop-filter:blur(4px)}#ready-dialog h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:13px 0 19px}#ready-dialog .eyebrow{font:9px monospace;letter-spacing:2px}.ready-lead{font-size:13px;line-height:1.7}.ready-steps{border-top:1px solid #d9e3b0;margin:20px 0;padding-top:7px}.ready-steps p{font-size:11px;line-height:1.6}.ready-steps b{font:10px monospace;color:#a2b25a;margin-right:10px}#ready-start{width:100%;justify-content:center;min-height:56px;font-size:15px}#ready-dialog>small{display:block;text-align:center;font-size:10px;margin-top:13px;color:#8b995c}.dialog-close{position:absolute;right:15px;top:11px;border:0;background:none;color:#7c8d5c;font-size:25px;padding:6px}
.rank-board{right:17px;left:auto;top:46px;width:219px;max-width:none}.board-label{text-align:left}.rank-board #rank-list{display:block;position:relative;margin:0}.rank-board #rank-list li{position:absolute;top:0;left:0;width:100%;max-width:none;min-width:0;min-height:49px;padding:5px 9px;display:grid;grid-template-columns:19px 42px 1fr;gap:7px;transition:transform .38s cubic-bezier(.2,.8,.2,1),background .25s;will-change:transform}.rank-board #rank-list li>span{max-width:none;min-width:0}.rank-board #rank-list strong,.rank-board #rank-list small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-board #rank-list strong{font-size:10px}.rank-board #rank-list small{font-size:8px;font-weight:400;opacity:.65;margin-top:3px}.beast-thumb{width:48px;height:33px;display:block;overflow:visible}.rank-board .beast-thumb{width:40px;height:30px;background:#ffffefaa;border-radius:4px;padding:2px}
.finish-card{position:absolute;left:24px;top:48px;width:270px;background:#e6ef54;padding:23px;border:1px solid #bdcc54;border-radius:7px;box-shadow:0 7px 0 #b6c45966;z-index:5;animation:finish-pop .35s ease-out}.finish-card>p:first-child{font-size:12px;margin:0 0 12px}.finish-place{display:flex;align-items:baseline;gap:7px;line-height:1}.finish-place strong{font-size:112px;letter-spacing:-9px;font-weight:900}.finish-place span{font-size:32px;font-weight:900}.finish-card #finish-detail{font-size:12px;line-height:1.7;margin:14px 0 3px;overflow-wrap:anywhere}.finish-hint{font-size:9px;color:#7f913e;margin:0 0 16px}.finish-card .primary{width:100%;justify-content:space-between;font-size:12px;min-height:42px}.weekly-board{position:absolute;top:40px;right:18px;width:285px;max-height:calc(100% - 58px);overflow:auto;background:#ffffedec;border:1px solid #d6dfad;border-radius:8px;padding:16px;z-index:4}.board-heading>span{font:8px monospace;letter-spacing:2px;color:#8fa15e}.board-heading h2{font-size:23px;letter-spacing:-.5px;margin:7px 0}.board-heading small,.board-heading p{font-size:10px;color:#859367;line-height:1.7}.leader-list{list-style:none;padding:0;margin:15px 0 0}.leader-list li{display:grid;grid-template-columns:22px 45px minmax(0,1fr) 45px;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #e5eacb}.leader-list li>b{font:11px monospace;color:#8e9d67}.leader-list li>span{min-width:0}.leader-list strong,.leader-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-list strong{font-size:11px}.leader-list small{font-size:8px;color:#889b6d;margin-top:4px}.leader-list em{font:11px monospace;font-style:normal;text-align:right;color:#617c41}.leader-list .current{background:#e9f3b8;border-radius:4px}.leader-list .beast-thumb{width:42px;height:30px}.board-empty{font-size:9px;line-height:1.7;color:#91a074}.alltime-board{margin-top:28px;border:1px solid #c2ce7a;border-radius:8px;background:#f9fce5;padding:26px}.alltime-board .leader-list li{grid-template-columns:38px 76px minmax(0,1fr) 95px;padding:12px 9px}.alltime-board .beast-thumb{width:70px;height:43px}.alltime-board .leader-list strong{font-size:13px}.alltime-board .leader-list small{font-size:10px}.alltime-board .leader-list em{font-size:14px}.result-mode #scene{height:570px}.result-mode .callout{display:none}
@keyframes finish-pop{from{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}
@media(max-width:700px){.rank-board{width:150px;right:12px;left:auto;top:41px}.rank-board #rank-list li{grid-template-columns:14px 29px minmax(0,1fr);min-height:39px;padding:4px 5px;gap:5px}.rank-board .beast-thumb{width:28px;height:24px}.rank-board #rank-list strong{font-size:8px}.rank-board #rank-list small{font-size:6px}.board-label{font-size:7px}.finish-card{left:14px;top:41px;width:calc(100% - 28px);padding:15px 19px;min-height:146px}.finish-card>p:first-child{font-size:10px;margin-bottom:7px}.finish-place{float:left;margin-right:21px}.finish-place strong{font-size:81px;letter-spacing:-6px}.finish-place span{font-size:24px}.finish-card #finish-detail{font-size:10px;margin-top:15px}.finish-hint{font-size:8px}.finish-card .primary{display:none}.result-mode #scene{height:370px}.weekly-board{position:relative;top:auto;right:auto;width:auto;margin:0 13px 16px;padding:16px;max-height:380px}.weekly-board .leader-list li{grid-template-columns:22px 48px minmax(0,1fr) 55px}.alltime-board{padding:19px 14px;margin-top:20px}.alltime-board .leader-list li{grid-template-columns:23px 52px minmax(0,1fr) 60px;gap:6px}.alltime-board .beast-thumb{width:47px;height:35px}.alltime-board .leader-list strong{font-size:11px}.alltime-board .leader-list em{font-size:11px}#ready-dialog{padding:27px 23px}#ready-dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.rank-board #rank-list li{transition:none}.finish-card{animation:none}}
/* P0.5: character and a small, factual reason to try again. */
.wordmark img{display:block;width:160px;height:auto}@media(max-width:600px){.wordmark img{width:100px}}#ability-card{min-height:46px}@media(max-width:600px){#ability-card{min-height:54px}}
.rule-bar{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:0 0 12px}.rule-buttons{display:flex;gap:5px;flex-shrink:0}.rule-buttons button{padding:9px 12px;border:1px solid #9caf47;background:#eaf185;border-radius:5px;font-size:11px;color:#405729}.rule-buttons button[aria-pressed=true]{background:#344f2d;color:#fffde9;border-color:#344f2d}.rule-buttons button:disabled{opacity:.7;cursor:default}.rule-bar p{font-size:10px;line-height:1.6;color:#667a38;margin:0}#ability-card{margin:0 0 14px;background:#fffde8;border:1px solid #bbc978;border-left:4px solid #f0784f;border-radius:5px;padding:12px 16px;font-size:12px;line-height:1.7;color:#4d6637}.ready-ability{background:#eaf0c9;border-radius:5px;padding:10px 12px;font-size:11px;line-height:1.65;color:#51683a}.result-ability{font-size:9px;line-height:1.5;color:#6a7e3b;margin:7px 0 12px}
@media(max-width:600px){.rule-bar{flex-direction:column;align-items:stretch;gap:6px}.rule-buttons button{flex:1;padding:10px 7px;font-size:10px}.rule-bar p{font-size:9px}#ability-card{font-size:10px;padding:10px 12px}.ready-ability{font-size:10px}.finish-card .result-ability{font-size:8px;margin:5px 0}.ready-steps p{margin:9px 0}#ready-dialog{max-height:90dvh;overflow-y:auto}}
.startup-help{width:min(620px,calc(100% - 32px));margin:clamp(25px,9vh,90px) auto;padding:clamp(22px,5vw,42px);background:#fffde9;border:1px solid #b9c664;border-radius:12px;box-shadow:0 5px 0 #bfce4c}.startup-help h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1px;margin:24px 0 18px}.startup-help p,.startup-help li{font-size:14px;line-height:1.8;color:#607443}.startup-help ol{padding-left:22px;margin:24px 0}.startup-help li{padding:5px 0}.startup-help a.primary{text-decoration:none;min-width:0;justify-content:center;display:flex;margin-top:12px;font-size:14px}.startup-help .practice-link{display:block;text-align:center;margin-top:16px;font-size:12px;color:#55743d}.startup-help code{font-family:monospace;background:#e8edc9;padding:3px 5px;border-radius:3px}.startup-help button{margin-top:12px;width:100%}
/* Race cues are secondary to impacts and never cover the encouragement button. */
#race-cue{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);margin:0;max-width:75%;padding:9px 14px;border:1px solid #a8ba58;border-radius:30px;background:#fffdebf2;color:#3d542b;font-size:13px;font-weight:700;text-align:center;pointer-events:none;z-index:2;overflow-wrap:anywhere}
#race-cue[data-kind=sprint]{background:#f0784f;color:#fffdf0;border-color:#d96941}
#gate-pressure{height:5px;background:#d5df9b;margin:0 0 8px;border-radius:3px;overflow:hidden}#gate-pressure i{display:block;height:100%;background:#9570cf;width:0;transition:width .08s linear}
#charge-button[data-guidance=push]{background:#73599e;border-color:#73599e}#charge-button[data-guidance=recoil]{background:#647147;border-color:#647147}#charge-button[data-guidance=sprint]{background:#cf623e;border-color:#cf623e}
.practice-banner{margin:0 0 16px;padding:10px 13px;border:1px dashed #8c794f;background:#fff8d6;color:#68532b;font-size:11px;line-height:1.6;border-radius:4px}
@media(max-width:600px){#race-cue{font-size:11px;padding:8px 12px;top:56%;max-width:85%}.practice-banner{font-size:10px}}
@media(prefers-reduced-motion:reduce){#gate-pressure i{transition:none}}
.personality{position:absolute;left:20px;bottom:39px;font-size:10px;color:#4e6732;background:#fffde9ed;border:1px solid #c4d17e;padding:7px 10px;border-radius:20px;pointer-events:none}
.finish-badge{display:block;font:8px/1.5 monospace;letter-spacing:.7px;color:#647b34;margin-bottom:10px}.finish-badge.new-record{background:#f0784f;color:#fffbea;padding:7px;border-radius:3px;font-weight:bold}.finish-card .finish-hint{font-size:11px;font-weight:700;color:#4a632d;line-height:1.5;overflow-wrap:anywhere}
.retry-insight{margin-top:22px;padding:22px 25px;background:#fffde9;border:1px solid #bac958;border-left:5px solid #f0784f;border-radius:7px;display:grid;grid-template-columns:1fr 1.4fr;gap:7px 30px}.retry-insight strong{font-size:19px;letter-spacing:-.3px}.retry-insight p{margin:0;font-size:12px;line-height:1.8;color:#607640}.retry-insight #personal-best{grid-column:1;grid-row:2}.retry-insight #retry-tip{grid-column:2;grid-row:1/3;align-self:center}
@media(max-width:600px){.personality{left:13px;bottom:29px;font-size:8px;padding:6px 9px}.finish-card .finish-badge{margin-bottom:4px;font-size:7px}.finish-card .finish-hint{font-size:9px}.retry-insight{padding:17px;margin-top:18px;display:block}.retry-insight strong{font-size:18px}.retry-insight p{margin-top:8px;font-size:11px}.finish-card{min-height:165px}}
.public-notice{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;grid-column:1/-1;max-width:680px}
#history-note{display:none}
.public-notice input{flex:none;width:18px;height:18px;margin-top:2px}
.practice-banner button{margin:6px 0 6px 12px;padding:8px 12px;font-size:12px}