:root{--color-board-light: #f0d9b5;--color-board-dark: #b58863;--color-accent: #ff5252;--color-bg: #ffffff;--color-surface: #f8f9fa;--color-text: #212529;--color-text-muted: #6c757d;--color-border: #dee2e6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px;--z-debug: 9999;--z-modal: 1000;--z-header: 100;--z-base: 1}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Ubuntu,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin:0 0 1rem}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text)}button{font-family:inherit;cursor:pointer;border:none;background:transparent;padding:0}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}ol,ul{list-style-position:inside}img{max-width:100%;height:auto;display:block}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grid{display:grid}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.m-0{margin:0}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.center-content{display:flex;justify-content:center;align-items:center}.sidebar-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.square[data-v-8bf88b06]{display:flex;justify-content:center;align-items:center;position:relative;padding:0;border:none;transition:transform var(--transition-fast)}.square[data-v-8bf88b06]:hover{transform:scale(1.05)}.square[data-v-8bf88b06]:active{transform:scale(.98)}.square--light[data-v-8bf88b06]{background-color:var(--color-board-light)}.square--dark[data-v-8bf88b06]{background-color:var(--color-board-dark)}.square--selected[data-v-8bf88b06]{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:var(--z-base);cursor:not-allowed}.square__label[data-v-8bf88b06]{font-size:.7rem;font-weight:600;color:#0000004d;-webkit-user-select:none;user-select:none;pointer-events:none}.chessboard[data-v-babbccba]{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1 / 1;width:100%;max-width:600px;border:2px solid var(--color-border);box-shadow:var(--shadow-md)}.history[data-v-482fb3d0]{display:flex;flex-direction:column;gap:var(--space-md)}.history__header[data-v-482fb3d0]{display:flex;justify-content:space-between;align-items:center}.history__title[data-v-482fb3d0]{font-size:1.25rem;font-weight:600;color:var(--color-text)}.history__badge[data-v-482fb3d0]{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-weight:600;font-size:.875rem}.history__empty[data-v-482fb3d0]{color:var(--color-text-muted);font-style:italic;text-align:center;padding:var(--space-lg)}.history__list[data-v-482fb3d0]{max-height:300px;overflow-y:auto;padding-left:0;list-style:none;margin:0}.history__item[data-v-482fb3d0]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.history__item[data-v-482fb3d0]:hover{background-color:#00000005}.history__item--last[data-v-482fb3d0]{background-color:#ff52521a;font-weight:600}.history__item[data-v-482fb3d0]:last-child{border-bottom:none}.history__number[data-v-482fb3d0]{font-weight:600;color:var(--color-text-muted);min-width:2rem}.history__square[data-v-482fb3d0]{flex:1;font-weight:600;color:var(--color-accent);font-family:monospace}.history__time[data-v-482fb3d0]{font-size:.75rem;color:var(--color-text-muted);font-family:monospace}.history__actions[data-v-482fb3d0]{display:flex;gap:var(--space-sm)}.history__stats[data-v-482fb3d0]{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:#00000005;border-radius:var(--radius-sm)}.stat[data-v-482fb3d0]{display:flex;justify-content:space-between;font-size:.875rem}.stat__label[data-v-482fb3d0]{color:var(--color-text-muted)}.stat__value[data-v-482fb3d0]{font-weight:600;color:var(--color-accent);font-family:monospace}.btn[data-v-482fb3d0]{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;transition:all var(--transition-fast);border:1px solid transparent}.btn--sm[data-v-482fb3d0]{padding:.375rem .75rem;font-size:.8rem}.btn--secondary[data-v-482fb3d0]{background:#ff52521a;color:var(--color-accent);border-color:var(--color-accent);margin:.5rem 0}.btn--secondary[data-v-482fb3d0]:hover:not(:disabled){background:var(--color-accent);color:#fff}.btn[data-v-482fb3d0]:disabled{opacity:.4;cursor:not-allowed}.toggle[data-v-8feaa98e]{display:flex;align-items:center;gap:var(--space-sm)}.toggle__label[data-v-8feaa98e]{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.toggle__btn[data-v-8feaa98e]{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-weight:600;transition:all var(--transition-fast)}.toggle__btn[data-v-8feaa98e]:hover{border-color:var(--color-accent);background:var(--color-bg)}.shell[data-v-762d4c65]{min-height:100vh;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.shell__header[data-v-762d4c65]{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.shell__title[data-v-762d4c65]{font-size:1.75rem;font-weight:600;color:var(--color-text)}.shell__main[data-v-762d4c65]{flex:1;display:grid;gap:var(--space-lg)}.shell__main[data-layout=grid][data-v-762d4c65]{grid-template-columns:1fr 320px;grid-template-areas:"board sidebar";align-items:start}.shell__main[data-layout=flex][data-v-762d4c65]{display:flex}.shell__main[data-layout=flex] .shell__board[data-v-762d4c65]{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.shell__main[data-layout=flex] .shell__sidebar[data-v-762d4c65]{flex:0 0 320px}.shell__board[data-v-762d4c65]{grid-area:board;display:flex;justify-content:center;align-items:center}.shell__sidebar[data-v-762d4c65]{grid-area:sidebar;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}@media(max-width:768px){.shell__main[data-v-762d4c65]{grid-template-columns:1fr!important;grid-template-areas:"board" "sidebar"!important}.shell__main[data-layout=flex][data-v-762d4c65]{flex-direction:column}.shell__main[data-layout=flex] .shell__sidebar[data-v-762d4c65]{flex:1 1 auto;width:100%}.shell__header[data-v-762d4c65]{flex-direction:column;gap:var(--space-md);align-items:flex-start}}