.five-board{box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:440px;margin:0 auto;padding:12px;font-family:inherit;display:flex}.five-header{justify-content:space-between;align-items:center;width:100%;display:flex}.five-badge{color:#1b1726;background:#ff8e7233;border:1px solid #ff8e7280;border-radius:9999px;padding:4px 12px;font-size:.95rem;font-weight:700}.dark .five-badge{color:#e2e8f0;background:#ff8e7226}.five-players-row{justify-content:space-around;gap:10px;width:100%;display:flex}.five-player-pill{color:#334155;background:#f1f5f9;border:2px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.dark .five-player-pill{color:#cbd5e1;background:#1e293b}.five-player-pill.active{border-color:#ff8e72;transform:scale(1.03);box-shadow:0 0 10px #ff8e7259}.five-mini-piece{color:#fff;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:flex;box-shadow:0 1px 3px #0003}.five-mini-piece.coral{background:#ff6b6b}.five-mini-piece.sky{background:#38bdf8}.five-grid-container{aspect-ratio:1;box-sizing:border-box;background:#fdfbf7;border:3px solid #1b1726;border-radius:16px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);gap:4px;width:100%;max-width:380px;padding:6px;display:grid;box-shadow:0 6px #1b1726}.dark .five-grid-container{background:#0f172a;border-color:#475569;box-shadow:0 6px #020617}.five-cell{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#f1ece1;border-radius:6px;justify-content:center;align-items:center;transition:background-color .1s,transform 50ms;display:flex;position:relative}.dark .five-cell{background:#1e293b}.five-cell:hover:not(.occupied){background:#e2d9c8}.dark .five-cell:hover:not(.occupied){background:#334155}.five-cell:active:not(.occupied){transform:scale(.92)}.five-cell.occupied{cursor:default}.five-piece{border:2px solid #1b1726;border-radius:7px;justify-content:center;align-items:center;width:86%;height:86%;animation:.15s cubic-bezier(.175,.885,.32,1.275) piecePop;display:flex;box-shadow:0 2px 4px #00000040}@keyframes piecePop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.five-piece.coral{background:linear-gradient(135deg,#ff7e7e 0%,#ff5252 100%)}.five-piece.sky{background:linear-gradient(135deg,#56caff 0%,#29b6f6 100%)}.five-piece-shape{width:55%;height:55%}.five-cell.winning{background:#fef08a!important}.dark .five-cell.winning{background:#713f12!important}.five-cell.winning .five-piece{transform:scale(1.08);box-shadow:0 0 12px #eab308}.five-center-dot{opacity:.3;pointer-events:none;background:#1b1726;border-radius:50%;width:5px;height:5px;position:absolute}.dark .five-center-dot{background:#94a3b8}.five-status-banner{text-align:center;color:#1e293b;min-height:26px;font-size:1rem;font-weight:700}.dark .five-status-banner{color:#f1f5f9}.five-status-banner.won{color:#10b981}.five-status-banner.lost{color:#ef4444}.five-action-btn{color:#1b1726;cursor:pointer;background:#ff8e72;border:2px solid #1b1726;border-radius:12px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:all .1s;box-shadow:0 4px #1b1726}.five-action-btn:active{transform:translateY(2px);box-shadow:0 2px #1b1726}.five-choices{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.five-choice-label{opacity:.7;margin-inline-start:4px;font-size:.8rem;font-weight:700}.five-choice{color:#1b1726;min-width:44px;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:2px solid #1b1726;border-radius:12px;padding:6px 14px;font-size:.9rem;font-weight:800}.five-choice.on{background:#ff8e72}.five-choice:disabled{cursor:default;opacity:.55}.five-choice.on:disabled{opacity:.9}.five-board-big{gap:10px;max-width:none;padding-inline:0}.five-board-big>:not(.five-grid-container){box-sizing:border-box;padding-inline:12px}.five-grid-big{--five-min:352px;width:min(max(100%, var(--five-min)), 100vw, 720px);grid-template-columns:repeat(var(--five-n), minmax(0, 1fr));grid-template-rows:repeat(var(--five-n), minmax(0, 1fr));border-width:2px;border-radius:10px;gap:1px;max-width:none;margin-inline:auto;padding:2px;box-shadow:0 4px #1b1726}.five-grid-big .five-cell{border-radius:3px;min-width:0;min-height:0}.five-grid-big .five-piece{border-width:1.5px;border-radius:4px;width:88%;height:88%}.five-grid-big .five-center-dot{width:4px;height:4px}.five-cell.cursor{outline-offset:-2px;background:#fde68a;outline:2px solid #1b1726;animation:.9s ease-in-out infinite alternate fiveCursor}@keyframes fiveCursor{0%{box-shadow:inset 0 0 #ff8e7200}to{box-shadow:inset 0 0 0 4px #ff8e72d9}}.dark .five-cell.cursor{background:#713f12}@media (prefers-reduced-motion:reduce){.five-cell.cursor,.five-piece{animation:none}}