.button{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:44px;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);border:1px solid #0000;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.button--primary{background-color:var(--color-primary);color:var(--color-surface)}.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--secondary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.button--secondary:hover:not(:disabled){background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.button:disabled{opacity:.5;box-shadow:none}.scoreboard{width:100%;max-width:560px;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto}.scoreboard__badge-row{justify-content:center;min-height:24px;display:flex}.scoreboard__badge{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.scoreboard__names{margin-top:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.scoreboard__name{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);transition:color .15s}.scoreboard__name:nth-child(2){text-align:right}.scoreboard__name--active{color:var(--color-text-primary)}.scoreboard__counts{margin-top:var(--spacing-xs);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.scoreboard__count{font-size:var(--font-size-display);font-weight:var(--font-weight-extrabold);color:var(--color-text-secondary);transition:color .15s}.scoreboard__count--active{color:var(--color-primary)}.scoreboard__count:nth-child(3){text-align:right}.scoreboard__vs{padding:var(--spacing-xs) var(--spacing-lg);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);background-color:var(--color-bg);border-radius:var(--radius-full);justify-self:center}.board{gap:var(--spacing-sm);flex-direction:column;width:100%;max-width:560px;margin:0 auto;display:flex;container-type:inline-size}.board__grid{aspect-ratio:1;width:100%;padding:var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:repeat(8,1fr);display:grid}.board__square{aspect-ratio:1;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.board__square--light{background-color:var(--color-board-light)}.board__square--dark{background-color:var(--color-board-dark);cursor:pointer}.board__square--dark:disabled{cursor:default}.board__square--selected{box-shadow:inset 0 0 0 4px var(--color-primary);border-radius:4px;animation:none}.board__square--can-capture{box-shadow:inset 0 0 0 3px var(--color-warning);animation:1.4s ease-in-out infinite board-capture-pulse}@keyframes board-capture-pulse{50%{box-shadow:inset 0 0 0 6px var(--color-warning)}}.board__notice{text-align:center;font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-warning);margin:0}.board__hint{pointer-events:none;background-color:#ffffff8c;border-radius:50%;width:32%;height:32%;position:absolute}.piece{width:78%;height:78%;box-shadow:var(--shadow-sm);border-radius:50%;display:block;position:relative}.piece__crown{color:var(--color-piece-king);font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;justify-content:center;align-items:center;font-size:3.2cqw;display:flex;position:absolute;inset:0}.piece--player-1{background-color:var(--color-piece-player-1);border:2px solid var(--color-piece-player-1-border)}.piece--player-2{background-color:var(--color-piece-player-2);border:2px solid var(--color-piece-player-2-border)}.piece--king{box-shadow:inset 0 0 0 4px var(--color-piece-king)}.game-over{z-index:10;padding:var(--spacing-xl);background-color:color-mix(in srgb, var(--color-text-primary) 45%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-over__card{align-items:center;gap:var(--spacing-lg);width:100%;max-width:380px;padding:var(--spacing-xxxl) var(--spacing-xxl);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;display:flex}.game-over__card .material-symbols-rounded{color:var(--color-warning);font-size:48px}.game-over__title{font-size:var(--font-size-title);font-weight:var(--font-weight-extrabold)}.game-over__actions{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.game-screen{gap:var(--spacing-xl);width:100%;max-width:640px;padding:var(--spacing-xl);flex-direction:column;margin:auto;display:flex}.game-screen__controls{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.game-screen__actions{justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.game-screen__thinking{font-size:var(--font-size-label);color:var(--color-text-secondary)}.home{align-items:center;gap:var(--spacing-xxl);width:100%;max-width:560px;padding:var(--spacing-xxxl) var(--spacing-xl);flex-direction:column;margin:auto;display:flex}.home__header{text-align:center}.home__header .material-symbols-rounded{color:var(--color-primary);font-size:48px}.home__title{margin-top:var(--spacing-sm);font-size:var(--font-size-display);font-weight:var(--font-weight-extrabold)}.home__subtitle{margin-top:var(--spacing-xs);color:var(--color-text-secondary)}.home__modes{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.home__mode{align-items:flex-start;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xl);text-align:left;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex}.home__mode:hover{border-color:var(--color-primary)}.home__mode--selected{border-color:var(--color-primary);background-color:var(--color-primary-subtle);box-shadow:var(--focus-ring)}.home__mode .material-symbols-rounded{color:var(--color-primary);font-size:32px}.home__mode-label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);display:flex}.home__mode-description{font-size:var(--font-size-label);color:var(--color-text-secondary)}.home__difficulty{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.home__difficulty-option{min-height:40px;padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);transition:background-color .15s,border-color .15s,color .15s}.home__difficulty-option--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.app{min-height:100dvh;padding:var(--spacing-xl) 0;display:flex}:root{--color-bg:#f6f5f2;--color-surface:#fff;--color-text-primary:#1c1917;--color-text-secondary:#78716c;--color-border:#e7e5e4;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-active:#3730a3;--color-primary-subtle:#eef2ff;--color-success:#16a34a;--color-error:#dc2626;--color-warning:#d97706;--color-board-light:#f0d9b5;--color-board-dark:#b58863;--color-piece-player-1:#fafaf9;--color-piece-player-1-border:#d6d3d1;--color-piece-player-2:#292524;--color-piece-player-2-border:#1c1917;--color-piece-king:#f59e0b;--font-family-base:"Inter", system-ui, -apple-system, sans-serif;--font-size-display:2rem;--font-size-title:1.5rem;--font-size-subtitle:1.125rem;--font-size-body:1rem;--font-size-label:.875rem;--font-size-caption:.75rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-xxl:2rem;--spacing-xxxl:3rem;--spacing-xxxxl:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001f;--focus-ring:0 0 0 3px #4f46e559}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{line-height:1.2;font-weight:var(--font-weight-bold);margin:0}p{margin:0}button,input,select{font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{box-shadow:var(--focus-ring);outline:none}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24}