.go-board-container{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.go-board-canvas{display:block;border-radius:4px}.coord-hint{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#111827e6;color:#fff;padding:3px 10px;border-radius:4px;font-size:13px;font-weight:600;pointer-events:none;z-index:10}@media (max-width: 480px){.go-board-container{padding:4px}}.review{min-height:100vh}.review-list-panel,.review-board-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;max-width:1100px;margin:0 auto}.review-list-head,.review-board-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.review-list-head h2,.review-board-head .review-title{color:#1a202c;font-size:1.3rem;font-weight:700}.review-title{text-align:center;flex:1;font-size:1.05rem}.review-btn{padding:.55rem 1rem;border:1px solid #e5e7eb;border-radius:7px;font-size:.9rem;font-weight:600;cursor:pointer;background:#fff;color:#334155;white-space:nowrap}.review-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e0}.review-btn:disabled{opacity:.45;cursor:not-allowed}.review-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.review-btn.primary:hover:not(:disabled){background:#1d4ed8}.review-btn.danger{background:#dc2626;border-color:#dc2626;color:#fff}.review-btn.ghost{background:transparent;border:1px dashed #cbd5e0;color:#64748b}.review-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.6rem .8rem;border-radius:7px;font-size:.9rem;margin-bottom:1rem}.review-error.small{padding:.45rem .65rem;font-size:.85rem;margin:.5rem 0 0}.review-loading{text-align:center;color:#64748b;padding:2rem}.review-empty{text-align:center;color:#94a3b8;padding:2.5rem}.review-table-wrap{overflow-x:auto}.review-table{width:100%;border-collapse:collapse}.review-table th,.review-table td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid #f1f5f9}.review-table th{color:#64748b;font-weight:600;font-size:.82rem}.review-table tbody tr{cursor:pointer}.review-table tbody tr:hover{background:#f8fafc}.review-table td{color:#1a202c;font-weight:500;font-size:.9rem}.rv-result{font-weight:700!important;color:#2563eb!important}.rv-black-dot,.rv-white-dot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:middle;margin:0 .2rem}.rv-black-dot{background:#111827}.rv-white-dot{background:#fff;border:1px solid #cbd5e0}.review-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.25rem;align-items:start}.review-board-side{display:flex;flex-direction:column;gap:.9rem}.review-mode-bar{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e5e7eb;padding:.6rem .9rem;border-radius:8px}.mode-chip{background:#2563eb;color:#fff;padding:.25rem .7rem;border-radius:4px;font-size:.8rem;font-weight:700}.move-indicator{color:#475569;font-weight:600;font-size:.9rem}.review-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.move-slider{display:flex;align-items:center;gap:.5rem;flex:1;min-width:160px}.move-slider input[type=range]{flex:1;accent-color:#2563eb}.move-num{color:#1a202c;font-weight:700;white-space:nowrap;font-size:.9rem}.review-tools{display:flex;flex-direction:column;gap:1rem}.tool-group{background:#f8fafc;border:1px solid #e5e7eb;padding:1rem;border-radius:8px}.tool-group h3{color:#1a202c;margin:0 0 .4rem;font-size:1rem}.tool-hint{color:#64748b;font-size:.85rem;margin-bottom:.7rem;line-height:1.5}.mark-type-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem}.mark-btn{padding:.4rem .7rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;color:#475569}.mark-btn.active{border-color:#2563eb;background:#2563eb;color:#fff}.letter-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem}.letter-row label{color:#475569;font-weight:600;font-size:.9rem}.letter-row input{width:44px;padding:.35rem .4rem;border:1px solid #e5e7eb;border-radius:6px;text-align:center;font-size:1rem;font-weight:700;outline:none}.letter-row input:focus{border-color:#2563eb}.mark-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.mark-count{color:#64748b;font-size:.82rem;margin-top:.5rem}.score-result{margin-top:.7rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.9rem}.score-row{display:flex;align-items:center;gap:.5rem;color:#1a202c;font-weight:500;padding:.25rem 0}.score-row b{font-size:1.15rem}.score-lead{font-weight:700;color:#2563eb;margin-top:.35rem}.score-note{color:#64748b;font-size:.82rem;margin-top:.35rem;border-top:1px dashed #e5e7eb;padding-top:.35rem}@media (max-width: 900px){.review-body{grid-template-columns:1fr}}.auth-wrap{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:1.5rem 0}.auth-card{width:100%;max-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.auth-card h2{text-align:center;color:#1a202c;font-size:1.4rem;margin:0}.auth-sub{text-align:center;color:#64748b;font-size:.9rem;margin:-.5rem 0 0}.auth-tabs{display:flex;gap:.4rem}.auth-tabs button{flex:1;padding:.5rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;color:#475569}.auth-tabs button.active{border-color:#2563eb;background:#2563eb;color:#fff}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-field label{font-weight:600;color:#475569;font-size:.9rem}.auth-field input{padding:.6rem .8rem;border:1px solid #e5e7eb;border-radius:7px;font-size:1rem;outline:none;background:#fff;color:#1a202c}.auth-field input:focus{border-color:#2563eb}.auth-error{padding:.6rem .8rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:7px;font-size:.9rem}.auth-submit{padding:.7rem;border:none;border-radius:7px;background:#2563eb;color:#fff;font-size:1rem;font-weight:700;cursor:pointer}.auth-submit:hover:not(:disabled){background:#1d4ed8}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.app{height:100vh;display:flex;flex-direction:column;background:#f5f6f8;overflow:hidden}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:.6rem 1rem;text-align:center}.app-header h1{font-size:1.6rem;color:#1a202c;margin:0 0 .25rem;font-weight:700;letter-spacing:.02em}.subtitle{font-size:.95rem;color:#64748b;margin:0}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:1280px;margin:0 auto}.gt-players{display:flex;align-items:center;gap:.75rem;flex:1}.gt-player{display:flex;align-items:center;gap:.4rem;font-weight:600;color:#1a202c;font-size:.95rem}.gt-dot{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid #94a3b8}.gt-dot.black{background:#111827;border-color:#000}.gt-dot.white{background:#fff;border-color:#cbd5e0}.gt-status{color:#64748b;font-size:.9rem;font-weight:500}.gt-right{display:flex;align-items:center;gap:.6rem}.game-room{font-weight:600;color:#64748b;font-size:.85rem}.conn-badge{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#f1f5f9;color:#64748b}.conn-badge.online{background:#f0fdf4;color:#16a34a}.conn-badge.offline{background:#fef2f2;color:#dc2626}.conn-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.user-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.6rem;flex-wrap:wrap}.user-name{font-weight:600;color:#1a202c}.user-stats{color:#64748b;font-size:.85rem}.logout-btn{padding:.25rem .75rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;color:#475569}.logout-btn:hover{border-color:#dc2626;color:#dc2626}.header-nav{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem}.nav-link{padding:.4rem 1.25rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;color:#475569}.nav-link.active{border-color:#2563eb;background:#2563eb;color:#fff}.app-main{flex:1;padding:1.25rem;max-width:1280px;margin:0 auto;width:100%;overflow:auto}.app-main-game{padding:.5rem;overflow:hidden;display:flex}.game-container{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;flex:1;min-height:0;overflow:hidden}.board-section{display:flex;flex-direction:column;gap:.75rem;min-height:0}.game-status{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:#f8fafc;border:1px solid #e5e7eb;padding:.6rem .9rem;border-radius:8px}.player-indicator{display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;border-radius:6px;background:#fff;border:1px solid #e5e7eb;color:#1a202c;font-weight:500}.player-indicator.active{border-color:#2563eb;background:#eff6ff;color:#1e3a8a}.stone-indicator{width:18px;height:18px;border-radius:50%;border:1px solid #94a3b8}.stone-indicator.black{background:#111827;border-color:#000}.stone-indicator.white{background:#fff;border-color:#cbd5e0}.turn-badge{background:#e2e8f0;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#475569}.player-indicator.active .turn-badge{background:#bfdbfe;color:#1e40af}.status-center{text-align:center;flex:1}.status-text{font-size:1.1rem;font-weight:700;color:#1a202c}.move-count{font-size:.85rem;color:#64748b}.board-controls{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.board-controls .control-btn{padding:.42rem .5rem;font-size:.85rem;min-width:0}.control-btn{padding:.65rem 1.25rem;border:1px solid #e5e7eb;border-radius:7px;font-size:.95rem;font-weight:600;cursor:pointer;background:#fff;color:#334155;min-width:88px}.control-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e0}.control-btn:disabled{opacity:.45;cursor:not-allowed}.control-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.control-btn.primary:hover:not(:disabled){background:#1d4ed8}.control-btn.danger{background:#dc2626;border-color:#dc2626;color:#fff}.control-btn.danger:hover:not(:disabled){background:#b91c1c}.control-btn.ghost{background:transparent;border:1px dashed #cbd5e0;color:#64748b}.info-section{display:flex;flex-direction:column;gap:1rem;min-height:0}.info-panel{background:#f8fafc;border:1px solid #e5e7eb;padding:1rem;border-radius:8px}.info-panel h3{color:#1a202c;margin:0 0 .75rem;font-size:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.info-label{color:#64748b;font-size:.85rem}.info-value{color:#1a202c;font-weight:600;font-size:.9rem}.spectator-list{display:flex;flex-wrap:wrap;gap:.4rem}.spectator-tag{padding:.3rem .7rem;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#475569;font-size:.85rem}.empty-spectator{color:#94a3b8;font-size:.9rem}.result-panel .result-text{font-size:1.6rem;font-weight:700;text-align:center;color:#2563eb}.result-panel .result-reason{text-align:center;color:#64748b;margin-top:.25rem}.count-panel{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.6rem;align-items:center}.count-title{font-weight:700;color:#92400e;font-size:1rem}.count-result{font-size:1.05rem;color:#1a202c;font-weight:500}.count-result b{font-size:1.3rem;color:#111827}.count-dead{font-size:.82rem;color:#dc2626;margin-left:.4rem}.count-actions{display:flex;gap:.6rem}.count-actions .control-btn{min-width:96px}.clock-bar{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.clock-side{display:flex;justify-content:space-between;align-items:center;padding:.55rem .85rem;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}.clock-side.active{border-color:#2563eb;background:#eff6ff}.clock-label{display:flex;align-items:center;gap:.4rem;font-weight:600;color:#1a202c;font-size:.95rem}.clock-time{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.15rem;color:#2563eb}.clock-side.active .clock-time{color:#1e3a8a}.game-rules{background:#f8fafc;border:1px solid #e5e7eb;padding:1rem;border-radius:8px}.game-rules h3{color:#1a202c;margin:0 0 .6rem;font-size:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.game-rules ul{list-style:none;padding:0;margin:0}.game-rules li{padding:.3rem 0;color:#475569;font-size:.9rem}.app-footer{background:#fff;border-top:1px solid #e5e7eb;padding:1rem 1.5rem;text-align:center}.app-footer p{color:#64748b;font-size:.85rem;margin:0 0 .4rem}.footer-links a{color:#2563eb;text-decoration:none;margin:0 .5rem}.app-main-lobby{overflow:hidden;display:flex;align-items:center;justify-content:center}.lobby{width:100%;display:flex;justify-content:center;padding:0}@media (max-width: 900px){.app-main-lobby{display:block;overflow:auto}.lobby{padding:.5rem 0 1rem}.auth-wrap{min-height:auto;padding:.5rem 0 1rem}}.lobby-card{width:100%;max-width:460px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.95rem 1rem;display:flex;flex-direction:column;gap:.6rem}.lobby-card h2{text-align:center;color:#1a202c;font-size:1.4rem;margin:0}.lobby-field{display:flex;align-items:center;gap:.6rem}.lobby-field label{font-weight:600;color:#475569;font-size:.9rem;flex-shrink:0;min-width:52px}.lobby-field .mode-tabs,.lobby-field .size-tabs{flex:1}.lobby-field input,.lobby-field select{flex:1;padding:.55rem .7rem;border:1px solid #e5e7eb;border-radius:7px;font-size:1rem;outline:none;background:#fff;color:#1a202c;min-width:0}.lobby-field input:focus,.lobby-field select:focus{border-color:#2563eb}.mode-tabs,.size-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.mode-tabs button,.size-tabs button{flex:1;min-width:64px;padding:.55rem .7rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;color:#475569}.mode-tabs button.active,.size-tabs button.active{border-color:#2563eb;background:#2563eb;color:#fff}.lobby-error{padding:.6rem .8rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:7px;font-size:.9rem}.lobby-submit{padding:.7rem;border:none;border-radius:7px;background:#2563eb;color:#fff;font-size:1rem;font-weight:700;cursor:pointer}.lobby-submit:hover:not(:disabled){background:#1d4ed8}.lobby-submit:disabled{opacity:.5;cursor:not-allowed}.me-badge{background:#2563eb;color:#fff;padding:.1rem .45rem;border-radius:4px;font-size:.7rem;font-weight:700}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.1rem;color:#64748b}@media (max-width: 900px){.app-main-game{overflow:hidden;padding:.35rem}.game-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:.45rem;gap:.45rem}.board-section{flex:1;min-height:0;overflow:hidden;gap:.4rem}.game-topbar{gap:.35rem;flex-wrap:nowrap}.gt-players{gap:.4rem;min-width:0}.gt-player{font-size:.82rem;gap:.3rem;white-space:nowrap}.gt-dot{width:11px;height:11px}.gt-status{font-size:.78rem;white-space:nowrap}.gt-right{gap:.35rem;flex-shrink:0}.game-room{font-size:.75rem;white-space:nowrap}.gt-right .control-btn{min-width:0;padding:.28rem .5rem;font-size:.78rem}.gt-right .control-btn.ghost{border-style:solid}.info-section{order:2;flex:0 0 auto;gap:.4rem}.hide-mobile{display:none!important}.info-panel{padding:.55rem}.board-controls{grid-template-columns:repeat(4,1fr);gap:.35rem}.board-controls .control-btn{padding:.4rem .25rem;font-size:.78rem}}@media (max-width: 600px){.app-header{padding:.5rem .75rem}.app-header h1{font-size:1.25rem}.info-grid{grid-template-columns:1fr}}.result-score{font-size:.95rem;color:#334155;margin-top:.15rem;font-variant-numeric:tabular-nums}@media (max-height: 620px){.app-main-lobby{overflow:auto;align-items:flex-start}}.move-pad{flex:0 0 auto;display:flex;justify-content:center;padding:.15rem 0}.pad-row{display:flex;align-items:stretch;gap:.5rem}.pad-cross{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:3px}.pad-btn{border:1px solid #cbd5e0;background:#f8fafc;border-radius:6px;color:#334155;font-size:.85rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pad-btn:active{background:#e2e8f0}.pad-btn.up{grid-area:1 / 2}.pad-btn.left{grid-area:2 / 1}.pad-btn.right{grid-area:2 / 3}.pad-btn.down{grid-area:3 / 2}.pad-confirm{width:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pad-confirm:disabled{background:#cbd5e0;border-color:#cbd5e0;color:#64748b;cursor:not-allowed}.pad-coord{font-size:.78rem;font-variant-numeric:tabular-nums;opacity:.95}.pad-confirm-label{font-size:.95rem;font-weight:700}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1a202c;background-color:#f5f6f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;min-width:320px;background-color:#f5f6f8;color:#1a202c}#root{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background:#2563eb;color:#fff}:focus-visible{outline:2px solid #2563eb;outline-offset:2px}