@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#292b46;background:#f7f8fc;font-synthesis:none;--purple:#5947db;--ink:#30334e;--muted:#72758b;--border:#e6e7ef;--yellow:#ffe187}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.32;cursor:default}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #9787fc;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.97)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.app{height:100dvh;min-height:530px;max-width:1920px;margin:auto;display:flex;flex-direction:column;padding:0 38px}.header{height:105px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#2d2c46;text-decoration:none;font:700 26px 'Space Grotesk',sans-serif;letter-spacing:-1.1px;line-height:1.06}.brand-light{font-weight:400}.brand small{font:600 10px 'DM Sans',sans-serif;letter-spacing:2.3px;margin-top:8px;display:block;color:#86869b}.brand-mark{width:49px;height:49px;border-radius:16px;background:var(--purple);color:#fff3bd;display:grid;place-items:center;transform:rotate(-7deg)}.brand-mark svg{width:33px;height:28px;transform:rotate(7deg)}.header-note{color:#85859a;font-size:14px}.help-button{background:transparent;border:0;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;min-height:44px}.help-button>span:first-child{border:1.5px solid #7d7c92;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}.workspace{border:1px solid var(--border);border-radius:18px;background:white;box-shadow:0 8px 30px #24254a05;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.workspace-top{height:59px;min-height:59px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--border);gap:10px}.workspace-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px}.tiny-line{width:15px;height:12px;border-left:3px solid #8170df;border-bottom:3px solid #8170df;transform:skewY(-25deg);border-radius:3px}.free-play{font-size:10px;letter-spacing:1.2px;font-weight:600;background:#f1effb;color:#7866bb;border-radius:5px;padding:5px 7px;margin-left:4px}.text-button{border:0;background:none;font-size:13px;color:#77768e;min-height:40px;padding:0}.text-button span{padding-left:8px;font-size:18px}.game{position:relative;flex:1;min-height:240px;background:#fcfcff;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-caption{position:absolute;top:24px;left:24px;display:flex;gap:8px;align-items:center;pointer-events:none;font-size:10px;letter-spacing:1.6px;font-weight:600;color:#9190a5}.caption-dot{height:6px;width:6px;border-radius:50%;background:#b4a8e5}.tools{position:absolute;left:20px;top:67px;display:flex;flex-direction:column;padding:7px;background:#fff;border:1px solid #e8e7ee;border-radius:15px;gap:3px;box-shadow:0 4px 14px #27264f08}.tool{width:56px;min-height:57px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:9px;background:transparent;color:#828096;font-size:11px;font-weight:500}.tool.active{color:var(--purple);background:#eeebfc}.tool svg{width:21px;height:21px}.tool-divider{height:1px;background:var(--border);margin:4px 7px}.edit-actions{position:absolute;right:20px;top:18px;display:flex;gap:5px;padding:4px;border-radius:12px;border:1px solid var(--border);background:#fff}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;border-radius:8px;color:#89869d}.icon-button svg{width:19px;height:19px}.zoom-controls{position:absolute;right:21px;bottom:20px;display:flex;align-items:center;background:#fff;border:1px solid var(--border);padding:3px;border-radius:10px;gap:0;color:#75728d}.zoom-controls button{background:none;border:0;width:36px;height:35px;display:grid;place-items:center;font-size:23px;border-radius:6px}.zoom-controls #zoomLevel{font-size:11px;width:43px;text-align:center;font-variant-numeric:tabular-nums}.zoom-controls>span:nth-last-child(2){height:18px;width:1px;background:var(--border);margin:0 5px}.zoom-controls svg{width:17px;height:17px}.canvas-tip{position:absolute;bottom:29px;left:26px;color:#9895a9;font-size:12px;pointer-events:none}.playbar{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;border-top:1px solid var(--border);background:#fff}.ride-state{display:flex;align-items:center;gap:12px;flex:1}.state-icon{background:#f4f2fc;display:grid;place-items:center;border-radius:11px;width:42px;height:42px;color:#9583db}.state-icon svg{width:21px;height:21px}.ride-state strong{font:600 16px 'Space Grotesk',sans-serif;display:block}.ride-state div>span{font-size:12px;color:#89869b;display:block;margin-top:5px}.transport{display:flex;gap:10px;align-items:center}.restart-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border);background:white;border-radius:11px;min-height:49px;padding:0 17px;font-size:14px;font-weight:500}.restart-button svg{height:18px;width:18px}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:153px;min-height:49px;border:1px solid #5040c5;background:var(--purple);color:white;border-radius:11px;padding:0 23px;font-weight:600;font-size:15px;box-shadow:0 4px 0 #4837ba;transition:transform .15s}.play-button:active{transform:translateY(2px);box-shadow:0 2px 0 #4837ba}.play-button svg{width:19px;height:19px}.speed-control{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex:1}.speed-control label{font-size:12px;color:#8b879d}.speed-control select{font-size:12px;color:#646077;background:#f8f7fc;border:1px solid #eeecf5;padding:10px;border-radius:8px;min-height:42px}footer{min-height:52px;display:flex;align-items:center;justify-content:space-between;color:#a19dae;font-size:11px;gap:12px}.keyboard{border:1px solid #e5e2ed;background:#fff;border-radius:4px;padding:2px 5px;margin-right:4px;font-size:10px}.footer-separator{padding:0 10px}.footer-spark{color:#b0a1de;font-size:19px;vertical-align:middle;padding-left:6px}.toast{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);background:#2e2d47;color:white;padding:12px 20px;font-size:14px;border-radius:12px;box-shadow:0 4px 20px #28264b18;max-width:85%;width:max-content;text-align:center;pointer-events:none}.empty-hint{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);text-align:center;color:#a49bbd;pointer-events:none;width:66%}.empty-hint strong{font:500 24px 'Space Grotesk',sans-serif;display:block}.empty-hint span{font-size:14px;display:block;margin-top:12px}dialog{border:1px solid var(--border);border-radius:22px;padding:36px;color:var(--ink);width:500px;max-width:calc(100vw - 32px);box-shadow:0 20px 80px #2420402a}dialog::backdrop{background:#24203855;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:13px;font-size:28px;border:0;background:none;color:#8c84a0;min-width:40px;min-height:40px}.dialog-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#9a86c8}h1,h2{font-family:'Space Grotesk',sans-serif;font-size:28px;line-height:1.2;letter-spacing:-.6px}dialog p{color:#827b90;font-size:15px;line-height:1.5}.instructions{list-style:none;padding:0;display:grid;gap:20px;margin:28px 0}.instructions li{display:flex;gap:15px}.instructions li>span{background:var(--yellow);width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-weight:600;font-size:14px}.instructions strong{font-size:16px}.instructions p{margin:6px 0 0;font-size:14px}.help-tip{font-size:13px;line-height:1.6;background:#f5f2fd;border-radius:12px;padding:14px;color:#8b7d9f}.dialog-action{width:100%;margin-top:25px}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}[hidden]{display:none!important}
@media(min-width:1400px){.app{padding:0 60px}.header{height:118px}.playbar{padding:20px 30px;min-height:106px}.tool{min-height:61px}}
@media(max-width:1000px){.header-note{display:none}.speed-control label{display:none}.ride-state div>span{max-width:175px}.app{padding:0 22px}.playbar{gap:12px;padding:15px}.ride-state{gap:8px}.state-icon{display:none}.ride-state strong{font-size:14px}.play-button{min-width:130px;padding:0 17px}.restart-button{padding:0 12px}.canvas-tip{max-width:45%}}
@media(max-width:650px){.app{padding:0 10px;min-height:520px}.header{height:77px;padding:0 6px}.brand{font-size:23px;gap:9px}.brand-mark{width:40px;height:40px;border-radius:12px}.brand small{font-size:8px;letter-spacing:1.9px;margin-top:6px}.brand-mark svg{width:29px}.help-label{display:none}.help-button{padding:7px}.workspace{border-radius:14px}.workspace-top{height:47px;min-height:47px;padding:0 13px}.workspace-title{font-size:13px;gap:7px}.free-play{display:none}.text-button{font-size:11px}.text-button span{padding-left:3px}.canvas-caption{top:18px;left:16px;font-size:9px;letter-spacing:1px}.tools{flex-direction:row;left:50%;top:54px;transform:translateX(-50%);padding:5px;border-radius:13px;gap:2px}.tool{width:46px;min-height:47px;font-size:10px;gap:2px}.tool svg{width:18px;height:18px}.tool-divider{height:30px;width:1px;margin:8px 3px}.edit-actions{right:10px;top:10px;padding:2px;gap:1px}.icon-button{width:32px;height:32px}.icon-button svg{width:16px;height:16px}.zoom-controls{right:12px;bottom:13px;padding:2px}.zoom-controls button{width:31px;height:32px}.zoom-controls #zoomLevel{width:36px}.canvas-tip{bottom:20px;left:14px;font-size:10px;max-width:40%;line-height:1.4}.playbar{min-height:113px;padding:11px 13px;display:grid;grid-template-columns:1fr auto;gap:9px}.ride-state{grid-column:1;grid-row:1}.ride-state strong{font-size:13px}.ride-state div>span{display:none}.speed-control{grid-column:2;grid-row:1}.speed-control select{min-height:30px;font-size:10px;padding:5px;background:white;border:0}.transport{grid-column:1/-1;grid-row:2;justify-content:center}.play-button{flex:1;font-size:14px;min-height:43px}.restart-button{min-height:43px;font-size:12px}.transport .restart-button{flex:1}.playbar .play-button{flex:1.5}footer{min-height:35px;justify-content:center;font-size:10px}footer>span:first-child{display:none}.empty-hint{top:57%;width:80%}.empty-hint strong{font-size:20px}.empty-hint span{font-size:12px}.toast{bottom:62px;font-size:12px}dialog{padding:28px}h1,h2{font-size:25px}}
@media(max-height:640px) and (min-width:651px){.header{height:70px}.tools{flex-direction:row;top:48px;left:18px}.tool{min-height:45px;width:46px}.tool-divider{width:1px;height:30px;margin:7px 3px}.playbar{min-height:74px}.workspace-top{min-height:43px;height:43px}footer{min-height:30px}}
.tool{font-size:12px}.ride-state div>span,.speed-control label,.speed-control select,.text-button{font-size:14px}.zoom-controls #zoomLevel,.canvas-tip,footer{font-size:12px}.instructions p,.help-tip{font-size:14px}.tool{min-width:46px}.speed-control select{min-width:112px}@media(max-width:650px){.ride-state div>span{display:none}.speed-control select{font-size:12px}.text-button{font-size:12px}.canvas-tip{font-size:12px}.workspace-top{padding:0 12px}.empty-hint span{font-size:14px}.tools{top:54px}.tool{min-height:51px}.playbar{min-height:116px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Touch-first playground: canvas, drawing tools, then ride controls. */
.app{padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));min-height:360px;max-width:1500px}
.header{height:76px;flex-shrink:0}.brand{font-size:25px;letter-spacing:-1px}.brand-mark{width:43px;height:43px;border-radius:13px}.reset-tracks{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 15px;background:white;border:1px solid #ddd9ed;border-radius:12px;font-size:14px;font-weight:600;color:#605574}.reset-tracks svg{width:19px;height:19px}.workspace{border-radius:16px}.game{min-height:100px;flex:1 1 0;isolation:isolate}.canvas-tip{left:16px;bottom:16px;max-width:calc(100% - 32px);font-size:14px;line-height:1.4}.tools{position:static;transform:none;flex-direction:row;border:0;border-radius:0;border-top:1px solid var(--border);box-shadow:none;justify-content:center;gap:8px;padding:8px 16px;margin:0;background:#fff;flex-shrink:0}.tool{min-height:54px;width:100px;max-width:none;flex:0 1 100px;gap:4px;font-size:14px;border-radius:10px}.tool svg{width:22px;height:22px}.more-icon{height:22px;display:flex;align-items:center;font-size:19px;letter-spacing:2px}.playbar{display:flex;min-height:76px;padding:0 16px 16px;justify-content:center;border-top:0;flex-shrink:0}.transport{width:440px;max-width:100%;gap:10px}.transport .restart-button{flex:1;min-height:52px;font-size:16px}.transport .play-button{flex:1.6;min-height:52px;font-size:16px;min-width:0}.empty-hint{top:62%;width:85%;max-width:500px}.empty-hint strong{font-size:22px}.empty-hint span{font-size:16px}.toast{bottom:56px;font-size:14px;z-index:3}.extra-tools{display:flex;gap:10px;margin:24px 0}.extra-tools .tool{flex:1;background:#f5f3fc;min-height:70px}.extra-tools .tool.active{background:#ebe6fc;color:var(--purple)}dialog{max-height:calc(100dvh - 30px);overflow-y:auto;padding:28px;border-radius:20px}dialog h2{margin:4px 40px 20px 0;font-size:25px}.dialog-close{min-height:44px;min-width:44px;top:12px;right:12px}.option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;border-top:1px solid var(--border);font-size:16px}.option-row select{font-size:16px;min-height:46px;max-width:65%;border:1px solid var(--border);background:#f8f7fc;border-radius:9px;padding:8px;color:var(--ink)}.option-row .zoom-controls{position:static;gap:0;padding:0;border:0;background:none}.zoom-controls button{width:44px;height:46px;font-size:24px}.zoom-controls #zoomLevel{font-size:14px;min-width:43px}.zoom-controls svg{height:21px;width:21px}.option-button{border:0;border-top:1px solid var(--border);background:white;display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:14px 0;min-height:56px;font-size:16px}.option-button span{width:25px;text-align:center;color:var(--purple)}.instructions p,.help-tip{font-size:16px}.dialog-action{min-height:52px;font-size:16px}.dialog-action:focus-visible{outline-offset:1px}
@media(max-width:650px){.app{padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px));padding-bottom:max(8px,env(safe-area-inset-bottom,0px));min-height:320px}.header{height:64px;gap:10px;padding:0 4px}.brand{font-size:20px;gap:7px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-mark svg{width:26px;height:24px}.reset-tracks{font-size:14px;padding:0 11px;min-height:46px;gap:6px}.reset-tracks svg{width:17px}.workspace{border-radius:12px}.tools{padding:6px 10px;gap:4px}.tools .tool{flex:1;min-width:0;width:auto;min-height:54px;font-size:14px}.playbar{min-height:70px;padding:0 10px 12px;display:flex}.transport{width:100%;display:flex;gap:8px}.transport .restart-button,.transport .play-button{min-height:50px;font-size:16px}.canvas-tip{font-size:14px;bottom:14px;left:14px}.toast{font-size:14px;bottom:58px}.empty-hint strong{font-size:20px}.empty-hint span{font-size:16px}dialog{padding:24px}.zoom-controls button{width:40px}.option-row{font-size:16px}}
@media(max-height:500px) and (min-width:651px){.header{height:56px}.app{padding-bottom:8px}.tools{padding:4px 12px;gap:8px}.tools .tool{min-height:44px;flex-direction:row;gap:8px}.playbar{min-height:54px;padding-bottom:8px}.transport .restart-button,.transport .play-button{min-height:44px}.empty-hint{top:70%}.empty-hint strong{font-size:18px}.empty-hint span{font-size:14px;margin-top:4px}}
.header-actions{display:flex;gap:10px;align-items:center}.tracks-button{background:#ede9fd;border-color:#dcd4fc;color:#5947c9}.track-list{display:grid;gap:12px}.track-intro,.track-note{font-size:14px;line-height:1.5}.track-intro{margin-top:-6px}.track-note{margin-bottom:0;color:#81778f}.track-card{display:block;text-align:left;width:100%;padding:16px;border:1px solid #e4dfec;border-radius:15px;background:#fcfbff;touch-action:manipulation}.track-card:hover{border-color:var(--track-color)}.track-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.track-card-top strong{font:600 19px 'Space Grotesk',sans-serif;color:var(--track-color)}.track-card-top>span{font-size:11px;letter-spacing:.7px;color:#82758d}.track-profile{display:block;width:100%;height:70px;margin:10px 0;fill:none;stroke:var(--track-color);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.track-description{font-size:14px;line-height:1.4;display:block;color:#797085}.track-choose{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:var(--track-color);margin-top:12px}.track-card:focus-visible{outline-offset:1px}#tracksDialog{width:500px}#tracksDialog h2{margin-right:30px}
@media(max-width:650px){.reset-suffix{display:none}.header-actions{gap:6px}.header{gap:6px}.header .reset-tracks{padding:0 9px;gap:5px}.header .brand{font-size:18px;gap:6px}.track-card{padding:13px}.track-card-top strong{font-size:18px}.track-profile{height:60px}.track-card-top>span{font-size:10px}#tracksDialog{padding:22px}.track-choose{margin-top:10px}}
@media(max-width:350px){.header .brand-mark{display:none}.header .reset-tracks{padding:0 7px}.header .brand{font-size:17px}}

#riderCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.canvas-tip,.empty-hint{z-index:2}

.load-notice{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:24px;text-align:center;background:#fcfcff;font-size:16px;color:#6b607e}.load-notice button{min-height:48px;border:0;border-radius:10px;padding:0 20px;background:#5947db;color:white;font:inherit}.no-script{position:fixed;inset:30% 20px auto;background:white;color:#30334e;padding:24px;z-index:10;text-align:center}
.main-tool-items{display:flex;align-items:center;gap:4px;min-width:70px;flex:0 1 auto;max-width:calc(100% - 68px);overflow-x:auto;scrollbar-width:thin;border:2px solid transparent;border-radius:12px;min-height:58px}.main-tool-items>.tool{flex:0 0 68px;min-width:68px;width:68px;font-size:13px;touch-action:pan-x}.tools{gap:5px}.tools>#moreButton{flex:0 0 60px;width:60px;min-width:60px}.main-tool-items.empty-bar{flex:1;min-width:100px}.empty-bar:before{content:attr(data-empty);font-size:14px;color:#8b7ea4;padding:0 14px}.customizing .main-tool-items{border-style:dashed;border-color:#bdb0e7;background:#faf8ff;min-width:130px}.customizing .main-tool-items .tool{touch-action:none}.tool-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:2px solid transparent;border-radius:12px}.catalog-tool{border:1px solid #e4dfed;border-radius:11px;background:#f8f6fd;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}.catalog-tool .tool{width:100%;min-width:0;flex:none;min-height:54px;font-size:13px;touch-action:none}.pin-toggle{font-size:12px;background:white;border:0;border-top:1px solid #e8e3f1;min-height:36px;padding:5px;color:#695582}.tool-symbol{height:22px;font-size:26px;line-height:22px}.customize-help,.toolbar-status{font-size:14px;line-height:1.5;color:#82758d}.toolbar-status{margin-bottom:8px}.tool-ghost{position:fixed!important;pointer-events:none;z-index:9999;width:70px!important;height:64px;background:#eee8ff!important;border:2px solid #8870dc;box-shadow:0 8px 24px #35205033;transform:rotate(-5deg);color:#5947db}.tool-dragging{user-select:none;-webkit-user-select:none}.drop-ready{background:#e5dcff!important;border-color:#7355ce!important}.tools .main-tool-items .tool{flex:0 0 68px}#moreDialog{position:fixed;inset:auto max(16px,env(safe-area-inset-right,0px)) 160px auto;margin:0;z-index:30;width:430px;max-width:calc(100vw - 24px);box-shadow:0 10px 50px #32244730;padding:22px}#moreDialog h2{font-size:22px;margin-bottom:10px}.customize-help{margin-top:0}.tool-catalog .tool svg{width:21px;height:21px}
@media(max-width:650px){#moreDialog{right:12px;left:12px;width:auto;max-width:none;padding:18px}.main-tool-items{flex:1}.main-tool-items>.tool,.tools .main-tool-items .tool{flex-basis:62px;min-width:62px;width:62px}.tools{padding:6px}.header .brand{font-size:17px}.tool-catalog{gap:6px}.catalog-tool .tool{font-size:13px;min-height:52px}.pin-toggle{min-height:36px}.customize-help{font-size:14px}.toolbar-status{font-size:12px}.tools>#moreButton{flex-basis:54px;min-width:54px;width:54px}}

.racing .canvas-tip{opacity:0;transition:opacity .25s}.racing #canvas{cursor:default}

.brand-monogram{transform:none;font:700 31px 'Space Grotesk',Arial,sans-serif;letter-spacing:-3px;padding-right:3px;color:#ffe187}.brand-wordmark{font-weight:700;letter-spacing:-1px}@media(max-width:650px){.brand-monogram{font-size:26px;letter-spacing:-2px}.brand-wordmark{letter-spacing:-.7px}}
.score-hud{position:absolute;z-index:2;top:12px;left:12px;right:12px;max-width:470px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);background:#ffffffed;border:1px solid #e7e2f1;border-radius:14px;box-shadow:0 3px 14px #30254c08;pointer-events:none;overflow:hidden}.score-hud>div:not(.hud-foot){text-align:center;padding:8px 10px;border-right:1px solid #eeeaf5}.score-hud>div>span{display:block;font-size:12px;color:#8a7f9b}.score-hud strong{font:700 23px 'Space Grotesk',sans-serif;display:block;color:#383047;font-variant-numeric:tabular-nums}.score-hud strong b{font-weight:700}.score-hud small{font-size:12px;font-weight:500;color:#93869f}.score-hud .score-highlight{background:#f2edff;border-right:0!important}.score-highlight strong{color:#6650ce}.score-hud .hud-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;padding:5px 12px;border-top:1px solid #eeeaf5;background:#fdfcff}.hud-foot span{font-size:11px!important;color:#978ba4!important}.hud-foot b{font-weight:600}.score-eyebrow{font-size:12px;letter-spacing:1.2px;font-weight:700;color:#968441}.score-total{display:flex;justify-content:center;align-items:baseline;gap:10px;background:#f4efff;border-radius:16px;padding:18px;color:#6950cb}.score-total strong{font:700 46px 'Space Grotesk',sans-serif;letter-spacing:-2px}.score-total>span:first-child{font-size:35px;color:#dba83a}.score-total>span:last-child{font-size:14px}#medalName{text-align:center;font-weight:600;font-size:16px;color:#716384;margin:12px 0 20px}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.summary-stats strong{display:block;font-size:19px}.summary-stats span{font-size:12px;color:#93869f;display:block;margin-top:5px}.score-breakdown{text-align:center;font-size:13px;color:#9788a6;margin:18px 0}.badge-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.badge{display:flex;align-items:center;gap:9px;border:1px dashed #ddd5e8;border-radius:10px;padding:10px;color:#a899b7}.badge.earned{border:1px solid #ecdaa5;background:#fff9e8;color:#8f702a}.badge>span{font-size:24px}.badge strong{font-size:13px;display:block}.badge div>span{font-size:11px;display:block;margin-top:3px}.scoring-note{font-size:13px;line-height:1.5}.summary-buttons{display:flex;gap:10px;margin-top:20px}.summary-buttons>button{flex:1;min-width:0;padding:0 10px;font-size:14px}@media(max-width:650px){.score-hud{top:8px;left:8px;right:8px}.score-hud strong{font-size:21px}.score-hud>div:not(.hud-foot){padding:6px}.hud-foot span{font-size:10px!important}.score-hud .hud-foot{padding:5px 8px}.score-total strong{font-size:40px}.badge{padding:8px;gap:6px}.badge strong{font-size:12px}.summary-stats strong{font-size:17px}}

.score-hud>div>span{font-size:14px}.hud-foot span{font-size:12px!important}.badge strong{font-size:14px}.badge div>span{font-size:12px}.scoring-note{font-size:14px}.summary-stats span{font-size:13px}@media(max-width:650px){.hud-foot span{font-size:11px!important}.badge strong{font-size:13px}}