:root{--color-bg-primary:#b0b0b0;--color-bg-secondary:#a0a0a0;--color-bg-tertiary:silver;--color-bg-quaternary:#d0d0d0;--color-bg-dark:gray;--color-border-primary:#000;--color-border-secondary:#000;--color-border-tertiary:#000;--color-text-primary:#000;--color-text-secondary:#000;--color-text-muted:#333;--color-text-dim:#444;--color-text-dark:#000;--color-success:#000;--color-error:#000;--color-warning:#000;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:10px;--space-xl:12px;--space-1xl:14px;--space-2xl:16px;--space-3xl:18px;--space-4xl:20px;--space-5xl:32px;--space-6xl:40px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px;--radius-2xl:0px;--font-family-base:"Inria Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono:"Roboto Mono", monospace;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--transition-fast:.18s;--transition-base:.2s;--transition-slow:.35s;--z-base:1;--z-dropdown:10;--z-modal:200;--z-overlay:300}html,body{background-color:var(--color-bg-primary);width:100%;min-height:100dvh;color:var(--color-text-primary);font-family:var(--font-family-base);box-sizing:border-box;margin:0;padding:0}#root{justify-content:center;width:100%;min-height:100vh;display:flex}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.app-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:800px;min-height:min-content;padding:2px;display:flex}.app-board-shell{box-sizing:border-box;aspect-ratio:1;border:2px solid var(--color-border-primary);background-color:var(--color-bg-tertiary);width:min(100vw - 2rem,100vh - 12rem);max-width:100%}@media (width<=768px){.app-board-shell{width:min(100vw - 1.5rem,100vh - 8rem)}}.board-wrapper{width:min(100vw - 2rem,100vh - 12rem);max-width:600px;margin-top:var(--space-sm);flex-direction:column;display:flex}.modal-backdrop{z-index:var(--z-overlay);font-family:var(--font-family-base);padding:var(--space-lg);box-sizing:border-box;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width<=768px){.modal-backdrop{padding:var(--space-md);align-items:flex-end}}.modal-backdrop--light{background-color:#0006}.modal-backdrop--dark{background-color:#0009}.modal-container{background-color:var(--color-bg-secondary);border:2px solid var(--color-border-primary);padding:var(--space-1xl) var(--space-2xl);align-items:center;gap:var(--space-3xl);flex-direction:column;min-width:300px;max-width:90vw;display:flex}@media (width<=768px){.modal-container{padding:var(--space-1xl) var(--space-2xl);width:calc(100vw - 30px);max-width:95vw;margin:var(--space-lg)}}.modal-container--compact{padding:var(--space-1xl)}.modal-title{color:var(--color-text-primary);margin:0;font-size:1.35rem;font-weight:700}@media (width<=600px){.modal-title{font-size:clamp(1.1rem,250%,1.35rem)}}.modal-title--large{font-size:1.5rem}@media (width<=600px){.modal-title--large{font-size:1.2rem}}.modal-description{color:var(--color-text-muted);text-align:center;margin:0;font-size:.85rem;line-height:1.5}@media (width<=600px){.modal-description{font-size:.95rem}}.modal-description--small{font-size:.9rem}.modal-actions{gap:var(--space-lg);flex-direction:column;width:100%;display:flex}@media (width<=768px){.modal-actions{gap:var(--space-md)}}.modal-actions--row{gap:var(--space-xl);flex-direction:row}@media (width<=480px){.modal-actions--row{gap:var(--space-lg);flex-direction:column}}.btn{cursor:pointer;border:2px solid var(--color-border-primary);transition:all var(--transition-base);white-space:nowrap;background-color:var(--color-bg-quaternary);color:var(--color-text-primary);justify-content:center;align-items:center;padding:.1rem .4rem;font-size:1rem;font-weight:700;display:flex}@media (width<=768px){.btn{min-height:48px;padding:12px 16px;font-size:1rem}}.btn:hover{background-color:var(--color-bg-dark);color:#fff}.btn--small{padding:var(--space-xs) 10px;min-height:40px;font-size:.82rem}@media (width<=768px){.btn--small{min-height:44px;padding:8px 14px;font-size:.9rem}}.btn--primary{background-color:var(--color-bg-dark);color:#fff}.btn--primary:hover{background-color:#000}.btn--success,.btn--danger,.btn--warning{background-color:var(--color-bg-dark);color:#fff}.btn--neutral{background-color:var(--color-bg-quaternary);color:var(--color-text-primary)}.btn--neutral:hover{background-color:var(--color-bg-dark);color:#fff}.btn--ghost{border:2px solid var(--color-border-primary);color:var(--color-text-primary);background-color:#0000}.btn--ghost:hover{background-color:var(--color-bg-dark);color:#fff}.btn--ghost-dark{border:2px solid var(--color-border-secondary);color:var(--color-text-muted);background-color:#0000}.btn--toggle{border:none;border-right:2px solid var(--color-border-primary);transition:background-color var(--transition-fast), color var(--transition-fast);color:var(--color-text-primary);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;padding:.2rem .4rem;font-size:.95rem;font-weight:700;display:flex}@media (width<=768px){.btn--toggle{min-width:auto;min-height:auto}}.btn--toggle:last-child{border-right:none}.btn--toggle:hover{background-color:var(--color-bg-quaternary)}.btn--toggle-active,.btn--toggle-active-success,.btn--toggle-active-warning,.btn--toggle-active-ai,.btn--toggle-active-dark{background-color:var(--color-bg-dark);color:#fff}.btn--save{padding:var(--space-xs) 10px;cursor:pointer;color:var(--color-text-muted);border:2px solid var(--color-border-secondary);transition:all var(--transition-base);white-space:nowrap;background-color:#0000;justify-content:center;align-items:center;min-height:40px;font-size:.82rem;font-weight:700;display:flex}@media (width<=768px){.btn--save{min-height:44px;padding:10px 14px;font-size:.85rem}}.btn--save:hover,.btn--save-copied{background-color:var(--color-bg-dark);color:#fff;border-color:var(--color-border-primary)}.input{border:2px solid var(--color-border-secondary);background-color:var(--color-bg-tertiary);width:100%;color:var(--color-text-primary);box-sizing:border-box;outline:none;align-items:center;min-height:44px;padding:10px 14px;font-size:1rem;display:flex}@media (width<=600px){.input{min-height:48px;padding:12px 14px;font-size:16px}}.input:focus{background-color:var(--color-bg-quaternary);border-color:var(--color-border-primary)}.input--error{border-color:var(--color-error)}.input-error-message{color:var(--color-error);align-self:flex-start;font-size:.85rem}.badge{border:2px solid var(--color-border-primary);padding:1px var(--space-md);background-color:var(--color-bg-quaternary);white-space:nowrap;font-size:.78rem;font-weight:700}@media (width<=600px){.badge{padding:2px var(--space-md);font-size:.85rem}}.status-indicator{white-space:nowrap;font-size:.8rem;font-weight:700}@media (width<=600px){.status-indicator{font-size:.85rem}}.status-indicator--thinking{color:var(--color-text-primary);font-style:italic}.status-indicator--default{color:var(--color-text-dim)}.overlay-box{text-align:center;background-color:var(--color-bg-secondary);box-sizing:border-box;border:2px solid var(--color-border-primary);width:max-content;max-width:92%;font-family:var(--font-family-base);align-items:center;gap:var(--space-xl);z-index:10;flex-direction:column;padding:clamp(18px,4%,34px) clamp(22px,6%,54px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=480px){.overlay-box{max-width:95%;padding:16px 18px}}.overlay-headline{color:var(--color-text-primary);font-size:clamp(1.5rem,5.5vw,2.6rem);font-weight:700;line-height:1.1}@media (width<=480px){.overlay-headline{font-size:clamp(1.3rem,7vw,2rem)}}.overlay-headline--success,.overlay-headline--error,.overlay-headline--warning{color:var(--color-text-primary)}.overlay-subtitle{color:var(--color-text-secondary);margin-top:-2px;font-size:clamp(.85rem,2.8vw,1.1rem);font-weight:400;line-height:1.4}@media (width<=480px){.overlay-subtitle{font-size:clamp(.8rem,3.5vw,1rem)}}.overlay-actions{gap:var(--space-lg);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.overlay-actions--column{flex-direction:column;align-items:center;width:100%}.promotion-dialog{gap:var(--space-md);background-color:var(--color-bg-secondary);padding:var(--space-4xl);z-index:20;border:2px solid var(--color-border-primary);flex-wrap:wrap;justify-content:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=480px){.promotion-dialog{padding:var(--space-3xl) var(--space-2xl);gap:var(--space-sm)}}.promotion-piece{cursor:pointer;background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);width:56px;height:56px;color:var(--color-text-primary);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:2.2rem;line-height:1;display:flex}@media (width<=768px){.promotion-piece{width:64px;height:64px;font-size:2.5rem}}.promotion-piece:hover{background-color:var(--color-bg-dark);color:#fff}.promotion-piece--white{color:var(--color-text-primary)}.toggle-group{border:2px solid var(--color-border-primary);white-space:nowrap;flex-direction:row-reverse;display:flex;overflow:auto}.btn--toggle-disabled,.btn--toggle:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (width<=600px){.toggle-group{flex-direction:row}}.control-bar{display:flex}.control-bar-wrapper{flex-direction:row;align-items:stretch;gap:8px;width:100%;display:flex}@media (width<=600px){.control-bar-wrapper{flex-wrap:wrap;justify-content:flex-start;gap:6px}}.ultimate-header-container{grid-template-columns:auto 1fr;align-items:end;gap:6px;width:100%;margin-bottom:4px;display:grid}.ultimate-header-top{flex-direction:row;grid-area:1/1;align-items:end;display:flex}.ultimate-header-actions{align-items:end;gap:12px;display:flex}.rules-link{appearance:none;z-index:300;color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;align-self:flex-end;margin:0;padding:0;font-family:inherit;font-size:.9rem;line-height:1;text-decoration:underline;display:inline-block;position:relative}.rules-link:hover,.rules-link:focus-visible{font-weight:700}.ultimate-control-row,.control-shell{display:contents}.control-top-level,.control-options-group{flex-direction:row}.control-top-level{grid-area:1/2;place-self:end}.control-options-row{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:flex-end;justify-self:end;gap:6px;max-width:100%;display:flex}.control-status,.control-label{pointer-events:none;font-weight:700}.control-select{min-width:88px;display:inline-block}.control-room-input{border:none;border-right:2px solid var(--color-border-primary);outline:none;min-width:120px}@media (width<=600px){.ultimate-header-container{grid-template-columns:1fr;align-items:stretch}.ultimate-header-top{grid-area:1/1;justify-content:space-between}.control-top-level{grid-area:2/1;justify-self:start}.control-options-row{grid-area:3/1;justify-content:flex-start;justify-self:start}.control-top-level{width:auto;max-width:100%}}.ultimate-header-top{flex:0 auto;min-width:0}.ultimate-header-actions{min-width:0}.ultimate-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=768px){.control-bar{gap:var(--space-sm);margin:var(--space-lg) var(--space-sm);height:auto;min-height:auto}}.control-bar--multiplayer{flex-wrap:nowrap}.rematch-section{align-items:center;gap:var(--space-lg);margin-top:var(--space-sm);flex-direction:column;width:100%;display:flex}.rematch-status{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.rematch-status__text{color:var(--color-text-muted);font-size:.88rem}.rematch-status__text--error{color:var(--color-text-primary);font-weight:700}.rematch-status__mode{font-weight:700}.rematch-status__mode--standard{color:var(--color-text-primary)}.game-info{gap:var(--space-2xl);margin:var(--space-sm) 0;height:auto;font-family:var(--font-family-base);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}@media (width<=600px){.game-info{gap:var(--space-md);margin:var(--space-md) var(--space-sm)}}.game-info__player{color:var(--color-text-muted);font-size:.85rem;font-weight:700}@media (width<=600px){.game-info__player{font-size:.8rem}}.game-info__turn{font-size:.85rem;font-weight:700}@media (width<=600px){.game-info__turn{font-size:.8rem}}.game-info__turn--active{color:var(--color-text-primary);text-decoration:underline}.game-info__turn--inactive{color:var(--color-text-dim)}.setup-section{width:100%}.setup-section__label{color:var(--color-text-dim);margin:0 0 var(--space-sm) 0;text-align:center;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.setup-hint{color:var(--color-text-dim);text-align:center;margin:-10px 0 0;font-size:.82rem}@keyframes clock-pulse{0%,to{opacity:1}50%{opacity:.55}}.animate-pulse{animation:.9s ease-in-out infinite clock-pulse}.history-container{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-direction:column;width:100%;max-width:min(100vw - 2rem,100vh - 12rem);display:flex}@media (width>=768px){.history-container{flex-direction:row}}.history-section{background-color:var(--color-bg-secondary);border:2px solid var(--color-border-primary);padding:var(--space-lg);font-family:var(--font-family-base);flex:1;min-height:150px;font-size:.85rem}@media (width<=768px){.history-section{padding:var(--space-md);min-height:120px;font-size:.8rem}}.history-section__title{color:var(--color-text-primary);margin-bottom:var(--space-md);border-bottom:2px solid var(--color-border-primary);padding-bottom:var(--space-sm);font-size:1rem;font-weight:700}@media (width<=768px){.history-section__title{margin-bottom:var(--space-sm);font-size:.9rem}}.history-moves{color:var(--color-text-secondary);white-space:pre-wrap;max-height:200px;padding:var(--space-sm);background-color:var(--color-bg-quaternary);border:1px solid var(--color-border-secondary);font-size:.85rem;line-height:1.4;overflow-y:auto}@media (width<=768px){.history-moves{max-height:150px;padding:var(--space-sm);font-size:.8rem}}.history-game-item{padding:var(--space-sm);border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-secondary);font-size:.8rem}.history-game-item:last-child{border-bottom:none}.history-result{margin-left:var(--space-sm);font-weight:700}.history-meta{color:var(--color-text-dim);border-top:1px solid var(--color-border-secondary);padding-top:var(--space-sm);margin-top:var(--space-md);font-size:.75rem}.ultimate-status-bar{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}@media (width<=768px){.ultimate-status-bar{gap:var(--space-md);padding:var(--space-md)}}.ultimate-status-bar__text{color:var(--color-text-primary);font-size:1rem;font-weight:700}.ultimate-status-bar__checks{color:var(--color-warning);background-color:var(--color-bg-quaternary);padding:2px var(--space-md);border:1px solid var(--color-border-primary);font-size:.85rem;font-weight:600}.ultimate-modal-overlay{z-index:var(--z-modal);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ultimate-modal{background-color:var(--color-bg-secondary);border:2px solid var(--color-border-primary);padding:var(--space-5xl);text-align:center;width:90%;max-width:500px;box-shadow:0 20px 60px #00000080}@media (width<=600px){.ultimate-modal{padding:var(--space-4xl) var(--space-3xl);width:100%;max-width:calc(100vw - 30px)}}.ultimate-modal__title{margin:0 0 var(--space-md) 0;color:var(--color-text-primary);font-size:1.5rem;font-weight:700}@media (width<=600px){.ultimate-modal__title{font-size:1.3rem}}.ultimate-modal__subtitle{color:var(--color-text-muted);margin:0 0 var(--space-2xl) 0;font-size:.95rem;line-height:1.5}@media (width<=600px){.ultimate-modal__subtitle{font-size:.9rem}}.ultimate-modal__options{gap:var(--space-lg);margin-bottom:var(--space-lg);flex-direction:column;width:100%;display:flex}@media (width<=600px){.ultimate-modal__options{gap:var(--space-md)}}.ultimate-modal__option{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg);border:2px solid var(--color-border-primary);background-color:var(--color-bg-quaternary);cursor:pointer;color:var(--color-text-primary);min-height:44px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}@media (width<=600px){.ultimate-modal__option{padding:var(--space-lg) var(--space-md);min-height:48px;font-size:.95rem}}.ultimate-modal__option:hover{background-color:var(--color-bg-dark);color:#fff}.ultimate-modal__cancel{border:2px solid var(--color-border-secondary);color:var(--color-text-muted);padding:var(--space-md) var(--space-xl);cursor:pointer;margin-top:var(--space-md);background-color:#0000;font-weight:700;transition:all .2s}.ultimate-modal__cancel:hover{background-color:var(--color-bg-dark);color:#fff;border-color:var(--color-border-primary)}.ultimate-board--pending-check{border-style:dashed!important}.ultimate-chess{max-width:1200px}.ultimate-header{text-align:left;padding:0}.ultimate-title{color:var(--color-text-primary);margin:0;font-size:1.4rem;font-weight:700;line-height:1}@media (width<=768px){.ultimate-title .game-winner-banner{font-size:1.5rem}}@media (width<=480px){.ultimate-title .game-winner-banner{font-size:1.3rem}}.game-winner-banner{color:var(--color-text-primary);font-size:1.4rem;font-weight:700;display:inline-block}.ultimate-status{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;font-size:.95rem;display:flex}@media (width<=600px){.ultimate-status{gap:var(--space-sm);font-size:.85rem}}.ultimate-status__label{color:var(--color-text-muted)}.ultimate-status__player{padding:2px var(--space-md);border:2px solid var(--color-border-primary);font-weight:700}.ultimate-status__player--w{color:#000;background-color:#fff}.ultimate-status__player--b{color:#fff;background-color:#000}.ultimate-status__divider{color:var(--color-text-muted)}.ultimate-status__board{font-weight:700}.ultimate-boards-grid{gap:var(--space-lg);grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3,1fr);width:100%;display:grid}@media (width<=900px){.ultimate-boards-grid{gap:var(--space-md);grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.ultimate-boards-grid{gap:var(--space-sm);grid-template-rows:repeat(6,auto);grid-template-columns:1fr}}.ultimate-board{border:3px solid var(--color-border-secondary);background-color:var(--color-bg-secondary);min-height:0;transition:border-color .2s}@media (width<=600px){.ultimate-board{border:2px solid var(--color-border-secondary)}}.ultimate-board--active{border-color:var(--color-border-primary)}.ultimate-board--selectable{border-width:4px;border-color:#64c864cc}@media (width<=600px){.ultimate-board--selectable{border-width:3px}}.ultimate-board__header{padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border-secondary);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:nowrap;min-height:36px;transition:background-color .2s;display:flex}@media (width<=768px){.ultimate-board__header{padding:var(--space-sm) var(--space-sm);font-size:.9rem}}.ultimate-board__title{font-size:.9rem;font-weight:700}@media (width<=768px){.ultimate-board__title{font-size:.85rem}}@media (width<=480px){.ultimate-board__title{font-size:.8rem}}.ultimate-board__badge{background-color:#ffffff4d;border:1px solid #ffffff80;padding:1px 6px;font-size:.7rem;font-weight:700}.ultimate-board__badge--check{color:#fff;background-color:#000000c7;border-color:#ffffffd9}.ultimate-board__content{padding:var(--space-sm)}@media (width<=600px){.ultimate-board__content{padding:var(--space-xs)}}.ultimate-board__content>div{width:100%!important;max-width:100%!important}.ultimate-start-modal{z-index:var(--z-modal);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ultimate-start-modal__content{background-color:var(--color-bg-secondary);border:2px solid var(--color-border-primary);padding:var(--space-5xl);text-align:center;width:90%;max-width:400px}.ultimate-start-modal__title{margin:0 0 var(--space-md) 0;font-size:1.5rem;font-weight:700}.ultimate-start-modal__subtitle{color:var(--color-text-muted);margin:0 0 var(--space-2xl) 0;font-size:.95rem}.ultimate-start-modal__options{gap:var(--space-lg);flex-direction:column;display:flex}.ultimate-start-modal__option{align-items:center;gap:var(--space-md);padding:var(--space-lg);border:2px solid var(--color-border-primary);background-color:var(--color-bg-quaternary);cursor:pointer;transition:all .2s;display:flex}.ultimate-start-modal__option:hover{background-color:var(--color-bg-dark);color:#fff}.ultimate-start-modal__option-color{border:2px solid var(--color-border-primary);width:24px;height:24px}.ultimate-start-modal__option-name{font-size:1.1rem;font-weight:700}.ultimate-capture-score{justify-content:center;align-items:center;gap:var(--space-2xl);margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);display:flex}.capture-score-white,.capture-score-black{align-items:center;gap:var(--space-md);display:flex}.capture-score-label{font-size:.9rem;font-weight:700}.capture-score-count{text-align:center;min-width:24px;font-size:1.5rem;font-weight:700}.capture-score-boards{gap:4px;display:flex}.capture-badge{color:#fff;border:1px solid var(--color-border-primary);justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex}.capture-score-divider{color:var(--color-text-muted);font-size:1.2rem}.ultimate-board--captured-white{opacity:.7;border-color:#fff!important}.ultimate-board--captured-black{opacity:.7;border-color:#000!important}.ultimate-board__capture-indicator{background-color:var(--color-bg-dark);color:#fff;padding:2px 6px;font-size:.75rem;font-weight:700}.ultimate-promotion-overlay{z-index:var(--z-modal);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.opponent-choosing-overlay{background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);color:var(--color-text-primary);font-size:.9rem;font-family:var(--font-family-base);z-index:40;max-width:220px;padding:12px 16px;position:fixed;bottom:16px;right:16px}.opponent-choosing-overlay__content{align-items:center;gap:8px;display:flex}.opponent-choosing-overlay__dot{font-size:1.2rem;animation:1s infinite clock-pulse}.move-history-section{margin-top:var(--space-xl);background-color:var(--color-bg-secondary);border:2px solid var(--color-border-primary);padding:var(--space-lg)}.move-history-title{margin:0 0 var(--space-md) 0;color:var(--color-text-primary);border-bottom:2px solid var(--color-border-primary);padding-bottom:var(--space-sm);font-size:1rem}.move-history-list{background-color:var(--color-bg-quaternary);border:1px solid var(--color-border-secondary);max-height:200px;padding:var(--space-md);overflow-y:auto}.move-history-empty{text-align:center;color:var(--color-text-dim);padding:var(--space-xl);font-style:italic}.move-history-entry{align-items:center;gap:var(--space-md);padding:var(--space-sm);margin-bottom:var(--space-xs);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);flex-wrap:wrap;font-size:.85rem;display:flex}.move-number{color:var(--color-text-muted);min-width:25px;font-weight:700}.move-board{font-size:.8rem;font-weight:600}.move-player{border:1px solid var(--color-border-primary);padding:2px 6px;font-size:.75rem;font-weight:600}.move-player--w{color:#000;background-color:#fff}.move-player--b{color:#fff;background-color:#000}.move-san{font-family:var(--font-family-mono);color:var(--color-text-primary);font-weight:700}.move-check{color:var(--color-text-primary);font-weight:700}.move-castling{font-size:.9rem}.move-arrow{color:var(--color-text-muted)}.move-next-board{font-size:.8rem;font-weight:600}.new-game-btn{background-color:var(--color-bg-dark);border:2px solid var(--color-border-primary);color:#fff;cursor:pointer;padding:8px 16px;font-size:.9rem;transition:all .2s}.new-game-btn:hover{background-color:#000;border-color:#000}.new-game-btn:disabled{background-color:var(--color-bg-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-dim);cursor:not-allowed}.ultimate-main{flex:1;display:flex;overflow:auto}.ultimate-boards-container{flex-direction:column;flex:1;gap:20px;display:flex;position:relative}.ultimate-winner-overlay{appearance:none;z-index:150;border:2px solid var(--color-border-primary);color:#fff;cursor:pointer;text-align:center;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.ultimate-winner-overlay__title{font-size:2rem;font-weight:700}.ultimate-winner-overlay__hint{font-size:.95rem;font-weight:700}.ultimate-board--finished{opacity:.5;pointer-events:none}.ultimate-board--finished .ultimate-board__content{filter:grayscale(.6)}.ultimate-board__result-badge{color:#fff;z-index:10;white-space:nowrap;border:2px solid var(--color-border-primary);background-color:#000000e6;padding:8px 16px;font-size:.9rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ultimate-board__result-badge.white-wins{color:#000;background-color:#fff;border-color:#000}.ultimate-board__result-badge.black-wins{color:#fff;background-color:#000;border-color:#fff}.ultimate-board__result-badge.draw{background-color:var(--color-bg-dark);color:#fff}@media (width<=768px){input,button,select{font-size:16px!important}button:active,a:active{outline:2px solid var(--color-text-primary);outline-offset:2px}button,input,select,textarea{appearance:none}}@media (width<=600px){.ultimate-board{margin-bottom:var(--space-sm)}.ultimate-board__header{font-size:.8rem}.ultimate-board__badge{padding:1px 4px;font-size:.65rem}.ultimate-board__result-badge{padding:6px 12px;font-size:.8rem}}@media (width<=768px){.modal-backdrop{padding-bottom:max(env(safe-area-inset-bottom), 16px);align-items:flex-end}.modal-container{width:100%;max-width:100%;margin-bottom:0}.overlay-box{max-width:96%;padding:20px 16px}.overlay-actions{gap:var(--space-md)}}@media (width<=480px){.promotion-dialog{flex-direction:row;justify-content:center;min-width:280px;max-width:calc(100vw - 20px)}.promotion-piece{width:60px;height:60px}}@media (width<=768px){.btn,.btn--toggle,button{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.btn,.ultimate-board,.promotion-piece{-webkit-touch-callout:none}.history-moves{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.app-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (width<=480px){.ultimate-status{gap:var(--space-xs);font-size:.75rem}.ultimate-status__player{padding:1px var(--space-sm)}}@media (height<=600px) and (width<=1024px){.app-board-shell{width:min(100vw - 1rem,100vh - 6rem)}.control-bar{gap:var(--space-xs);margin:var(--space-sm) 0}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){button,.btn{border-width:1.5px}}@media (width<=360px){.ultimate-title{font-size:1.2rem}.modal-title{font-size:1rem}.overlay-headline{font-size:clamp(1.2rem,6vw,1.8rem)}}@media (width<=768px){input[type=text],input[type=email],textarea{font-size:16px!important}}@media (hover:none) and (pointer:coarse){button:active,.btn:active,.btn--toggle:active{filter:brightness(.85)}}.control-bar-wrapper{z-index:200;width:auto;position:relative}.control-bar{gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-tertiary);border-bottom:2px solid #0000;transition:border-color .3s;display:flex}.control-panel-expand{z-index:200;opacity:0;pointer-events:none;background:0 0;border:2px solid #0000;grid-template-rows:0fr;width:320px;transition:grid-template-rows .3s,border-top-color .3s,opacity .3s;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0000004d}.control-panel-expand.is-expanded{border-color:var(--color-border-primary);background:var(--color-bg-secondary);opacity:1;pointer-events:auto;grid-template-rows:1fr}.control-panel-content{overflow:hidden}.control-panel__section{background:var(--color-bg-secondary)}.control-mode-toggles{background:var(--color-bg-primary);border-top:2px solid var(--color-border-primary);border-bottom:2px solid var(--color-border-primary);margin-bottom:var(--space-md);justify-content:space-between;display:flex;overflow:hidden}.control-mode-toggles .btn--toggle{background:0 0;border:none;flex:1;padding:2px}.control-mode-toggles .btn--toggle.is-active{background:var(--color-primary);color:var(--color-text-inverse);font-weight:700}.control-panel__centered{text-align:center;padding:var(--space-sm);flex-direction:column;justify-content:center;align-items:center;display:flex}.control-panel__desc{margin:0 0 var(--space-md) 0;color:var(--color-text-primary);font-size:.95rem}.control-panel__ai-settings{gap:var(--space-sm);flex-direction:column;width:100%;max-width:300px;margin:0 auto;display:flex}.control-panel__setting-row{justify-content:space-between;align-items:center;display:flex}.control-panel__setting-row label{color:var(--color-text-primary);font-weight:500}.control-panel__select{border:1px solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;font-weight:700}