.gomoku-page{padding-top:0;padding-bottom:0;min-height:100%}.gomoku-layout{--board-surface: var(--color-gomoku-board-light);--board-edge: var(--color-gomoku-grid-line);--board-shadow: var(--color-gomoku-board-shadow);display:flex;flex-direction:column;gap:16px;min-height:0;height:100%}.gomoku-board{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.gomoku-canvas{pointer-events:auto;image-rendering:crisp-edges;border-radius:14px;box-shadow:0 12px 24px var(--color-gomoku-board-shadow)}@media(max-width:768px){.gomoku-layout{gap:12px;min-height:0;height:100%}.gomoku-board{padding:0;border-radius:14px}}.gomoku-canvas{animation:none}.verify-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;padding:20px;text-align:center}.verify-container h3{margin-bottom:20px}.verify-container button{padding:10px;border:none;border-radius:4px;background-color:var(--color-verify-button);color:#fff;cursor:pointer}.verify-container button:hover{background-color:var(--color-verify-button-hover)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-background-body);color:var(--color-text-base);min-height:100vh}html,body,#root{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-primary-dark)}a{color:var(--color-primary-main);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease}.slide-in-left{animation:slideInFromLeft .3s ease}.slide-in-right{animation:slideInFromRight .3s ease}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.text-gradient{background:var(--gradient-primary-secondary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-reverse{background:var(--gradient-secondary-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:600px){body{padding:0}}.btn:hover{background-color:var(--color-btn-hover)}.back-button{margin-top:50px;width:25%;background-color:var(--color-back-button)}.back-button:hover{background-color:var(--color-back-button-hover)}:root{--color-primary-main: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-lighter: #312e81;--color-primary-very-light: #1e1b4b;--color-secondary-main: #ec4899;--color-secondary-light: #f472b6;--color-secondary-dark: #be185d;--color-secondary-lighter: #831843;--color-secondary-very-light: #500724;--color-success-main: #10b981;--color-success-light: #6ee7b7;--color-success-dark: #047857;--color-success-lighter: #064e3b;--color-success-very-light: #022c1d;--color-error-main: #ef4444;--color-error-light: #fca5a5;--color-error-dark: #991b1b;--color-error-lighter: #7f1d1d;--color-error-very-light: #450a0a;--color-info-main: #06b6d4;--color-info-light: #22d3ee;--color-info-dark: #0891b2;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-base: #1e293b;--color-background-main: #1e293b;--color-background-light: #334155;--color-background-default: #0f172a;--color-background-paper: #1e293b;--color-background-body: #f8fafc;--color-border-main: #334155;--color-border-light: rgba(255, 255, 255, .1);--color-white: #ffffff;--color-verify-button: #007BFF;--color-verify-button-hover: #0056b3;--color-scrollbar-track: #f1f5f9;--color-btn-hover: #23303d;--color-back-button: #728599;--color-back-button-hover: #546270;--color-navbar-background: #2c3e50;--color-navbar-text: #ecf0f1;--color-navbar-hover: #293847;--color-error-text: #d9534f;--color-gomoku-board-light: #f6e7c8;--color-gomoku-board-dark: #e7cfa3;--color-gomoku-grid-line: #5b4a36;--color-gomoku-star-point: #5b4a36;--color-gomoku-texture: rgba(176, 137, 104, .12);--color-gomoku-black-stone-light: #4b5563;--color-gomoku-black-stone-dark: #0f172a;--color-gomoku-black-stone-stroke: #0f172a;--color-gomoku-white-stone-light: #ffffff;--color-gomoku-white-stone-dark: #e2e8f0;--color-gomoku-white-stone-stroke: #cbd5f5;--color-gomoku-board-shadow: rgba(15, 23, 42, .2);--color-chess-light-square: #f0d9b5;--color-chess-dark-square: #b58863;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-primary-dark: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #06b6d4 100%);--gradient-secondary-dark: linear-gradient(135deg, #be185d 0%, #0891b2 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-success-dark: linear-gradient(135deg, #047857 0%, #0891b2 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #f43f5e 100%);--gradient-error-dark: linear-gradient(135deg, #991b1b 0%, #e11d48 100%);--gradient-gomoku: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-chess: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-primary-secondary: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);--gradient-secondary-primary: linear-gradient(135deg, #ec4899 0%, #6366f1 100%);--shadow-light: rgba(0, 0, 0, .07);--shadow-medium: rgba(0, 0, 0, .1);--shadow-heavy: rgba(0, 0, 0, .15);--overlay-white-light: rgba(255, 255, 255, .7);--overlay-white-medium: rgba(255, 255, 255, .9);--overlay-white-lighter: rgba(255, 255, 255, .3);--overlay-black-light: rgba(0, 0, 0, .07);--overlay-black-medium: rgba(0, 0, 0, .1);--overlay-black-heavy: rgba(0, 0, 0, .15)}.error-message{color:var(--color-error-text);font-size:14px;margin-top:5px;display:block}