.ccd{--ink:#3d2414;--paper:#fff4de;--paper-2:#f7e2bd;--line:#6b3f21;--accent:#e0833a;--gold:#f2c046;isolation:isolate;width:100%;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#3a2213;font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;line-height:1.25;position:relative;overflow:hidden;container:ccd/size}.ccd *,.ccd :before,.ccd :after{box-sizing:border-box}.ccd button{font:inherit;color:inherit}.ccd [hidden]{display:none!important}.ccd canvas{width:30px;height:30px}.ccd .ccd-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ccd-canvas:focus-visible{box-shadow:inset 0 0 0 3px #ffe07a}.ccd-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.ccd-hud{z-index:2;pointer-events:none;gap:6px;padding:6px 8px 0;display:grid;position:absolute;inset:0 0 auto}.ccd-stats{align-items:stretch;gap:6px;display:flex}.ccd-stat{border:2px solid var(--line);background:var(--paper);border-radius:10px;align-content:center;justify-items:start;gap:0;min-width:0;padding:3px 10px;display:grid;box-shadow:0 3px #2e180a8c}.ccd-stat span{letter-spacing:.08em;text-transform:uppercase;color:#8a5a36;font-size:10px;font-weight:800}.ccd-stat b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:900;line-height:1.05}.ccd-stat--score{flex:auto}.ccd-stat--score b{color:#7a3d14;font-size:24px}.ccd-stat--best{flex:0 auto}.ccd-stat--best b{color:#6b4a33;font-size:16px}.ccd-stat--next{flex:none;grid-template-columns:auto auto;align-items:center;column-gap:6px;padding-right:6px}.ccd-stat--next canvas{box-shadow:0 0 0 2px var(--chain,var(--line));background:#fffaf0;border-radius:50%;display:block}.ccd-orders{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:64px;display:grid;position:relative}.ccd-orders-empty{color:#ffe9c4;background:#28140899;border-radius:999px;grid-column:1/-1;place-self:center;margin:0;padding:6px 14px;font-size:13px;font-weight:800}.ccd-order{border:2px solid var(--line);background:linear-gradient(#fffaf0, var(--paper) 60%, var(--paper-2));text-align:left;cursor:pointer;pointer-events:auto;touch-action:manipulation;border-radius:12px;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 6px;min-width:0;min-height:64px;padding:6px 7px 6px 6px;display:grid;position:relative;box-shadow:0 3px #2e180a8c}.ccd-order:focus-visible{outline-offset:1px;outline:3px solid #ffe07a}.ccd-order-pics{align-items:center;gap:1px;display:flex}.ccd-order-pics canvas{box-shadow:0 0 0 2px var(--chain,var(--line));background:#fff;border-radius:50%;display:block}.ccd-order-pics canvas.is-filled{opacity:.45;box-shadow:0 0 0 2px #4f9a3a}.ccd-order.is-pair .ccd-order-pics{flex-direction:column;gap:3px}.ccd-order.is-pair .ccd-order-name{font-size:11.5px}.ccd-order-text{gap:1px;min-width:0;display:grid}.ccd-order-name{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:900;line-height:1.1;display:-webkit-box;overflow:hidden}.ccd-order-tip{color:#8a5a14;font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:13px;font-weight:900;display:flex}.ccd-order-tip canvas{display:block}.ccd-order-bar{background:#6b3f2138;border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.ccd-order-bar i{transform-origin:0;background:linear-gradient(90deg,#7cc35a,#c4dd63);height:100%;display:block}.ccd-order.is-urgent .ccd-order-bar i{background:linear-gradient(90deg,#ff7a59,#ffb35c)}.ccd-order kbd{background:var(--line);color:#fff4de;border-radius:6px;place-items:center;width:18px;height:18px;font:800 11px/1 inherit;display:grid;position:absolute;top:-7px;right:-5px}.ccd-order.is-ready{background:linear-gradient(#fffbe6,#ffeeb0 70%,#ffdf86);border-color:#c98a12;box-shadow:0 3px #2e180a8c,0 0 0 3px #ffe27acc}.ccd-order.is-ready:after{content:"Tap to serve";color:#fffbe6;white-space:nowrap;background:#c98a12;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:900;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.ccd-order.is-new{animation:.35s ease-out ccd-pop-in}.ccd-order.is-nope{animation:.3s ease-in-out ccd-nope}@keyframes ccd-pop-in{0%{opacity:0;transform:translateY(-10px)scale(.85)}70%{opacity:1;transform:translateY(1px)scale(1.04)}to{transform:none}}@keyframes ccd-nope{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.ccd-ghost{z-index:3;text-align:center;pointer-events:none;border:2px solid;border-radius:12px;place-items:center;padding:4px;font-size:15px;font-weight:900;animation:.95s ease-out forwards ccd-ghost;display:grid;position:absolute}.ccd-ghost--served{color:#2f6b1f;background:#e8f7d9;border-color:#4f9a3a;box-shadow:0 3px #2e180a73}.ccd-ghost--left{color:#8a3320;background:#fbe3dc;border-color:#b5523a;box-shadow:0 3px #2e180a73}@keyframes ccd-ghost{0%{opacity:1;transform:scale(1.06)}55%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}.ccd.is-wide .ccd-hud{padding:0;display:block;inset:0}.ccd.is-wide .ccd-stats{top:8px;bottom:8px;left:calc(100% - var(--jar-right,30%) + 10px);flex-direction:column;justify-content:flex-start;max-width:220px;position:absolute;right:8px}.ccd.is-wide .ccd-stat{flex:none}.ccd.is-wide .ccd-stat--next{justify-content:start}.ccd-wide-tip{color:#ffe9c4;background:#2814089e;border-radius:10px;margin:2px 0 0;padding:6px 9px;font-size:12px;font-weight:700;line-height:1.3;display:none}.ccd.is-wide .ccd-wide-tip{display:block}.ccd.is-wide .ccd-orders{top:8px;left:8px;right:calc(100% - var(--jar-left,30%) + 10px);grid-template-columns:minmax(0,1fr);grid-auto-rows:min-content;align-content:start;gap:9px;max-width:250px;margin-left:auto;position:absolute}.ccd.is-wide .ccd-order{min-height:56px}.ccd.is-wide .ccd-orders-empty{text-align:center;border-radius:12px;grid-column:auto;justify-self:stretch}.ccd-screen{z-index:4;background:radial-gradient(at 50% 40%,#3a201259,#1e1008c7);grid-template-columns:minmax(0,1fr);place-items:center;padding:10px;display:grid;position:absolute;inset:0;overflow:auto}.ccd-card{border:3px solid var(--line);background:linear-gradient(#fffaf0, var(--paper) 55%, var(--paper-2));border-radius:18px;width:min(430px,100%);padding:16px;box-shadow:0 5px #2e180a99,0 16px 40px #0006}.ccd-card h2,.ccd-card h3,.ccd-card p,.ccd-card ol,.ccd-card dl{margin:0}.ccd-btn{border:2px solid var(--line);min-height:44px;box-shadow:0 3px 0 var(--line);cursor:pointer;touch-action:manipulation;background:#fff8e8;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;font-size:16px;font-weight:900;display:inline-flex}.ccd-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.ccd-btn:focus-visible{outline-offset:2px;outline:3px solid #ffe07a}.ccd .ccd-btn--play{background:linear-gradient(#ffb25e, var(--accent));color:#fffaf0;text-shadow:0 2px #6b3f2199;min-height:52px;font-size:21px}.ccd-btn--small{min-height:38px;padding:0 12px;font-size:14px}.ccd-title-card{gap:12px;width:min(460px,100%);display:grid}.ccd-title-main,.ccd-title-side{gap:10px;min-width:0;display:grid}.ccd-logo{text-align:center;justify-items:center;line-height:.9;display:grid}.ccd-logo span{letter-spacing:.02em;color:#7a3d14;text-shadow:2px 2px #f6c98a;font-size:26px;font-weight:900}.ccd-logo b{letter-spacing:.03em;color:var(--accent);-webkit-text-stroke:2px var(--line);text-shadow:3px 3px 0 var(--line);font-size:46px;font-weight:900}.ccd-chain{justify-content:center;align-items:flex-end;gap:2px;display:flex}.ccd-chain canvas{display:block}.ccd-chain canvas:first-child{transform:scale(.62)}.ccd-chain canvas:nth-child(2){transform:scale(.72)}.ccd-chain canvas:nth-child(3){transform:scale(.82)}.ccd-chain canvas:nth-child(4){transform:scale(.92)}.ccd-rules{gap:7px;padding:0;list-style:none;display:grid}.ccd-rules li{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;font-size:14px;font-weight:600;line-height:1.3;display:grid}.ccd-rules b{font-weight:900}.ccd-title-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ccd-title-records{color:#6b4a33;font-size:14px;font-weight:700}.ccd-title-records b{color:var(--ink);font-weight:900}.ccd-title-note{color:#8a5a36;font-size:12px;font-weight:700}.ccd-results-card{text-align:center;justify-items:center;gap:10px;display:grid}.ccd-results-title{color:#7a3d14;font-size:26px;font-weight:900}.ccd-stars{gap:6px;display:flex}.ccd-stars canvas{display:block}.ccd-stars canvas.is-off{filter:grayscale()brightness(.8);opacity:.35}.ccd-results-score{align-items:baseline;gap:8px;display:flex}.ccd-results-score span{letter-spacing:.08em;text-transform:uppercase;color:#8a5a36;font-size:13px;font-weight:800}.ccd-results-score b{font-variant-numeric:tabular-nums;font-size:36px;font-weight:900}.ccd-newbest{color:#fff;background:#4f9a3a;border-radius:99px;padding:2px 12px;font-size:14px;font-weight:900}.ccd-results-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.ccd-results-stats div{background:#6b3f211a;border-radius:10px;padding:5px 6px}.ccd-results-stats dt{color:#8a5a36;font-size:11px;font-weight:800}.ccd-results-stats dd{margin:0;font-size:15px;font-weight:900}.ccd-results-hint{color:#6b4a33;font-size:13px;font-weight:700}.ccd-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.ccd-actions .ccd-btn{white-space:nowrap;flex:120px;padding:0 10px}.ccd-actions .ccd-btn--play{font-size:19px}.ccd-book-card{gap:10px;width:min(560px,100%);display:grid}.ccd-book-card h2{text-align:center;font-size:22px;font-weight:900}.ccd-book-note{text-align:center;color:#6b4a33;font-size:13px;font-weight:700}.ccd-book-grid{gap:8px;display:grid}.ccd-book-row h3{color:#8a5a36;font-size:13px;font-weight:900}.ccd-book-row ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:0;list-style:none;display:grid}.ccd-book-row li{text-align:center;justify-items:center;gap:2px;min-width:0;font-size:10px;font-weight:800;line-height:1.1;display:grid}.ccd-book-row li span{overflow-wrap:anywhere}.ccd-book-row li.is-unknown span{color:#a88a6e}.ccd-book-card>.ccd-btn{justify-self:center;min-width:140px}@container ccd (width<=380px){.ccd-hud{gap:5px;padding:5px 5px 0}.ccd-stat{padding:2px 8px}.ccd-stat b{font-size:17px}.ccd-stat--score b{font-size:20px}.ccd-orders{gap:5px}.ccd-order{column-gap:4px;padding:5px 5px 5px 4px}.ccd-order-name{font-size:11.5px}.ccd-order.is-pair .ccd-order-name{font-size:10.5px}.ccd-order-tip{font-size:12px}.ccd-card{padding:12px}.ccd-logo span{font-size:22px}.ccd-logo b{font-size:38px}.ccd-rules li{font-size:13px}}@container ccd (height<=560px) and (aspect-ratio<=13/10){.ccd-title-card{gap:8px}.ccd-logo b{font-size:36px}.ccd-chain{display:none}.ccd-rules{gap:5px}.ccd-rules li{font-size:12.5px}}@container ccd (aspect-ratio>=13/10) and (height<=520px){.ccd-screen{padding:6px}.ccd-card{padding:10px 14px}.ccd-title-card{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:14px;width:min(680px,100%)}.ccd-logo{justify-items:start}.ccd-logo span{font-size:20px}.ccd-logo b{font-size:32px}.ccd-chain{display:none}.ccd-rules{gap:4px}.ccd-rules li{grid-template-columns:24px minmax(0,1fr);font-size:12px}.ccd-results-card{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:6px 16px;width:min(600px,100%)}.ccd-results-title,.ccd-results-score,.ccd-stars,.ccd-newbest{grid-column:1}.ccd-results-title{font-size:21px}.ccd-results-score b{font-size:28px}.ccd-stars canvas{width:30px!important;height:30px!important}.ccd-results-stats{grid-area:1/2/span 3}.ccd-results-hint{grid-column:2}.ccd-actions{grid-column:1/-1}.ccd-actions .ccd-btn{min-height:40px}.ccd-book-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;width:min(620px,100%)}.ccd-book-card h2{text-align:left;grid-column:1;font-size:19px}.ccd-book-note{text-align:left;grid-column:1/-1;font-size:12px}.ccd-book-card>.ccd-btn{grid-area:1/2;min-width:96px;min-height:40px}.ccd-book-grid{grid-column:1/-1;gap:2px}.ccd-book-row{grid-template-columns:58px minmax(0,1fr);align-items:center;display:grid}.ccd-book-row li span{display:none}.ccd-book-row canvas{width:32px!important;height:32px!important}}@media (prefers-reduced-motion:reduce){.ccd-order.is-new,.ccd-order.is-nope{animation:none}.ccd-ghost{animation-name:ccd-ghost-fade}@keyframes ccd-ghost-fade{0%,60%{opacity:1}to{opacity:0}}}@media (orientation:portrait) and (width<=900px){body.play-theme-cat-cafe-shuffle .play-shell[data-game-shell]{--game-width-from-height:100vw;width:min(var(--game-shell-max-width,720px), calc(100vw - 10px))}body.play-theme-cat-cafe-shuffle .play-shell[data-game-shell] .game-stage{aspect-ratio:auto;height:clamp(420px,100svh - 112px,175vw - 17.5px)}}@media (orientation:landscape) and (height<=520px){body.play-theme-cat-cafe-shuffle .play-shell[data-game-shell]{--game-shell-max-width:900px;--game-width-from-height:100vw;width:min(900px,100vw - 16px)}body.play-theme-cat-cafe-shuffle .play-shell[data-game-shell] .game-stage{aspect-ratio:auto;height:max(220px,100svh - 108px)}}