/* DRAW/DUEL — PREMIUM STUDIO v9. Functional controls remain native. */
:root{--paper:#101723;--surface:#1b2431;--ink:#f0eee5;--muted:#aab7bc;--line:#33414b;--green:#93ead5;--teal:#71d8d8;--gold:#e0b16c;--shadow:0 24px 64px #030a12a8;color-scheme:dark}
body{background:radial-gradient(ellipse 68% 60% at 72% -20%,#28445b 0%,transparent 82%),linear-gradient(143deg,#131d2a,#0e1721 55%,#1e2834);color:var(--ink);min-height:100vh}
.app-header{background:#101923ec;border-color:#33404a;box-shadow:0 5px 35px #050b1640}
.brand{font-weight:550;color:#eaf8f2}.brand strong{font-weight:790;color:#8ce7d4}
.brand-mark{background:linear-gradient(145deg,#203b45,#0b1a23);color:#f4d59c;box-shadow:0 5px 22px #8ee4da27; border:1px solid #6ca8a755}
.nav-item{color:#849ca8}.nav-item:hover,.nav-item.active{color:#f3f1e8}.nav-item.active:after{background:linear-gradient(90deg,#92ead7,#e5c085)}
.saved-status{color:#95b7ab}.saved-status i{background:#76eabf}.header-play,.primary-button{background:linear-gradient(130deg,#80f0d9,#7bbbd6);color:#0f2530;box-shadow:0 7px 20px #69b9bf44;border:1px solid #c2f9ee88;font-weight:780}.header-play:hover,.primary-button:hover{transform:translateY(-1px);filter:brightness(1.07)}
.help-button{color:#adbfbd;border-color:#57636a}
.free-studio{max-width:1880px;padding-top:29px}.free-heading h1{color:#f7f6ec;letter-spacing:-1.6px;font-weight:640}.free-heading h1 span,.worlds-heading h1>span{color:#e2b87b}
.free-heading .eyebrow,.eyebrow{color:#a9c2bf;letter-spacing:2px}.free-subtitle,.free-bottom-hint,.free-bottom-hint p{color:#8fa4a9}
.free-heading .quiet-button{color:#d0d5cf;border:1px solid #455968;background:#1c2a36}.free-heading .quiet-button:hover{background:#324754}
.free-workspace{grid-template-columns:72px minmax(0,1fr) 370px;gap:15px 17px}
.free-tools,.free-brushbar,.free-preview-card,.free-understanding{background:linear-gradient(160deg,#233341,#182733);border:1px solid #3a5360;box-shadow:0 12px 40px #0003}
.free-tools{border-radius:20px}.free-tool{color:#a2b7bb}.free-tool:not(.active):hover:not(:disabled){background:#335061}.free-tool.active{background:linear-gradient(135deg,#235b5c,#324c55);color:#c7faf0;box-shadow:inset 0 0 0 1px #76cbcb66}
.free-tool-divider,.brush-divider{background:#445962}.free-paper-shell{background:#f4efe5;border:1px solid #b8aca2;border-radius:20px;box-shadow:0 22px 50px #05091385,0 1px 0 #fff5 inset}
.free-paper-top,.free-paper-foot{background:#ece6db;color:#283b42;border-color:#ded6c9}.free-paper-top strong{color:#294452}.free-paper-top #strokeCount{color:#617776}
.free-paper-foot>span{color:#647571}.free-paper-foot .quiet-button{color:#526568}
.free-canvas{background:radial-gradient(ellipse at 50% 46%,#fffaf0,#f2ebdc)}
.free-preview{height:284px;background:radial-gradient(ellipse at 50% 30%,#597481,#293b47 66%,#18242f);}
.free-preview-empty{background:radial-gradient(ellipse at 40% 35%,#3b5560,#17252f);color:#a1bdc1}
.free-preview-empty strong{color:#e9f3ee}.free-preview-empty span{color:#9ab0b7}
.free-panel-heading{color:#eef1e9}.free-preview-tag{color:#80cfc1}.free-preview-note{background:#263947;color:#b2ccd0;border-top:1px solid #3d5360}
.preview-options{background:#20313e;color:#b0cbca;border-color:#38505a}.preview-options select,.free-selection details select{background:#1d3541;color:#c3e2df;border:1px solid #4c6570}
.free-animation{border-color:#3e5360}.free-animation button{color:#9bb0b7}.free-animation button.active{background:#305257;color:#d5ffef}
.free-understanding{padding-bottom:16px}.recognition-summary{color:#bac7c3}.free-part-list{scrollbar-color:#546c70 transparent}
.free-part{color:#dbe6e0}.free-part:hover{background:#2c4753}.free-part.active{background:#2d5256;border-color:#70bbb377}.free-part-text small{color:#9db6b8}.free-part-link{background:#93ead5}
.free-selection{border-color:#465d65}.free-selection-title{color:#e0ede4}.free-selection details>summary,.free-selection details label,.free-selection details p{color:#9cb6b8}.free-connections{background:#51352a;border-color:#80553d;color:#fed1b0}
.free-brushbar{border-radius:16px}.free-swatch{border-color:#21313b}.free-swatch.active{box-shadow:0 0 0 2px #97eed2,0 0 18px #6feada44}.free-custom-color,.free-brush-width,.free-pen-label{color:#b0c9c9}.free-brush-width input{accent-color:#8be6cf}.free-brush-width output{color:#d5d9c4}
.free-race-button{font-size:13px;min-height:52px}.choose-world-button{color:#a6babc}.choose-world-button strong{color:#e6d2a2}
.free-bottom-hint b{color:#e2b57a}
.worlds-view{color:#edf0ed}.worlds-heading,.worlds-heading h1{color:#f3f4eb}.worlds-intro{color:#b0c1c2}.world-card{box-shadow:0 14px 35px #0005}
.race-surface:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 110px 16px #060a1688, inset 0 -80px 80px -80px #102633c9;opacity:.64}
.race-vs{background:#132836d8;border-color:#d2c08d88;color:#e7d5ac;box-shadow:0 0 26px #99ece329}
.race-clock{background:#142432bf;box-shadow:0 10px 34px #060c1c66;border:1px solid #bedccd50}
.race-heart{font-size:25px}.race-name{letter-spacing:.085em}
@media(max-width:1190px){.free-workspace{grid-template-columns:60px minmax(0,1fr) 310px}.free-preview{height:245px}}
@media(max-width:950px){.free-workspace{grid-template-columns:62px minmax(0,1fr)}.free-preview{height:250px}}
@media(max-width:600px){.free-studio{padding:14px 10px 24px}.free-heading h1{font-size:25px}.free-workspace{grid-template-columns:1fr}.free-tools{padding:4px}.free-paper-shell{border-radius:15px}.free-preview{height:270px}.free-brushbar{gap:8px}.free-animation button{min-height:40px}.free-tool{color:#c4d8d7}}
@media(prefers-reduced-motion:reduce){.race-surface:after{opacity:.4}.header-play:hover,.primary-button:hover{transform:none}}

.race-speed-indicator{display:inline-flex;align-items:center;margin-top:5px;padding:4px 8px;border:1px solid #c8f7e43a;border-radius:6px;color:#d2f7e8;background:#183b488e;font-size:10px;letter-spacing:.05em;font-weight:650}.race-speed-indicator span{margin-right:3px}