@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Nunito:wght@400;600;700;800&display=swap";:root{--ink: #1c2a24;--ink-soft: #3d5248;--paper: #e8f0e6;--felt: #1f6b4a;--felt-deep: #145238;--wood-light: #c4a574;--wood-dark: #8b6914;--cream: #f3f7ef;--gold: #e8b84a;--danger: #c23b2a;--red: #e03c2f;--yellow: #f0c41a;--orange: #ef7a1a;--green: #2f9e4a;--blue: #2f6fdb;--font-display: "Fraunces", Georgia, serif;--font-body: "Nunito", system-ui, sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.45;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(232,184,74,.25),transparent),radial-gradient(circle at 15% 80%,rgba(47,158,74,.12),transparent 40%),radial-gradient(circle at 90% 20%,rgba(239,122,26,.1),transparent 35%),linear-gradient(165deg,#dfece0,#f5f8f2 40%,#e4efe8)}#root{min-height:100svh}button{font-family:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app{min-height:100svh;display:flex;flex-direction:column;padding:1.25rem;max-width:1100px;margin:0 auto}.app.playing{max-width:1200px;gap:1rem}.setup-screen{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:2rem 0 3rem;animation:rise-in .6s ease-out both}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.setup-hero{text-align:center}.eyebrow{margin:0 0 .35rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.brand{margin:0;font-family:var(--font-display);font-size:clamp(3.5rem,12vw,5.5rem);font-weight:700;line-height:.95;letter-spacing:-.03em;color:var(--felt-deep);text-shadow:0 2px 0 rgba(255,255,255,.5);animation:brand-pop .7s cubic-bezier(.22,1.2,.36,1) both}@keyframes brand-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tagline{margin:.85rem auto 0;max-width:28rem;font-size:1.15rem;color:var(--ink-soft)}.setup-controls{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem;background:#ffffff8c;border:1px solid rgba(28,42,36,.08);border-radius:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:22rem;margin:0 auto;width:100%}.setup-controls fieldset{border:0;margin:0;padding:0;width:100%}.setup-controls legend{font-weight:800;margin-bottom:.5rem;width:100%;text-align:center}.choice-row{display:flex;gap:.5rem;justify-content:center}.choice{width:3.25rem;height:3.25rem;border-radius:.75rem;border:2px solid rgba(31,107,74,.25);background:var(--cream);font-weight:800;font-size:1.15rem;color:var(--felt-deep);transition:transform .15s ease,border-color .15s ease,background .15s ease}.choice:hover{transform:translateY(-2px);border-color:var(--felt)}.choice.selected{background:var(--felt);border-color:var(--felt-deep);color:#fff;box-shadow:0 4px 12px #1f6b4a59}.difficulty-row .choice{width:auto;min-width:4.5rem;padding:0 .75rem}.hint{margin:.35rem 0 0;font-size:.82rem;font-weight:600;color:var(--ink-soft);text-align:center;line-height:1.35}.start-hint{margin-top:-.35rem}.toggle-row{display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer}.toggle-row input{width:1.1rem;height:1.1rem;accent-color:var(--felt)}.primary-btn{width:100%;padding:.85rem 1.25rem;border:0;border-radius:999px;background:linear-gradient(180deg,#2a8a5c,var(--felt-deep));color:#fff;font-weight:800;font-size:1.05rem;letter-spacing:.02em;box-shadow:0 6px #0d3d28,0 10px 20px #14523840;transition:transform .12s ease,box-shadow .12s ease}.primary-btn:hover{transform:translateY(-1px)}.primary-btn:active{transform:translateY(3px);box-shadow:0 3px #0d3d28,0 6px 12px #14523833}.secondary-btn{padding:.55rem 1rem;border:0;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:800;box-shadow:0 3px #b8891f}.ghost-btn{padding:.55rem 1rem;border:1px solid rgba(28,42,36,.15);border-radius:999px;background:#fff9;color:var(--ink-soft);font-weight:700}a.ghost-btn.home-link{text-decoration:none;display:inline-flex;align-items:center}.rules{max-width:28rem;margin:0 auto;font-size:.95rem;color:var(--ink-soft)}.rules summary{cursor:pointer;font-weight:700;text-align:center;color:var(--felt-deep)}.rules ol{margin:.75rem 0 0;padding-left:1.25rem;text-align:left}.rules li+li{margin-top:.4rem}.top-bar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.brand-sm{margin:0;font-family:var(--font-display);font-size:1.75rem;color:var(--felt-deep);letter-spacing:-.02em}.status{margin:.2rem 0 0;color:var(--ink-soft);font-weight:600;max-width:40rem}.status.result{color:var(--ink)}.top-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.confirm-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:1px solid rgba(28,42,36,.15);border-radius:999px;background:#fff9;color:var(--ink-soft);font-weight:700;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.confirm-toggle.on{border-color:var(--felt);background:#1f6b4a1f;color:var(--felt-deep)}.confirm-toggle input{width:1rem;height:1rem;accent-color:var(--felt);cursor:pointer}.table{display:grid;grid-template-columns:minmax(200px,240px) 1fr;gap:1.25rem;align-items:start}@media (max-width: 800px){.table{grid-template-columns:1fr}}.score-panel{display:flex;flex-direction:column;gap:.65rem}.player-card{padding:.85rem 1rem;border-radius:1rem;background:#ffffffb3;border:2px solid transparent;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.player-card.active{border-color:var(--felt);box-shadow:0 0 0 3px #1f6b4a26;transform:translate(2px)}.player-card.winner{border-color:var(--gold);background:linear-gradient(135deg,#e8b84a40,#fffc)}.player-card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.player-card-head h2{margin:0;font-size:1.05rem;font-weight:800}.turn-badge,.win-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;border-radius:999px}.turn-badge{background:var(--felt);color:#fff}.win-badge{background:var(--gold);color:var(--ink)}.sets-line{margin:0 0 .5rem;font-size:.95rem}.sets-line .muted{color:var(--ink-soft);font-weight:600;font-size:.85rem}.color-stacks{list-style:none;margin:0;padding:0;display:flex;gap:.45rem;flex-wrap:wrap}.color-stacks li{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:1.75rem}.stack-dot{width:1.1rem;height:1.1rem;border-radius:50%;display:block;box-shadow:inset 0 -2px #00000026,0 1px 2px #00000026}.stack-count{font-size:.75rem;font-weight:800}.board{--cell: clamp(28px, 7.5vw, 52px);width:calc(var(--cell) * 10);max-width:100%;margin:0 auto;padding:12px;border-radius:1rem;background:linear-gradient(145deg,#c4a574f2,#8b6914d9);box-shadow:0 12px 30px #1c2a2433,inset 0 1px #ffffff59;display:flex;flex-direction:column;gap:0;animation:board-in .5s ease-out both;position:relative}.ai-trail-svg{position:absolute;top:12px;left:12px;width:calc(100% - 24px);height:calc(100% - 24px);pointer-events:none;z-index:4;overflow:visible}.ai-trail-line-glow{stroke:#ffffff8c;stroke-width:22;stroke-linecap:round;stroke-linejoin:round;filter:blur(1px)}.ai-trail-line{stroke:#fafcf8b8;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:28 14;animation:trail-draw .45s ease-out both}@keyframes trail-draw{0%{opacity:0}to{opacity:1}}.ai-trail-dot{fill:#ffffff8c;stroke:#ffffffd9;stroke-width:4}.ai-trail-dot.start{fill:#ffffff40}.skipper-ghost{position:absolute;width:68%;height:68%;opacity:.38;filter:saturate(.55) brightness(1.35);box-shadow:inset 0 -2px #00000014,0 0 0 1px #ffffff40;z-index:0;pointer-events:none;animation:ghost-in .35s ease-out both}.skipper-ghost:after{background:#fff3}@keyframes ghost-in{0%{opacity:0;transform:scale(.85)}to{opacity:.38;transform:scale(1)}}@keyframes board-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.board-row{display:flex}.cell{width:var(--cell);height:var(--cell);padding:0;border:0;position:relative;isolation:isolate;display:grid;place-items:center;background:var(--felt);transition:filter .15s ease,outline-color .15s ease}.cell-a{background:#1f7a52}.cell-b{background:#186644}.cell:disabled{cursor:default}.cell.movable{outline:2px solid rgba(232,184,74,.85);outline-offset:-3px;z-index:1}.cell.selected{outline:3px solid white;outline-offset:-3px;z-index:2;filter:brightness(1.12)}.cell.landing{cursor:pointer;z-index:2}.cell.landing:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;border:2px dashed rgba(255,255,255,.85);background:#e8b84a59;animation:pulse-land 1.1s ease-in-out infinite}@keyframes pulse-land{0%,to{transform:scale(.92);opacity:.85}50%{transform:scale(1);opacity:1}}.cell.last-move{box-shadow:inset 0 0 0 2px #ffffff40}.cell.dim{filter:brightness(.92)}.landing-dot{display:none}.skipper{width:72%;height:72%;border-radius:50%;display:block;box-shadow:inset 0 -3px #0000002e,inset 0 2px 3px #ffffff59,0 2px 3px #00000040;transition:transform .15s ease;position:relative;z-index:1}.skipper:after{content:"";position:absolute;top:18%;left:22%;width:28%;height:18%;border-radius:50%;background:#ffffff59;transform:rotate(-25deg)}.cell:not(:disabled):hover .skipper{transform:scale(1.06)}.cell.movable .skipper{animation:hop 1.4s ease-in-out infinite}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.skipper-red{background:radial-gradient(circle at 35% 30%,#ff6b5e,var(--red) 55%,#a81f15)}.skipper-yellow{background:radial-gradient(circle at 35% 30%,#ffe066,var(--yellow) 55%,#b89000)}.skipper-orange{background:radial-gradient(circle at 35% 30%,#ffb060,var(--orange) 55%,#b85000)}.skipper-green{background:radial-gradient(circle at 35% 30%,#5fd47a,var(--green) 55%,#1a6b2f)}.skipper-blue{background:radial-gradient(circle at 35% 30%,#6aa3ff,var(--blue) 55%,#1a3f8a)}@media (max-width: 800px){.score-panel{flex-direction:row;flex-wrap:wrap}.player-card{flex:1 1 140px}}