:root{--color-surface-bg: #FAF6EE;--color-surface-panel: #FFFFFF;--color-surface-subtle: #F3EBDD;--color-surface-overlay: rgba(30, 24, 18, .45);--color-border-subtle: #E5DAC6;--color-board-border: #3D352E;--color-board-frame: #D4AF37;--color-square-light: #F5EEDB;--color-square-dark: #B58863;--color-square-selected: #FDE047;--color-square-last-move: #E2D4B7;--color-reachable-tint: #4D7328;--color-reachable-glyph: #FFFFFF;--color-deficit-tint: #C07050;--color-deficit-glyph: #FFFFFF;--color-check-warning: #DC2626;--color-tempo-bar: #2563EB;--color-tempo-drain: #93C5FD;--color-fate-surplus: #8B5CF6;--color-fate-glow: rgba(139, 92, 246, .35);--color-text-primary: #2A231C;--color-text-secondary: #6B5E51;--color-text-inverse: #FFFFFF;--shadow-card: 0 4px 16px -2px rgba(42, 35, 28, .08);--shadow-modal: 0 24px 60px -12px rgba(42, 35, 28, .5);--shadow-btn-primary: 0 2px 8px rgba(37, 99, 235, .3);--shadow-btn-gold: 0 2px 10px rgba(212, 175, 55, .4)}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--color-surface-bg);color:var(--color-text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}a{color:#1d4ed8;text-decoration:none}a:hover{color:#1e40af}::selection{background:#d4af3759}:focus-visible{outline:2px solid var(--color-tempo-bar);outline-offset:2px}input[type=range]{accent-color:var(--color-tempo-bar)}@keyframes db-pulse{0%,to{box-shadow:0 2px 8px #2563eb4d}50%{box-shadow:0 2px 22px #2563eba6}}@keyframes db-tumble{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-14deg) scale(1.1)}50%{transform:rotate(12deg) scale(.94)}75%{transform:rotate(-8deg) scale(1.06)}to{transform:rotate(0) scale(1)}}@keyframes db-chip{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}@keyframes db-ring{0%,to{box-shadow:inset 0 0 0 4px #dc2626d9}50%{box-shadow:inset 0 0 0 7px #dc262673}}@keyframes db-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes db-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes dx-aura{0%,to{box-shadow:inset 0 0 0 3px #4d7328e6}50%{box-shadow:inset 0 0 0 6px #2563ebbf}}@keyframes dx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dx-tumble{0%{transform:rotate(0) scale(1)}30%{transform:rotate(-18deg) scale(1.12)}60%{transform:rotate(14deg) scale(.92)}to{transform:rotate(0) scale(1)}}@keyframes dx-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}}@keyframes dx-ripple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.9)}}@keyframes dx-float{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-34px)}}@keyframes dx-pillar{0%{opacity:0;transform:scaleY(.2)}40%{opacity:1}to{opacity:0;transform:scaleY(1.5)}}@keyframes dx-burn{0%{filter:brightness(2.4);opacity:.2}to{filter:none;opacity:1}}@keyframes dx-thinking-pulse{0%,to{box-shadow:0 0 0 2px #d4af3773,0 12px 32px -10px #2a231c73;border-color:var(--color-board-frame)}50%{box-shadow:0 0 22px 6px #2563ebbf,0 0 32px 10px #d4af378c,0 12px 32px -10px #2a231c73;border-color:#60a5fa}}@keyframes dx-dot-bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}@keyframes dx-bubble-pop{0%{opacity:0;transform:translateY(8px) scale(.85)}60%{transform:translateY(-2px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dx-bubble-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media(max-width:760px){[data-fab]{display:flex!important}}