.xo-game-loading{min-height:min(100%,calc(100dvh - var(--xo-room-top-chrome, 0px)));width:100%;display:grid;place-items:center;padding:clamp(16px,4vw,36px);box-sizing:border-box;color:var(--app-text);background:var(--app-bg);font-family:var(--app-font-family)}.xo-game-loading--overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;min-height:100%;border-radius:0;background:linear-gradient(180deg,#0a0e0ddb,#0a0e0dc7),var(--app-bg)}:root[data-app-theme=light] .xo-game-loading--overlay{background:linear-gradient(180deg,#f7f4eceb,#f7f4ecd6),var(--app-bg)}.xo-game-loading--compact{min-height:260px;padding:14px;background:var(--app-board-shell-bg)}.xo-game-loading__table{width:min(100%,620px);display:grid;grid-template-columns:minmax(168px,.72fr) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,34px)}.xo-game-loading--compact .xo-game-loading__table{width:min(100%,430px);grid-template-columns:108px minmax(0,1fr);gap:14px}.xo-game-loading__board{position:relative;aspect-ratio:9 / 10;min-height:178px;border:1px solid color-mix(in srgb,var(--app-accent) 38%,var(--app-border));border-radius:8px;overflow:hidden;background:linear-gradient(90deg,transparent 49.5%,color-mix(in srgb,var(--app-accent) 34%,transparent) 49.5% 50.5%,transparent 50.5%),linear-gradient(0deg,transparent 49.2%,color-mix(in srgb,var(--app-accent) 18%,transparent) 49.2% 50.8%,transparent 50.8%),repeating-linear-gradient(90deg,color-mix(in srgb,var(--app-accent) 20%,transparent) 0 1px,transparent 1px 12.5%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--app-accent) 20%,transparent) 0 1px,transparent 1px calc(100% / 9)),var(--app-study-table-bg);box-shadow:var(--app-board-shell-shadow)}.xo-game-loading--compact .xo-game-loading__board{min-height:112px}.xo-game-loading__board:before,.xo-game-loading__board:after{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid color-mix(in srgb,var(--app-accent) 30%,transparent);pointer-events:none}.xo-game-loading__board:after{top:15%;right:15%;bottom:15%;left:15%;border-color:color-mix(in srgb,var(--app-text-muted) 18%,transparent)}.xo-game-loading__river{position:absolute;left:8%;right:8%;top:49%;height:9%;border-top:1px solid color-mix(in srgb,var(--app-accent) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--app-accent) 25%,transparent);background:color-mix(in srgb,var(--app-bg-elevated) 52%,transparent)}.xo-game-loading__piece{position:absolute;width:clamp(34px,7vw,54px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:clamp(1rem,2.4vw,1.45rem);font-weight:900;line-height:1;box-shadow:0 10px 22px #00000038}.xo-game-loading__piece--red{left:18%;bottom:14%;border:1px solid color-mix(in srgb,var(--app-red-side) 82%,var(--app-accent));background:var(--app-red-side-bg);color:var(--app-red-side)}.xo-game-loading__piece--black{right:18%;top:14%;border:1px solid color-mix(in srgb,var(--app-black-side) 78%,var(--app-accent));background:var(--app-black-side-bg);color:var(--app-black-side)}.xo-game-loading__content{min-width:0;display:grid;gap:12px}.xo-game-loading__meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--app-text-subtle);font-size:.76rem;font-weight:800;line-height:1.2;text-transform:uppercase}.xo-game-loading__meta strong{color:var(--app-text-muted);font-weight:900}.xo-game-loading__title{margin:0;color:var(--app-text);font-size:clamp(1.1rem,2.7vw,1.58rem);font-weight:900;letter-spacing:0;line-height:1.18}.xo-game-loading--compact .xo-game-loading__title{font-size:1rem}.xo-game-loading__progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.xo-game-loading__progress-track{position:relative;height:8px;overflow:hidden;border-radius:999px;border:1px solid var(--app-border);background:var(--app-surface-muted)}.xo-game-loading__progress-fill{width:var(--xo-game-loading-progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--app-red-side) 0%,var(--app-accent) 52%,var(--app-success) 100%);transition:width .36s ease}.xo-game-loading__progress-fill:after{content:"";display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);animation:xo-game-loading-sheen 1.4s ease-in-out infinite}.xo-game-loading__progress-value{color:var(--app-text-muted);font-size:.8rem;font-weight:900;line-height:1;min-width:38px;text-align:right}.xo-game-loading__note{margin:0;max-width:36rem;color:var(--app-warning-text);font-size:.84rem;font-weight:700;line-height:1.35}.xo-game-loading__retry{justify-self:start;border:1px solid var(--app-button-border);border-radius:8px;padding:9px 12px;background:var(--app-button-bg);color:var(--app-text);cursor:pointer;font-weight:800}@keyframes xo-game-loading-sheen{0%{transform:translate(-120%)}to{transform:translate(260%)}}@media (max-width: 640px){.xo-game-loading{align-items:stretch;padding:14px}.xo-game-loading__table{grid-template-columns:minmax(0,1fr);align-content:center;gap:16px}.xo-game-loading__board{width:min(62vw,220px);min-height:0;justify-self:center}.xo-game-loading--compact .xo-game-loading__table{grid-template-columns:minmax(0,1fr)}.xo-game-loading--compact .xo-game-loading__board{display:none}.xo-game-loading__content{gap:10px}}@media (max-height: 560px) and (max-width: 940px){.xo-game-loading__table{grid-template-columns:128px minmax(0,1fr);gap:14px}.xo-game-loading__board{min-height:128px}.xo-game-loading__note{font-size:.78rem}}@media (prefers-reduced-motion: reduce){.xo-game-loading__progress-fill,.xo-game-loading__progress-fill:after{transition:none;animation:none}}.xo-game-loading--reduced-motion .xo-game-loading__progress-fill,.xo-game-loading--reduced-motion .xo-game-loading__progress-fill:after{transition:none;animation:none}:root{--app-font-family: "Noto Sans", "Segoe UI", sans-serif;--app-bg: linear-gradient(180deg, #0a0f0e 0%, #0f1514 48%, #151110 100%);--app-bg-elevated: #293a35;--app-surface: #22302b;--app-surface-muted: #2d3d38;--app-surface-strong: #293a35;--app-surface-overlay: rgba(6, 8, 8, .72);--app-subtle-panel: #22302b;--app-border: rgba(232, 220, 197, .24);--app-border-strong: rgba(232, 220, 197, .36);--app-divider: rgba(232, 220, 197, .18);--app-text: #f7f1e8;--app-text-muted: #d7cdbd;--app-text-subtle: #b6a997;--app-placeholder-text: #b6a997;--app-text-inverse: #111715;--app-accent: #d2ad65;--app-accent-hover: #e1c27d;--app-accent-text: #ffe8ba;--app-accent-bg: rgba(210, 173, 101, .18);--app-danger: #e07a70;--app-danger-text: #ffe0dc;--app-danger-bg: rgba(224, 122, 112, .18);--app-warning: #e1ae63;--app-warning-text: #ffe4b5;--app-warning-bg: rgba(225, 174, 99, .16);--app-success: #83c4b0;--app-success-text: #dcf5ec;--app-success-bg: rgba(131, 196, 176, .16);--app-red-side: #e46b60;--app-red-side-bg: rgba(228, 107, 96, .18);--app-black-side: #b6c6d4;--app-black-side-bg: rgba(182, 198, 212, .16);--app-focus-ring: rgba(147, 209, 189, .92);--app-focus-ring-shadow: rgba(147, 209, 189, .22);--app-selected-bg: rgba(210, 173, 101, .22);--app-selected-border: rgba(210, 173, 101, .82);--app-disabled-opacity: .68;--app-shadow-soft: 0 18px 42px rgba(0, 0, 0, .34);--app-shadow-panel: 0 16px 34px rgba(0, 0, 0, .32);--app-input-bg: #2d3d38;--app-button-bg: #2d3d38;--app-button-border: rgba(232, 220, 197, .3);--app-hero-surface: #22302b;--app-panel-bg: #1a2421;--app-board-shell-bg: rgba(15, 21, 20, .72);--app-board-shell-border: rgba(232, 220, 197, .3);--app-board-shell-shadow: 0 22px 54px rgba(0, 0, 0, .38);--app-study-table-bg: linear-gradient(135deg, rgba(55, 38, 24, .58), rgba(26, 36, 33, .76));--app-study-table-edge: rgba(232, 220, 197, .18);--app-board-object-drop-shadow: drop-shadow(0 18px 30px rgba(0, 0, 0, .42));--app-chat-self-bg: #2a675c;--app-chat-other-bg: #26302d}:root[data-app-theme=dark]{color-scheme:dark;--app-bg: linear-gradient(180deg, #0a0f0e 0%, #0f1514 48%, #151110 100%);--app-bg-elevated: #293a35;--app-surface: #22302b;--app-surface-muted: #2d3d38;--app-surface-strong: #293a35;--app-surface-overlay: rgba(6, 8, 8, .72);--app-subtle-panel: #22302b;--app-border: rgba(232, 220, 197, .24);--app-border-strong: rgba(232, 220, 197, .36);--app-divider: rgba(232, 220, 197, .18);--app-text: #f7f1e8;--app-text-muted: #d7cdbd;--app-text-subtle: #b6a997;--app-placeholder-text: #b6a997;--app-text-inverse: #111715;--app-accent: #d2ad65;--app-accent-hover: #e1c27d;--app-accent-text: #ffe8ba;--app-accent-bg: rgba(210, 173, 101, .18);--app-danger: #e07a70;--app-danger-text: #ffe0dc;--app-danger-bg: rgba(224, 122, 112, .18);--app-warning: #e1ae63;--app-warning-text: #ffe4b5;--app-warning-bg: rgba(225, 174, 99, .16);--app-success: #83c4b0;--app-success-text: #dcf5ec;--app-success-bg: rgba(131, 196, 176, .16);--app-red-side: #e46b60;--app-red-side-bg: rgba(228, 107, 96, .18);--app-black-side: #b6c6d4;--app-black-side-bg: rgba(182, 198, 212, .16);--app-focus-ring: rgba(147, 209, 189, .92);--app-focus-ring-shadow: rgba(147, 209, 189, .22);--app-selected-bg: rgba(210, 173, 101, .22);--app-selected-border: rgba(210, 173, 101, .82);--app-disabled-opacity: .68;--app-shadow-soft: 0 18px 42px rgba(0, 0, 0, .34);--app-shadow-panel: 0 16px 34px rgba(0, 0, 0, .32);--app-input-bg: #2d3d38;--app-button-bg: #2d3d38;--app-button-border: rgba(232, 220, 197, .3);--app-hero-surface: #22302b;--app-panel-bg: #1a2421;--app-board-shell-bg: rgba(15, 21, 20, .72);--app-board-shell-border: rgba(232, 220, 197, .3);--app-board-shell-shadow: 0 22px 54px rgba(0, 0, 0, .38);--app-study-table-bg: linear-gradient(135deg, rgba(55, 38, 24, .58), rgba(26, 36, 33, .76));--app-study-table-edge: rgba(232, 220, 197, .18);--app-board-object-drop-shadow: drop-shadow(0 18px 30px rgba(0, 0, 0, .42));--app-chat-self-bg: #2a675c;--app-chat-other-bg: #26302d}:root[data-app-theme=light]{color-scheme:light;--app-bg: linear-gradient(180deg, #f4f1ea 0%, #ece8df 56%, #e2ddcf 100%);--app-bg-elevated: rgba(252, 250, 244, .98);--app-surface: rgba(252, 250, 244, .94);--app-surface-muted: rgba(31, 45, 42, .06);--app-surface-strong: rgba(255, 253, 248, .99);--app-surface-overlay: rgba(22, 28, 26, .26);--app-subtle-panel: rgba(247, 244, 236, .82);--app-border: rgba(40, 53, 49, .16);--app-border-strong: rgba(40, 53, 49, .28);--app-divider: rgba(40, 53, 49, .1);--app-text: #1e2725;--app-text-muted: #53615c;--app-text-subtle: #7a837d;--app-text-inverse: #fbf7ee;--app-accent: #8f642d;--app-accent-hover: #6f4a1c;--app-accent-text: #6f4a1c;--app-accent-bg: rgba(143, 100, 45, .12);--app-danger: #b74236;--app-danger-text: #7d271f;--app-danger-bg: rgba(183, 66, 54, .11);--app-warning: #9b6824;--app-warning-text: #674313;--app-warning-bg: rgba(155, 104, 36, .12);--app-success: #2f7d6e;--app-success-text: #14564b;--app-success-bg: rgba(47, 125, 110, .11);--app-red-side: #bd3d35;--app-red-side-bg: rgba(189, 61, 53, .11);--app-black-side: #2e4758;--app-black-side-bg: rgba(46, 71, 88, .11);--app-focus-ring: rgba(33, 111, 98, .86);--app-focus-ring-shadow: rgba(33, 111, 98, .18);--app-selected-bg: rgba(143, 100, 45, .13);--app-selected-border: rgba(143, 100, 45, .58);--app-disabled-opacity: .56;--app-shadow-soft: 0 18px 38px rgba(31, 45, 42, .12);--app-shadow-panel: 0 14px 28px rgba(31, 45, 42, .12);--app-input-bg: rgba(255, 255, 255, .72);--app-button-bg: rgba(31, 45, 42, .055);--app-button-border: rgba(40, 53, 49, .18);--app-hero-surface: rgba(252, 250, 244, .94);--app-panel-bg: rgba(252, 250, 244, .76);--app-board-shell-bg: var(--app-panel-bg);--app-board-shell-border: var(--app-border);--app-board-shell-shadow: var(--app-shadow-panel);--app-study-table-bg: linear-gradient(135deg, rgba(197, 178, 142, .28), rgba(252, 250, 244, .62));--app-study-table-edge: rgba(40, 53, 49, .09);--app-board-object-drop-shadow: drop-shadow(0 16px 24px rgba(31, 45, 42, .18));--app-chat-self-bg: #dceee8;--app-chat-other-bg: #fffdf7}html,body,#root{height:100%;min-height:100%}body{margin:0}:root[data-app-theme=dark] input::placeholder,:root[data-app-theme=dark] textarea::placeholder{color:var(--app-placeholder-text, var(--app-text-subtle));opacity:1}.xo-mobile-shell-only,.xo-mobile-entry-hub{display:none!important}.xo-desktop-shell-only{display:initial}.xo-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.xo-skip-link{position:absolute;top:16px;left:16px;z-index:20;transform:translateY(-160%);padding:12px 16px;border-radius:8px;border:1px solid var(--app-border-strong);background:var(--app-surface-strong);color:var(--app-text);text-decoration:none;box-shadow:var(--app-shadow-panel);transition:transform .16s ease}.xo-skip-link:focus-visible{transform:translateY(0)}.xo-focus-ring:focus-visible{outline:3px solid var(--app-focus-ring);outline-offset:3px;box-shadow:0 0 0 1px var(--app-bg-elevated),0 0 0 6px var(--app-focus-ring-shadow)}.xo-account-menu summary::marker,.xo-account-menu summary::-webkit-details-marker{display:none;content:""}.xo-board-focus:focus-visible{outline-offset:4px}@media (max-width: 720px),(max-height: 520px) and (max-width: 940px){.xo-mobile-shell-only,.xo-mobile-entry-hub{display:grid!important}.xo-desktop-shell-only,.xo-desktop-entry-only{display:none!important}.xo-standard-mobile-main{padding-bottom:12px!important}.xo-standard-footer-container{padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}.xo-app-header-controls{display:none!important}.xo-mobile-sheet-layer{display:block!important}.xo-history-summary-rail{display:none!important}.xo-history-filter-rail{position:sticky!important;top:0!important;z-index:3!important;background:var(--app-bg)!important;padding:4px 0!important}.xo-replay-board-frame{height:min(48dvh,390px)!important;min-height:250px!important}.xo-replay-header-card{display:none!important}.xo-replay-mobile-controls{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;z-index:4!important;padding:6px 0!important;background:var(--app-bg)!important}.xo-admin-mobile-notice{display:grid!important}.xo-admin-console-full{display:none!important}}@media (max-width: 900px){.xo-app-header-controls{justify-content:flex-start!important;flex:1 1 100%!important}.xo-primary-nav{width:100%!important}.xo-app-shell-utility{padding-left:0!important}.xo-home-study-layout{grid-template-columns:minmax(0,1fr)!important}.xo-home-mode-detail{grid-column:1!important}.xo-private-rooms-entry{grid-template-columns:minmax(0,1fr)!important}.xo-standard-route-utility-stack{align-items:stretch!important}.xo-standard-route-utility-actions{justify-content:flex-start!important}.xo-account-profile-hero{grid-template-columns:minmax(0,1fr)!important}.xo-history-row-header{align-items:stretch!important}.xo-history-item-grid{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}}@media (max-width: 780px){.xo-chat-composer{flex-direction:column!important}.xo-room-theme-option-grid,.xo-account-theme-grid{grid-template-columns:minmax(0,1fr)!important}.xo-room-hero-banner{align-items:flex-start!important}.xo-room-move-list-row{gap:8px!important}.xo-room-move-turn-badge{flex:1 1 100%!important;justify-content:flex-start!important;min-height:auto!important;padding:8px 12px!important}.xo-history-move-table{overflow-x:auto!important}.xo-history-move-table-header,.xo-history-move-table-row{min-width:420px}}@media (max-width: 640px){.xo-app-header{gap:8px!important;padding:6px 0 8px!important}.xo-app-brand-block{min-width:0!important;flex:1 1 100%!important;gap:8px!important}.xo-app-eyebrow,.xo-app-subtitle{display:none!important}.xo-app-title{font-size:.98rem!important}.xo-primary-nav{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:2px!important}.xo-primary-nav button{white-space:nowrap!important;flex:0 0 auto!important;padding:6px 7px!important}.xo-standard-route-utility-actions{gap:6px!important}.xo-app-surface-stack{gap:12px!important;padding-bottom:28px!important}[data-testid=authenticated-home-surface] h2,[data-testid=private-rooms-surface] h2,[data-testid=history-surface] h2,[data-testid=profile-surface] h2,[data-testid=settings-surface] h2{font-size:1.3rem!important;line-height:1.15!important}[data-testid=authenticated-home-surface] p,[data-testid=private-rooms-surface] p,[data-testid=history-surface] p,[data-testid=profile-surface] p,[data-testid=settings-surface] p{line-height:1.45!important}[data-testid=authenticated-home-card],[data-testid=rooms-entry-card],[data-testid=history-surface] section,[data-testid=profile-surface] section,[data-testid=settings-surface] section{padding-top:10px!important;padding-bottom:10px!important}.xo-room-layout{gap:18px!important}.xo-room-left-panel,.xo-room-right-panel{min-width:100%!important}.xo-account-panel-grid{grid-template-columns:minmax(0,1fr)!important}.xo-account-profile-hero{gap:12px!important}.xo-account-theme-grid{gap:8px!important}.xo-account-theme-grid>button{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:8px!important}.xo-account-theme-grid>button>div:first-child{width:92px!important;aspect-ratio:4 / 3!important}[data-testid^=history-item-]{padding:12px 0!important}[data-testid^=history-item-] h3{font-size:1rem!important;line-height:1.25!important}[data-testid^=history-item-] p{margin-top:4px!important}}