.gbundle{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:720px;margin:24px auto;padding:22px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.08);direction:rtl;color:#0f172a}.gbundle h3{margin:0 0 14px;font-size:1.35rem}.gb-status{min-height:24px;margin:12px 0;padding:11px 13px;border-radius:10px;background:#f1f5f9;color:#334155}.gb-status.is-error{background:#fef2f2;color:#991b1b}.gb-status.is-success{background:#f0fdf4;color:#166534}.gb-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.gbundle button,.gbundle input{font:inherit}.gbundle button{border:0;border-radius:10px;padding:10px 15px;cursor:pointer;background:#2563eb;color:#fff;transition:filter .15s,transform .15s}.gbundle button:hover:not(:disabled){filter:brightness(.94);transform:translateY(-1px)}.gbundle button:disabled{cursor:not-allowed;opacity:.55}.gbundle button.secondary{background:#64748b}.gbundle input{width:145px;border:1px solid #cbd5e1;border-radius:8px;padding:10px;text-align:center;text-transform:uppercase}.gb-share{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px;border-radius:10px;background:#eff6ff;color:#1e3a8a}.gb-share-code{font-size:1.15rem;letter-spacing:.15em;direction:ltr}.gb-game{margin-top:18px}.gb-hint{margin:8px 0;color:#64748b;font-size:.9rem;text-align:center}.gb-xo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:360px;margin:15px auto}.gb-xo-grid button{height:100px;font-size:38px;background:#eff6ff;color:#0f172a}.gb-xo-grid button.is-mine{background:#dbeafe}.gb-rps-choices{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.gb-rps-choices button{min-width:86px;font-size:28px;background:#f97316}.gb-rps-choices button.is-selected{outline:3px solid #0f172a;outline-offset:2px}.gb-score{text-align:center;font-weight:700}.gb-board{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-width:360px;margin:14px auto}.gb-board button{aspect-ratio:1;padding:0;background:#dbeafe;color:#1e3a8a;font-size:1rem}.gb-board button.is-hit{background:#fecaca;color:#991b1b}.gb-board button.is-miss{background:#e2e8f0;color:#475569}.gb-board button.is-ship{background:#bfdbfe;color:#1e3a8a}.gb-dots-board{position:relative;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,34px);max-width:360px;margin:18px auto}.gb-dot{width:11px;height:11px;border-radius:50%;background:#4c1d95;justify-self:center;align-self:center;z-index:2}.gb-line{padding:0!important;border-radius:4px!important;background:#ede9fe!important;color:#6d28d9!important;min-width:0}.gb-line.is-used{background:#8b5cf6!important;color:#fff!important}.gb-dots-board .gb-dot:nth-child(1){grid-area:1/1}.gb-dots-board .gb-dot:nth-child(2){grid-area:1/3}.gb-dots-board .gb-dot:nth-child(3){grid-area:1/5}.gb-dots-board .gb-dot:nth-child(4){grid-area:1/7}.gb-dots-board .gb-dot:nth-child(5){grid-area:3/1}.gb-dots-board .gb-dot:nth-child(6){grid-area:3/3}.gb-dots-board .gb-dot:nth-child(7){grid-area:3/5}.gb-dots-board .gb-dot:nth-child(8){grid-area:3/7}.gb-dots-board .gb-dot:nth-child(9){grid-area:5/1}.gb-dots-board .gb-dot:nth-child(10){grid-area:5/3}.gb-dots-board .gb-dot:nth-child(11){grid-area:5/5}.gb-dots-board .gb-dot:nth-child(12){grid-area:5/7}.gb-dots-board .gb-dot:nth-child(13){grid-area:7/1}.gb-dots-board .gb-dot:nth-child(14){grid-area:7/3}.gb-dots-board .gb-dot:nth-child(15){grid-area:7/5}.gb-dots-board .gb-dot:nth-child(16){grid-area:7/7}.gb-dots-board .gb-hline{grid-column:1/8;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gb-dots-board .gb-vline{grid-column:1/8;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gb-dots-board .gb-hline:nth-of-type(1){grid-row:2}.gb-dots-board .gb-hline:nth-of-type(2){grid-row:4}.gb-dots-board .gb-hline:nth-of-type(3){grid-row:6}.gb-dots-board .gb-hline:nth-of-type(4){grid-row:8}.gb-dots-board .gb-vline:nth-of-type(5){grid-row:1}.gb-dots-board .gb-vline:nth-of-type(6){grid-row:3}.gb-dots-board .gb-vline:nth-of-type(7){grid-row:5}.gb-dots-board .gb-vline:nth-of-type(8){grid-row:7}@media(max-width:520px){.gbundle{padding:16px}.gb-xo-grid button{height:78px}.gb-share{flex-wrap:wrap}.gb-dots-board{transform-origin:top center;max-width:100%;grid-template-rows:repeat(7,28px)}}