.web-app{--web-ink:#242923;--web-muted:#60675f;--web-line:#d5d8d1;--web-accent:#315444;min-height:100dvh;color:var(--web-ink);background:#f5f5f2;font-size:16px;line-height:1.5}.web-app *,.web-app :before,.web-app :after{box-sizing:border-box}.web-app button,.web-app a,.web-app input,.web-app select,.web-app textarea{font:inherit}.web-app button,.web-app a{overflow-wrap:anywhere}.web-app button:disabled{opacity:.5;cursor:not-allowed}.web-app :is(button,a,select,textarea):focus-visible{outline:2px solid var(--web-accent);outline-offset:3px}.web-app svg{flex-shrink:0}.web-header{border-bottom:1px solid var(--web-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;width:100%;max-width:1488px;margin:0 auto;padding:18px 32px;display:flex}.web-brand{letter-spacing:-.6px;color:var(--web-ink);white-space:nowrap;font-weight:650;font-size:23px!important}.web-header-right{align-items:center;gap:12px;min-width:0;max-width:100%;display:flex}.web-user-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:180px;color:var(--web-muted);font-size:14px;overflow:hidden}.web-icon{border-radius:5px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid;border:1px solid var(--web-line)!important;background:#fff!important}.web-main{width:100%;min-width:0;max-width:1360px;margin:0 auto;padding:0 32px 24px}.web-hero{max-width:760px;padding:44px 0 30px}.web-hero h1{letter-spacing:-.8px;margin-bottom:14px;font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.25}.web-hero p{color:var(--web-muted);max-width:650px;font-size:17px}.web-home-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;gap:20px;display:grid}.web-card{border:1px solid var(--web-line);background:#fff;border-radius:6px;min-width:0;padding:24px}.web-card-heading{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;margin-bottom:16px;display:flex}.web-card-heading h2{color:var(--web-ink);overflow-wrap:anywhere;font-size:20px;font-weight:600;line-height:1.3}.web-tag{color:var(--web-muted);margin-left:auto;font-size:12px;line-height:1.4}.web-muted{color:var(--web-muted);font-size:15px;line-height:1.65}.web-primary,.web-secondary,.web-quiet{text-align:center;border-radius:5px;justify-content:center;align-items:center;gap:9px;max-width:100%;min-height:44px;padding:10px 16px;font-weight:550;line-height:1.4;display:inline-flex;font-size:14px!important}.web-primary{background:var(--web-accent)!important;color:#fff!important;border:1px solid var(--web-accent)!important}.web-primary:hover:not(:disabled){background:#233e31!important}.web-secondary{color:var(--web-ink)!important;background:#fff!important;border:1px solid #bfc6bd!important}.web-secondary:hover:not(:disabled){background:#f0f2ed!important}.web-quiet{color:var(--web-muted)!important;background:0 0!important;border:1px solid #0000!important}.web-form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:22px 0;display:grid}.web-form-row label{min-width:0;color:var(--web-muted);flex-direction:column;gap:8px;font-size:14px;display:flex}.web-form-row select{width:100%;min-width:0;height:46px;color:var(--web-ink);background:#fff;border:1px solid #bfc6bd;border-radius:4px;padding:0 10px;font-size:16px}.web-start{width:100%}.web-caption{color:var(--web-muted);overflow-wrap:anywhere;margin-top:12px;font-size:13px;line-height:1.6}.web-login-buttons{flex-wrap:wrap;gap:12px;margin:24px 0 16px;display:flex}.web-login-buttons>a{flex:200px;min-width:0}.web-google{font-size:18px;font-weight:650}.web-login-footnote{color:var(--web-muted);font-size:13px}.web-allowance{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.web-allowance strong{color:var(--web-ink);font-size:36px;font-weight:600;line-height:1.2}.web-allowance span{color:var(--web-muted);font-size:15px}.web-budget{border-top:1px solid var(--web-line);gap:8px;margin:20px 0;padding-top:16px;font-size:13px;display:grid}.web-budget span{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.web-budget b{font-variant-numeric:tabular-nums;font-weight:600}.web-purchase{width:100%}.web-account-links{border-top:1px solid var(--web-line);color:var(--web-muted);margin-top:20px;padding-top:16px;font-size:14px}.web-account-links>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.web-account-links strong{font-weight:500}.web-account-links a{color:var(--web-accent);text-underline-offset:3px;text-decoration:underline}.web-connected{align-items:center;gap:4px;font-size:13px;display:flex}.web-purchase-result{border:1px solid var(--web-line);color:var(--web-muted);overflow-wrap:anywhere;background:#f6f7f3;border-radius:4px;margin-top:16px;padding:16px;font-size:14px}.web-purchase-result a{width:100%;margin-top:12px}.web-watch-card{grid-column:1/-1}.web-watch-guest{grid-column:auto}.web-empty{border-top:1px solid var(--web-line);color:var(--web-muted);margin-top:20px;padding:22px 0 8px}.web-empty p{font-size:15px}.web-empty span{margin-top:6px;font-size:13px;display:block}.web-records{flex-direction:column;margin-top:16px;display:flex}.web-record{border-top:1px solid var(--web-line);flex-wrap:wrap;align-items:center;gap:12px 16px;min-width:0;padding:16px 0;display:flex}.web-record>div{flex-direction:column;flex:160px;gap:6px;min-width:0;display:flex}.web-record strong{overflow-wrap:anywhere;font-size:15px;font-weight:550}.web-record small{color:var(--web-muted);font-size:13px}.web-record button{flex:0 auto}.web-history{margin-top:20px}.web-footer{width:100%;max-width:1360px;color:var(--web-muted);margin:0 auto;padding:14px 32px 24px;font-size:12px}.web-error{color:#75452c;overflow-wrap:anywhere;background:#fff8f2;border:1px solid #c8a692;border-radius:4px;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;max-height:160px;margin:16px 0;padding:12px 16px;font-size:14px;display:flex;overflow:auto}.web-error button{flex:0 0 28px;font-size:23px;line-height:1;position:sticky;top:0}.web-loading{color:var(--web-muted);text-align:center;padding:60px 16px}.web-game-main{padding-top:16px}.web-game-toolbar{color:var(--web-muted);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px 16px;margin-bottom:14px;font-size:14px;display:flex}.web-game-toolbar>span{overflow-wrap:anywhere;min-width:0}.web-pgn{color:var(--web-accent);text-underline-offset:3px;margin-left:auto;text-decoration:underline}.web-game-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:20px;min-width:0;display:grid}.web-game-board{min-width:0;padding:20px}.web-board-content{min-width:0}.web-players{border-bottom:1px solid var(--web-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding-bottom:16px;display:grid}.web-players>div{min-width:0}.web-players>div:last-child{text-align:right}.web-players strong{overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.4;display:block}.web-players small{color:var(--web-muted);margin-top:4px;font-size:13px;display:block}.web-game-status{color:var(--web-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 0;font-size:14px;display:flex}.web-game-status strong{color:var(--web-ink);font-size:17px}.web-app .web-game-board .board-section{box-shadow:none;background:0 0;border:0;min-width:0;padding:0}.web-app .web-game-board .board-shell{width:min(100%,520px);max-width:100%;margin:0 auto}.web-app .web-game-board .chessboard{aspect-ratio:1;width:100%}.web-app .web-game-board .board-caption{width:auto;max-width:none;height:auto;min-height:36px;color:var(--web-muted);padding-left:22px;font-size:13px;position:static}.web-app .web-game-board .board-caption>span{overflow-wrap:anywhere;min-width:0;display:flex}.web-app .web-game-board .move-navigation{flex-wrap:wrap;gap:6px;margin:8px 0 16px}.web-app .web-game-board .current-move{border-color:var(--web-line);min-width:0;max-width:240px;height:auto;min-height:36px;color:var(--web-ink);background:#f3f4f0;border-radius:4px;flex-wrap:wrap;flex:130px;padding:6px 10px}.web-app .web-game-board .current-move strong{font-size:14px}.web-app .web-game-board .return-live{color:var(--web-accent);font-size:12px}.web-app .web-game-board .nav-arrows{flex:none;gap:4px}.web-app .web-game-board .icon-button{border-color:var(--web-line);width:36px;min-width:36px;height:36px;color:var(--web-muted);background:#f3f4f0;border-radius:4px}.web-app .web-game-board .moves-header{color:var(--web-muted);letter-spacing:.3px;flex-wrap:wrap;gap:8px;margin:10px 0;padding:0;font-size:12px}.web-app .web-game-board .moves-header .text-button{color:var(--web-muted);font-size:13px}.web-app .web-game-board .moves-header b{background:#eceee7;font-size:12px}.web-app .web-game-board .moves-strip{overscroll-behavior:contain;flex-wrap:wrap;align-content:flex-start;gap:5px;max-height:136px;padding:2px;display:flex;overflow:auto}.web-app .web-game-board .move-pair{border-color:var(--web-line);background:#f3f4f0;border-radius:4px;max-width:100%}.web-app .web-game-board .move-pair>span{color:var(--web-muted);font-size:13px}.web-app .web-game-board .move-pair button{color:var(--web-ink);font-size:14px}.web-app .web-game-board .move-pair button.active{color:#fff;background:var(--web-accent)}.web-app .web-game-board .empty-moves{color:var(--web-muted);font-size:14px}.web-game-actions{border-top:1px solid var(--web-line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.web-game-actions>button{flex:0 auto;min-width:0}.web-game-notice{color:#755c2e;overflow-wrap:anywhere;background:#fffbf2;border:1px solid #d5c49e;border-radius:4px;margin-top:14px;padding:12px;font-size:14px;line-height:1.6}.web-conversation{flex-direction:column;min-width:0;height:640px;min-height:360px;padding:20px 16px 16px;display:flex}.web-conversation .web-card-heading{flex-shrink:0;margin-bottom:16px}.web-chat-tabs{border-bottom:1px solid var(--web-line);flex-shrink:0;gap:4px;min-width:0;margin-bottom:12px;display:flex}.web-chat-tabs button{min-width:0;color:var(--web-muted);border-bottom:2px solid #0000;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:10px 4px;font-size:14px;display:flex}.web-chat-tabs button[aria-selected=true]{color:var(--web-ink);border-bottom-color:var(--web-accent);font-weight:600}.web-chat-body{flex:1 1 0;min-width:0;min-height:0;display:flex;position:relative}.web-chat-scroll{overflow-anchor:none;overscroll-behavior:contain;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#b9c0b4 transparent;flex:1 1 0;min-width:0;min-height:0;overflow:auto}.web-chat-content{min-width:0;padding:4px 8px 36px 4px;display:flow-root}.web-message{min-width:0;color:var(--web-ink);overflow-wrap:anywhere;word-break:normal;background:#f4f6f0;border-left:2px solid #b5c3b1;margin-bottom:16px;padding:12px}.web-message>div{color:var(--web-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;font-size:13px;display:flex}.web-message>div>strong{overflow-wrap:anywhere;min-width:0;max-width:100%;font-weight:600}.web-message>div>span{font-variant-numeric:tabular-nums;font-size:12px}.web-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;font-size:16px;line-height:1.65}.web-own-message{background:#f5f5f4;border-left-color:#bfc2bb}.web-chat-empty{color:var(--web-muted);padding:20px 8px}.web-chat-empty p{font-size:15px;line-height:1.6}.web-typing{min-height:36px;color:var(--web-muted);overflow-wrap:anywhere;padding:8px 4px;font-size:14px}.web-latest{text-align:center;z-index:2;border-radius:5px;width:max-content;max-width:calc(100% - 24px);padding:9px 12px;line-height:1.4;position:absolute;bottom:12px;left:50%;transform:translate(-50%);color:var(--web-accent)!important;background:#fff!important;border:1px solid #9eac96!important;font-size:13px!important}.web-composer{border-top:1px solid var(--web-line);flex-shrink:0;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px;min-width:0;margin-top:4px;padding-top:12px;display:grid}.web-composer textarea{width:100%;min-width:0;min-height:68px;max-height:120px;color:var(--web-ink);resize:none;background:#fff;border:1px solid #bfc6bd;border-radius:4px;padding:10px 12px;font-size:16px;line-height:1.5;display:block;overflow:auto}.web-composer textarea::placeholder{color:#6d7568}.web-composer>button{width:44px;min-width:0;height:44px;padding:0}.web-composer small{color:var(--web-muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:12px;line-height:1.45}.web-explanation-note{color:var(--web-muted);overflow-wrap:anywhere;flex-shrink:0;margin:12px 2px 0;font-size:12px;line-height:1.45}.web-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=961px) and (height>=561px){.web-app:has(.web-game-main){flex-direction:column;height:100dvh;display:flex}:is(.web-app:has(.web-game-main)>.web-header,.web-app:has(.web-game-main)>.web-footer){flex-shrink:0}.web-game-main{flex-direction:column;flex:1 1 0;min-height:0;padding-bottom:0;display:flex}.web-game-main>.web-error{max-height:80px;margin:8px 0}.web-game-grid{flex:1 1 0;grid-template-rows:minmax(0,1fr);min-height:0}.web-game-board{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.web-players{flex-shrink:0}.web-board-content{overscroll-behavior:contain;flex:1 1 0;min-height:0;overflow:auto;container-type:size}.web-app .web-game-board .board-shell{width:min(100%,max(240px,100cqh - 76px))}.web-conversation{height:100%;min-height:0}.web-game-actions{background:#fff;flex-shrink:0}}@media (width>=961px) and (height>=561px) and (height<=700px){.web-game-main:has(>.web-error) .web-conversation .web-card-heading{margin-bottom:8px}.web-game-main:has(>.web-error) .web-chat-tabs{margin-bottom:8px}.web-game-main:has(>.web-error) .web-explanation-note{display:none}}@media (width<=960px),(height<=560px){.web-game-grid{grid-template-columns:minmax(0,1fr)}.web-conversation{height:min(640px,100dvh - 24px)}.web-app .web-game-board .board-shell{width:min(100%,520px)}}@media (width<=760px){.web-header{padding:16px 20px}.web-brand{font-size:21px!important}.web-main{padding-left:20px;padding-right:20px}.web-home-grid{grid-template-columns:minmax(0,1fr);gap:16px}.web-watch-guest{grid-column:1/-1}.web-hero{padding:30px 0 24px}.web-hero p{font-size:16px}.web-card{padding:20px}.web-card-heading h2{font-size:18px}.web-form-row{grid-template-columns:minmax(0,1fr)}.web-card-heading .web-tag{margin-left:0}.web-game-main{padding-top:16px}.web-game-grid{gap:16px}.web-game-board{padding:16px}.web-conversation{padding:18px 12px 14px}.web-footer{padding:16px 20px}.web-pgn{margin-left:0}}@media (width<=380px){.web-header{padding-left:16px;padding-right:16px}.web-main{padding-left:12px;padding-right:12px}.web-card{padding:16px}.web-game-board{padding:12px}.web-conversation{padding:16px 10px 12px}.web-chat-tabs button{gap:4px;font-size:13px}}