@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:#302337;background:#f5f3f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ae67ed;outline-offset:4px}header{height:86px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#241730;color:#fff}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;color:#fff;text-decoration:none;font-size:26px;letter-spacing:-1.3px}.brand span{color:#d5ef6d}.brand .brand-dot{font-size:12px;vertical-align:top;margin:4px}.edition{font-size:12px;letter-spacing:2.4px;color:#c4b7cf}.quiet{color:#e7deee;border:1px solid #60516c;background:none;padding:10px 14px;border-radius:7px;font-size:14px}main{max-width:1440px;margin:auto;padding:38px 5% 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#8b729b;margin:0 0 10px}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,3.2vw,44px);letter-spacing:-1.8px;margin:0;font-weight:500}h1 em{font-style:normal;color:#7b00ac}.balance{display:flex;align-items:center;gap:14px}.balance>span{background:#e6edcb;color:#667626;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:28px}.balance strong{font-family:'Space Grotesk';font-size:28px;display:block}.balance small{font-size:12px;color:#887c8e}.workspace{display:grid;grid-template-columns:265px 1fr;gap:32px}aside{padding-top:12px}h2{font-family:'Space Grotesk',sans-serif;margin:0;font-size:23px;letter-spacing:-.7px}.aside-title{display:flex;align-items:center;justify-content:space-between}.aside-title h2{font-size:19px}.aside-title>span{font-size:13px;color:#8d8094}.muted{font-size:14px;color:#8a7d91;margin:9px 0 22px}.car{width:100%;text-align:left;border:1px solid #e2dce7;border-radius:12px;overflow:hidden;background:#eeecef;padding:0;margin-bottom:14px;transition:transform .2s,border-color .2s}.car:hover{transform:translateY(-2px)}.car.selected{border:2px solid #7b00ac;background:#fff}.car-picture{height:98px;background-image:url('cars.jpg');background-size:200% 300%;background-repeat:no-repeat}.car-text{display:flex;justify-content:space-between;padding:12px 14px;background:#fff;align-items:center}.car-text strong{font-size:14px;display:block}.car-text small{display:block;font-size:12px;color:#93869a;margin-top:4px}.car-text>span{color:#7b00ac}.note{display:flex;gap:12px;margin-top:25px;color:#82718d;align-items:center}.note>span{font-size:32px;color:#8c4caf}.note p{font-size:13px;line-height:1.7}.session-note{font-size:12px;color:#96899c}.game{background:#fff;border:1px solid #e6e0eb;border-radius:18px;padding:25px;box-shadow:0 8px 30px #35253b06;min-width:0}.game-head{display:flex;align-items:center;justify-content:space-between}.game-head .eyebrow{font-size:11px;margin-bottom:5px}.status{font-size:12px;border-radius:20px;background:#f2eaf8;padding:7px 12px;color:#7b4297}.steps{display:flex;gap:8px;margin:24px 0 18px}.step{flex:1;font-size:14px;display:flex;gap:8px;align-items:center;color:#a197a8}.step i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f1edf4;font-size:12px}.step.active{color:#7b00ac;font-weight:700}.step.active i{background:#7b00ac;color:white}.step.done i{background:#eaf2d2;color:#617229}.stage{position:relative;background:#eeeeee;border-radius:10px;overflow:hidden}.stage-label{position:absolute;left:20px;top:17px;font-size:10px;letter-spacing:1.8px;color:#99919d;z-index:2;pointer-events:none}canvas{width:100%;display:block;touch-action:none;cursor:none;margin:30px 0 22px}#loading{position:absolute;inset:0;background:#eeecef;display:grid;place-items:center;font-size:14px}#loading[hidden]{display:none}.stage-bottom{position:absolute;bottom:12px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;color:#857889;font-size:12px;pointer-events:none}.stage-bottom>span:last-child{font-size:22px}#brush{display:none;position:absolute;width:56px;height:56px;border:2px solid #fff;border-radius:50%;background:#ffffff25;box-shadow:0 0 0 1px #7b00ac55;transform:translate(-50%,-50%);pointer-events:none}.controls{display:flex;align-items:center;gap:13px;margin:22px 0 15px}.tool-icon{width:46px;height:46px;background:#f2e9f8;border-radius:10px;display:grid;place-items:center;color:#7b00ac;font-size:25px}.tool-copy strong{display:block;font-size:16px}.tool-copy span{font-size:13px;color:#928499;display:block;margin-top:4px}.percentage{margin-left:auto;text-align:right}.percentage strong{display:block;font-family:'Space Grotesk';font-size:25px}.percentage span{font-size:11px;color:#928499}.progress{height:6px;border-radius:6px;background:#eee8f3;overflow:hidden}#bar{height:100%;width:0;background:#8c28b7;transition:width .15s}.bottom-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px}#reward{font-size:13px;color:#8c7f94}#reward b{color:#6e7930}.primary{background:#7b00ac;color:white;border:0;padding:13px 18px;border-radius:8px;font-weight:600;font-size:14px;white-space:nowrap;min-height:46px}.primary span{margin-left:20px}.primary:disabled{background:#eeeaf1;color:#a49aab;cursor:default}.keyboard{font-size:11px;color:#a194a9;margin:17px 0 0}.palette{display:flex;align-items:center;gap:12px;margin-top:20px}.palette[hidden]{display:none}.palette span{font-size:14px;margin-right:6px}.palette button{width:34px;height:34px;background:var(--swatch);border:3px solid white;outline:1px solid #ddd;border-radius:50%}.palette button[aria-pressed=true]{outline:2px solid #7b00ac}footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#a396aa;margin-top:28px}footer span{letter-spacing:0;font-size:12px}@media(max-width:900px){.workspace{grid-template-columns:200px 1fr;gap:20px}.edition{display:none}.game{padding:18px}.step{font-size:12px;gap:5px}.bottom-actions{flex-wrap:wrap}.intro{gap:15px}.balance small{max-width:75px;display:block}}@media(max-width:650px){header{height:70px;padding:0 20px}.brand{font-size:23px}.quiet{font-size:12px;padding:8px}main{padding:25px 16px}.intro{align-items:center;margin-bottom:24px}h1{font-size:29px;letter-spacing:-1.2px;max-width:250px}.eyebrow{font-size:10px;letter-spacing:1.3px}.balance{gap:7px}.balance>span{width:31px;height:31px;font-size:22px}.balance strong{font-size:22px}.balance small{font-size:10px}.workspace{display:flex;flex-direction:column;gap:14px}aside{padding:0}.aside-title h2{font-size:16px}.muted,.note,.session-note{display:none}#cars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.car{margin:0;border-radius:8px}.car-picture{height:62px}.car-text{padding:9px 7px}.car-text strong{font-size:11px}.car-text small{font-size:10px}.car-text>span{display:none}.game{padding:15px;border-radius:12px}.game-head h2{font-size:21px}.status{font-size:10px;padding:6px 9px}.steps{margin:18px 0 14px;gap:5px}.step{font-size:11px;gap:4px}.step i{width:21px;height:21px}.stage-label{font-size:8px;left:12px;top:12px;letter-spacing:1px}.stage-bottom{font-size:10px;left:12px;right:12px;bottom:7px}.stage-bottom>span:last-child{display:none}canvas{margin:32px 0 25px}.tool-copy strong{font-size:14px}.tool-copy span{font-size:11px}.tool-icon{width:35px;height:39px}.controls{gap:8px}.percentage strong{font-size:22px}.bottom-actions{margin-top:18px}.primary{width:100%;display:flex;justify-content:space-between}.keyboard{display:none}footer{font-size:8px;letter-spacing:1px}footer span{font-size:10px;max-width:135px;text-align:right}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.car:disabled{cursor:not-allowed;opacity:.65}.car:disabled:hover{transform:none}.compare{color:#7b00ac;border-color:#d9c9e3;margin-top:15px}.compare[hidden]{display:none}