.rp-game{--rp-text:var(--theme-text-color, #102331);--rp-heading:var(--theme-heading-color, var(--theme-text-color, #102331));--rp-primary:var(--theme-palette-color-1, #168aad);--rp-secondary:var(--theme-palette-color-2, #7c3aed);--rp-success:#84cc16;--rp-surface-base:var(--theme-palette-color-8, #ffffff);--rp-surface:color-mix(in srgb, var(--rp-surface-base) 92%, transparent);--rp-surface-soft:color-mix(in srgb, var(--rp-surface-base) 88%, var(--rp-primary) 12%);--rp-border:var(--theme-border-color, color-mix(in srgb, var(--rp-text) 17%, transparent));--rp-muted:color-mix(in srgb, var(--rp-text) 68%, transparent);--rp-shadow:color-mix(in srgb, var(--rp-text) 13%, transparent);--rp-ring:color-mix(in srgb, var(--rp-primary) 18%, transparent);--rp-x:var(--rp-primary);--rp-o:var(--rp-success);--rp-draw:var(--rp-secondary);color:var(--rp-text);font-family:inherit;width:100%;max-width:100%;margin:0 auto;padding:clamp(18px, 3vw, 34px) 10px 34px;box-sizing:border-box;overflow:hidden;background:#fff0;isolation:isolate}.rp-game *,.rp-game *::before,.rp-game *::after{box-sizing:border-box}.rp-game button{font:inherit}.rp-game .rp-title-row,.rp-game .rp-score-bar,.rp-game .rp-controls,.rp-game .rp-status,.rp-game .rp-thinking,.rp-game .rp-board-wrap{width:min(980px, 100%);margin-inline:auto}.rp-game .rp-title-row{display:flex;align-items:center;justify-content:center;gap:clamp(12px, 2.2vw, 24px);margin-bottom:20px}.rp-game .rp-logo{display:block;width:auto;height:clamp(52px, 7vw, 82px);max-width:100%;object-fit:contain}.rp-game .rp-title{margin:0;padding:0;font-family:inherit;font-size:clamp(2.5rem, 7vw, 5.2rem);font-weight:800;line-height:.9;letter-spacing:-.055em;white-space:nowrap;background:linear-gradient(135deg,var(--rp-heading),var(--rp-primary),var(--rp-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;color:var(--rp-heading)}.rp-game .rp-score-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.rp-game .rp-score-item{min-width:0;text-align:center;padding:15px 10px 13px;border:1px solid var(--rp-border);border-radius:12px;background:var(--rp-surface);box-shadow:0 12px 30px var(--rp-shadow);backdrop-filter:blur(8px)}.rp-game .rp-score-label,.rp-game .rp-section-label{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rp-muted)}.rp-game .rp-score-label{margin-bottom:6px}.rp-game .rp-score-value{font-size:1.75rem;font-weight:800;line-height:1}.rp-game .rp-score-x .rp-score-value{color:var(--rp-x)}.rp-game .rp-score-o .rp-score-value{color:var(--rp-o)}.rp-game .rp-score-d .rp-score-value{color:var(--rp-draw)}.rp-game .rp-controls{padding:16px;margin-bottom:18px;border:1px solid var(--rp-border);border-radius:20px;background:var(--rp-surface);box-shadow:0 14px 34px var(--rp-shadow);backdrop-filter:blur(10px)}.rp-game .rp-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rp-game .rp-control-card{min-width:0;min-height:144px;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:15px 13px;border:1px solid var(--rp-border);border-radius:14px;background:var(--rp-surface-soft)}.rp-game .rp-section-label{text-align:center}.rp-game .rp-btn-row{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.rp-game .rp-btn,.rp-game .rp-reset,.rp-game .rp-modal-new{appearance:none;border:1px solid var(--rp-border);border-radius:8px;cursor:pointer;color:var(--rp-text);background:var(--rp-surface);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.rp-game .rp-btn{min-height:42px;padding:9px 14px;font-size:.82rem;font-weight:700;white-space:nowrap}.rp-game .rp-btn:hover,.rp-game .rp-btn:focus-visible{background:color-mix(in srgb,var(--rp-primary) 10%,var(--rp-surface-base) 90%);border-color:color-mix(in srgb,var(--rp-primary) 46%,transparent);transform:translateY(-1px)}.rp-game .rp-btn:focus-visible,.rp-game .rp-reset:focus-visible,.rp-game .rp-cell:focus-visible,.rp-game .rp-modal-new:focus-visible{outline:3px solid var(--rp-ring);outline-offset:2px}.rp-game .rp-btn.rp-active{color:#fff;border-color:#fff0;background:linear-gradient(135deg,var(--rp-heading),var(--rp-primary));box-shadow:0 10px 24px color-mix(in srgb,var(--rp-primary) 25%,transparent)}.rp-game .rp-diff-easy.rp-active{background:linear-gradient(135deg,color-mix(in srgb,var(--rp-o) 74%,#1b6d2b 26%),var(--rp-o))}.rp-game .rp-diff-medium.rp-active{background:linear-gradient(135deg,var(--rp-primary),color-mix(in srgb,var(--rp-primary) 68%,white 32%))}.rp-game .rp-diff-hard.rp-active{background:linear-gradient(135deg,var(--rp-secondary),color-mix(in srgb,var(--rp-secondary) 72%,#a31352 28%))}.rp-game .rp-difficulty-disabled{opacity:.48}.rp-game .rp-difficulty-disabled .rp-btn-row{pointer-events:none;filter:grayscale(.7)}.rp-game .rp-reset{display:block;width:min(320px, 100%);min-height:44px;margin:16px auto 0;padding:11px 18px;border:0;color:#fff;font-size:.86rem;font-weight:800;letter-spacing:.06em;background:linear-gradient(135deg,var(--rp-heading),var(--rp-primary));box-shadow:0 12px 26px color-mix(in srgb,var(--rp-primary) 25%,transparent)}.rp-game .rp-reset:hover{transform:translateY(-1px)}.rp-game .rp-status,.rp-game .rp-thinking{text-align:center;min-height:22px;font-size:.88rem;font-weight:600}.rp-game .rp-status{margin-bottom:7px}.rp-game .rp-thinking{min-height:18px;margin-bottom:7px;font-size:.76rem;color:var(--rp-muted)}.rp-game .rp-x-text{color:var(--rp-x)}.rp-game .rp-o-text{color:var(--rp-o)}.rp-game .rp-draw-text{color:var(--rp-muted)}.rp-game .rp-board-wrap{display:flex;justify-content:center;overflow-x:visible;overflow-y:hidden;padding:10px 0 14px;-webkit-overflow-scrolling:touch}.rp-game .rp-board-wrap.rp-scroll{overflow-x:auto;justify-content:flex-start;padding-inline:8px}.rp-game .rp-board{display:grid;flex:0 0 auto;gap:4px;padding:4px;background:color-mix(in srgb,var(--rp-text) 44%,transparent);border:1px solid color-mix(in srgb,var(--rp-text) 44%,transparent);border-radius:12px;box-shadow:0 18px 42px var(--rp-shadow),0 0 0 7px var(--rp-ring)}.rp-game .rp-cell{appearance:none;margin:0;padding:0;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;color:var(--rp-primary);background:linear-gradient(180deg,var(--rp-surface-base),var(--rp-surface-soft));box-shadow:inset 0 1px 0 color-mix(in srgb,white 56%,transparent),0 2px 7px var(--rp-shadow);transition:transform .14s ease,background .14s ease;user-select:none}.rp-game .rp-cell:hover:not(.rp-taken):not(.rp-blocked){background:color-mix(in srgb,var(--rp-primary) 10%,var(--rp-surface-base) 90%);transform:translateY(-1px)}.rp-game .rp-cell.rp-taken,.rp-game .rp-cell.rp-blocked{cursor:default}.rp-game .rp-mark{position:relative;display:block;width:78%;height:78%}.rp-game .rp-mark-x::before,.rp-game .rp-mark-x::after{content:'';position:absolute;left:50%;top:50%;width:var(--rp-mark-stroke);height:88%;border-radius:999px;background:currentColor;transform-origin:center}.rp-game .rp-mark-x::before{transform:translate(-50%,-50%) rotate(45deg)}.rp-game .rp-mark-x::after{transform:translate(-50%,-50%) rotate(-45deg)}.rp-game .rp-mark-o::before{content:'';position:absolute;inset:8%;border:var(--rp-mark-stroke) solid currentColor;border-radius:50%}.rp-game .rp-last::before{content:'';position:absolute;inset:-3px;border:3px solid currentColor;border-radius:8px;opacity:.9;pointer-events:none;animation:rp-ring 2s ease-out forwards}.rp-game .rp-last .rp-mark{animation:rp-mark .38s ease-out both}.rp-game .rp-winning{background:color-mix(in srgb,var(--rp-o) 16%,var(--rp-surface-base) 84%)!important}.rp-game .rp-winning::after{content:'';position:absolute;inset:4px;border:2px solid currentColor;border-radius:5px;opacity:.42}.rp-game .rp-size-27{gap:2px;padding:2px;border-radius:6px;border-width:.5px}.rp-game .rp-size-27 .rp-cell{border-radius:3px}.rp-game .rp-size-27 .rp-last::before{inset:-1.5px;border-width:1.5px;border-radius:4px}.rp-game .rp-modal{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;padding:18px;background:color-mix(in srgb,var(--rp-text) 38%,transparent)}.rp-game .rp-modal.rp-visible{display:flex}.rp-game .rp-modal-card{width:min(440px, 100%);padding:26px 22px 22px;text-align:center;border:1px solid var(--rp-border);border-radius:16px;background:var(--rp-surface-base);box-shadow:0 28px 80px color-mix(in srgb,black 28%,transparent)}.rp-game .rp-modal-icon{font-size:2.35rem;line-height:1;margin-bottom:10px}.rp-game .rp-modal-title{margin:0 0 8px;font-size:clamp(1.45rem, 5vw, 2.15rem);font-weight:800;color:var(--rp-heading)}.rp-game .rp-modal-text{margin-bottom:16px;color:var(--rp-muted);font-size:.86rem;line-height:1.5}.rp-game .rp-modal-new{min-width:160px;min-height:44px;padding:10px 16px;border:0;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--rp-heading),var(--rp-primary))}@keyframes rp-ring{0%{opacity:.95;transform:scale(.92)}55%{opacity:.55;transform:scale(1.08)}100%{opacity:0;transform:scale(1.18)}}@keyframes rp-mark{from{transform:scale(.72);opacity:.35}65%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@media (max-width:920px){.rp-game .rp-control-grid{grid-template-columns:1fr}.rp-game .rp-control-card{min-height:0}.rp-game .rp-title-row{flex-direction:column;gap:6px}.rp-game .rp-title{width:100%;text-align:center;font-size:clamp(1.8rem, 8.5vw, 3rem)}.rp-game .rp-logo{height:clamp(38px, 11vw, 56px)}}@media (max-width:520px){.rp-game{padding-inline:0}.rp-game .rp-score-bar{gap:8px}.rp-game .rp-score-item{padding:12px 8px 11px;border-radius:10px}.rp-game .rp-score-value{font-size:1.45rem}.rp-game .rp-controls{padding:12px;border-radius:16px}.rp-game .rp-btn{padding:8px 11px;font-size:.75rem}.rp-game .rp-title{font-size:clamp(1.65rem, 8vw, 2.6rem);letter-spacing:-.07em}.rp-game .rp-board{gap:3px;padding:3px;box-shadow:0 14px 34px var(--rp-shadow),0 0 0 4px var(--rp-ring)}.rp-game .rp-size-27{gap:1.5px;padding:1.5px}}@media (prefers-reduced-motion:reduce){.rp-game *,.rp-game *::before,.rp-game *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-rp-theme="day"] .rp-game{--rp-text:#20294a;--rp-heading:#45394b;--rp-primary:#2a547c;--rp-secondary:#a65486;--rp-surface-base:#ebf0ff;--rp-surface:rgba(235, 240, 255, .91);--rp-surface-soft:rgba(235, 240, 255, .95);--rp-border:rgba(30, 39, 76, .28);--rp-muted:rgba(32, 41, 74, .68);--rp-shadow:rgba(20, 23, 50, .18);--rp-ring:rgba(42, 84, 124, .18)}html[data-rp-theme="night"] .rp-game{--rp-text:var(--rp-theme-font, #f3f6f8);--rp-heading:var(--rp-theme-heading, #ffffff);--rp-primary:var(--rp-theme-link, #9ed8ff);--rp-secondary:var(--rp-theme-hover, #d9c9ff);--rp-surface-base:var(--rp-theme-surface, #202328);--rp-surface:color-mix(in srgb, var(--rp-theme-surface, #202328) 91%, transparent);--rp-surface-soft:color-mix(in srgb, var(--rp-theme-surface, #202328) 96%, transparent);--rp-border:var(--rp-theme-border, rgba(175, 208, 255, .2));--rp-muted:var(--rp-theme-muted, #b8c0c7);--rp-shadow:rgba(0, 0, 0, .33);--rp-ring:color-mix(in srgb, var(--rp-theme-link, #9ed8ff) 18%, transparent)}html[data-rp-theme="night"] .rp-game .rp-cell{box-shadow:inset 0 1px 0 rgb(255 255 255 / .08),0 2px 7px var(--rp-shadow)}html[data-rp-theme="night"] .rp-game .rp-modal-card{background:var(--rp-surface-base);color:var(--rp-text)}html[data-rp-theme="day"] .rp-game .rp-title{background:linear-gradient(135deg,#ffffff 0%,#abd8ff 52%,#d9c9ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#ffffff!important;text-shadow:0 2px 12px rgb(0 0 0 / .18)}html[data-rp-theme="day"] .rp-game .rp-status{color:#ffffff!important;text-shadow:0 1px 4px rgb(0 0 0 / .72)}html[data-rp-theme="day"] .rp-game .rp-status .rp-x-text,html[data-rp-theme="day"] .rp-game .rp-x-text{color:#9ed8ff!important}html[data-rp-theme="night"] .rp-game .rp-title{background:linear-gradient(135deg,#ffffff 0%,#abd8ff 52%,#d9c9ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#ffffff!important}html[data-rp-theme="night"] .rp-game .rp-status{color:#ffffff!important;text-shadow:0 1px 4px rgb(0 0 0 / .72)}html[data-rp-theme="night"] .rp-game .rp-btn.rp-active:not(.rp-diff-easy):not(.rp-diff-hard),html[data-rp-theme="night"] .rp-game .rp-reset,html[data-rp-theme="night"] .rp-game .rp-modal-new{background:linear-gradient(135deg,#6c4c74 0%,#865e90 100%)!important;border-color:#9a72a4!important;color:#ffffff!important;box-shadow:0 10px 24px rgb(134 94 144 / .30)!important}html[data-rp-theme="night"] .rp-game .rp-btn.rp-active:not(.rp-diff-easy):not(.rp-diff-hard):hover,html[data-rp-theme="night"] .rp-game .rp-btn.rp-active:not(.rp-diff-easy):not(.rp-diff-hard):focus-visible,html[data-rp-theme="night"] .rp-game .rp-reset:hover,html[data-rp-theme="night"] .rp-game .rp-reset:focus-visible,html[data-rp-theme="night"] .rp-game .rp-modal-new:hover,html[data-rp-theme="night"] .rp-game .rp-modal-new:focus-visible{background:linear-gradient(135deg,#76547f 0%,#9670a0 100%)!important;border-color:#aa83b4!important;color:#ffffff!important}html[data-rp-theme="night"] .rp-game .rp-diff-medium.rp-active{background:linear-gradient(135deg,#6c4c74 0%,#865e90 100%)!important;border-color:#9a72a4!important;color:#ffffff!important}