.cp-game{min-height:100svh;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom));color:#405d48;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f2e6;font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}.cp-game *{box-sizing:border-box}.cp-game button,.cp-game input,.cp-game textarea{font:inherit}.cp-game button{cursor:pointer;-webkit-tap-highlight-color:transparent}:is(.cp-game button:focus-visible,.cp-game a:focus-visible,.cp-game summary:focus-visible){outline-offset:3px;outline:3px solid #a56430}.cp-game button:disabled{cursor:default}.cp-game :is(h1,h2,p){word-break:keep-all}.cp-header{justify-content:space-between;align-items:center;gap:8px;max-width:1060px;min-height:40px;margin:0 auto 12px;font-size:13px;font-weight:700;display:flex}.cp-header a{align-items:center;min-height:40px;text-decoration:none;display:flex}.cp-header small{color:#758065;font-size:10px;font-weight:500}.cp-header button{color:#5a694a;background:#fff9e7;border:1px solid #d2d7bd;border-radius:22px;min-height:40px;padding:7px 12px;font-size:12px}.cp-layout{grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;max-width:1060px;margin:auto;display:grid}.cp-board{width:var(--cp-width,min(430px,calc((100svh - 92px)*9/16)));aspect-ratio:9/16;isolation:isolate;-webkit-user-select:none;user-select:none;background:#afc9ad;border-radius:24px;max-width:calc(100vw - 24px);position:relative;overflow:hidden;box-shadow:0 6px #b0b99866,0 18px 55px #455d3a20;container-type:inline-size}.cp-board>canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cp-aside{color:#6b775e;justify-self:center;max-width:220px;font-size:14px;line-height:1.8}.cp-aside>span{letter-spacing:.06em;font-size:12px;font-weight:700}.cp-aside h1{letter-spacing:-.07em;color:#425e43;margin:10px 0 18px;font-size:42px;font-weight:900;line-height:1.3}.cp-aside ol{padding-left:20px;font-size:13px;line-height:2.2}.cp-record{text-align:center}.cp-record>strong{color:#466848;font-size:46px;font-weight:900;line-height:1.4;display:block}.cp-rule-card{background:#fffbeb;border:1px solid #d6dbc5;border-radius:20px;margin-top:32px;padding:20px}.cp-rule-card p{margin:8px 0 0}.cp-welcome{position:absolute;inset:0}.cp-title{text-align:center;text-shadow:0 2px #fff8df80;position:absolute;top:12%;left:6%;right:6%}.cp-title>span{letter-spacing:.08em;color:#6b7a51;font-size:4cqw;font-weight:700}.cp-title h2{letter-spacing:-.08em;color:#53643b;margin:3% 0;font-size:12cqw;font-weight:900;line-height:1.16}.cp-title h2 em{color:#377862;letter-spacing:-.09em;font-size:16cqw;font-style:normal}.cp-title p{color:#65794d;margin:3% 0 0;font-size:3.8cqw;font-weight:600}.cp-entry{position:absolute;bottom:4.2%;left:9%;right:9%}.cp-modes{background:#48796521;border:1px solid #71947555;border-radius:14px;gap:5px;margin-bottom:10px;padding:4px;display:flex}.cp-modes button{color:#375643;background:0 0;border:0;border-radius:10px;flex:1;min-height:40px;padding:5px;font-size:max(12px,3.8cqw);font-weight:800}.cp-modes button[aria-pressed=true]{background:#fff9e7;box-shadow:0 2px 4px #48684633}.cp-primary{color:#594423;touch-action:manipulation;background:linear-gradient(#f6c974,#e8ad53);border:1px solid #b77834;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;padding:5% 4%;line-height:1.2;display:flex;box-shadow:0 5px #bd914d,inset 0 2px #ffe5a6;font-size:max(14px,4.5cqw)!important;font-weight:900!important}.cp-primary:active{transform:translateY(2px);box-shadow:0 3px #bd914d}.cp-primary span{font-size:6cqw}.cp-entry>small{text-align:center;color:#4e6649;margin-top:6%;font-size:max(10px,3.1cqw);font-weight:600;display:block}.cp-hud{z-index:2;text-align:center;color:#426249;grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid;position:absolute;top:4%;left:5%;right:5%}.cp-hud>div{background:#fff8e3d9;border:1px solid #a7bd9560;border-radius:15px;padding:8% 2%;box-shadow:0 3px #76977122}.cp-hud span{white-space:nowrap;font-size:3cqw;font-weight:700;display:block}.cp-hud strong{font-variant-numeric:tabular-nums;font-size:7cqw;font-weight:900;line-height:1.3;display:block}.cp-hud small{margin-left:2px;font-size:3cqw}.cp-hud .cp-found{background:#e7f1d5e6}.cp-hud .cp-urgent{color:#a04e31}.cp-combo{text-align:center;color:#456247;pointer-events:none;position:absolute;top:24%;left:3%;right:3%}.cp-combo strong{letter-spacing:-.04em;font-size:4.8cqw;font-weight:900;display:block}.cp-combo span{color:#617751;margin-top:3px;font-size:max(10px,3cqw);display:block}.cp-target{z-index:3;touch-action:none;background:0 0;border:0;border-radius:40%;width:27.222%;height:15.313%;padding:0;position:absolute}.cp-target:focus-visible{background:#fff9de18;outline-offset:-2px!important;outline-color:#fff6da!important}.cp-target>span{color:#4d7150;pointer-events:none;background:#f9f6ddcf;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:grid;position:absolute;bottom:2%;left:9%}.cp-foot{z-index:4;color:#536747;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:3%;left:6%;right:6%}.cp-foot button{color:#536747;background:#fff6deab;border:1px solid #adb997aa;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:grid}.cp-foot>span{font-size:max(11px,3.4cqw);font-weight:700}.cp-countdown{z-index:5;pointer-events:none;color:#416548;background:#e6ead880;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cp-countdown span{font-size:5cqw;font-weight:800}.cp-countdown strong{text-shadow:0 5px #fff4d8;font-size:28cqw;font-weight:900;line-height:1.3}.cp-countdown p{font-size:4cqw;font-weight:700}.cp-overlay{z-index:6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#405c4370;place-items:center;padding:9%;display:grid;position:absolute;inset:0}.cp-panel{text-align:center;color:#4b6545;background:linear-gradient(#fff9e6,#f1edd3);border:2px solid #fff6de;border-radius:25px;width:100%;max-height:100%;padding:9% 8% 3%;overflow:auto;box-shadow:0 7px #405c4355}.cp-panel>span{font-size:3.6cqw;font-weight:600}.cp-panel h2{letter-spacing:-.07em;margin:6% 0 7%;font-size:7.1cqw;font-weight:900;line-height:1.4}.cp-panel p{margin:7% 0;font-size:3.5cqw;line-height:1.7}.cp-score{color:#47704e;font-size:17cqw;font-weight:900;line-height:1.25;display:block}.cp-score small{margin-left:5px;font-size:4cqw}.cp-stats{border-block:1px solid #d7dfbd;grid-template-columns:1fr 1fr;margin:6% 0;padding:5% 0;display:grid}.cp-stats b{font-size:7cqw;font-weight:900;display:block}.cp-stats span{font-size:3.4cqw}.cp-panel .cp-detail{color:#70805b;margin:5% 0;font-size:max(10px,3cqw)}.cp-secondary{color:#536c45;background:#e8edcf;border:1px solid #bcc9a1;border-radius:13px;width:100%;min-height:44px;margin-top:10%;padding:3%;font-size:4cqw!important;font-weight:800!important}.cp-secondary:disabled{opacity:.5}.cp-text{color:#697953;background:0 0;border:0;min-height:44px;margin-top:2%;font-size:max(12px,3.6cqw)!important;font-weight:600!important}.cp-duel{grid-template-columns:1fr 1fr;gap:10px;margin:9% 0 12%;display:grid}.cp-duel>div{background:#e7eccd;border-radius:14px;flex-direction:column;padding:10px 3px;display:flex}.cp-duel span{font-size:3.4cqw}.cp-duel strong{letter-spacing:-.04em;font-size:9cqw;font-weight:900;line-height:1.5}.cp-duel small{margin-left:3px;font-size:3cqw}.cp-below{color:#6d775c;text-align:center;max-width:650px;margin:10px auto 0;font-size:12px}.cp-below>label{cursor:pointer;align-items:center;gap:6px;min-height:44px;margin-right:15px;display:inline-flex}.cp-below input{accent-color:#4e7856}.cp-below>span{white-space:nowrap}.cp-below p:empty{display:none}.cp-below details{text-align:left;margin-top:8px;line-height:1.8}.cp-below summary{text-align:center;cursor:pointer;min-height:44px;padding:10px}.cp-below textarea{color:#4b6545;background:#fff9e5;border:1px solid #acb895;border-radius:12px;width:100%;min-height:90px;padding:12px}@media (max-width:779px){.cp-layout{justify-content:center;gap:0;display:flex}.cp-aside{display:none}.cp-header{max-width:430px;font-size:12px}.cp-header>span small{display:none}.cp-header button{padding-inline:9px;font-size:11px}.cp-board{border-radius:19px}.cp-below{max-width:430px}}@container (width<=290px){.cp-title{top:11%}.cp-title h2{font-size:11cqw}.cp-title p{font-size:3.7cqw}.cp-entry{bottom:3%;left:7%;right:7%}.cp-modes{margin-bottom:7px}.cp-modes button{min-height:34px}.cp-primary{min-height:44px;padding:4%}.cp-entry>small{margin-top:6%;font-size:10px}.cp-foot button{width:40px;height:40px}.cp-panel{padding:7% 7% 2%}.cp-panel h2{margin-bottom:5%;font-size:6.8cqw}.cp-secondary{min-height:40px;margin-top:8%}.cp-stats{margin:4% 0;padding:3% 0}.cp-score{font-size:15cqw}}@media (prefers-reduced-motion:reduce){.cp-primary:active{transform:none}}.cp-stage{text-align:center;pointer-events:none;color:#42674e;position:absolute;top:16%;left:5%;right:5%}.cp-stage>span{vertical-align:middle;background:#edf1d8;border:1px solid #75946755;border-radius:7px;margin-right:7px;padding:3px 7px;font-size:2.8cqw;font-weight:800;display:inline-block}.cp-stage>strong{vertical-align:middle;letter-spacing:-.04em;font-size:4.5cqw;font-weight:900}.cp-stage>small{color:#64794f;margin-top:5px;font-size:max(10px,2.9cqw);display:block}.cp-stage[data-stage="1"]>span{color:#88602e;background:#f8e5b6;border-color:#c1a06466}.cp-stage[data-stage="2"]>span{color:#fff7dd;background:#c07441;border-color:#ad703d}.cp-stage[data-stage="2"]>strong{color:#975936}