:root{--td-bg-canvas: #F1ECE2;--td-bg-page: #FAF7F1;--td-bg-elevated: #FFFFFF;--td-square-light: #F1ECE2;--td-square-dark: #D9CDB7;--td-water: #2F4858;--td-ink-primary: #1F1A14;--td-ink-muted: #6E6657;--td-line: #E2D9C7;--td-accent-gold: #D4A23A;--td-accent-emerald: #3DBE8B;--td-accent-rose: #C2454D;--td-rank-bronze: #A1623A;--td-rank-silver: #B7BFC9;--td-rank-gold: #D4A23A;--td-rank-diamond: #7AB0E0;--td-rank-emerald: #3DBE8B;--td-rank-platinum: #3F4E7A;--td-font-sans: -apple-system, BlinkMacSystemFont, Inter, Segoe UI, Roboto, Helvetica Neue, sans-serif;--td-font-display: Inter, -apple-system, sans-serif;--td-font-mono: SF Mono, Menlo, Consolas, monospace;--td-text-xs: 11px;--td-text-sm: 13px;--td-text-md: 15px;--td-text-lg: 18px;--td-text-xl: 22px;--td-text-2xl: 28px;--td-text-3xl: 36px;--td-space-1: 4px;--td-space-2: 8px;--td-space-3: 12px;--td-space-4: 16px;--td-space-5: 24px;--td-space-6: 32px;--td-space-7: 48px;--td-space-8: 64px;--td-radius-sm: 4px;--td-radius-md: 8px;--td-radius-lg: 12px;--td-radius-full: 9999px;--td-ease-standard: cubic-bezier(0.2, 0, 0, 1);--td-duration-fast: 120ms;--td-duration-standard: 200ms;--td-duration-slow: 320ms;--td-shadow-sm: 0 1px 2px rgba(31, 26, 20, 0.06);--td-shadow-md: 0 4px 16px rgba(31, 26, 20, 0.08);--td-shadow-lg: 0 12px 32px rgba(31, 26, 20, 0.12)}[data-theme=dark]{--td-bg-canvas: #1A1814;--td-bg-page: #13110E;--td-bg-elevated: #1F1D18;--td-square-light: #2A2620;--td-square-dark: #1F1D18;--td-water: #0F1E29;--td-ink-primary: #F1ECE2;--td-ink-muted: #A39881;--td-line: #2F2A22}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--td-bg-page);color:var(--td-ink-primary);font-family:var(--td-font-sans);font-size:var(--td-text-md);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100dvh;display:flex;flex-direction:column;overscroll-behavior:none}h1,h2,h3,h4{font-family:var(--td-font-display);font-weight:600;margin:0;color:var(--td-ink-primary)}a{color:var(--td-ink-primary);text-decoration:none;transition:opacity var(--td-duration-fast) var(--td-ease-standard)}a:hover{opacity:.7}button{font-family:inherit;cursor:pointer}.td-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--td-space-4)}.td-stack{display:flex;flex-direction:column;gap:var(--td-space-3)}.td-row{display:flex;flex-direction:row;gap:var(--td-space-3);align-items:center}.td-spacer{flex:1}.td-muted{color:var(--td-ink-muted)}.td-mono{font-family:var(--td-font-mono)}.td-center{display:flex;align-items:center;justify-content:center}.td-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--td-space-2);padding:var(--td-space-3) var(--td-space-5);font-family:var(--td-font-sans);font-size:var(--td-text-md);font-weight:600;border:1px solid rgba(0,0,0,0);border-radius:var(--td-radius-md);background:rgba(0,0,0,0);color:var(--td-ink-primary);cursor:pointer;transition:all var(--td-duration-fast) var(--td-ease-standard);min-height:44px;min-width:44px;user-select:none}.td-btn:disabled{opacity:.4;cursor:not-allowed}.td-btn--primary{background:var(--td-ink-primary);color:var(--td-bg-elevated)}.td-btn--primary:hover:not(:disabled){background:var(--td-accent-gold);color:var(--td-ink-primary)}.td-btn--gold{background:var(--td-accent-gold);color:var(--td-ink-primary)}.td-btn--gold:hover:not(:disabled){filter:brightness(0.95)}.td-btn--secondary{background:var(--td-bg-elevated);color:var(--td-ink-primary);border-color:var(--td-line)}.td-btn--secondary:hover:not(:disabled){background:var(--td-square-light)}.td-btn--ghost{background:rgba(0,0,0,0);color:var(--td-ink-primary)}.td-btn--ghost:hover:not(:disabled){background:var(--td-square-light)}.td-btn--danger{background:var(--td-accent-rose);color:var(--td-bg-elevated)}.td-btn--danger:hover:not(:disabled){filter:brightness(0.95)}.td-btn--block{width:100%}.td-btn--lg{padding:var(--td-space-4) var(--td-space-6);font-size:var(--td-text-lg)}.td-btn--sm{padding:var(--td-space-2) var(--td-space-3);font-size:var(--td-text-sm);min-height:32px}.td-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--td-line);border-radius:var(--td-radius-md);background:var(--td-bg-elevated);color:var(--td-ink-muted);cursor:pointer;transition:all var(--td-duration-fast) var(--td-ease-standard);flex-shrink:0}.td-icon-btn:hover{background:var(--td-square-light);color:var(--td-ink-primary)}.td-stats-card__actions{display:flex;align-items:center;gap:var(--td-space-2);margin-left:auto}.td-card{background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-lg);padding:var(--td-space-5);box-shadow:var(--td-shadow-sm);display:flex;flex-direction:column;gap:var(--td-space-3)}.td-card--flat{box-shadow:none}.td-card--padded-lg{padding:var(--td-space-6)}.td-card__title{font-size:var(--td-text-lg);font-weight:600}.td-card__footer{display:flex;gap:var(--td-space-3);align-items:center}.td-badge{display:inline-flex;align-items:center;gap:var(--td-space-1);padding:2px var(--td-space-2);border-radius:var(--td-radius-full);font-size:var(--td-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--td-line);color:var(--td-ink-primary);white-space:nowrap}.td-badge--bronze{background:var(--td-rank-bronze);color:#fff}.td-badge--silver{background:var(--td-rank-silver);color:var(--td-ink-primary)}.td-badge--gold{background:var(--td-rank-gold);color:var(--td-ink-primary)}.td-badge--diamond{background:var(--td-rank-diamond);color:#fff}.td-badge--emerald{background:var(--td-rank-emerald);color:#fff}.td-badge--platinum{background:var(--td-rank-platinum);color:#fff}.td-badge--success{background:var(--td-accent-emerald);color:#fff}.td-badge--warning{background:var(--td-accent-gold);color:var(--td-ink-primary)}.td-badge--danger{background:var(--td-accent-rose);color:#fff}.td-spinner{width:24px;height:24px;border:3px solid var(--td-line);border-top-color:var(--td-ink-primary);border-radius:50%;animation:td-spin .9s linear infinite;display:inline-block}@keyframes td-spin{to{transform:rotate(360deg)}}.td-empty{text-align:center;padding:var(--td-space-7) var(--td-space-4);color:var(--td-ink-muted);display:flex;flex-direction:column;align-items:center;gap:var(--td-space-3)}.td-empty__icon{font-size:48px;line-height:1}.td-empty__title{color:var(--td-ink-primary);font-size:var(--td-text-lg);font-weight:600}.td-toast-container{position:fixed;top:var(--td-space-4);right:var(--td-space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--td-space-2);max-width:360px;pointer-events:none}.td-toast{display:flex;align-items:center;justify-content:space-between;gap:var(--td-space-2);background:var(--td-bg-elevated);border:1px solid var(--td-line);border-left:4px solid var(--td-ink-primary);border-radius:var(--td-radius-md);padding:var(--td-space-2) var(--td-space-3);box-shadow:var(--td-shadow-md);animation:td-slide-in 200ms var(--td-ease-standard);pointer-events:auto;font-size:var(--td-text-sm)}.td-toast--info{border-left-color:var(--td-ink-primary)}.td-toast--success{border-left-color:var(--td-accent-emerald)}.td-toast--warning{border-left-color:var(--td-accent-gold)}.td-toast--error{border-left-color:var(--td-accent-rose)}.td-toast__close{background:none;border:none;font-size:18px;line-height:1;color:var(--td-ink-muted);cursor:pointer;padding:0;flex-shrink:0}.td-toast__close:hover{color:var(--td-ink-primary)}@keyframes td-slide-in{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}.td-tabbar{position:sticky;bottom:0;flex-shrink:0;display:flex;background:var(--td-bg-elevated);border-top:1px solid var(--td-line);padding:var(--td-space-1) var(--td-space-2);gap:var(--td-space-1);z-index:10}.td-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--td-space-2);color:var(--td-ink-muted);font-size:var(--td-text-xs);text-decoration:none;border-radius:var(--td-radius-md);background:rgba(0,0,0,0);border:none}.td-tab--active{color:var(--td-ink-primary);font-weight:600}.td-tab__icon{font-size:22px;line-height:1}.td-topbar{position:sticky;top:0;z-index:5;flex-shrink:0;display:flex;align-items:center;gap:var(--td-space-2);padding:var(--td-space-2) var(--td-space-4);background:var(--td-bg-elevated);border-bottom:1px solid var(--td-line);min-height:56px}.td-topbar__profile{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--td-square-light);color:var(--td-ink-primary);text-decoration:none;transition:background var(--td-duration-fast) var(--td-ease-standard)}.td-topbar__profile:hover{background:var(--td-line);opacity:1}.td-topbar__profile-avatar{font-size:20px;line-height:1}.td-settings{position:relative}.td-settings__toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0);border:none;color:var(--td-ink-primary);cursor:pointer;transition:background var(--td-duration-fast) var(--td-ease-standard)}.td-settings__toggle:hover{background:var(--td-square-light)}.td-settings__icon{font-size:22px;line-height:1}.td-settings__backdrop{position:fixed;inset:0;z-index:9;background:rgba(0,0,0,0)}.td-settings__popover{position:absolute;top:calc(100% + var(--td-space-2));right:0;z-index:10;min-width:240px;background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-md);box-shadow:var(--td-shadow-md);padding:var(--td-space-2);display:flex;flex-direction:column;gap:var(--td-space-1)}.td-settings__row{display:flex;align-items:center;justify-content:space-between;padding:var(--td-space-2) var(--td-space-3);border-radius:var(--td-radius-sm)}.td-settings__label{font-size:var(--td-text-sm);color:var(--td-ink-primary)}.td-settings__link{display:block;padding:var(--td-space-2) var(--td-space-3);border-radius:var(--td-radius-sm);color:var(--td-ink-primary);text-decoration:none;font-size:var(--td-text-sm);border-top:1px solid var(--td-line);margin-top:var(--td-space-1);padding-top:calc(var(--td-space-2) + var(--td-space-1))}.td-settings__link:hover{background:var(--td-square-light);opacity:1}.td-settings__link--button{width:100%;background:rgba(0,0,0,0);border:none;border-top:1px solid var(--td-line);border-radius:var(--td-radius-sm);text-align:left;font:inherit;cursor:pointer}.td-settings__link--button:disabled{opacity:.5;cursor:progress}.td-game-menu{position:relative}.td-game-menu__toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--td-radius-md);background:rgba(0,0,0,0);border:none;color:var(--td-ink-primary);cursor:pointer;transition:background var(--td-duration-fast) var(--td-ease-standard)}.td-game-menu__toggle:hover{background:var(--td-square-light)}.td-game-menu__burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:20px;height:20px}.td-game-menu__burger span{display:block;width:100%;height:2px;background:var(--td-ink-primary);border-radius:var(--td-radius-full);transition:transform var(--td-duration-fast) var(--td-ease-standard),opacity var(--td-duration-fast) var(--td-ease-standard);transform-origin:center}.td-game-menu__burger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.td-game-menu__burger--open span:nth-child(2){opacity:0}.td-game-menu__burger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.td-game-menu__backdrop{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,0)}.td-game-menu__popover{position:absolute;top:calc(100% + var(--td-space-1));right:0;z-index:31;min-width:220px;background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-md);box-shadow:var(--td-shadow-md);padding:var(--td-space-2);display:flex;flex-direction:column}.td-game-menu__section{display:flex;flex-direction:column;gap:var(--td-space-1);padding:var(--td-space-1) 0}.td-game-menu__section+.td-game-menu__section{border-top:1px solid var(--td-line)}.td-game-menu__row{display:flex;align-items:center;justify-content:space-between;padding:var(--td-space-2) var(--td-space-2);border-radius:var(--td-radius-sm)}.td-game-menu__label{font-size:var(--td-text-sm);color:var(--td-ink-primary)}.td-game-menu__display-modes{display:flex;gap:var(--td-space-1)}.td-game-menu__action{display:block;width:100%;padding:var(--td-space-2) var(--td-space-2);border:none;background:rgba(0,0,0,0);border-radius:var(--td-radius-sm);color:var(--td-ink-primary);font:inherit;font-size:var(--td-text-sm);text-align:left;cursor:pointer}.td-game-menu__action:hover{background:var(--td-square-light)}.td-game-menu__action:disabled{opacity:.5;cursor:not-allowed}.td-game-menu__link{display:block;padding:var(--td-space-2) var(--td-space-2);border-radius:var(--td-radius-sm);color:var(--td-ink-primary);text-decoration:none;font-size:var(--td-text-sm)}.td-game-menu__link:hover{background:var(--td-square-light);opacity:1}.td-game-menu__link--button{width:100%;background:rgba(0,0,0,0);border:none;border-radius:var(--td-radius-sm);text-align:left;font:inherit;cursor:pointer}.td-game-menu__link--button:disabled{opacity:.5;cursor:progress}.td-switch{position:relative;width:42px;height:24px;border-radius:var(--td-radius-full);background:var(--td-line);border:none;padding:0;cursor:pointer;transition:background var(--td-duration-fast) var(--td-ease-standard);flex-shrink:0}.td-switch--on{background:var(--td-accent-emerald)}.td-switch:disabled{opacity:.5;cursor:progress}.td-switch__knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--td-bg-elevated);box-shadow:var(--td-shadow-sm);transition:transform var(--td-duration-fast) var(--td-ease-standard)}.td-switch--on .td-switch__knob{transform:translateX(18px)}.td-rank-badge{display:inline-flex;align-items:center;gap:var(--td-space-2);padding:var(--td-space-2) var(--td-space-3);border-radius:var(--td-radius-full);font-weight:600;font-size:var(--td-text-sm);background:var(--td-line);color:var(--td-ink-primary);white-space:nowrap}.td-rank-badge__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.td-rank-badge--bronze .td-rank-badge__dot{background:var(--td-rank-bronze)}.td-rank-badge--silver .td-rank-badge__dot{background:var(--td-rank-silver)}.td-rank-badge--gold .td-rank-badge__dot{background:var(--td-rank-gold)}.td-rank-badge--diamond .td-rank-badge__dot{background:var(--td-rank-diamond)}.td-rank-badge--emerald .td-rank-badge__dot{background:var(--td-rank-emerald)}.td-rank-badge--platinum .td-rank-badge__dot{background:var(--td-rank-platinum)}.td-statusbar{display:flex;gap:var(--td-space-2);padding:var(--td-space-1) 0;align-items:center;flex-wrap:wrap;min-width:0}.td-statusbar__turn{display:inline-flex;align-items:center;gap:var(--td-space-1);font-weight:600;font-size:var(--td-text-sm);white-space:nowrap}.td-statusbar__turn--you{color:var(--td-accent-emerald)}.td-statusbar__turn--them{color:var(--td-accent-rose)}.td-statusbar__timer{font-family:var(--td-font-mono);font-size:var(--td-text-xs);color:var(--td-ink-muted)}.td-statusbar__score{font-size:var(--td-text-xs);color:var(--td-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-pile{display:flex;flex-wrap:wrap;gap:var(--td-space-1);padding:var(--td-space-2)}.td-pile__chip{width:24px;height:24px;border-radius:var(--td-radius-sm);background:var(--td-square-light);border:1px solid var(--td-line);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--td-ink-primary)}.td-movelist{font-family:var(--td-font-mono);font-size:var(--td-text-xs);color:var(--td-ink-muted);max-height:200px;overflow-y:auto;padding:var(--td-space-2)}.td-movelist__row{display:flex;flex-wrap:wrap;gap:var(--td-space-2);padding:2px 0;align-items:baseline}.td-movelist__turn{color:var(--td-ink-primary);font-weight:600;min-width:24px}.td-movelist__piece{color:var(--td-ink-primary);font-weight:600;min-width:64px}.td-movelist__arrow{color:var(--td-ink-muted)}.td-movelist__result{margin-left:var(--td-space-2);padding:0 6px;border-radius:var(--td-radius-sm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.td-movelist__result--win{background:rgba(61,190,139,.18);color:#2a8d6a}.td-movelist__result--loss{background:rgba(216,82,82,.18);color:#b34141}.td-movelist__result--neutral{background:rgba(0,0,0,.05);color:var(--td-ink-muted)}.td-history-row{display:flex;align-items:center;gap:var(--td-space-3);padding:var(--td-space-3) var(--td-space-4);background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-md);text-decoration:none;color:var(--td-ink-primary);transition:background var(--td-duration-fast) var(--td-ease-standard)}.td-history-row:hover{background:var(--td-square-light)}.td-history-row__opponent{font-weight:600}.td-history-row__date{color:var(--td-ink-muted);font-size:var(--td-text-sm)}.td-history-row__result{margin-left:auto}.td-recent-history{display:flex;flex-direction:column;gap:var(--td-space-2);margin-bottom:var(--td-space-3)}.td-conn{display:inline-flex;align-items:center;gap:var(--td-space-1);padding:2px var(--td-space-2);border-radius:var(--td-radius-full);font-size:var(--td-text-xs);font-weight:600;background:var(--td-line)}.td-conn__dot{width:8px;height:8px;border-radius:50%;background:var(--td-ink-muted)}.td-conn--connected .td-conn__dot{background:var(--td-accent-emerald)}.td-conn--error .td-conn__dot{background:var(--td-accent-rose)}.td-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100}.td-modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--td-bg-elevated);border-radius:var(--td-radius-lg);padding:var(--td-space-5);max-width:420px;width:90%;box-shadow:var(--td-shadow-lg);display:flex;flex-direction:column;gap:var(--td-space-3);z-index:101;max-height:90vh;overflow-y:auto}.td-modal__title{font-family:var(--td-font-display);font-size:var(--td-text-xl);font-weight:700;text-align:center}.td-modal__actions{display:flex;gap:var(--td-space-3);margin-top:var(--td-space-2)}.td-modal__actions .td-btn{flex:1}.td-skeleton{height:16px;background:linear-gradient(90deg, var(--td-line) 0%, var(--td-square-light) 50%, var(--td-line) 100%);background-size:200% 100%;animation:td-shimmer 1.4s infinite;border-radius:var(--td-radius-sm)}@keyframes td-shimmer{0%{background-position:0% 0%}100%{background-position:-200% 0%}}.td-deploy-grid{display:flex;flex-direction:column;gap:2px;background:var(--td-water);padding:4px;border-radius:var(--td-radius-md)}.td-deploy-row{display:flex;gap:2px}.td-deploy-cell{flex:1;aspect-ratio:1/1;background:var(--td-square-light);border:1px solid rgba(0,0,0,0);border-radius:var(--td-radius-sm);font-size:20px;font-weight:700;color:var(--td-ink-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.td-deploy-cell:hover{background:var(--td-square-dark)}.td-deploy-cell--filled{background:var(--td-bg-elevated)}.td-deploy-cell--selected{border-color:var(--td-accent-gold)}.td-preset-board{display:flex;flex-direction:column;gap:2px;background:var(--td-water);padding:4px;border-radius:var(--td-radius-md);max-width:480px;margin:0 auto;width:100%}.td-preset-board__row{display:flex;gap:2px}.td-preset-board__cell{flex:1;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:var(--td-radius-sm);border:1px solid rgba(0,0,0,0);color:var(--td-ink-primary)}.td-preset-board__cell--deploy{background:var(--td-square-light);cursor:pointer}.td-preset-board__cell--deploy:hover{background:var(--td-square-dark)}.td-preset-board__cell--deploy.td-preset-board__cell--filled{background:var(--td-bg-elevated)}.td-preset-board__cell--deploy.td-preset-board__cell--selected{border-color:var(--td-accent-gold)}.td-preset-board__cell--water{background:var(--td-water);color:hsla(0,0%,100%,.7);font-size:16px}.td-preset-board__cell--land{background:var(--td-bg-canvas)}.td-preset-board__cell--opponent{background:rgba(0,0,0,.05)}.td-preset-picker{position:fixed;bottom:0;left:0;right:0;background:var(--td-bg-elevated);border-top:1px solid var(--td-line);box-shadow:0 -8px 24px rgba(0,0,0,.18);border-top-left-radius:var(--td-radius-lg);border-top-right-radius:var(--td-radius-lg);padding:var(--td-space-2) var(--td-space-3) calc(var(--td-space-4) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--td-space-3);z-index:50;animation:td-drawer-up var(--td-duration-standard) var(--td-ease-standard)}.td-preset-picker__head{display:flex;align-items:center;gap:var(--td-space-3);justify-content:space-between}.td-preset-picker__manage{color:var(--td-ink-muted);font-size:var(--td-text-sm);text-decoration:none;padding:var(--td-space-1) var(--td-space-2);border-radius:var(--td-radius-sm)}.td-preset-picker__manage:hover{background:var(--td-square-light);opacity:1}.td-preset-picker__loading,.td-preset-picker__empty{display:flex;align-items:center;justify-content:center;gap:var(--td-space-2);padding:var(--td-space-4);color:var(--td-ink-muted)}.td-preset-picker__list{display:flex;gap:var(--td-space-3);overflow-x:auto;padding-bottom:var(--td-space-2);min-height:140px}.td-preset-picker__handle{width:32px;height:4px;background:var(--td-line);border-radius:var(--td-radius-full);margin:0 auto var(--td-space-1)}.td-preset-card{flex:0 0 180px;background:var(--td-bg-page);border:2px solid var(--td-line);border-radius:var(--td-radius-md);padding:var(--td-space-2);cursor:pointer;display:flex;flex-direction:column;gap:var(--td-space-2);text-align:left;font:inherit;color:inherit;transition:border-color var(--td-duration-fast) var(--td-ease-standard),transform var(--td-duration-fast) var(--td-ease-standard)}.td-preset-card:hover{border-color:var(--td-ink-muted)}.td-preset-card--selected{border-color:var(--td-accent-gold);transform:translateY(-2px)}.td-preset-card__name{font-weight:600;font-size:var(--td-text-sm);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-preset-card__board{display:flex;flex-direction:column;gap:1px;background:var(--td-line);padding:1px;border-radius:var(--td-radius-sm)}.td-preset-card__row{display:flex;gap:1px}.td-preset-card__cell{flex:1;aspect-ratio:1/1;background:var(--td-bg-elevated);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--td-ink-primary)}.td-preset-card__cell--empty{background:var(--td-square-light)}.td-progress{height:8px;background:var(--td-line);border-radius:var(--td-radius-full);overflow:hidden}.td-progress__bar{height:100%;background:linear-gradient(90deg, var(--td-accent-gold), var(--td-accent-emerald));transition:width var(--td-duration-standard) var(--td-ease-standard)}.td-input{display:block;width:100%;padding:var(--td-space-3) var(--td-space-4);font-family:inherit;font-size:var(--td-text-md);color:var(--td-ink-primary);background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-md);transition:border-color var(--td-duration-fast) var(--td-ease-standard);min-height:44px;box-sizing:border-box}.td-input:focus{outline:none;border-color:var(--td-accent-gold);box-shadow:0 0 0 3px rgba(212,162,58,.18)}.td-input::placeholder{color:var(--td-ink-muted)}.td-board-wrap{background:var(--td-bg-canvas);border-radius:var(--td-radius-md);box-shadow:var(--td-shadow-1);overflow:hidden;max-height:100%}.td-board-wrap__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--td-bg-canvas);color:var(--td-ink-muted);font-size:var(--td-text-sm);border-radius:var(--td-radius-md)}.td-zoom-reset{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(31,26,20,.2);background:rgba(250,247,241,.9);color:var(--td-ink);font-size:14px;line-height:1;cursor:pointer;box-shadow:var(--td-shadow-1);display:flex;align-items:center;justify-content:center;transition:transform var(--td-motion-fast),background var(--td-motion-fast)}.td-zoom-reset:hover{background:var(--td-bg-card);transform:scale(1.08)}.td-zoom-reset:active{transform:scale(0.95)}.td-board-toggle{position:absolute;top:8px;left:8px;min-width:38px;height:28px;padding:0 8px;border-radius:14px;border:1px solid rgba(31,26,20,.2);background:rgba(250,247,241,.9);color:var(--td-ink);font-size:10px;font-weight:700;letter-spacing:.06em;cursor:pointer;box-shadow:var(--td-shadow-1);transition:transform var(--td-motion-fast),background var(--td-motion-fast);font-family:var(--td-font-mono, monospace)}.td-board-toggle:hover{background:var(--td-bg-card);transform:scale(1.05)}.td-board-toggle:active{transform:scale(0.95)}#td-reconnect-modal,#blazor-error-ui{display:none !important}.td-recovery{position:fixed;bottom:var(--td-space-5);left:50%;transform:translateX(-50%);background:var(--td-bg-elevated);border:1px solid var(--td-line);border-left:4px solid var(--td-accent-rose);border-radius:var(--td-radius-md);box-shadow:var(--td-shadow-lg);padding:var(--td-space-4) var(--td-space-5);z-index:1000;max-width:360px;display:flex;flex-direction:column;gap:var(--td-space-2);align-items:flex-start}.td-auth-error{background:rgba(194,69,77,.08);border:1px solid var(--td-accent-rose);color:var(--td-accent-rose);padding:var(--td-space-2) var(--td-space-3);border-radius:var(--td-radius-md);font-size:var(--td-text-sm)}.td-season-header{display:flex;align-items:center;justify-content:space-between;gap:var(--td-space-3)}.td-season-header__title{font-family:var(--td-font-display);font-size:var(--td-text-2xl);font-weight:700;line-height:1.1}.td-season-header__sub{color:var(--td-ink-muted);font-size:var(--td-text-sm);margin-top:2px}.td-season-header__countdown{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.td-season-header__countdown-value{font-family:var(--td-font-display);font-size:var(--td-text-lg);font-weight:700;color:var(--td-accent-gold)}.td-season-header__countdown-sub{color:var(--td-ink-muted);font-size:var(--td-text-xs)}.td-season-header--loading{min-height:80px;align-items:center}.td-game-card{display:flex;align-items:stretch;gap:var(--td-space-3);padding:var(--td-space-4);background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-lg);box-shadow:var(--td-shadow-sm);text-decoration:none;color:var(--td-ink-primary);transition:transform var(--td-duration-fast) var(--td-ease-standard),border-color var(--td-duration-fast) var(--td-ease-standard),box-shadow var(--td-duration-fast) var(--td-ease-standard)}.td-game-card:hover{transform:translateY(-1px);border-color:var(--td-accent-gold);box-shadow:var(--td-shadow-md);opacity:1}.td-game-card__emoji{font-size:32px;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px}.td-game-card__main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.td-game-card__title{font-size:var(--td-text-lg);font-weight:600}.td-game-card__tagline{color:var(--td-ink-muted);font-size:var(--td-text-sm);margin:0}.td-game-card__rating{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:140px;flex-shrink:0}.td-game-card__rating-row{display:flex;align-items:center;gap:var(--td-space-2)}.td-game-card__rating-value{font-family:var(--td-font-mono);font-size:var(--td-text-sm);color:var(--td-ink-muted)}.td-game-card__unranked{color:var(--td-ink-muted);font-size:var(--td-text-sm);font-style:italic}.td-game-card__hint{color:var(--td-accent-gold);font-size:var(--td-text-xs);font-weight:600}.td-game-card__arrow{align-self:center;color:var(--td-ink-muted);font-size:var(--td-text-lg);flex-shrink:0}.td-game-card--disabled{opacity:.55;cursor:not-allowed;background:var(--td-bg-canvas)}.td-game-card--disabled:hover{transform:none;border-color:var(--td-line);box-shadow:var(--td-shadow-sm)}.td-game-card__badge{display:inline-block;align-self:flex-start;margin-top:4px;padding:2px 8px;border-radius:var(--td-radius-full);font-size:var(--td-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.td-game-card__badge--soon{background:var(--td-line);color:var(--td-ink-muted)}.td-division-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--td-radius-full);font-size:var(--td-text-xs);font-weight:600;background:var(--td-line);color:var(--td-ink-primary);white-space:nowrap}.td-division-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--td-ink-muted)}.td-division-badge--bronze{background:var(--td-rank-bronze);color:#fff}.td-division-badge--bronze .td-division-badge__dot{background:hsla(0,0%,100%,.6)}.td-division-badge--silver{background:var(--td-rank-silver);color:var(--td-ink-primary)}.td-division-badge--silver .td-division-badge__dot{background:rgba(31,26,20,.45)}.td-division-badge--gold{background:var(--td-rank-gold);color:var(--td-ink-primary)}.td-division-badge--gold .td-division-badge__dot{background:rgba(31,26,20,.5)}.td-division-badge--platinum{background:var(--td-rank-platinum);color:#fff}.td-division-badge--platinum .td-division-badge__dot{background:hsla(0,0%,100%,.6)}.td-division-badge--emerald{background:var(--td-rank-emerald);color:#fff}.td-division-badge--emerald .td-division-badge__dot{background:hsla(0,0%,100%,.6)}.td-division-badge--diamond{background:var(--td-rank-diamond);color:var(--td-ink-primary)}.td-division-badge--diamond .td-division-badge__dot{background:rgba(31,26,20,.5)}.td-progress-thin{height:4px;background:var(--td-line);border-radius:var(--td-radius-full);overflow:hidden;width:100%;min-width:120px}.td-progress-thin__bar{height:100%;background:linear-gradient(90deg, var(--td-accent-gold), var(--td-accent-emerald));transition:width var(--td-duration-standard) var(--td-ease-standard)}.td-leaderboard-table{width:100%;border-collapse:collapse;font-size:var(--td-text-sm)}.td-leaderboard-table th,.td-leaderboard-table td{padding:var(--td-space-2) var(--td-space-3);text-align:left;border-bottom:1px solid var(--td-line)}.td-leaderboard-table th{color:var(--td-ink-muted);font-weight:600;font-size:var(--td-text-xs);text-transform:uppercase;letter-spacing:.05em;background:var(--td-bg-page)}.td-leaderboard-table td:first-child,.td-leaderboard-table th:first-child{padding-left:var(--td-space-4)}.td-leaderboard-table td:last-child,.td-leaderboard-table th:last-child{padding-right:var(--td-space-4);text-align:right}.td-leaderboard-table--compact th,.td-leaderboard-table--compact td{padding:var(--td-space-2)}.td-leaderboard-row{border-left:3px solid rgba(0,0,0,0);transition:background var(--td-duration-fast) var(--td-ease-standard)}.td-leaderboard-row--me{background:rgba(212,162,58,.08);border-left-color:var(--td-accent-gold);font-weight:600}.td-leaderboard-row__rank{font-family:var(--td-font-mono);color:var(--td-ink-muted);min-width:36px}.td-leaderboard-row__name{font-weight:500}.td-leaderboard-row__game{color:var(--td-ink-muted);font-size:var(--td-text-xs)}.td-leaderboard-row__rating{font-family:var(--td-font-mono);font-weight:600}.td-leaderboard-row__record{font-family:var(--td-font-mono);color:var(--td-ink-muted)}.td-leaderboard-row--skeleton td{background:linear-gradient(90deg, var(--td-line) 0%, var(--td-square-light) 50%, var(--td-line) 100%);background-size:200% 100%;animation:td-shimmer 1.4s infinite;color:rgba(0,0,0,0);height:28px}.td-leaderboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--td-space-3);flex-wrap:wrap}.td-leaderboard-toolbar__filter{display:inline-flex;align-items:center;gap:var(--td-space-2);font-size:var(--td-text-sm);color:var(--td-ink-muted)}.td-leaderboard-toolbar__select{font:inherit;font-size:var(--td-text-sm);color:var(--td-ink-primary);background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-sm);padding:4px 8px;min-height:32px;cursor:pointer}.td-leaderboard-toolbar__select:focus{outline:none;border-color:var(--td-accent-gold)}.td-leaderboard-toolbar__view-all{font-size:var(--td-text-sm);color:var(--td-ink-primary);text-decoration:none;font-weight:600}.td-leaderboard-toolbar__view-all:hover{color:var(--td-accent-gold);opacity:1}.td-ms-board{display:grid;grid-template-rows:repeat(9, 1fr);gap:2px;background:#c7bfae;padding:3px;border-radius:var(--td-radius-md);width:100%;max-width:540px;margin:0 auto;aspect-ratio:12/9;box-shadow:inset 0 0 0 1px #b6ac95}.td-ms-board__row{display:grid;grid-template-columns:repeat(12, 1fr);gap:2px}.td-ms-board__cell{width:100%;height:100%;background:#b6ac95;border:1px solid rgba(0,0,0,.15);border-radius:2px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:var(--td-ink-primary);cursor:pointer;transition:filter var(--td-duration-fast) var(--td-ease-standard);position:relative;padding:0;box-sizing:border-box;overflow:hidden}.td-ms-board__cell:hover:not(:disabled){filter:brightness(0.92)}.td-ms-board__cell:not(:disabled):not(.td-ms-board__cell--revealed)::after{content:"";position:absolute;width:40%;height:40%;opacity:.15;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M15.5 2.1L7.1 10.5l3.4 3.4 8.4-8.4-3.4-3.4zM5 14l-2 6 6-2-4-4zm9.3-1.7l-4.6 4.6 1.4 1.4 4.6-4.6-1.4-1.4z' fill='%231F1A14'/></svg>");background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}.td-ms-board__cell--revealed{background:#faf7f1;border-color:rgba(0,0,0,.05);cursor:default}.td-ms-board__cell--revealed.td-ms-board__cell--zero{color:#8e8576;font-size:16px}.td-ms-board__cell--revealed.td-ms-board__cell--bomb{background:rgba(216,82,82,.22)}.td-ms-board__cell--revealed.td-ms-board__cell--faded{opacity:.55}.td-ms-board__cell--n1{color:#1f5bd9}.td-ms-board__cell--n2{color:#2a8d3a}.td-ms-board__cell--n3{color:#c2454d}.td-ms-board__cell--n4{color:#1f1a8b}.td-ms-board__cell--n5{color:#8b1a1a}.td-ms-board__cell--n6{color:#2a8d8b}.td-ms-board__cell--n7{color:#1f1a14}.td-ms-board__cell--n8{color:#6e6657}.td-ms-board__cell--blast-area{background:rgba(216,82,82,.18)}.td-ms-board__cell--last-p1{box-shadow:inset 0 0 0 2px #d85252,0 0 0 2px #d85252;outline:1px dashed #d85252;outline-offset:-3px;z-index:2}.td-ms-board__cell--last-p2{box-shadow:inset 0 0 0 2px #4a6fdc,0 0 0 2px #4a6fdc;outline:1px dashed #4a6fdc;outline-offset:-3px;z-index:2}.td-ms-board__cell-flag{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60%;height:60%;display:flex;align-items:center;justify-content:center;font-size:0;pointer-events:none}.td-ms-board__cell-flag::before{content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 2v20h2v-8h11l-2-4 2-4H7V2H5z' fill='%23C2454D'/><path d='M5 2v20h2v-8h11l-2-4 2-4H7V2H5z' fill='none' stroke='%231F1A14' stroke-width='1'/></svg>");background-size:contain;background-repeat:no-repeat;background-position:center}.td-ms-board__cell-content{line-height:1}.td-ms-legend{display:flex;gap:var(--td-space-2);align-items:center;flex-wrap:wrap;padding:var(--td-space-2);font-size:var(--td-text-xs);color:var(--td-ink-muted);width:100%}.td-ms-legend__chip{display:inline-flex;align-items:center;gap:4px}.td-ms-legend__swatch{display:inline-block;width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.td-ms-legend__swatch--unrevealed{background:#b6ac95}.td-ms-legend__swatch--revealed{background:#faf7f1}.td-ms-legend__swatch--flag{background:#faf7f1;position:relative}.td-ms-legend__swatch--flag::before{content:"";position:absolute;inset:1px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 2v20h2v-8h11l-2-4 2-4H7V2H5z' fill='%23C2454D'/><path d='M5 2v20h2v-8h11l-2-4 2-4H7V2H5z' fill='none' stroke='%231F1A14' stroke-width='1'/></svg>");background-size:contain;background-repeat:no-repeat}.td-ms-legend__swatch--blast{background:rgba(216,82,82,.18)}.td-ms-legend__swatch--p1{background:#faf7f1;box-shadow:inset 0 0 0 2px #d85252}.td-ms-legend__swatch--p2{background:#faf7f1;box-shadow:inset 0 0 0 2px #4a6fdc}.td-ms-scores{display:flex;gap:var(--td-space-2);flex:1;min-width:0}.td-ms-scores__player{display:flex;align-items:center;gap:var(--td-space-1);padding:var(--td-space-1) var(--td-space-2);background:var(--td-bg-page);border:1px solid var(--td-line);border-radius:var(--td-radius-sm);font-size:var(--td-text-xs);white-space:nowrap}.td-ms-scores__player--you{border-color:var(--td-accent-gold)}.td-ms-scores__player--current{background:rgba(212,162,58,.12)}.td-ms-scores__name{font-weight:600;overflow:hidden;text-overflow:ellipsis}.td-ms-scores__value{font-family:var(--td-font-display);font-weight:700;font-size:var(--td-text-sm)}.td-ms-legend-toggle{flex-shrink:0}@media(min-width: 768px){.td-ms-legend-toggle{display:none}.td-ms-panel__legend{display:block}.td-ms-scores{display:none}}.td-ms-panel__gameover-actions{display:flex;flex-direction:column;gap:var(--td-space-2);margin-top:var(--td-space-2)}.td-ms-panel{display:flex;flex-direction:column;gap:var(--td-space-2);padding:var(--td-space-3)}.td-ms-panel__scores{display:flex;flex-direction:column;gap:var(--td-space-2)}.td-ms-panel__score-row{display:flex;align-items:center;gap:var(--td-space-2);padding:var(--td-space-2) var(--td-space-3);background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-md)}.td-ms-panel__score-row--you{border-color:var(--td-accent-gold)}.td-ms-panel__score-row--current{background:rgba(212,162,58,.12)}.td-ms-panel__player-name{flex:1;font-weight:600}.td-ms-panel__player-score{font-family:var(--td-font-display);font-size:var(--td-text-xl);font-weight:700;min-width:32px;text-align:right}.td-ms-panel__bomb{display:flex;flex-direction:column;gap:var(--td-space-1);padding:var(--td-space-2) var(--td-space-3);background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-md)}.td-ms-panel__winner{background:rgba(61,190,139,.12);border:1px solid var(--td-accent-emerald);border-radius:var(--td-radius-md);padding:var(--td-space-3);text-align:center;color:var(--td-accent-emerald);font-weight:600}.td-ms-panel__draw{background:rgba(212,162,58,.12);border:1px solid var(--td-accent-gold);border-radius:var(--td-radius-md);padding:var(--td-space-3);text-align:center;color:var(--td-accent-gold);font-weight:600}.td-game-dock{position:sticky;bottom:0;flex-shrink:0;display:flex;align-items:center;gap:var(--td-space-2);padding:var(--td-space-2) var(--td-space-3);background:var(--td-bg-elevated);border-top:1px solid var(--td-line);z-index:20}.td-game-dock__toggle{display:flex;align-items:center;gap:var(--td-space-2);padding:var(--td-space-2) var(--td-space-3);background:var(--td-bg-page);border:1px solid var(--td-line);border-radius:var(--td-radius-md);font:inherit;font-size:var(--td-text-sm);font-weight:600;color:var(--td-ink-primary);cursor:pointer;transition:background var(--td-duration-fast) var(--td-ease-standard);min-height:44px}.td-game-dock__toggle:hover{background:var(--td-square-light)}.td-game-dock__burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:22px;height:22px}.td-game-dock__burger span{display:block;width:100%;height:2px;background:var(--td-ink-primary);border-radius:var(--td-radius-full);transition:transform var(--td-duration-fast) var(--td-ease-standard),opacity var(--td-duration-fast) var(--td-ease-standard);transform-origin:center}.td-game-dock__burger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.td-game-dock__burger--open span:nth-child(2){opacity:0}.td-game-dock__burger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.td-game-dock__play{flex:1;min-height:44px;padding:var(--td-space-2) var(--td-space-3)}.td-game-dock__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:21;animation:td-fade-in var(--td-duration-fast) var(--td-ease-standard)}.td-game-dock__drawer{position:fixed;bottom:0;left:0;right:0;background:var(--td-bg-elevated);border-top-left-radius:var(--td-radius-lg);border-top-right-radius:var(--td-radius-lg);box-shadow:0 -8px 24px rgba(0,0,0,.18);padding:var(--td-space-2) var(--td-space-3) calc(var(--td-space-4) + env(safe-area-inset-bottom));z-index:22;animation:td-drawer-up var(--td-duration-standard) var(--td-ease-standard)}.td-game-dock__drawer-handle{width:32px;height:4px;background:var(--td-line);border-radius:var(--td-radius-full);margin:0 auto var(--td-space-3)}.td-game-dock__drawer-title{font-family:var(--td-font-display);font-size:var(--td-text-lg);font-weight:700;margin-bottom:var(--td-space-3);padding:0 var(--td-space-1)}.td-game-dock__drawer-list{display:flex;flex-direction:column;gap:var(--td-space-1)}.td-game-dock__drawer-item{display:flex;align-items:center;gap:var(--td-space-3);width:100%;padding:var(--td-space-3);background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:var(--td-radius-md);font:inherit;font-size:var(--td-text-md);color:var(--td-ink-primary);cursor:pointer;text-align:left;transition:background var(--td-duration-fast) var(--td-ease-standard)}.td-game-dock__drawer-item:hover{background:var(--td-bg-page)}.td-game-dock__drawer-item--active{background:var(--td-bg-page);border-color:var(--td-accent-gold);font-weight:600}.td-game-dock__drawer-emoji{font-size:24px;line-height:1}.td-game-dock__drawer-name{flex:1}.td-game-dock__drawer-check{color:var(--td-accent-gold);font-weight:700}@keyframes td-drawer-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes td-fade-in{from{opacity:0}to{opacity:1}}.td-stats-card{background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-lg);padding:var(--td-space-4);display:flex;flex-direction:column;gap:var(--td-space-4)}.td-stats-card__header{display:flex;align-items:center;gap:var(--td-space-3)}.td-stats-card__avatar{width:48px;height:48px;border-radius:50%;background:var(--td-square-light);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.td-stats-card__info{flex:1;min-width:0}.td-stats-card__name{font-weight:700;font-size:var(--td-text-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-stats-card__country{font-size:var(--td-text-sm);color:var(--td-ink-muted)}.td-stats-card__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--td-space-2)}.td-stats-card__stat{text-align:center;padding:var(--td-space-2);background:var(--td-bg-page);border-radius:var(--td-radius-md)}.td-stats-card__stat-value{font-family:var(--td-font-display);font-size:var(--td-text-xl);font-weight:700}.td-stats-card__stat-label{font-size:var(--td-text-xs);color:var(--td-ink-muted)}.td-stats-card__progress{display:flex;flex-direction:column;gap:var(--td-space-1)}.td-stats-card__progress-label{font-size:var(--td-text-sm);font-weight:600}.td-stats-card__progress-hint{font-size:var(--td-text-xs);color:var(--td-ink-muted)}.td-profile-editor{display:flex;flex-direction:column;gap:var(--td-space-4)}.td-profile-editor__field{display:flex;flex-direction:column;gap:var(--td-space-1)}.td-profile-editor__label{font-size:var(--td-text-sm);font-weight:600;color:var(--td-ink-muted)}.td-profile-editor__pictures{display:flex;gap:var(--td-space-2)}.td-profile-editor__picture{width:56px;height:56px;border-radius:50%;background:var(--td-square-light);border:2px solid rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;transition:border-color var(--td-duration-fast) var(--td-ease-standard)}.td-profile-editor__picture:hover{border-color:var(--td-ink-muted)}.td-profile-editor__picture--selected{border-color:var(--td-accent-gold)}.td-profile-editor__country-select{position:relative}.td-profile-editor__country-input{width:100%;padding:var(--td-space-2) var(--td-space-3);font:inherit;font-size:var(--td-text-md);background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-md);color:var(--td-ink-primary)}.td-profile-editor__country-input:focus{outline:none;border-color:var(--td-accent-gold)}.td-profile-editor__country-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-md);box-shadow:var(--td-shadow-md);z-index:10}.td-profile-editor__country-option{display:flex;align-items:center;gap:var(--td-space-2);padding:var(--td-space-2) var(--td-space-3);cursor:pointer;font:inherit;font-size:var(--td-text-sm);background:none;border:none;width:100%;text-align:left;color:var(--td-ink-primary)}.td-profile-editor__country-option:hover{background:var(--td-square-light)}.td-page{flex:1 1 0;min-height:0;display:flex;flex-direction:column;background:var(--td-bg-page);padding-bottom:env(safe-area-inset-bottom);overflow-y:auto}.td-page__body{flex:1;padding:var(--td-space-4);display:flex;flex-direction:column;gap:var(--td-space-4);max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.td-lobby-hero{text-align:center;padding:var(--td-space-4) var(--td-space-4)}.td-lobby-hero__title{font-family:var(--td-font-display);font-size:var(--td-text-3xl);font-weight:700;margin-bottom:var(--td-space-2)}.td-lobby-hero__tagline{color:var(--td-ink-muted)}.td-lobby-cta{display:flex;flex-direction:column;align-items:center;padding:var(--td-space-6) var(--td-space-4);gap:var(--td-space-3)}.td-game-layout{display:flex;flex-direction:column;flex:1 1 0;min-height:0;background:var(--td-bg-canvas)}.td-game-layout__topbar{display:flex;align-items:center;gap:var(--td-space-2);padding:var(--td-space-2) var(--td-space-3);background:var(--td-bg-elevated);border-bottom:1px solid var(--td-line);flex-shrink:0}.td-game-layout__main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--td-space-2);overflow:auto}.td-game-layout__info{display:flex;align-items:center;gap:var(--td-space-2);padding:var(--td-space-2) var(--td-space-3);background:var(--td-bg-elevated);border-top:1px solid var(--td-line);flex-shrink:0;flex-wrap:wrap}.td-game-layout__captures{display:flex;gap:var(--td-space-2);align-items:center;flex:1;min-width:0}.td-game-layout__capture-group{display:flex;align-items:baseline;gap:var(--td-space-1)}.td-game-layout__capture-count{font-family:var(--td-font-display);font-weight:700;font-size:var(--td-text-lg)}.td-game-layout__capture-label{font-size:var(--td-text-xs);color:var(--td-ink-muted)}.td-game-layout__capture-divider{color:var(--td-line);font-size:var(--td-text-sm)}.td-game-layout__moves-toggle{flex-shrink:0}.td-game-layout__moves-panel{width:100%;max-height:150px;overflow-y:auto;border-top:1px solid var(--td-line);padding-top:var(--td-space-2);margin-top:var(--td-space-1)}.td-game-layout__aside{display:none}@media(min-width: 768px){.td-game-layout{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr auto;grid-template-areas:"top    top" "board  aside" "info   aside";overflow:hidden}.td-game-layout__topbar{grid-area:top}.td-game-layout__main{grid-area:board;padding:var(--td-space-3)}.td-game-layout__info{grid-area:info}.td-game-layout__aside{display:flex;flex-direction:column;gap:var(--td-space-2);padding:var(--td-space-3);background:var(--td-bg-elevated);border-top:0;border-left:1px solid var(--td-line);grid-area:aside;overflow-y:auto}.td-game-layout__moves-toggle{display:none}.td-game-layout__moves-panel{display:none}}.td-auth-page{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--td-space-5) var(--td-space-4)}.td-auth-card{max-width:380px;width:100%}.td-play-layout{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.td-profile{display:flex;flex-direction:column;gap:var(--td-space-4)}.td-stat-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--td-space-3)}@media(min-width: 480px){.td-stat-grid{grid-template-columns:repeat(4, 1fr)}}.td-stat{background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-md);padding:var(--td-space-3);text-align:center}.td-stat__value{font-family:var(--td-font-display);font-size:var(--td-text-2xl);font-weight:700}.td-stat__label{color:var(--td-ink-muted);font-size:var(--td-text-sm)}.td-home-auth{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.td-home-auth .td-page__body{flex:1;overflow-y:auto}.td-progress-body{overflow-y:auto;min-height:0}.td-progress-header{display:flex;align-items:center;justify-content:space-between}.td-progress-header__title{font-family:var(--td-font-display);font-size:var(--td-text-2xl);font-weight:700}.td-rank-card{background:var(--td-bg-elevated);border:1px solid var(--td-line);border-radius:var(--td-radius-lg);padding:var(--td-space-3) var(--td-space-4);display:flex;align-items:center;gap:var(--td-space-3)}.td-rank-card__avatar-wrap{position:relative;flex-shrink:0;width:56px;height:56px}.td-rank-card__avatar{width:56px;height:56px;border-radius:50%;background:var(--td-square-light);display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;border:1px solid var(--td-line)}.td-rank-card__div-badge{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:50%;border:2px solid var(--td-bg-elevated);box-sizing:content-box}.td-rank-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.td-rank-card__label{font-size:var(--td-text-xs);color:var(--td-ink-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.td-rank-card__rating{font-family:var(--td-font-display);font-size:var(--td-text-2xl);font-weight:700;line-height:1.1}.td-rank-card__rank{flex-shrink:0;padding:2px var(--td-space-2);background:var(--td-square-light);border-radius:var(--td-radius-full);font-size:var(--td-text-xs);font-weight:700;color:var(--td-ink-muted);align-self:center}.td-ladder{display:flex;flex-direction:column;gap:2px}.td-ladder__row{display:flex;align-items:center;gap:var(--td-space-3);padding:var(--td-space-2) var(--td-space-2);border-radius:var(--td-radius-md);opacity:.55;transition:opacity var(--td-duration-fast) var(--td-ease-standard),background var(--td-duration-fast) var(--td-ease-standard)}.td-ladder__row--reached{opacity:.85}.td-ladder__row--current{opacity:1;background:var(--td-square-light);box-shadow:inset 0 0 0 1px var(--td-line)}.td-ladder__slider{display:flex;flex-direction:column;align-items:center;width:28px;flex-shrink:0}.td-ladder__emblem{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;text-transform:uppercase;box-shadow:0 0 0 2px var(--td-bg-elevated);letter-spacing:0}.td-ladder__emblem--light{color:var(--td-ink-primary)}.td-ladder__row--current .td-ladder__emblem{box-shadow:0 0 0 2px var(--td-bg-elevated),0 0 0 4px var(--td-accent-gold)}.td-ladder__line{width:2px;flex:1;min-height:14px;background:var(--td-line);border-radius:var(--td-radius-full)}.td-ladder__row:last-child .td-ladder__line{display:none}.td-ladder__info{flex:1;min-width:0}.td-ladder__name{font-weight:600;font-size:var(--td-text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-ladder__sub{display:flex;align-items:center;gap:4px;font-size:var(--td-text-xs);color:var(--td-ink-muted)}.td-ladder__sub-sep{opacity:.6}.td-ladder__sub-emph{color:var(--td-ink-primary);font-weight:600}.td-ladder__reward{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:var(--td-space-1) var(--td-space-2);min-height:32px;border:1px solid var(--td-line);border-radius:var(--td-radius-full);background:var(--td-bg-elevated);color:var(--td-ink-muted);font:inherit;font-size:var(--td-text-sm);font-weight:600;cursor:default;transition:all var(--td-duration-fast) var(--td-ease-standard);-webkit-tap-highlight-color:rgba(0,0,0,0)}.td-ladder__reward:disabled{cursor:default}.td-ladder__reward-coin{font-size:14px;line-height:1}.td-ladder__reward-value{font-family:var(--td-font-display)}.td-ladder__reward-check{margin-left:2px;color:var(--td-accent-emerald);font-weight:800;font-size:var(--td-text-md)}.td-ladder__reward-action{margin-left:4px;padding:2px var(--td-space-2);border-radius:var(--td-radius-full);background:var(--td-accent-gold);color:var(--td-ink-primary);font-size:var(--td-text-xs);font-weight:700}.td-ladder__reward--claim{background:var(--td-accent-gold);border-color:var(--td-accent-gold);color:var(--td-ink-primary);cursor:pointer}.td-ladder__reward--claim:hover:not(:disabled){filter:brightness(0.95)}.td-ladder__reward--claimed{background:var(--td-bg-page);border-color:var(--td-line);color:var(--td-ink-muted);opacity:.9}.td-progress-game-dock{position:sticky;bottom:0;flex-shrink:0;display:flex;align-items:stretch;gap:var(--td-space-1);padding:var(--td-space-1) var(--td-space-2);background:var(--td-bg-elevated);border-top:1px solid var(--td-line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:4}.td-progress-game-dock::-webkit-scrollbar{display:none}.td-progress-game-dock__item{flex:1 0 auto;min-width:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--td-space-1) var(--td-space-2);border:1px solid rgba(0,0,0,0);border-radius:var(--td-radius-md);background:rgba(0,0,0,0);color:var(--td-ink-muted);font:inherit;font-size:var(--td-text-xs);font-weight:600;cursor:pointer;transition:all var(--td-duration-fast) var(--td-ease-standard);-webkit-tap-highlight-color:rgba(0,0,0,0)}.td-progress-game-dock__item:hover{background:var(--td-square-light)}.td-progress-game-dock__emoji{font-size:20px;line-height:1}.td-progress-game-dock__name{white-space:nowrap}.td-progress-game-dock__item--active{background:var(--td-square-light);border-color:var(--td-accent-gold);color:var(--td-ink-primary)}.td-lb-scroll{display:flex;flex-direction:column;gap:1px;max-height:400px;overflow-y:auto;border-radius:var(--td-radius-md);border:1px solid var(--td-line)}.td-lb-row{display:flex;align-items:center;gap:var(--td-space-2);padding:var(--td-space-2) var(--td-space-3);background:var(--td-bg-elevated);font-size:var(--td-text-sm)}.td-lb-row--me{background:var(--td-square-light);font-weight:600}.td-lb-row__rank{width:40px;flex-shrink:0;color:var(--td-ink-muted);font-size:var(--td-text-xs)}.td-lb-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-lb-row__div{font-size:var(--td-text-xs);font-weight:600;flex-shrink:0}.td-lb-row__rating{width:44px;text-align:right;flex-shrink:0;font-family:var(--td-font-mono);font-size:var(--td-text-xs)}