@import url("../../../assets/css/gameplay-quality-v2.css?v=20261018");
.cp-root{--cp-ink:#293e38;--cp-orange:#e76543;font-family:system-ui,'Noto Sans JP',sans-serif;background:#fff5de;color:var(--cp-ink);border:2px solid var(--cp-ink);border-radius:20px;overflow:hidden;max-width:100%;min-width:0;scroll-margin-top:100px}.cp-root *{box-sizing:border-box}.cp-root [hidden]{display:none!important}.cp-root button{font:inherit;font-weight:800;border:2px solid var(--cp-ink);border-radius:10px;background:#fff9ed;color:var(--cp-ink);cursor:pointer;min-height:42px;padding:8px 14px;touch-action:manipulation}.cp-root button:hover{filter:brightness(.96)}.cp-root button:focus-visible,.cp-root canvas:focus-visible{outline:3px solid #2b977e;outline-offset:-3px}.cp-root button:disabled{opacity:.45}.cp-root .cp-primary{background:var(--cp-orange);color:#fff;border-color:var(--cp-ink);box-shadow:0 3px 0 var(--cp-ink)}.cp-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:2px solid var(--cp-ink);gap:8px}.cp-top b{font-size:16px}.cp-top small{font-size:10px;font-weight:500;margin-left:8px}.cp-top button{min-height:34px;font-size:12px;padding:5px 12px}.cp-hud{display:grid;grid-template-columns:1.3fr 1fr 1fr;padding:10px 16px;background:#fce2b8;gap:8px}.cp-hud small{display:block;font-size:10px;color:#6d6147}.cp-hud strong{display:block;font-size:22px;font-variant-numeric:tabular-nums}.cp-list{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;background:#fffaf0;font-size:11px;border-top:1px dashed #bdae8e}.cp-list b{font-size:12px;color:#c45336}.cp-list>span:last-child{color:#19785f}.cp-screen{position:relative;isolation:isolate;background:#f4ead2}.cp-screen canvas{width:100%;height:auto;display:block;aspect-ratio:10/7}.cp-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff3dcce;padding:16px;overflow:auto}.cp-cover{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:3%;background:linear-gradient(90deg,#fff7e5 0%,#fff7e5ed 40%,#fff7e500 74%)}.cp-cover h2{font-size:clamp(28px,5vw,58px);font-weight:950;line-height:1.08;letter-spacing:-.06em;margin:12px 0;color:var(--cp-orange)}.cp-cover h2 span{display:block;color:var(--cp-ink)}.cp-cover p{font-size:clamp(12px,1.5vw,17px);margin:0 0 20px}.cp-cover p b{display:block}.cp-cover>small{font-size:10px;margin-top:12px;max-width:240px}.cp-kicker{font-size:10px;letter-spacing:.08em}.cp-cover .cp-primary{font-size:15px}.cp-card{background:#fffaf0;border:2px solid var(--cp-ink);border-radius:18px;padding:24px;max-width:480px;width:95%;text-align:center;box-shadow:6px 6px 0 #e7654330}.cp-card h2{font-size:25px;margin:8px 0 14px}.cp-card p{font-size:13px;line-height:1.65;white-space:pre-line;margin:8px 0}.cp-card>span{font-size:11px}.cp-card button{margin:8px 4px 0}.cp-card .cp-final{display:block;color:var(--cp-orange);font-size:44px;line-height:1.2}.cp-card .cp-save{font-size:11px}.cp-toast{position:absolute;top:12px;left:50%;transform:translateX(-50%);max-width:94%;border-radius:99px;padding:8px 16px;background:#293e38;color:#fff;font-size:13px;white-space:nowrap;font-weight:800;pointer-events:none;opacity:0}.cp-toast.is-visible{opacity:1}.cp-fuel{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:10px}.cp-fuel>div{height:9px;background:#e4d8be;border:1px solid #938972;border-radius:99px;overflow:hidden;flex:1}.cp-fuel i{display:block;width:100%;height:100%;background:#27947a}.cp-fuel b{width:32px;text-align:right}.cp-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:5px 14px 10px}.cp-pad{display:grid;grid-template-columns:46px 46px 46px;grid-template-rows:42px 42px;gap:4px}.cp-pad button{padding:0;font-size:23px;min-height:0;touch-action:none;user-select:none}.cp-pad button[data-cp=up]{grid-column:2}.cp-pad button[data-cp=left]{grid-column:1;grid-row:2}.cp-pad button[data-cp=down]{grid-column:2;grid-row:2}.cp-pad button[data-cp=right]{grid-column:3;grid-row:2}.cp-actions{display:flex;gap:8px}.cp-actions button{touch-action:none;user-select:none;min-height:60px;font-size:14px;padding:8px 14px}.cp-actions small{display:block;font-size:9px;font-weight:500}.cp-actions .cp-boost{background:var(--cp-orange);color:white}.cp-controls .is-pressed{transform:translateY(2px);filter:brightness(.85)}.cp-hint{margin:0;padding:0 14px 12px;font-size:11px;color:#73664d}.cp-guide{border-top:1px solid #d5c6a6;padding:12px 16px;font-size:12px;background:#fffaf0}.cp-guide summary{font-weight:800;cursor:pointer}.cp-guide p{line-height:1.8;margin:10px 0}@media(max-width:600px){.cp-top{padding:8px 10px}.cp-top small{display:none}.cp-hud{padding:8px 12px}.cp-hud strong{font-size:18px}.cp-screen canvas{aspect-ratio:1/1}.cp-list{font-size:9px;padding:8px;gap:5px;flex-wrap:wrap}.cp-list b{font-size:11px}.cp-cover h2{font-size:35px;margin:8px 0}.cp-cover p{margin-bottom:12px;font-size:12px}.cp-kicker{font-size:8px}.cp-cover>small{max-width:190px}.cp-cover .cp-primary{font-size:12px;min-height:40px}.cp-overlay{padding:10px}.cp-card{padding:14px}.cp-card h2{font-size:21px;margin:4px 0}.cp-card p{font-size:11px;margin:5px 0}.cp-card .cp-final{font-size:34px}.cp-card button{font-size:12px;min-height:36px}.cp-controls{padding:4px 8px 10px;gap:8px}.cp-pad{grid-template-columns:38px 38px 38px;grid-template-rows:40px 40px;gap:3px}.cp-actions{gap:5px;flex:1;justify-content:flex-end}.cp-actions button{font-size:11px;padding:7px 6px;min-height:57px}.cp-actions small{font-size:8px}.cp-hint{padding:0 10px 10px;font-size:10px}.cp-toast{font-size:10px;padding:6px 10px}.cp-fuel{padding:7px 10px}}@media(max-width:350px){.cp-pad{grid-template-columns:34px 34px 34px;grid-template-rows:38px 38px}.cp-actions button{padding:6px 4px;font-size:10px}}@media(prefers-reduced-motion:reduce){.cp-root *{scroll-behavior:auto!important}}
.cp-root #cpIntro{background:transparent}.cp-root #cpIntro .cp-cover{background:linear-gradient(90deg,#fff7e5 0%,#fff7e5ed 38%,#fff7e500 73%)}

/* A stocked, sunlit supermarket rather than a flat play mat. */
.cp-root{border-color:#315749;background:#fff4da;box-shadow:0 12px 35px #24483425}.cp-top{color:#fff4ce;background:linear-gradient(110deg,#275f4c,#4c856a);border-bottom:3px solid #dfb75d;padding:14px 18px}.cp-top small{color:#e1eacb}.cp-top button{background:#ffffff16;color:#fff4d2;border-color:#a8c9aa}.cp-hud{background:linear-gradient(110deg,#f6d184,#ffe8b9);border-bottom:1px solid #c8ab70;padding:14px 18px}.cp-hud>div{border-right:1px solid #d0b37d;padding-left:8px}.cp-hud>div:last-child{border:0}.cp-hud strong{font-family:Georgia,system-ui,serif;font-size:27px}.cp-list{border-top:0;border-bottom:2px dashed #d5ba80;background:#fff9e9;padding:12px 16px}.cp-list b{background:#fde6b8;padding:5px 8px;border-radius:5px}
.cp-root #cpIntro{background:#e7d6b5 url('market.svg') center/cover no-repeat}.cp-root #cpIntro .cp-cover{background:linear-gradient(90deg,#fff5dd 0%,#fff5ddf5 31%,#fff5ddaa 43%,transparent 65%);padding-left:4%}.cp-cover>*{position:relative}.cp-cover .cp-shop-badge{font-size:9px;background:#2d6851;color:#fff4d2;border:1px solid #1f513d;padding:5px 8px;letter-spacing:.06em;margin-bottom:13px}.cp-cover .cp-primary{padding:12px 20px;background:linear-gradient(#ef8e56,#d6583a);box-shadow:0 4px 0 #893d2d,0 1px 0 #ffd3a0 inset}.cp-basket-strip{padding:11px 14px;display:flex;gap:10px;align-items:center;border-top:3px solid #d1b16c;border-bottom:1px solid #dac493;background:#fff9e9;font-size:10px}.cp-basket-strip>span{font-weight:800;white-space:nowrap}.cp-basket-strip>div{display:flex;gap:5px;flex:1}.cp-basket-strip i{height:18px;max-width:21px;flex:1;border:1px dashed #bcba9b;border-radius:3px;background:#e7e5d0}.cp-basket-strip i.is-filled{background:linear-gradient(135deg,#f3c761,#e98c43);border:1px solid #b8863a;box-shadow:0 2px 0 #fff5 inset;animation:cp-packed .25s ease-out}.cp-basket-strip>b{color:#34795e;font-size:10px}.cp-root .cp-fuel{background:#f5e6c5}.cp-root button{transition:transform .1s}.cp-root button:active:not(:disabled){transform:translateY(2px)}.cp-card{background:repeating-linear-gradient(0deg,transparent 0 25px,#c8b58e22 25px 26px),#fff9e9;border:1px solid #c6ad77;box-shadow:0 15px 35px #24483430}.cp-last-call #cpTime{color:#b6432b;animation:cp-last 1s ease-in-out infinite}.cp-last-call .cp-screen{box-shadow:inset 0 0 0 4px #d86439}.cp-toast{white-space:normal;text-align:center;width:max-content;max-width:92%;line-height:1.5;box-shadow:0 4px 12px #28432f33}
@keyframes cp-packed{from{transform:translateY(-5px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes cp-last{50%{opacity:.55}}
@media(max-width:600px){.cp-top{padding:10px}.cp-hud{padding:9px}.cp-hud strong{font-size:20px}.cp-cover .cp-shop-badge{font-size:7px;padding:3px 5px;letter-spacing:0;margin-bottom:6px}.cp-root #cpIntro .cp-cover{background:linear-gradient(90deg,#fff5dd 0%,#fff5ddef 35%,#fff5dd66 70%,transparent);padding-left:2%}.cp-cover h2{font-size:34px}.cp-basket-strip{flex-wrap:wrap;gap:7px;padding:9px 10px}.cp-basket-strip>div{min-width:160px}.cp-basket-strip>b{width:100%;text-align:right}.cp-list{flex-wrap:wrap;gap:4px;font-size:10px}.cp-list b{font-size:11px}.cp-cover .cp-primary{padding:10px 14px}.cp-cover>small{max-width:190px}}
@media(prefers-reduced-motion:reduce){.cp-root *{animation:none!important;transition:none!important}}
@media(max-width:600px){.cp-root #cpIntro{background-position:right center}}