:root{color-scheme:light;--ink:#38254b;--muted:#73617f;--pink:#fa799e;--purple:#7250bb;--line:#ddcfe8;--cream:#fffaf0;--shadow:0 10px 0 #dfc9e5,0 20px 45px #62366b12;font-family:Inter,ui-rounded,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 0 0,#ffe0db 0,transparent 38%),radial-gradient(ellipse at 100% 25%,#dceffd 0,transparent 40%),#f8f1ff;min-width:280px}button,input,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #4d2993;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:12px;z-index:20;padding:12px 18px;background:#fff}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-header{display:flex;align-items:center;gap:22px;max-width:1240px;padding:22px 34px;margin:auto;font-size:12px;font-weight:750}.back-link{display:flex;align-items:center;gap:9px;text-decoration:none;min-height:44px}.back-link>span{font-size:22px}.aurism-mark{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:20px;letter-spacing:-1px;text-decoration:none}.aurism-mark img{border-radius:7px}.header-tag{font-size:9px;letter-spacing:1.6px;padding-left:22px;border-left:1px solid var(--line)}.page{width:min(1180px,calc(100% - 64px));margin:0 auto}.game-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 8px 30px;gap:20px}.eyebrow,.mini-label{font-size:10px;letter-spacing:1.7px;font-weight:850;line-height:1.5;margin:0 0 14px}.eyebrow{color:#7a4797;display:flex;align-items:center;gap:8px}.eyebrow>span{font-size:20px;color:#ef9b47}h1{margin:0;font-family:Syne,Inter,system-ui,sans-serif;font-size:clamp(52px,6.5vw,82px);font-weight:800;line-height:.86;letter-spacing:-5px;color:#7145ac;text-shadow:0 3px 0 #d6b9ee}h1>span{display:inline-block;transform:rotate(-4deg);margin-left:18px;color:#e95f89;text-shadow:0 3px 0 #ffc0d0}.title-dot{color:#e79e3c}.intro{font-size:15px;line-height:1.5;color:#7a6088;margin:0;max-width:210px;transform:rotate(2deg)}.intro strong{display:block;color:var(--ink);margin-top:6px;font-size:17px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:start}.game-panel{border:2px solid var(--ink);border-radius:24px;background:#fffaf3;box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:16px}.scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 24px;background:#fffaf3;border-bottom:2px solid var(--ink)}.scoreboard>div{display:flex;flex-direction:column;gap:6px}.scoreboard>div+div{padding-left:16px;border-left:1px solid #e6d8e1}.scoreboard>div>span{font-size:8px;font-weight:850;letter-spacing:1px;color:#826a8c}.scoreboard strong{font-size:27px;font-variant-numeric:tabular-nums;line-height:1.1}.scoreboard small{font-size:13px;font-weight:650;color:#967c9f}.stage{position:relative;aspect-ratio:9/7;isolation:isolate;background:#f4dbea;overflow:hidden}.stage canvas{display:block;width:100%;height:100%;cursor:pointer}.callout{position:absolute;top:24px;left:12%;right:12%;margin:0;text-align:center;color:#523967;font-size:clamp(12px,2vw,19px);font-weight:850;pointer-events:none;opacity:0;transition:opacity .12s}.callout.visible{opacity:1}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#eee4f030;backdrop-filter:blur(4px)}.overlay-card{width:min(365px,100%);padding:30px 26px 22px;border:2px solid var(--ink);border-radius:20px;background:#fffcf6;box-shadow:0 7px 0 #5938711c;text-align:center}.card-sticker{display:inline-block;padding:7px 10px;margin:-4px 0 18px;border:1px solid #b68d3e;border-radius:6px;background:#ffe1a3;transform:rotate(-4deg);font-size:8px;font-weight:850;letter-spacing:1px}.overlay-card h2{margin:0;font-family:Syne,Inter,system-ui,sans-serif;font-size:30px;line-height:1.06;letter-spacing:-1.3px}.overlay-card h2 em{font-style:normal;color:#ce4b79}.overlay-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:16px 0 20px}.overlay-card small{display:block;margin-top:16px;color:#8a7293;font-size:9px;line-height:1.5}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;width:100%;border:2px solid #633276;border-radius:12px;background:#fbc0d4;color:#422053;box-shadow:0 4px 0 #b76c98;font-weight:850;font-size:15px;padding:12px 18px;transition:transform .15s,box-shadow .15s}.primary-button:hover{background:#ffcadc;transform:translateY(-1px);box-shadow:0 5px 0 #b76c98}.primary-button:active{transform:translateY(3px);box-shadow:0 1px 0 #b76c98}.primary-button>span{font-size:22px;line-height:1}.text-button{display:block;margin:15px auto 0;border:0;background:transparent;color:#78518c;min-height:35px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.game-controls{display:flex;gap:12px;align-items:center;padding:18px 22px 12px;border-top:2px solid var(--ink)}.drop-button{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;min-height:56px;padding:10px 18px;border:2px solid #462d60;border-radius:13px;background:#7754bf;color:#fff;box-shadow:0 4px 0 #452b67;font-size:16px;font-weight:800}.drop-button>span{font-size:27px;line-height:1}.drop-button:hover:enabled{background:#8864d1}.drop-button:active:enabled{transform:translateY(3px);box-shadow:0 1px 0 #452b67}.drop-button:disabled{opacity:.5;box-shadow:none}.drop-button kbd{font:700 9px Inter,system-ui,sans-serif;border:1px solid #ffffff60;border-radius:5px;padding:5px 7px;margin-left:auto;color:#f2e5ff;letter-spacing:1px}.pause-button{width:56px;min-height:56px;border:2px solid #cbbbce;border-radius:13px;background:#fff6f9;color:#765a83;font-size:20px;font-weight:850}.pause-button:hover:enabled{background:#f1e4f4}.pause-button:disabled{opacity:.45}.round-status{min-height:38px;margin:0;padding:8px 22px 14px;text-align:center;color:#7f648b;font-size:11px;line-height:1.6}.playbook{display:grid;gap:18px}.pace-card,.how-card,.star-card{border:1px solid var(--line);border-radius:17px;padding:21px;background:#ffffff80}.pace-card{background:#fffaf0}.pace-card fieldset{margin:0;padding:0;border:0;display:grid;gap:8px}.pace-choice{display:flex;align-items:center;gap:10px;cursor:pointer;border:1px solid #e6d7e7;border-radius:10px;padding:12px 10px;background:#fff;min-height:60px}.pace-choice:has(input:checked){border-color:#9e73bb;background:#f0e4fb;box-shadow:0 0 0 1px #9e73bb}.pace-choice input{width:17px;height:17px;margin:0;accent-color:#7046af;flex:none}.pace-choice strong,.calm-setting strong{font-size:12px;display:block}.pace-choice small,.calm-setting small{display:block;font-size:9px;color:#7c6887;line-height:1.5;margin-top:3px}.pace-choice>span:last-child{margin-left:auto;color:#ab7bcb;font-size:27px;line-height:1}.pace-note{font-size:9px;line-height:1.5;color:#8e7798;margin:12px 0 0}.how-card{background:#fff8fb}.how-card ol{list-style:none;counter-reset:steps;margin:0;padding:0;display:grid;gap:17px}.how-card li{counter-increment:steps;position:relative;padding-left:31px}.how-card li:before{content:counter(steps);position:absolute;top:0;left:0;display:grid;place-items:center;width:21px;height:21px;background:#f4cfdf;border-radius:50%;font-size:10px;font-weight:800;color:#79455c}.how-card b{display:block;font-size:11px;margin-bottom:5px}.how-card li>span{display:block;font-size:10px;line-height:1.65;color:#846e8b}.star-card{background:#eef7f6}.star-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.star-card li{font-size:10px;line-height:1.5;display:flex;gap:10px}.star-card li>span{color:#b37418;font-size:15px;line-height:1}.star-card p:last-child{font-size:9px;line-height:1.6;color:#6b7d7c;margin:13px 0 0}.calm-setting{display:flex;align-items:flex-start;gap:10px;padding:0 5px;cursor:pointer}.calm-setting input{margin:1px 0 0;width:17px;height:17px;accent-color:#7754bf;flex:none}.save-note{font-size:9px;line-height:1.7;color:#8a7695;margin:0;padding:0 5px}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 3px;font-size:10px;color:#877291}.game-footer p{line-height:1.6;margin:0}.game-footer a{padding-block:10px;min-height:44px;display:flex;gap:14px;align-items:center;font-weight:700;text-underline-offset:4px}.result-card{padding-top:24px}.result-card .mini-label{font-size:8px;color:#8e699e;margin-bottom:12px}.result-card h2{font-size:28px}.result-stars{font-size:31px;letter-spacing:5px;line-height:1.1;margin-top:13px;color:#cf8b22}.result-stars .unearned{color:#dfd3e3}.result-card p{font-size:11px;margin:13px 0}.result-card .result-score{display:flex;align-items:center;justify-content:center;gap:10px;color:#5d3775}.result-score strong{font-size:35px;line-height:1}.result-score span{font-size:10px;max-width:50px;text-align:left}.result-card .result-detail{font-size:9px;line-height:1.6;margin:10px 0 18px;white-space:pre-line}.noscript{position:fixed;inset:auto 15px 15px;background:#fff;padding:20px;z-index:30;border:2px solid #6d4087;border-radius:14px;font-size:14px}
@media(max-width:1050px){.game-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.page{width:calc(100% - 44px)}.game-heading h1{font-size:65px}.playbook{gap:13px}.pace-card,.how-card,.star-card{padding:17px}.overlay-card{padding:22px}.overlay-card h2{font-size:26px}.overlay-card p{font-size:11px;margin:12px 0 16px}.card-sticker{margin-bottom:14px}.game-heading{padding-bottom:26px}.scoreboard{padding:17px 18px;gap:8px}.scoreboard>div+div{padding-left:12px}.scoreboard strong{font-size:24px}.scoreboard>div>span{font-size:7px;letter-spacing:.6px}}
@media(max-width:800px){.game-layout{grid-template-columns:minmax(0,1fr);gap:30px}.playbook{grid-template-columns:1fr 1fr;gap:16px}.pace-card{grid-row:1}.how-card{grid-row:1/3;grid-column:2}.star-card{grid-row:2}.calm-setting,.save-note{grid-column:1/-1}.game-heading h1{font-size:clamp(45px,8.7vw,66px);letter-spacing:-3px}.intro{font-size:12px}.intro strong{font-size:13px}.header-tag{display:none}.game-heading{padding-top:8px}.overlay-card{width:360px;padding:30px 26px 24px}.overlay-card h2{font-size:30px}.overlay-card p{font-size:12px;margin:16px 0 20px}.scoreboard>div>span{font-size:8px}.scoreboard strong{font-size:27px}.game-controls{padding-top:16px}.how-card li>span,.star-card li{font-size:11px}.pace-choice strong,.calm-setting strong{font-size:13px}.pace-choice small,.calm-setting small{font-size:10px}}
@media(max-width:510px){.site-header{padding:10px 18px;gap:14px}.back-link{font-size:10px}.aurism-mark{font-size:17px}.aurism-mark img{width:24px;height:24px}.page{width:calc(100% - 28px)}.game-heading{align-items:end;padding:15px 1px 23px}.eyebrow{font-size:7px;letter-spacing:1px;gap:5px;margin-bottom:14px}.eyebrow>span{font-size:14px}.game-heading h1{font-size:44px;letter-spacing:-3px;line-height:.94}h1>span{display:block;margin-left:10px;margin-top:2px}.intro{font-size:10px;max-width:117px}.intro strong{font-size:11px}.game-panel{border-radius:18px}.scoreboard{padding:13px 12px;gap:6px}.scoreboard>div+div{padding-left:9px}.scoreboard>div>span{font-size:6px;letter-spacing:.35px}.scoreboard strong{font-size:22px}.scoreboard small{font-size:10px}.stage{aspect-ratio:9/9.6}.stage canvas{object-fit:fill}.game-overlay{padding:15px}.overlay-card{padding:22px 18px 18px;width:100%;max-width:320px}.overlay-card h2{font-size:26px}.overlay-card p{font-size:11px;margin:13px 0 16px}.overlay-card small{font-size:9px;margin-top:13px}.card-sticker{font-size:7px;margin-bottom:16px}.primary-button{min-height:45px;font-size:14px}.game-controls{padding:14px 13px 10px;gap:9px}.drop-button{min-height:49px;padding:9px 13px;font-size:14px;gap:8px}.drop-button kbd{display:none}.pause-button{width:49px;min-height:49px}.round-status{padding:8px 13px 13px;font-size:10px;min-height:44px}.playbook{grid-template-columns:1fr}.how-card,.pace-card,.star-card{grid-column:1;grid-row:auto}.pace-card fieldset{grid-template-columns:1fr 1fr}.pace-choice{padding:12px 8px;gap:7px}.pace-choice>span:last-child{display:none}.pace-note{font-size:10px}.pace-choice small{font-size:9px}.how-card ol{gap:14px}.how-card b{font-size:12px}.star-card p:last-child,.save-note{font-size:10px}.game-footer{align-items:start;font-size:9px;padding-top:29px}.game-footer p{max-width:170px}.game-footer a{white-space:nowrap;font-size:9px;gap:7px}.callout{top:17px;font-size:13px}.result-card h2{font-size:25px}.result-card .result-detail{font-size:9px}.result-card .result-score{margin:9px 0}.result-score strong{font-size:31px}.result-stars{font-size:27px;margin-top:10px}.result-card .primary-button{min-height:43px}.result-card .text-button{margin-top:10px;min-height:30px}}
.stage{aspect-ratio:auto;height:clamp(400px,50vw,560px)}
.overlay-card{max-height:100%;overflow-y:auto}
@media(max-width:510px){.game-heading .intro{display:none}.stage{height:420px}.game-heading{min-width:0}.game-heading>div{min-width:0}}
@media (max-width: 360px) {
  .game-heading h1 { font-size: clamp(30px, 10.6vw, 38px); letter-spacing: -.065em; }
}
.recipe-label{display:block;margin-bottom:7px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.recipe-choice{width:100%;min-height:44px;margin-bottom:16px;padding:8px 10px;border:1px solid #a68bc0;border-radius:8px;background:#fff;color:var(--ink);font:650 13px Inter,system-ui,sans-serif}
.recipe-choice:disabled{opacity:.6}
#star-goal{color:inherit}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
