:root{--tiger:#ff8a3d;--rabbit:#5aa9ff;--ink:#2b4a6f}body{background:radial-gradient(circle at 12% 18%,#ffffff80 0 46px,#0000 47px),radial-gradient(circle at 88% 10%,#ffffff73 0 38px,#0000 39px),radial-gradient(circle at 80% 90%,#ffffff59 0 60px,#0000 61px),linear-gradient(160deg,#ffd3a5 0%,#ffb6b9 45%,#bbded6 100%)}#caro-app{min-height:100vh;padding:calc(12px + var(--safe-top)) 12px calc(16px + var(--safe-bottom));flex-direction:column;align-items:center;gap:12px;display:flex}#caro-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}#caro-top h1{color:var(--ink);text-shadow:0 2px #ffffffb3;font-size:clamp(1.4rem,4.5vw,2rem)}#score-board{color:var(--ink);background:#fffdf6;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 4px #2b4a6f26}.score.tiger b{color:var(--tiger)}.score.rabbit b{color:var(--rabbit)}#caro-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#mode-chips{background:#ffffff80;border-radius:999px;gap:6px;padding:4px;display:flex}#mode-chips .chip{box-shadow:none;background:0 0}#mode-chips .chip.active{background:var(--ink);color:#fff}#turn-banner{color:var(--ink);border:3px solid var(--tiger);background:#fffdf6;border-radius:999px;padding:10px 22px;font-size:clamp(.9rem,3vw,1.05rem);font-weight:700;transition:border-color .2s;box-shadow:0 4px #2b4a6f26}#turn-banner[data-player=rabbit]{border-color:var(--rabbit)}#board-wrap{width:min(94vw,560px)}#caro-board{background:#fffdf6;border-radius:22px;grid-template-columns:repeat(9,1fr);gap:clamp(3px,.8vw,6px);padding:clamp(8px,1.6vw,14px);display:grid;box-shadow:0 12px 26px #2b4a6f40}.cell{aspect-ratio:1;cursor:pointer;background:#eef6fb;border:none;border-radius:22%;justify-content:center;align-items:center;padding:0;font-size:clamp(1.2rem,4.6vw,2rem);line-height:1;transition:background .12s;display:flex}.cell:nth-child(2n){background:#fdf0e7}.cell:hover:not(.filled){background:#d9f2d9}.cell.filled{cursor:default}.cell .piece{animation:.25s cubic-bezier(.34,1.56,.64,1) pop;display:block}@keyframes pop{0%{transform:scale(.2)}to{transform:scale(1)}}.cell.win-line{background:#ffe57a;animation:.6s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14%)}}.cell.last-move{outline:3px solid var(--ink);outline-offset:-3px}#caro-overlay-card{padding:30px 42px;animation:.3s cubic-bezier(.34,1.56,.64,1) pop}#caro-result-emoji{font-size:3.4rem}#caro-overlay-card h2{margin-top:6px;font-size:1.8rem}#caro-again{cursor:pointer;color:#fff;background:linear-gradient(90deg,#ff8a5c,#ff5c8a);border:none;border-radius:999px;margin-top:18px;padding:14px 30px;font-size:1.1rem;font-weight:800;box-shadow:0 5px #c83c5a66}#caro-again:active{transform:translateY(3px);box-shadow:0 2px #c83c5a66}