html{height:100%}body{background:linear-gradient(160deg, var(--color-bg-start) 0%, var(--color-bg-end) 100%);color:var(--color-text);background-attachment:fixed;flex-direction:column;height:100dvh;margin:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;display:flex;overflow:hidden}.container{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:1100px;min-height:0;margin:0 auto;padding:12px 20px;display:flex;overflow:hidden}@media (width>=700px){.container{padding:40px 20px}}.app{flex:1;min-height:0;display:flex}.app-frame{background:var(--app-frame-gradient,color-mix(in srgb, var(--color-text) 10%, transparent));border-radius:28px;flex:1;min-height:0;padding:4px;transition:background .6s;display:flex}@media (width>=700px){.app-frame{padding:6px}}.app-card{background-color:var(--color-surface);border-radius:24px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 16px 48px #2b2d422e}@media (width>=700px){.app-card{border-radius:22px}}.app-header{background-color:color-mix(in srgb, var(--color-surface) 92%, transparent);backdrop-filter:blur(6px);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:.4em 12px;display:flex;box-shadow:0 2px 8px #2b2d4214}@media (width>=700px){.app-header{display:none}}.app-header__logo{align-items:center;gap:.3em;margin:0;display:flex}.app-header__title{color:#0000;letter-spacing:.02em;background:linear-gradient(90deg,#ff3b3b,#ff9a3b,#ffd93b,#4ade80,#38bdf8,#a78bfa) text;font-family:"Baloo 2",Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1em;font-weight:700}.button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4ade80,#38bdf8);border:0;border-radius:10px;width:100%;padding:16px 20px;font-size:1.3em;font-weight:700;transition:box-shadow .15s,transform .15s;display:block;box-shadow:0 2px 8px #2b2d4214}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2b2d421f}.button:active{transform:translateY(0)}.button:focus-visible{outline-offset:2px;outline:3px solid #005fcc}.button--ghost{box-shadow:none;color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-text) 25%, transparent);background:0 0;width:auto;font-size:1em;font-weight:600}.button--ghost:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent);box-shadow:none}.car-rainbow{flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:18px;min-height:0;margin:0 20px 20px;display:grid}@media (width>=700px){.car-rainbow{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:24px;margin:0 20px 20px}}.car-rainbow--extended{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:10.5px}@media (width>=700px){.car-rainbow--extended{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:14px}}.car-rainbow--extended .car__title{font-size:.85em}@media (width>=700px){.car-rainbow--extended .car__title{font-size:1em}}.car-rainbow--extended .car__status{width:1.8em;height:1.8em}@keyframes car-drive-in{0%{opacity:0;transform:translate(-32px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}.car{animation:.5s cubic-bezier(.22,1,.36,1) backwards car-drive-in;animation-delay:calc(var(--car-index,0) * 90ms);background-color:color-mix(in srgb, var(--color-text) 3%, transparent);background-position:50% 60%;background-repeat:no-repeat;background-size:75%;border-radius:18px;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden;box-shadow:0 2px 8px #2b2d4214}@media (prefers-reduced-motion:reduce){.car{animation:none}}.car:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2b2d421f}.car--active{background-color:#4ade801f;box-shadow:0 0 0 3px #4ade80,0 8px 24px #2b2d421f}.car__title{color:var(--color-text);margin:0;font-size:1.1em;position:absolute;top:8px;left:10px}@media (width>=700px){.car__title{font-size:1.3em}}.car__selector{cursor:pointer;background-color:#0000;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;top:0;left:0}.car__selector:focus-visible{outline-offset:-3px;outline:3px solid #005fcc}.car__status{background-color:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;width:2.2em;height:2.2em;transition:transform .15s;display:flex;position:absolute;bottom:10px;right:10px;transform:scale(0);box-shadow:0 2px 8px #2b2d4214}.car__status:after{content:"✅";font-size:1.2em;line-height:1}.car--active .car__status{transform:scale(1)}.car--red{background-image:url(img/red.png)}.car--orange{background-image:url(orange.734e1231.png)}.car--yellow{background-image:url(yellow.2fb54b99.png)}.car--green{background-image:url(green.bfabf6df.png)}.car--blue{background-image:url(blue.e1e1de1b.png)}.car--purple{background-image:url(purple.3d1dca65.png)}.car--black{background-image:url(black.b7f69b19.png)}.car--white{background-image:url(white.0f7c49d7.png)}.car--brown{background-image:url(brown.73d059ef.png)}.car--pink{background-image:url(pink.e012406f.png)}.car--silver{background-image:url(silver.c3c284c6.png)}.car--pattern{background-image:url(pattern.2dfa0fde.png)}.dialog{background-color:var(--color-surface);color:var(--color-text);border:0;border-radius:28px;width:calc(100% - 40px);max-width:320px;margin:auto;padding:30px;position:fixed;box-shadow:0 16px 48px #2b2d422e}.dialog::backdrop{backdrop-filter:blur(3px);background-color:#0006}.dialog__title{text-align:center;margin:0 0 .4em;font-size:1.6em}.dialog__options{grid-template-columns:1fr;gap:10px;margin-top:20px;display:grid}.dialog__share-preview{text-align:center;margin:0;font-size:1.1em}.error-boundary{background-color:var(--color-surface);color:var(--color-text);text-align:center;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex;box-shadow:0 16px 48px #2b2d422e}.error-boundary__title{margin:0;font-size:1.6em}.error-boundary__message{color:var(--color-text-muted);max-width:320px;margin:0}.error-boundary .button{width:auto}.footer{text-align:center;padding:10px 0}.footer__version{color:var(--color-text-muted);margin:0;font-size:.8em}.footer__credit{color:var(--color-text-muted);margin:.25em 0 0;font-size:.75em}.footer__link{color:inherit}.footer__link:hover,.footer__link:focus-visible{color:var(--color-text)}.game-status{grid-template-columns:repeat(2,1fr);gap:15px;margin:20px;display:grid}@media (width>=700px){.game-status{gap:20px;margin:40px 20px}}.game-status__item{background-color:#38bdf814;border-radius:18px;padding:14px 20px}.game-status__item dt{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .3em;font-size:.8em;font-weight:600}.game-status__item dd{margin:0;font-size:1.6em;font-weight:700}@media (width>=700px){.game-status__item{padding:20px 24px}.game-status__item dt{font-size:.9em}.game-status__item dd{font-size:2em}}.game-status__progress{appearance:none;border:0;border-radius:10px;width:100%;height:14px}.game-status__progress::-webkit-progress-bar{background-color:#38bdf82e;border-radius:10px}.game-status__progress::-webkit-progress-value{background:linear-gradient(90deg,#ff3b3b,#ff9a3b,#ffd93b,#4ade80,#38bdf8,#a78bfa);border-radius:10px;transition:width .25s}.game-status__progress::-moz-progress-bar{background:linear-gradient(90deg,#ff3b3b,#ff9a3b,#ffd93b,#4ade80,#38bdf8,#a78bfa);border-radius:10px}.heading{flex-direction:column;align-items:center;width:100%;padding:20px 20px 0;display:none}@media (width>=700px){.heading{padding:40px 40px 0;display:flex}}.heading__logo{justify-content:center;align-items:center;gap:.3em;margin:0;display:flex}.heading__title{color:#0000;letter-spacing:.02em;background:linear-gradient(90deg,#ff3b3b,#ff9a3b,#ffd93b,#4ade80,#38bdf8,#a78bfa) text;font-family:"Baloo 2",Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.25em;font-weight:700}@media (width>=700px){.heading__title{font-size:2.3em}}.heading__info{color:var(--color-text-muted);text-align:center;margin:.4em 0 0;font-size:.78em}@media (width>=700px){.heading__info{font-size:.9em}}@keyframes popper-burst{0%{opacity:1;transform:translate(-50%,-50%)translate(0)rotate(0)scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) translate(var(--popper-x,0), var(--popper-y,0)) rotate(var(--popper-rotation,0deg)) scale(1)}}.popper{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.popper{display:none}}.popper__piece{animation:popper-burst var(--popper-duration,1.5s) var(--popper-delay,0s) cubic-bezier(.16, 1, .3, 1) forwards;font-size:1.7em;line-height:1;position:absolute;top:50%;left:50%}.settings-trigger{background-color:color-mix(in srgb, var(--color-surface) 92%, transparent);backdrop-filter:blur(6px);cursor:pointer;z-index:20;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.4em;height:2.4em;padding:0;font-size:1.05em;transition:box-shadow .15s;display:flex;position:fixed;top:12px;right:12px;box-shadow:0 2px 8px #2b2d4214}.settings-trigger:hover{box-shadow:0 8px 24px #2b2d421f}.settings-trigger:focus-visible{outline-offset:1px;outline:2px solid #005fcc}@media (width>=700px){.settings-trigger{top:24px;right:24px}}.settings__group{border:0;margin:20px 0 0;padding:0}.settings__legend{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5em;padding:0;font-size:.8em;font-weight:600}.settings__option{align-items:center;gap:.6em;padding:.4em 0;display:flex}.settings__option input{accent-color:#38bdf8}.settings__hint{color:var(--color-text-muted);margin:0 0 .6em;font-size:.9em}.settings__toggle{cursor:pointer;align-items:center;gap:.7em;padding:.4em 0;display:flex}.settings__toggle input{opacity:0;width:0;height:0;position:absolute}.settings__toggle-track{background-color:color-mix(in srgb, var(--color-text) 20%, transparent);border-radius:999px;flex-shrink:0;width:2.6em;height:1.5em;transition:background-color .15s;display:inline-block;position:relative}.settings__toggle-track:before{background-color:var(--color-surface);content:"";border-radius:50%;width:1.15em;height:1.15em;transition:transform .15s;position:absolute;top:50%;left:.18em;transform:translateY(-50%);box-shadow:0 2px 8px #2b2d4214}.settings__toggle input:checked+.settings__toggle-track{background-color:#38bdf8}.settings__toggle input:checked+.settings__toggle-track:before{transform:translate(1.1em,-50%)}.settings__toggle input:focus-visible+.settings__toggle-track{outline-offset:2px;outline:2px solid #005fcc}:root{--color-bg-start:#fef6e4;--color-bg-end:#e0f7ff;--color-surface:#fff;--color-text:#2b2d42;--color-text-muted:#6b7280}[data-theme=dark]{--color-bg-start:#1b1830;--color-bg-end:#100e1c;--color-surface:#2a2640;--color-text:#eef0fb;--color-text-muted:#a8a4c2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-start:#1b1830;--color-bg-end:#100e1c;--color-surface:#2a2640;--color-text:#eef0fb;--color-text-muted:#a8a4c2}}
/*# sourceMappingURL=workspace.293a3b0e.css.map */