.cr-app,.cr-landing{--cr-night:#170e35;--cr-plum:#24164c;--cr-plum2:#33205f;--cr-line:#5b4396;--cr-pumpkin:#ff8a2a;--cr-pumpkin2:#ffa64d;--cr-moon:#ffd66b;--cr-mint:#8ae6bf;--cr-cream:#fff6e3;--cr-text:#f6f1ff;--cr-muted:#cfc5ec;--cr-ink:#2a1840;--cr-bad:#ff6b6b;--cr-hand:Bricolage,var(--display),sans-serif}
/* ---------- Game shell ---------- */
.cr-app{max-width:1280px;margin:14px auto 32px;padding:12px;border-radius:28px;color:var(--cr-text);background:radial-gradient(circle at 90% 0,#4b2f86 0,transparent 40%),radial-gradient(circle at 0 100%,#3a1f5e 0,transparent 42%),var(--cr-night);box-shadow:0 24px 60px rgba(23,14,53,.28)}
.cr-app :focus-visible{outline:3px solid var(--cr-moon);outline-offset:3px}
.cr-app a{color:var(--cr-moon)}
.cr-bar{display:flex;align-items:center;gap:10px;padding:2px 4px 10px;min-height:52px}
.cr-bar h1{font-family:var(--cr-hand);font-size:clamp(20px,2.6vw,30px);letter-spacing:-.03em;color:var(--cr-text);margin:0;white-space:nowrap}.cr-bar h1 span{color:var(--cr-pumpkin2)}
.cr-hud{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}
.cr-hud[hidden]{display:none}
.cr-kitchen{font-weight:700;font-size:14px;color:var(--cr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}
.cr-clock,.cr-coins{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:999px;background:var(--cr-plum2);border:1px solid var(--cr-line);font:800 18px/1 var(--body);font-variant-numeric:tabular-nums;color:var(--cr-text)}
.cr-clock svg,.cr-coins svg{width:18px;height:18px}
.cr-clock.is-low{background:#6b1f3a;border-color:var(--cr-bad);color:#fff}
.cr-coins{color:var(--cr-moon)}
.cr-tools{display:flex;gap:6px;margin-left:auto}.cr-hud:not([hidden])+.cr-tools{margin-left:4px}
.cr-tool{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:14px;border:1px solid var(--cr-line);background:var(--cr-plum2);color:var(--cr-text);font:700 14px var(--body);cursor:pointer;gap:6px;grid-auto-flow:column}
.cr-tool svg{width:20px;height:20px}.cr-tool:hover{background:#45307a}.cr-tool[aria-pressed="true"]{background:var(--cr-moon);color:var(--cr-ink);border-color:var(--cr-moon)}
.cr-tool[hidden]{display:none}
.cr-stage{position:relative;height:clamp(440px,74vh,780px);border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#3a2470 0,#1d1240 55%,#120a2a 100%);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.cr-stage:focus{outline:none}.cr-stage:focus-visible{box-shadow:inset 0 0 0 2px rgba(255,214,107,.55)}
.cr-world{position:absolute;inset:0}.cr-canvas{display:block;width:100%;height:100%}
.cr-noscript{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center}
/* Tickets: order cards pinned to the top edge, never over the middle of the kitchen. */
.cr-tickets{position:absolute;z-index:3;top:10px;left:10px;right:10px;display:flex;gap:8px;margin:0;padding:0;list-style:none;pointer-events:none}
.cr-ticket{position:relative;flex:0 0 auto;width:124px;padding:6px 8px 8px;border-radius:12px;background:var(--cr-cream);color:var(--cr-ink);border-top:6px solid var(--c);box-shadow:0 5px 0 rgba(10,4,24,.35);transform-origin:50% 0}
.cr-tk-top{display:flex;align-items:center;gap:5px;min-height:26px}.cr-tk-top svg{flex:0 0 22px;width:22px;height:22px}.cr-tk-top b{font:800 12px/1.1 var(--body);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cr-tk-items{display:flex;gap:1px;margin:4px 0 5px}.cr-tk-items i{width:30px;height:30px;display:block}.cr-tk-items svg{width:100%;height:100%}
.cr-tk-time{display:block;height:7px;border-radius:4px;background:#e2d8f6;overflow:hidden}.cr-tk-time i{display:block;height:100%;width:calc(var(--t,1)*100%);background:#3fbf8f;border-radius:4px}
.cr-ticket.is-warm .cr-tk-time i{background:#f2a33a}
.cr-ticket.is-urgent{background:#ffe9e4}.cr-ticket.is-urgent .cr-tk-time i{background:#e5484d}
.cr-ticket.is-urgent::after{content:'!';position:absolute;top:-10px;right:-6px;width:22px;height:22px;border-radius:50%;background:#e5484d;color:#fff;font:900 15px/22px var(--body);text-align:center;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.cr-ticket.is-served{animation:cr-served .5s ease-in forwards}.cr-ticket.is-missed{animation:cr-missed .5s ease-in forwards}
@keyframes cr-served{30%{transform:scale(1.1) rotate(-3deg);background:#d9ffe9}100%{transform:translateY(-40px) scale(.8);opacity:0}}
@keyframes cr-missed{30%{transform:rotate(6deg)}100%{transform:translateY(60px) rotate(14deg);opacity:0}}
@keyframes cr-wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}
.cr-ticket.is-urgent{animation:cr-wobble .5s ease-in-out infinite}
/* Pins float above stations and cooks. */
.cr-pins{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.cr-pin{position:absolute;left:0;top:0;translate:-50% -100%;display:flex;align-items:center;gap:4px;will-change:transform}
.cr-ring{position:relative;display:block;width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--rc,#ffd66b) var(--p,0%),rgba(255,255,255,.22) 0);box-shadow:0 2px 0 rgba(10,4,24,.4)}
.cr-ring::after{content:'';position:absolute;inset:6px;border-radius:50%;background:var(--cr-ink)}
.cr-pin.is-brew{position:absolute}.cr-pin.is-brew .cr-pin-em{position:absolute;left:50%;top:50%;translate:-50% -50%;width:22px;height:22px;display:grid;place-items:center;color:#fff;font:900 15px var(--body)}.cr-pin-em svg{display:block}
.cr-pin.is-items{gap:6px}.cr-pot-items{display:flex;gap:2px;padding:4px 6px;border-radius:12px;background:rgba(255,246,227,.94);box-shadow:0 3px 0 rgba(10,4,24,.35)}.cr-pot-items i{width:24px;height:24px;display:block}.cr-pot-items svg{width:100%;height:100%}
.cr-pin.is-badge{padding:4px 10px 4px 5px;border-radius:999px;background:var(--cr-cream);color:var(--cr-ink);font:800 13px var(--body);box-shadow:0 3px 0 rgba(10,4,24,.35);white-space:nowrap}
.cr-pin.is-badge:not(:has(.cr-pin-em)){padding-left:10px}
.cr-pin.is-ready{background:#e6fff2}.cr-pin.is-calm{background:rgba(255,246,227,.8);font-size:12px}.cr-pin.is-warn{background:#ffe6b8;animation:cr-pulse .5s ease-in-out infinite alternate}.cr-pin.is-bad{background:#ffd9d9;color:#7a1630}
@keyframes cr-pulse{to{scale:1.12}}
.cr-pin.is-keys{flex-direction:column;align-items:stretch;gap:3px}.cr-pin.is-keys span{display:flex;align-items:center;gap:6px;padding:3px 9px 3px 4px;border-radius:9px;background:rgba(23,14,53,.88);color:#fff;font:700 12.5px var(--body);border:2px solid var(--pc,#16a58c);white-space:nowrap}
.cr-pin.is-keys.is-p0{--pc:#16a58c}.cr-pin.is-keys.is-p1{--pc:#ff7a3d}
.cr-pin kbd,.cr-app kbd{display:inline-block;min-width:20px;padding:1px 5px;border-radius:6px;background:var(--cr-cream);color:var(--cr-ink);font:800 11.5px var(--body);text-align:center;box-shadow:0 2px 0 rgba(0,0,0,.3)}
.cr-pin.is-tag b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;font:900 13px var(--body);border:2px solid #fff;box-shadow:0 2px 0 rgba(0,0,0,.3)}.cr-pin.is-tag.is-p0 b{background:#16a58c}.cr-pin.is-tag.is-p1 b{background:#ff7a3d}
.cr-pop{position:absolute;translate:-50% -100%;font:900 22px var(--cr-hand);color:var(--cr-moon);text-shadow:0 2px 0 var(--cr-ink),0 0 12px rgba(0,0,0,.4);animation:cr-pop 1.3s ease-out forwards;white-space:nowrap}
.cr-pop.is-word{font-size:16px;font-family:var(--body);font-weight:800}.cr-pop.is-perfect{color:#fff3a0}.cr-pop.is-bad{color:#ffb3b3}.cr-pop.is-nope{color:#fff;font-size:14px;padding:3px 9px;border-radius:999px;background:rgba(23,14,53,.85);text-shadow:none}
@keyframes cr-pop{0%{transform:translateY(8px) scale(.6);opacity:0}15%{transform:translateY(0) scale(1.1);opacity:1}100%{transform:translateY(-46px) scale(1);opacity:0}}
/* Tutorial coach and short banners. */
.cr-coach{position:absolute;z-index:3;left:50%;top:10px;translate:-50% 0;width:max-content;max-width:min(640px,calc(100% - 24px));margin:0;padding:9px 16px 9px 40px;border-radius:16px;background:rgba(255,246,227,.96);color:var(--cr-ink);font:700 15px/1.35 var(--body);box-shadow:0 5px 0 rgba(10,4,24,.35)}
.cr-coach::before{content:'';position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--cr-pumpkin);box-shadow:0 0 0 4px rgba(255,138,42,.25)}
.cr-coach[hidden]{display:none}
.cr-banner{position:absolute;z-index:5;left:50%;top:150px;translate:-50% 0;padding:10px 20px;border-radius:999px;background:rgba(23,14,53,.9);border:2px solid var(--cr-moon);color:#fff;font:800 16px var(--body);text-align:center;max-width:calc(100% - 24px);pointer-events:none;animation:cr-banner .35s ease-out}
.cr-banner.is-count{top:50%;translate:-50% -50%;font:900 clamp(34px,6vw,64px) var(--cr-hand);border:0;background:none;color:var(--cr-moon);text-shadow:0 4px 0 var(--cr-ink),0 0 30px rgba(255,214,107,.5)}
.cr-banner[hidden]{display:none}
@keyframes cr-banner{from{opacity:0;transform:scale(.85)}}
/* Touch controls: a floating stick under one thumb, a context button under the other. */
.cr-touch{position:absolute;inset:0;z-index:4;pointer-events:none}.cr-touch[hidden]{display:none}
.cr-zone{position:absolute;inset:0}.cr-touch[data-layout="duo"] .cr-zone{width:50%}.cr-touch[data-layout="duo"] .cr-zone+.cr-zone{left:50%}
.cr-touch[data-layout="duo"] .cr-zone+.cr-zone::before{content:'';position:absolute;left:0;top:30%;bottom:8%;border-left:2px dashed rgba(255,255,255,.18)}
.cr-btns{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));display:flex;align-items:flex-end;gap:10px;pointer-events:auto}
.cr-touch[data-layout="duo"] .cr-zone:first-child .cr-btns{right:14px}.cr-touch[data-layout="duo"] .cr-zone+.cr-zone .cr-btns{right:auto;left:14px;flex-direction:row-reverse}
.cr-act,.cr-alt{display:grid;place-items:center;border-radius:50%;border:3px solid rgba(255,255,255,.92);color:#fff;font:800 14px/1.1 var(--body);text-align:center;cursor:pointer;touch-action:none;box-shadow:0 5px 0 rgba(10,4,24,.45);background:var(--pc,#16a58c);padding:6px;transition:transform .08s,opacity .15s,filter .15s}
.cr-act{width:96px;height:96px;font-size:15px}.cr-alt{width:64px;height:64px;font-size:12px;background:rgba(36,22,76,.92);border-color:var(--pc,#16a58c)}
.cr-act b,.cr-alt b{font-weight:800;overflow-wrap:anywhere}.cr-act.is-off,.cr-alt.is-off{opacity:.5;filter:saturate(.3)}.cr-act.is-down,.cr-alt.is-down{transform:scale(.9) translateY(3px);box-shadow:0 2px 0 rgba(10,4,24,.45)}
.cr-act[data-kind="serve"],.cr-act[data-kind="pour"]{background:#e7a20f}.cr-act[data-kind="chop"],.cr-act[data-kind="stir"],.cr-act[data-kind="scrub"]{box-shadow:0 5px 0 rgba(10,4,24,.45),0 0 0 6px rgba(255,214,107,.35)}
.cr-stick{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:3px solid rgba(255,255,255,.55);background:rgba(255,255,255,.08)}.cr-stick[hidden]{display:none}
.cr-stick i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--pc,#16a58c);border:3px solid #fff;box-shadow:0 3px 0 rgba(0,0,0,.3)}
.cr-stick-hint{position:absolute;left:18px;bottom:22px;padding:8px 12px;border-radius:999px;background:rgba(23,14,53,.7);color:var(--cr-muted);font:700 13px var(--body);transition:opacity .3s}
.cr-touch[data-layout="duo"] .cr-zone+.cr-zone .cr-stick-hint{left:auto;right:18px}.cr-touch.is-walking .cr-stick-hint{opacity:0}
/* Overlays: menu panel on the left with the kitchen visible beside it; centred cards for pause and results. */
.cr-overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:rgba(15,8,35,.5)}.cr-overlay[hidden]{display:none}
.cr-overlay.is-menu{place-items:stretch start;background:none}
.cr-menu{width:min(440px,100%);height:100%;overflow:auto;padding:22px 24px 18px;background:linear-gradient(90deg,rgba(23,14,53,.97) 78%,rgba(23,14,53,.82));overscroll-behavior:contain;touch-action:pan-y}
.cr-eyebrow{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cr-moon)}
.cr-menu h2,.cr-panel h2{font-family:var(--cr-hand);font-size:clamp(26px,3vw,34px);letter-spacing:-.03em;line-height:1.05;margin:0 0 8px;color:var(--cr-text)}
.cr-lede{color:var(--cr-muted);margin:0 0 14px;font-size:15px;line-height:1.45}
.cr-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.cr-modes button{display:grid;gap:2px;min-height:56px;padding:8px 12px;border-radius:14px;border:2px solid var(--cr-line);background:var(--cr-plum2);color:var(--cr-text);text-align:left;cursor:pointer}
.cr-modes button b{font-size:15px}.cr-modes button small{color:var(--cr-muted);font-size:12.5px}.cr-modes button[aria-pressed="true"]{border-color:var(--cr-moon);background:#4a3182;box-shadow:inset 0 0 0 1px var(--cr-moon)}
.cr-note{margin:0 0 10px;font-size:13.5px;color:var(--cr-muted);line-height:1.4}
.cr-switch{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);cursor:pointer}
.cr-switch input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--cr-pumpkin);flex:0 0 auto}.cr-switch span{display:grid;gap:2px}.cr-switch b{font-size:14.5px}.cr-switch small{color:var(--cr-muted);font-size:12.5px;line-height:1.35}
.cr-levels{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.cr-level{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 10px 6px 6px;border-radius:14px;border:2px solid transparent;background:rgba(255,255,255,.06);color:var(--cr-text);text-align:left;cursor:pointer}
.cr-level:hover{background:rgba(255,255,255,.1)}.cr-level.is-selected{border-color:var(--cr-pumpkin);background:rgba(255,138,42,.14)}
.cr-num{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:var(--cr-plum2);font:900 15px var(--body);color:var(--cr-moon)}
.cr-lv-text{display:grid;flex:1;min-width:0}.cr-lv-text strong{font-size:14.5px}.cr-lv-text small{font-size:12.5px;color:var(--cr-muted)}
.cr-level[data-locked] .cr-num{color:var(--cr-muted)}
.cr-tag{flex:0 0 auto;padding:3px 9px;border-radius:999px;background:var(--cr-mint);color:var(--cr-ink);font:800 11.5px var(--body)}.cr-tag--member{background:#e9dcff}.cr-done{font:800 12px var(--body);color:var(--cr-mint)}
.cr-stars{display:inline-flex;gap:1px;flex:0 0 auto}.cr-stars svg{fill:rgba(255,255,255,.18)}.cr-stars svg.is-on{fill:var(--cr-moon)}
.cr-pick{position:sticky;bottom:0;z-index:1;padding:12px;border-radius:16px;background:#2e1d5a;box-shadow:0 -10px 20px rgba(23,14,53,.9);margin-bottom:8px}.cr-pick p{margin:0 0 10px;font-size:14px;line-height:1.45;color:var(--cr-muted)}.cr-pick strong{color:var(--cr-text)}
.cr-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:0;background:var(--cr-pumpkin);color:var(--cr-ink);font:800 16px var(--body);cursor:pointer;box-shadow:0 4px 0 #b4570f;width:100%}
.cr-primary:hover{background:var(--cr-pumpkin2)}
.cr-menu-foot{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:4px 0 0;font-size:13px;color:var(--cr-muted)}
.cr-link{background:none;border:0;padding:10px 0;min-height:44px;color:var(--cr-moon);font:700 14px var(--body);text-decoration:underline;cursor:pointer}
.cr-rotate[hidden]{display:none}
.cr-panel{width:min(560px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;padding:22px;border-radius:24px;background:var(--cr-plum);border:1px solid var(--cr-line);box-shadow:0 20px 50px rgba(0,0,0,.4);overscroll-behavior:contain;touch-action:pan-y}
.cr-pause-actions{display:grid;gap:8px;margin:14px 0 4px}.cr-pause-actions button:not(.cr-primary){min-height:46px;border-radius:999px;border:2px solid var(--cr-line);background:transparent;color:var(--cr-text);font:700 15px var(--body);cursor:pointer}.cr-pause-actions button:not(.cr-primary):hover{background:rgba(255,255,255,.07)}
.cr-results{text-align:center}.cr-reveal{display:flex;justify-content:center;margin:6px 0 8px}.cr-reveal .cr-stars{gap:8px}.cr-reveal svg{filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}
.cr-reveal.is-animated svg{animation:cr-star .55s cubic-bezier(.2,.9,.3,1.4) backwards}.cr-reveal.is-animated svg:nth-child(2){animation-delay:.35s}.cr-reveal.is-animated svg:nth-child(3){animation-delay:.7s}
@keyframes cr-star{0%{transform:scale(0) rotate(-40deg);opacity:0}100%{transform:none;opacity:1}}
.cr-result-msg{color:var(--cr-muted);margin:0 0 12px}
.cr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 8px}.cr-stats div{padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.06)}.cr-stats dt{font-size:12px;color:var(--cr-muted)}.cr-stats dd{margin:2px 0 0;font:800 20px var(--body);color:var(--cr-text)}
.cr-best{display:block;font-size:11px;color:var(--cr-mint)}.cr-targets{font-size:12.5px;color:var(--cr-muted);margin:0}
.cr-howto h3{font-family:var(--cr-hand);font-size:20px;margin:6px 0 8px;color:var(--cr-text)}.cr-howto p{color:var(--cr-muted);font-size:14px;line-height:1.5}
.cr-steps{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:6px}.cr-steps li{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.4}.cr-steps span{flex:0 0 40px;width:40px;height:40px}.cr-steps svg{width:100%;height:100%}
.cr-keys{width:100%;border-collapse:collapse;font-size:13.5px;margin-bottom:6px}.cr-keys th,.cr-keys td{padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;color:var(--cr-text)}.cr-keys thead th{color:var(--cr-muted);font-size:12px}.cr-keys kbd{margin-right:3px}
.cr-gate .club-gate{display:grid;gap:10px;text-align:center}.cr-gate .club-gate span{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--cr-moon)}.cr-gate .club-gate h2{margin:0}.cr-gate .club-gate p{color:var(--cr-muted);margin:0}.cr-gate .club-gate .button{justify-self:center}.cr-gate .club-gate>a:not(.button){color:var(--cr-moon)}.cr-gate .club-gate button{min-height:46px;border-radius:999px;border:2px solid var(--cr-line);background:none;color:var(--cr-text);font:700 15px var(--body);cursor:pointer}
.cr-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cr-foot{margin:10px 6px 0;font-size:14px;color:var(--cr-muted)}
/* Immersive play on phones and tablets: the game takes the whole screen so nothing scrolls under a thumb. */
.cr-app.is-immersive{position:fixed;inset:0;z-index:1000;margin:0;max-width:none;border-radius:0;padding:max(4px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));display:flex;flex-direction:column;touch-action:none;overscroll-behavior:none}
.cr-app.is-immersive .cr-stage{flex:1;height:auto;border-radius:16px}.cr-app.is-immersive .cr-foot{display:none}.cr-app.is-immersive .cr-bar{padding-bottom:6px;min-height:46px}
@media (max-width:820px){.cr-app{margin:8px;padding:8px;border-radius:20px}.cr-bar h1{font-size:20px}.cr-kitchen{display:none}.cr-tool .cr-tool-text{display:none}.cr-clock,.cr-coins{font-size:16px;padding:0 10px}
 .cr-overlay.is-menu{place-items:stretch}.cr-menu{width:100%;background:rgba(23,14,53,.94)}.cr-stage{height:calc(100svh - 120px);min-height:460px}
 .cr-ticket{width:96px;padding:5px 6px 6px}.cr-tk-top b{display:none}.cr-tk-items i{width:26px;height:26px}.cr-coach{font-size:13.5px;padding:7px 12px 7px 34px}.cr-coach::before{left:10px;width:14px;height:14px;margin-top:-7px}
 .cr-stats dd{font-size:17px}}
.cr-clock[hidden]{display:none}
@media (max-width:560px){.cr-app.is-immersive .cr-bar h1,.cr-app.is-immersive [data-cr-sound],.cr-app.is-immersive [data-cr-full]{display:none}.cr-app.is-immersive .cr-hud{margin-left:0}}
@media (max-width:560px){.cr-app:not([data-mode="menu"]) .cr-bar h1{display:none}.cr-app:not([data-mode="menu"]) .cr-hud{margin-left:0}}
@media (max-width:420px){.cr-bar h1{font-size:19px}[data-cr-full]{display:none}.cr-ticket{width:86px}.cr-tk-items i{width:23px;height:23px}.cr-act{width:88px;height:88px}.cr-menu{padding:18px 16px}}
@media (max-height:500px) and (orientation:landscape){.cr-app.is-immersive .cr-tickets{flex-direction:column;right:auto;width:92px;bottom:10px;gap:6px}.cr-app.is-immersive .cr-bar{min-height:40px;padding-bottom:4px}.cr-app.is-immersive .cr-bar h1{font-size:17px}.cr-clock,.cr-coins,.cr-tool{min-height:38px;height:38px}.cr-ticket{width:92px;padding:4px 6px 5px}.cr-tk-top b{display:none}.cr-tk-items{margin:2px 0 3px}.cr-tk-items i{width:22px;height:22px}.cr-act{width:84px;height:84px}.cr-alt{width:56px;height:56px}.cr-stage{min-height:0}}
@media (prefers-reduced-motion:reduce){.cr-ticket.is-urgent,.cr-pin.is-warn,.cr-banner,.cr-reveal.is-animated svg{animation:none}.cr-ticket.is-served,.cr-ticket.is-missed{animation:none;opacity:0}.cr-pop{animation-duration:.9s}}
/* ---------- Landing page ---------- */
.cr-landing{color:var(--ink)}
.cr-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(18px,3vw,36px);border-radius:32px;background:radial-gradient(circle at 85% 10%,#4b2f86 0,transparent 45%),var(--cr-night);color:var(--cr-text)}
.cr-hero h1{font-family:var(--cr-hand);font-size:clamp(38px,6vw,68px);letter-spacing:-.04em;line-height:.95;margin:6px 0 12px;color:var(--cr-text)}.cr-hero h1 span{display:block;font-size:.42em;letter-spacing:-.01em;color:var(--cr-pumpkin2);margin-bottom:6px}
.cr-hero .text-link{color:var(--cr-moon)}.cr-hero-lede{font-size:clamp(16px,1.6vw,19px);line-height:1.5;color:var(--cr-muted);margin:0 0 16px}
.cr-facts{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cr-facts li{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.07);font-size:13.5px;color:var(--cr-muted);line-height:1.35}.cr-facts b{display:block;color:var(--cr-text);font-size:15px}
.cr-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cr-cta .button{background:var(--cr-pumpkin);color:var(--cr-ink)}.cr-cta a:not(.button){color:var(--cr-moon);font-weight:700}
.cr-shot{position:relative;margin:0}.cr-shot-media{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45);background:#1d1240}.cr-shot img{display:block;width:100%;height:auto}.cr-shot figcaption{margin-top:8px;font-size:13px;color:var(--cr-muted)}
.cr-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.cr-loop li{padding:16px;border-radius:20px;background:var(--pale-lilac,#f1edfc)}.cr-loop span{display:block;width:56px;height:56px;margin-bottom:8px}.cr-loop svg{width:100%;height:100%}.cr-loop h3{margin:0 0 4px;font-size:18px}.cr-loop p{margin:0;font-size:14.5px;line-height:1.45}
.cr-kitchens{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;list-style:none;padding:0;margin:0}.cr-kitchens li{padding:14px 16px;border-radius:18px;border:2px solid var(--line,#dedce4);background:#fff}.cr-kitchens b{display:block;font-size:16px}.cr-kitchens small{display:block;color:#6d6585;font-size:13px;margin:2px 0 6px}.cr-kitchens p{margin:0;font-size:14px;line-height:1.45}
.cr-kitchens .cr-free{display:inline-block;margin-top:8px;padding:2px 9px;border-radius:999px;background:#d9f7e8;color:#185c3e;font:800 12px var(--body)}.cr-kitchens .cr-member{display:inline-block;margin-top:8px;padding:2px 9px;border-radius:999px;background:#ece4ff;color:#4b2f86;font:800 12px var(--body)}
.cr-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cr-two article{padding:18px 20px;border-radius:22px;background:var(--pale-blue,#e8f4fa)}.cr-two h3{margin:0 0 6px}.cr-two ul{margin:0;padding-left:18px;line-height:1.6}
.cr-faq details{border-bottom:1px solid var(--line,#dedce4);padding:12px 0}.cr-faq summary{font-weight:800;cursor:pointer;min-height:32px}.cr-faq p{margin:8px 0 0;line-height:1.55}
@media (max-width:860px){.cr-hero{grid-template-columns:1fr;border-radius:24px}.cr-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-two{grid-template-columns:1fr}}
@media (max-width:420px){.cr-facts{grid-template-columns:1fr}.cr-loop{grid-template-columns:1fr}}