:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1c211c;background:#f3f2ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 0 0,#6f82651f,#0000 32rem),#f3f2ed;min-height:100vh}button{font:inherit}.app-shell{width:min(100%,76rem);min-height:100vh;margin:0 auto;padding:clamp(1.25rem,4vw,3.5rem)}.page-header{margin-bottom:clamp(1.5rem,4vw,2.75rem)}.eyebrow,.panel-label{letter-spacing:.12em;text-transform:uppercase;color:#667064;margin:0;font-size:.75rem;font-weight:750}h1{letter-spacing:-.045em;margin:.5rem 0 0;font-size:clamp(2.2rem,5vw,4.25rem);line-height:.98}.subtitle{color:#626960;max-width:42rem;margin:.9rem 0 0;font-size:1rem;line-height:1.6}.trainer-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);align-items:start;gap:clamp(1.25rem,3vw,2rem);display:grid}.board-column{min-width:0}.board-frame{width:100%;max-width:46rem;margin:0 auto}.game-sidebar{background:#fffffceb;border:1px solid #d9d9d0;border-radius:.9rem;flex-direction:column;gap:1rem;min-height:min(46rem,75vw);padding:1.25rem;display:flex;box-shadow:0 .8rem 2.2rem #191f1812}.status-panel,.engine-panel{border-bottom:1px solid #e2e1da;padding-bottom:1rem}.game-status{margin:.5rem 0 0;font-size:1.1rem;font-weight:700;line-height:1.35}.last-move-note,.orientation-note{color:#777d74;margin:.45rem 0 0;font-size:.8rem}.orientation-note{text-transform:capitalize}.engine-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.engine-state{color:#687067;white-space:nowrap;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:inline-flex}.engine-state:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.engine-state-ready{color:#3f6d47}.engine-state-thinking,.engine-state-loading{color:#8a6a28}.engine-state-error,.engine-error{color:#9a4038}.engine-error{margin:.55rem 0 0;font-size:.8rem;line-height:1.45}.moves-panel{flex-direction:column;flex:1;min-height:0;display:flex}.moves-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.moves-heading>span{color:#858a82;font-size:.75rem}.move-list{scrollbar-gutter:stable;min-height:8rem;max-height:27rem;margin-top:.8rem;overflow-y:auto}.empty-moves{color:#8a8f87;margin:0;padding:.75rem 0;font-size:.9rem}.move-row{font-variant-numeric:tabular-nums;border-bottom:1px solid #eeede7;grid-template-columns:2.4rem minmax(0,1fr) minmax(0,1fr);gap:.5rem;padding:.42rem .25rem;font-size:.9rem;display:grid}.move-number{color:#92968f}.game-controls{gap:.65rem;margin-top:auto;display:grid}.primary-button,.secondary-button,.promotion-options button,.promotion-cancel{cursor:pointer;border:1px solid #0000;border-radius:.6rem;min-height:2.75rem;transition:transform .12s,background .12s,border-color .12s}.primary-button{color:#fff;background:#334b35;font-weight:700}.secondary-button{color:#313831;background:#f7f7f3;border-color:#cfd2ca;font-weight:650}.primary-button:hover,.secondary-button:hover,.promotion-options button:hover,.promotion-cancel:hover{transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.promotion-options button:focus-visible,.promotion-cancel:focus-visible{outline-offset:2px;outline:3px solid #4465474d}.promotion-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#161b1673;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.promotion-dialog{background:#fff;border:1px solid #d9d9d0;border-radius:.9rem;width:min(100%,25rem);padding:1.35rem;box-shadow:0 1.5rem 4rem #0a0f0a38}.promotion-dialog h2{margin:.35rem 0 1rem;font-size:1.4rem}.promotion-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.promotion-options button{color:#263027;background:#f4f5f0;border-color:#cdd2c9;font-weight:700}.promotion-cancel{color:#686e66;background:0 0;border-color:#0000;width:100%;margin-top:.7rem}@media (max-width:52rem){.trainer-layout{grid-template-columns:1fr}.board-frame{max-width:none}.game-sidebar{min-height:auto}.move-list{max-height:18rem}}@media (max-width:32rem){.app-shell{padding:1rem}.page-header{margin-bottom:1.25rem}.subtitle{font-size:.92rem}.game-sidebar{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}