.caro-app{--play-ink:#5a3550;--play-paper:#fff6fa;--play-accent:#e35d9f;--play-soft:#ffe3f0;--play-shadow:#e8a7c6;--caro-muted:#8a6180;--caro-board:#fffdf8;--caro-cell-line:#f6e2ec;--caro-cell-alt:#fff8f3;--caro-dot-a:#ffe9f3;--caro-dot-b:#def3ef;--caro-overlay:#ffe3ef;background:radial-gradient(circle at 12% 18%,var(--caro-dot-a) 0 42px,transparent 43px),radial-gradient(circle at 85% 12%,var(--caro-dot-b) 0 34px,transparent 35px),radial-gradient(circle at 78% 82%,var(--caro-dot-a) 0 48px,transparent 49px),radial-gradient(circle at 16% 78%,var(--caro-dot-b) 0 30px,transparent 31px),linear-gradient(160deg,var(--caro-bg-1,#ffd9ea),var(--caro-bg-2,#fff0f6) 48%,var(--caro-bg-3,#d9f2ee));overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.caro-app[data-theme=mint]{--play-ink:#2e5248;--play-paper:#f4fffa;--play-accent:#27a183;--play-soft:#d9f4ea;--play-shadow:#9fd4c0;--caro-muted:#5f8a7c;--caro-board:#fbfff9;--caro-cell-line:#e1f1e6;--caro-cell-alt:#f1faf1;--caro-dot-a:#dff5ea;--caro-dot-b:#d8ecf8;--caro-overlay:#d9f4ea;--caro-bg-1:#c9efdd;--caro-bg-2:#eafff5;--caro-bg-3:#cfe9f7}.caro-app[data-theme=lavender]{--play-ink:#453a63;--play-paper:#fbf8ff;--play-accent:#8f6bd6;--play-soft:#eae1fb;--play-shadow:#c3b1e8;--caro-muted:#7d6f9e;--caro-board:#fdfbff;--caro-cell-line:#ece4f8;--caro-cell-alt:#f6f1fd;--caro-dot-a:#ece2fa;--caro-dot-b:#d9e8f9;--caro-overlay:#eae1fb;--caro-bg-1:#e3d7f8;--caro-bg-2:#f3eefc;--caro-bg-3:#cfe0f5}.caro-app[data-theme=honey]{--play-ink:#5f4322;--play-paper:#fffaf0;--play-accent:#e0912f;--play-soft:#ffefd2;--play-shadow:#eac17e;--caro-muted:#a07c4f;--caro-board:#fffdf6;--caro-cell-line:#f8e9d2;--caro-cell-alt:#fdf5e6;--caro-dot-a:#ffefd2;--caro-dot-b:#ffe0d6;--caro-overlay:#ffefd2;--caro-bg-1:#ffe3ad;--caro-bg-2:#fff6e2;--caro-bg-3:#ffd9c9}.caro-top{position:absolute;top:calc(10px + env(safe-area-inset-top));left:12px;right:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px}.caro-icon-btn{flex:none;width:42px;height:42px;display:grid;place-items:center;cursor:pointer;border:2px solid #fff;border-radius:14px;background:var(--play-paper);color:var(--play-ink);box-shadow:0 3px 0 var(--play-shadow)}.caro-icon-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--play-shadow)}.caro-icon-btn .off,.caro-icon-btn[aria-pressed=true] .on{display:none}.caro-icon-btn[aria-pressed=true] .off{display:inline}.caro-score{gap:8px}.caro-chip,.caro-score{display:flex;min-width:0}.caro-chip{align-items:center;gap:6px;padding:5px 12px;border:2px solid #fff;border-radius:16px;background:color-mix(in srgb,var(--play-paper) 91%,transparent);box-shadow:0 3px 0 var(--play-shadow)}.caro-chip-face{display:block;width:26px;height:26px;flex:none}.caro-chip-face svg{display:block;width:100%;height:100%}.caro-chip-name{font-size:13px;font-weight:800;color:var(--caro-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caro-chip b{font-size:19px;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.caro-chip-draw .caro-chip-name,.caro-chip-draw b{color:#52667a}.caro-main{position:absolute;inset:0;z-index:1;flex-direction:column;padding:calc(62px + env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom))}.caro-main,.caro-status{display:flex;align-items:center;gap:8px}.caro-status{min-height:34px;font-size:18px;font-weight:800;color:var(--play-ink)}.caro-turn-face{width:30px;height:30px;display:flex}.caro-turn-face svg{width:100%;height:100%}.caro-app[data-thinking="1"] .caro-turn-face{animation:caro-wiggle .8s ease-in-out infinite}@keyframes caro-wiggle{0%,to{rotate:-7deg}50%{rotate:7deg}}.caro-board-wrap{position:relative;width:min(94vmin - 30px,560px,100%)}.caro-board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));width:100%;aspect-ratio:1;padding:6px;border:4px solid #fff;border-radius:22px;background:var(--caro-board);box-shadow:0 8px 0 var(--play-shadow)}.caro-app[data-thinking="1"] .caro-board{pointer-events:none}.caro-cell{position:relative;padding:0;border:1px solid var(--caro-cell-line);background:transparent;cursor:pointer;border-radius:4px;min-width:0;min-height:0}.caro-cell:nth-child(2n){background:var(--caro-cell-alt)}.caro-cell svg{position:absolute;inset:7%;width:86%;height:86%;pointer-events:none}.caro-cell.filled{cursor:default}.caro-cell.pop svg{animation:caro-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes caro-pop{0%{transform:scale(.2)}to{transform:scale(1)}}.caro-cell.aim,.caro-cell.last{box-shadow:inset 0 0 0 2px var(--play-accent);border-radius:6px}.caro-cell.aim svg{opacity:.55;animation:caro-wiggle .8s ease-in-out infinite}.caro-cell.win{background:#fff3b8;border-radius:6px}.caro-cell.win svg{animation:caro-bounce .55s ease-in-out infinite alternate}@keyframes caro-bounce{0%{transform:translateY(6%) scale(1)}to{transform:translateY(-10%) scale(1.08)}}@media (hover:hover) and (pointer:fine){.caro-cell:not(.filled):hover:after{content:"";position:absolute;inset:22%;border-radius:50%;background:var(--caro-p1,#e8a7c6);opacity:.5}.caro-board[data-turn="2"] .caro-cell:not(.filled):hover:after{background:var(--caro-p2,#8cc4f0)}}.caro-actions{display:flex;gap:10px}.caro-btn{min-height:44px;padding:8px 22px;cursor:pointer;border:2px solid #fff;border-radius:16px;background:var(--play-paper);color:var(--play-ink);font-size:17px;font-weight:800;box-shadow:0 3px 0 var(--play-shadow)}.caro-btn:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--play-shadow)}.caro-btn:disabled{opacity:.5;cursor:default}.caro-touch-hint{display:none;margin:0;font-size:13px;font-weight:700;color:var(--caro-muted)}.caro-app[data-touch=true][data-phase=play] .caro-touch-hint{display:block}.caro-banner{position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;white-space:nowrap}.caro-banner b{font:800 clamp(26px,6vw,48px)/1 Playful,Avenir Next,sans-serif;color:var(--play-paper);-webkit-text-stroke:2px var(--play-accent);paint-order:stroke fill;text-shadow:0 5px 0 var(--play-accent)}.caro-banner.pop{animation:caro-banner-pop 1.6s ease-out forwards}@keyframes caro-banner-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}26%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-58%) scale(1)}to{opacity:0;transform:translate(-50%,-72%) scale(.96)}}.caro-confetti{position:absolute;inset:-20px 0 0;overflow:visible;pointer-events:none;z-index:5}.caro-confetti span{position:absolute;top:-24px;font-size:22px;animation:caro-fall 2s ease-in forwards}@keyframes caro-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(min(72vh,600px)) rotate(300deg);opacity:0}}.playful-game .caro-card{width:min(430px,100%);text-align:center;display:flex;flex-direction:column;align-items:stretch;gap:10px}.caro-kicker{font-size:14px;font-weight:800;letter-spacing:1.5px;color:var(--caro-muted)}.caro-logo{margin:0;font:800 clamp(40px,9vw,62px)/1 Playful,sans-serif;white-space:nowrap;color:var(--play-paper);-webkit-text-stroke:2px var(--play-accent);paint-order:stroke fill;text-shadow:0 6px 0 var(--play-accent);transform:rotate(-2deg)}.caro-logo span{margin-left:6px;color:#ffd45e;-webkit-text-stroke-color:#d98a2b;text-shadow:0 5px 0 #d98a2b}.caro-menu-faces{display:flex;align-items:center;justify-content:center;gap:10px;height:54px}.caro-menu-faces svg{width:52px;height:52px}.caro-menu-faces i{font:800 16px Playful,sans-serif;font-style:normal;color:var(--caro-muted)}.caro-sub{margin:0;font-size:16px;line-height:1.45}.caro-field{display:flex;flex-direction:column;gap:6px;text-align:left}.caro-field-label{font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--caro-muted)}.caro-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:8px;gap:8px}.caro-seg-btn{min-height:44px;border:2px solid var(--caro-cell-line);border-radius:12px;background:var(--caro-board);color:var(--play-ink);font-size:16px;font-weight:800;cursor:pointer}.caro-seg-btn[aria-pressed=true]{background:var(--play-soft);border-color:var(--play-accent);color:var(--play-accent)}.caro-app[data-mode="2p"] .caro-cpu-only{display:none}.caro-r-face{display:flex;justify-content:center;gap:8px;height:64px}.caro-r-face svg{width:62px;height:62px}.caro-r-title{margin:0;font-size:30px;color:var(--play-accent)}.caro-r-stats{list-style:none;margin:4px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.caro-r-stats li{display:flex;flex-direction:column;padding:8px 2px;border-radius:14px;background:var(--play-soft)}.caro-r-stats b{font-size:22px;color:var(--play-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.caro-r-stats span{font-size:12px;font-weight:700;color:var(--caro-muted)}.caro-r-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-items:stretch}.caro-r-row .share-btn,.caro-results .a-secondary{margin-top:0}.caro-app .overlay.caro-menu{background:color-mix(in srgb,var(--caro-overlay) 72%,transparent)}.caro-app .overlay.caro-results{background:color-mix(in srgb,var(--caro-overlay) 77%,transparent)}@media (max-width:560px){.caro-chip{padding:4px 8px;gap:4px}.caro-chip-draw,.caro-chip-name{display:none}.caro-status{font-size:16px}.caro-main{gap:6px}}@media (max-height:640px){.caro-main{padding-top:calc(56px + env(safe-area-inset-top));gap:4px}.caro-board-wrap{width:min(100%,calc(100vh - 210px))}}.caro-themes{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:8px;gap:8px}.caro-th{min-height:40px;padding:4px;cursor:pointer;display:grid;place-items:center;border:2px solid var(--caro-cell-line);border-radius:12px;background:var(--caro-board)}.caro-th i{display:block;width:100%;height:28px;border-radius:8px;border:1px solid #fff}.caro-th[aria-pressed=true]{border-color:var(--play-accent);box-shadow:0 0 0 2px var(--play-soft)}.caro-faces{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px}.caro-face-btn{aspect-ratio:1;padding:4px;cursor:pointer;display:grid;place-items:center;border:2px solid var(--caro-cell-line);border-radius:14px;background:var(--caro-board)}.caro-face-btn svg{width:100%;height:100%}.caro-face-btn[aria-pressed=true]{border-color:var(--play-accent);background:var(--play-soft);box-shadow:0 0 0 2px var(--play-soft)}