.mancala-table{background:radial-gradient(ellipse at 50% 20%,#20585b,#102c35);color:#f6e8cb;border-radius:24px;border:1px solid #47666a;overflow:hidden;outline-offset:5px;padding:22px 26px}.mancala-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.mancala-head h2{font-size:30px;margin:0;color:#f7e8cd}.mancala-scores{display:flex;gap:12px;flex-wrap:wrap}.mancala-scores span{font-size:15px;padding:10px 14px;border:1px solid #d3b57d55;border-radius:12px;background:#ffffff06}.mancala-status{font-size:16px!important;text-align:center;color:#e4d6bc!important;min-height:24px;margin:20px 0 0!important}.mancala-world{height:clamp(190px,34vw,390px);position:relative}.mancala-world canvas{width:100%;height:100%;display:block;touch-action:manipulation}.mancala-cups,.mancala-other{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:560px;gap:8px;margin:8px auto}.mancala-other span{text-align:center;font-size:12px;color:#a6b6b9}.mancala-cup{min-width:0;min-height:62px;border:1px solid #dac89588;border-bottom:4px solid #94723d;border-radius:14px;background:#ebdec0;color:#223b40;padding:8px;font:inherit;cursor:pointer;transition:transform .15s,background .15s}.mancala-cup small{display:block;font-size:10px;opacity:.65}.mancala-cup strong{font-size:24px}.mancala-cup:hover:not(:disabled){background:#fff0cf;transform:translateY(-3px)}.mancala-cup:disabled{opacity:.40;cursor:default}.mancala-note{font-size:12px!important;text-align:center;color:#bbccca!important;margin:16px 0!important}.mancala-help{border-top:1px solid #ffffff22;margin-top:16px;padding:16px 0 0}.mancala-help summary{font-size:14px;cursor:pointer}.mancala-help p{font-size:15px;line-height:1.6;color:#dfdacb}.mancala-solo-wrap{max-width:1100px;margin:auto;padding:24px clamp(12px,4vw,40px) 60px}.mancala-solo-wrap h1{font-size:32px}.mancala-solo-options{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:20px 0}.mancala-solo-options label{font-size:13px;display:grid;gap:7px}.mancala-solo-options select{min-height:44px;padding:8px;max-width:240px}.mancala-result{padding:24px;border:1px solid #d8c7a7;background:#fff9eb;border-radius:18px;margin-top:20px}.mancala-room-stage{background:transparent!important;padding:0!important;border:0!important}.mancala-cover{position:relative;aspect-ratio:1.45;border-radius:24px;overflow:hidden;background:#163b40}.mancala-cover img{width:100%;height:100%;object-fit:cover}.mancala-cover canvas{width:100%;height:100%}.mancala-preview{position:absolute;inset:0;background:#16454b}.mancala-preview canvas{width:100%;height:100%}
@media(max-width:600px){.mancala-table{padding:18px 10px;border-radius:18px}.mancala-head h2{font-size:23px}.mancala-scores{gap:5px}.mancala-scores span{font-size:12px;padding:8px}.mancala-world{height:210px}.mancala-cups,.mancala-other{gap:3px}.mancala-cup{padding:5px;min-height:54px;border-radius:10px}.mancala-cup strong{font-size:22px}.mancala-status{font-size:14px!important}.mancala-note{font-size:11px!important}.mancala-solo-options{gap:10px}.mancala-solo-options select{max-width:180px}}
@media(prefers-reduced-motion:reduce){.mancala-cup{transition:none}}