@import url(https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;700&display=swap);:root{--bg-dark:#1a1512;--bg-medium:#2d2520;--bg-light:#3d2f27;--vermilion:#c23a2b;--vermilion-light:#e85a4a;--vermilion-dark:#8b1a10;--gold:#c9a227;--gold-light:#e8c547;--gold-dark:#a08020;--lacquer-black:#1a1a1a;--wood-light:#d4a574;--wood-medium:#b8956a;--wood-dark:#8b6b4a;--text-light:#f5f0e6;--text-muted:#a09080}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}body{background:linear-gradient(135deg,#1a1512,#2d2520);background:linear-gradient(135deg,var(--bg-dark),var(--bg-medium));color:#f5f0e6;color:var(--text-light);font-family:"Noto Serif SC",serif;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(180deg,#0006,#0000);padding:20px;text-align:center}.main-title{color:#c9a227;color:var(--gold);cursor:pointer;font-family:Ma Shan Zheng,cursive;font-size:3rem;letter-spacing:.3em;text-shadow:2px 2px 4px #00000080}.sub-title{color:#a09080;color:var(--text-muted);letter-spacing:.5em}.room-id,.sub-title{font-size:.9rem;margin-top:5px}.room-id{color:#c9a227;color:var(--gold)}.game-menu{margin:0 auto;max-width:900px;padding:30px 20px}.game-selector{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.game-card{background:linear-gradient(145deg,#3d2f27,#2d2520);background:linear-gradient(145deg,var(--bg-light),var(--bg-medium));border:2px solid #8b6b4a;border:2px solid var(--wood-dark);border-radius:12px;cursor:pointer;flex-shrink:0;padding:25px 20px;text-align:center;transition:all .3s;width:180px}.game-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.game-card.selected,.game-card:hover{border-color:#c9a227;border-color:var(--gold)}.game-card.selected{background:linear-gradient(145deg,#2d2520,#1a1512);background:linear-gradient(145deg,var(--bg-medium),var(--bg-dark));box-shadow:0 0 20px #c9a2274d}.game-icon{font-size:3rem;margin-bottom:10px}.game-title{color:#c9a227;color:var(--gold);font-family:Ma Shan Zheng,cursive;font-size:1.5rem;margin-bottom:8px}.game-desc{color:#a09080;color:var(--text-muted);font-size:.85rem}.settings-panel{background:#3d2f27;background:var(--bg-light);border:1px solid #8b6b4a;border:1px solid var(--wood-dark);border-radius:12px;padding:25px}.settings-title{color:#c9a227;color:var(--gold);font-family:Ma Shan Zheng,cursive;font-size:1.8rem;text-align:center}.setting-group,.settings-title{margin-bottom:20px}.setting-label{color:#a09080;color:var(--text-muted);font-size:.9rem;margin-bottom:10px}.mode-selector{display:flex;flex-wrap:wrap;gap:10px}.mode-btn{background:#2d2520;background:var(--bg-medium);border:1px solid #8b6b4a;border:1px solid var(--wood-dark);border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;min-width:120px;padding:12px;text-align:center;transition:all .2s}.mode-btn.selected,.mode-btn:hover{border-color:#c9a227;border-color:var(--gold)}.mode-btn.selected{background:#a08020;background:var(--gold-dark)}.mode-btn.selected,.text-input{color:#f5f0e6;color:var(--text-light)}.text-input{background:#2d2520;background:var(--bg-medium);border:1px solid #8b6b4a;border:1px solid var(--wood-dark);border-radius:8px;font-size:1rem;padding:12px;width:100%}.text-input:focus{border-color:#c9a227;border-color:var(--gold);outline:none}.board-size-selector,.color-selector,.difficulty-selector{display:flex;flex-wrap:wrap;gap:10px}.color-option{align-items:center;border:3px solid #0000;border-radius:50%;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;transition:all .2s;width:60px}.color-option.red{background:linear-gradient(145deg,#c23a2b,#8b1a10);color:#fff}.color-option.black{background:linear-gradient(145deg,#3a3a3a,#1a1a1a);color:#fff}.color-option.go-black{background:linear-gradient(145deg,#4a4a4a,#1a1a1a);color:#fff}.color-option.go-white{background:linear-gradient(145deg,#fff,#e0e0e0);color:#1a1a1a}.color-option.selected{border-color:#c9a227;border-color:var(--gold);box-shadow:0 0 15px #c9a22780}.difficulty-btn,.size-btn{background:#2d2520;background:var(--bg-medium);border:1px solid #8b6b4a;border:1px solid var(--wood-dark);border-radius:6px;cursor:pointer;padding:10px 20px;transition:all .2s}.difficulty-btn.selected,.difficulty-btn:hover,.size-btn.selected,.size-btn:hover{border-color:#c9a227;border-color:var(--gold)}.difficulty-btn.selected,.size-btn.selected{background:#a08020;background:var(--gold-dark)}.rules-box{background:#2d2520;background:var(--bg-medium);border:1px solid #8b6b4a;border:1px solid var(--wood-dark);border-radius:8px;margin-top:15px;max-height:300px;overflow-y:auto;padding:15px}.rules-box pre{color:#a09080;color:var(--text-muted);font-size:.85rem;line-height:1.6;white-space:pre-wrap}.btn,.rules-box pre{font-family:"Noto Serif SC",serif}.btn{background:#2d2520;background:var(--bg-medium);border:2px solid #8b6b4a;border:2px solid var(--wood-dark);border-radius:8px;color:#f5f0e6;color:var(--text-light);cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-gold{background:linear-gradient(145deg,#c9a227,#a08020);background:linear-gradient(145deg,var(--gold),var(--gold-dark));border-color:#c9a227;border-color:var(--gold);color:#1a1512;color:var(--bg-dark);font-weight:700}.btn-primary{background:#8b6b4a;background:var(--wood-dark);border-color:#b8956a;border-color:var(--wood-medium)}.btn-secondary{background:#0000;border-color:#8b6b4a;border-color:var(--wood-dark)}.start-btn{font-size:1.2rem;margin-top:20px;padding:15px;width:100%}.game-container{align-items:flex-start;flex:1 1;padding:20px;position:relative}.board-wrapper,.game-container{display:flex;justify-content:center}.board-wrapper{align-items:center}.board-container{background:linear-gradient(145deg,#d4a574,#b8956a);background:linear-gradient(145deg,var(--wood-light),var(--wood-medium));border-radius:8px;box-shadow:0 10px 40px #00000080,inset 0 2px 10px #ffffff1a;padding:10px}.chess-board,.go-board,.gomoku-board{background:linear-gradient(145deg,#d4a574,#b8956a);background:linear-gradient(145deg,var(--wood-light),var(--wood-medium));border-radius:4px;position:relative}.chess-board,.go-board,.gomoku-board,.piece{cursor:pointer;-webkit-user-select:none;user-select:none}.piece{align-items:center;border-radius:50%;box-shadow:2px 3px 8px #0006;display:flex;font-family:Ma Shan Zheng,cursive;font-weight:700;justify-content:center;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:box-shadow .15s}.piece.red{background:linear-gradient(145deg,#e85a4a,#a82a1a);border:2px solid gold;color:#fff}.piece.black{background:linear-gradient(145deg,#4a4a4a,#1a1a1a);border:2px solid #8b8b8b;color:#fff}.piece.selected{animation:pulse 1.5s infinite;box-shadow:0 0 20px #c9a227cc}.go-stone,.gomoku-stone{border-radius:50%;box-shadow:2px 3px 8px #0006;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.go-stone.black,.gomoku-stone.black{background:radial-gradient(circle at 30% 30%,#4a4a4a,#1a1a1a)}.go-stone.white,.gomoku-stone.white{background:radial-gradient(circle at 30% 30%,#fff,#e8e0d0);border:1px solid #ccc}.go-stone.last,.gomoku-stone.last{box-shadow:0 0 0 3px #c9a227,2px 3px 8px #0006;box-shadow:0 0 0 3px var(--gold),2px 3px 8px #0006}.win-highlight{animation:pulse 1s infinite;border:3px solid #c9a227;border:3px solid var(--gold);border-radius:50%;z-index:20}.move-hint,.win-highlight{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.move-hint{animation:hintPulse 1s infinite;border-radius:50%;z-index:10}.move-hint:not(.capture){background:#c9a22780}.move-hint.capture{background:#c23a2b33;border:3px dashed #c23a2b;border:3px dashed var(--vermilion)}.last-move{border:2px solid #c9a227;border:2px solid var(--gold);border-radius:4px;opacity:.5}.center-message,.last-move{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.center-message{animation:messageShow .5s,messageFade .5s 1s forwards;font-family:Ma Shan Zheng,cursive;font-size:3rem;left:50%;text-shadow:2px 2px 10px #000c;top:50%;z-index:100}.center-message.capture{color:#c9a227;color:var(--gold)}.center-message.check{color:#e85a4a;color:var(--vermilion-light)}.side-panel-toggle{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000}.toggle-btn{align-items:center;background:#3d2f27;background:var(--bg-light);border:2px solid #c9a227;border:2px solid var(--gold);border-radius:50%;color:#c9a227;color:var(--gold);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s;width:50px}.toggle-btn:hover{background:#c9a227;background:var(--gold);color:#1a1512;color:var(--bg-dark);transform:scale(1.15)}.side-panel{background:linear-gradient(180deg,#3d2f27fa,#2d2520fa);border-left:2px solid #8b6b4a;border-left:2px solid var(--wood-dark);height:100vh;overflow-y:auto;padding:60px 20px 20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:320px;z-index:999}.side-panel.open{transform:translateX(0)}.panel-close{background:none;border:none;color:#a09080;color:var(--text-muted);cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:15px}.panel{background:#0003;border:1px solid #8b6b4a;border:1px solid var(--wood-dark);border-radius:8px;margin-bottom:15px;padding:15px}.panel-title{border-bottom:1px solid #8b6b4a;border-bottom:1px solid var(--wood-dark);color:#c9a227;color:var(--gold);font-family:Ma Shan Zheng,cursive;font-size:1.3rem;margin-bottom:12px;padding-bottom:8px}.player-info{align-items:center;border-radius:6px;display:flex;gap:12px;margin-bottom:8px;padding:10px;transition:all .2s}.player-info.active{background:#c9a22726;border:1px solid #a08020;border:1px solid var(--gold-dark)}.player-icon{align-items:center;border-radius:50%;display:flex;font-family:Ma Shan Zheng,cursive;font-size:1.4rem;height:45px;justify-content:center;width:45px}.player-icon.red{background:linear-gradient(145deg,#c23a2b,#8b1a10);background:linear-gradient(145deg,var(--vermilion),var(--vermilion-dark));color:#fff}.player-icon.black{background:linear-gradient(145deg,#3a3a3a,#1a1a1a);color:#fff}.player-icon.go-black{background:#1a1a1a;color:#fff}.player-icon.go-white{background:#f5f0e6;border:1px solid #ccc;color:#1a1a1a}.player-name{color:#f5f0e6;color:var(--text-light);font-weight:700}.player-status{color:#a09080;color:var(--text-muted);font-size:.85rem}.player-status.thinking{animation:blink 1s infinite}.move-history{max-height:200px;overflow-y:auto}.move-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;font-size:1.1rem;padding:8px 0}.move-number{color:#a09080;color:var(--text-muted);font-size:1.1rem;min-width:35px}.move-notation{font-family:Ma Shan Zheng,cursive;font-size:1.2rem;font-weight:400}.move-notation.red{color:#e85a4a;color:var(--vermilion-light)}.move-notation.black{color:#f5f0e6;color:var(--text-light)}.move-notation.white{color:#e0e0e0}.btn-group{display:flex;gap:10px}.mobile-game-container{display:none}.modal-overlay{align-items:center;animation:fadeIn .3s;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal{animation:slideUp .3s;background:linear-gradient(145deg,#3d2f27,#2d2520);background:linear-gradient(145deg,var(--bg-light),var(--bg-medium));border:2px solid #c9a227;border:2px solid var(--gold);border-radius:16px;max-width:400px;padding:40px;text-align:center}.modal-title{color:#c9a227;color:var(--gold);font-family:Ma Shan Zheng,cursive;font-size:1.8rem;margin-bottom:15px}.modal-content{color:#a09080;color:var(--text-muted);margin-bottom:20px}.victory-icon{animation:bounce .6s;font-size:4rem;margin-bottom:15px}.winner-text{font-family:Ma Shan Zheng,cursive;font-size:2.5rem;margin-bottom:10px}.winner-text.red{color:#e85a4a;color:var(--vermilion-light)}.winner-text.black,.winner-text.go-black{color:#f5f0e6;color:var(--text-light)}.winner-text.go-white{color:#e0e0e0}.reason-text{color:#a09080;color:var(--text-muted);margin-bottom:20px}.modal-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.toast{animation:slideUp .3s;background:#3d2f27;background:var(--bg-light);border:1px solid #c9a227;border:1px solid var(--gold);border-radius:8px;bottom:30px;box-shadow:0 10px 30px #00000080;color:#f5f0e6;color:var(--text-light);left:50%;padding:12px 25px;position:fixed;transform:translateX(-50%);z-index:3000}@keyframes pulse{0%,to{box-shadow:0 0 10px #c9a22780}50%{box-shadow:0 0 25px #c9a227cc}}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes messageShow{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes messageFade{to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:768px){.header{padding:10px 8px}.main-title{font-size:1.6rem;letter-spacing:.1em}.sub-title{font-size:.65rem;letter-spacing:.15em}.game-menu{padding:15px 10px}.game-selector{gap:10px}.game-card{padding:12px 8px;width:100px}.game-icon{font-size:1.8rem;margin-bottom:5px}.game-title{font-size:1rem;margin-bottom:4px}.game-desc{font-size:.65rem}.settings-panel{padding:15px}.settings-title{font-size:1.4rem}.mode-btn{font-size:.8rem;min-width:80px;padding:10px 8px}.color-option{font-size:1.3rem;height:45px;width:45px}.difficulty-btn,.size-btn{font-size:.85rem;padding:8px 12px}.rules-box{max-height:120px}.rules-box pre{font-size:.7rem}.btn{font-size:.9rem;padding:10px 16px}.start-btn{font-size:.95rem;padding:12px}.game-container{display:none}.mobile-game-container{overflow:hidden;padding:5px 5px 0}.mobile-board-area,.mobile-game-container{display:flex;flex:1 1;flex-direction:column}.mobile-board-area{align-items:center;min-height:0}.mobile-board-wrapper{background:linear-gradient(145deg,#d4a574,#b8956a);background:linear-gradient(145deg,var(--wood-light),var(--wood-medium));border-radius:6px;box-shadow:0 4px 20px #0006;padding:5px}.mobile-turn-indicator{font-size:.95rem;font-weight:700;margin-top:8px;padding:8px 16px;text-align:center}.mobile-bottom-panel{background:linear-gradient(180deg,#3d2f27,#2d2520);background:linear-gradient(180deg,var(--bg-light),var(--bg-medium));border-top:2px solid #8b6b4a;border-top:2px solid var(--wood-dark);flex-shrink:0;padding:0}.mobile-tabs{border-bottom:1px solid #8b6b4a;border-bottom:1px solid var(--wood-dark);display:flex}.tab-btn{background:#0000;border:none;color:#a09080;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:"Noto Serif SC",serif;font-size:.9rem;padding:12px 8px;transition:all .2s}.tab-btn.active{background:#c9a2271a;border-bottom:2px solid #c9a227;border-bottom:2px solid var(--gold);color:#c9a227;color:var(--gold)}.mobile-panel-content{min-height:100px;padding:12px}.player-row{align-items:center;background:#00000026;border-radius:6px;display:flex;gap:10px;margin-bottom:6px;padding:8px 10px}.player-row.active{background:#c9a22726;border:1px solid #a08020;border:1px solid var(--gold-dark)}.player-badge{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-family:Ma Shan Zheng,cursive;font-size:1.1rem;height:32px;justify-content:center;width:32px}.player-badge.red{background:linear-gradient(145deg,#c23a2b,#8b1a10);background:linear-gradient(145deg,var(--vermilion),var(--vermilion-dark));color:#fff}.player-badge.black{background:linear-gradient(145deg,#3a3a3a,#1a1a1a);color:#fff}.player-badge.go-black{background:#1a1a1a;color:#fff;font-size:1.3rem}.player-badge.go-white{background:#f5f0e6;border:1px solid #ccc;color:#1a1a1a;font-size:1.3rem}.player-label{color:#f5f0e6;color:var(--text-light);flex:1 1;font-size:.9rem}.capture-count{color:#c9a227;color:var(--gold);font-size:.8rem;margin-right:5px}.turn-badge{background:#a08020;background:var(--gold-dark);border-radius:10px;color:#f5f0e6;color:var(--text-light);display:none;font-size:.75rem;padding:3px 8px}.turn-badge.show{animation:blink 1s infinite;display:inline-block}.history-scroll{max-height:100px;overflow-y:auto}.history-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;font-size:.85rem;padding:4px 0}.history-num{color:#a09080;color:var(--text-muted);min-width:28px}.history-move{font-family:Ma Shan Zheng,cursive;font-size:1rem}.history-move.red{color:#e85a4a;color:var(--vermilion-light)}.history-move.black{color:#f5f0e6;color:var(--text-light)}.history-move.white{color:#e0e0e0}.empty-hint{color:#a09080;color:var(--text-muted);font-size:.85rem;padding:20px;text-align:center}.actions-grid{display:flex;flex-wrap:wrap;gap:8px}.action-btn{background:#2d2520;background:var(--bg-medium);border:1px solid #8b6b4a;border:1px solid var(--wood-dark);border-radius:6px;color:#f5f0e6;color:var(--text-light);cursor:pointer;flex:1 1;font-family:"Noto Serif SC",serif;font-size:.85rem;min-width:calc(33% - 8px);padding:10px 8px;transition:all .2s}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.primary{background:#8b6b4a;background:var(--wood-dark);border-color:#b8956a;border-color:var(--wood-medium)}.action-btn.danger{border-color:#8b1a10;border-color:var(--vermilion-dark);color:#e85a4a;color:var(--vermilion-light)}.action-btn.gold{background:linear-gradient(145deg,#c9a227,#a08020);background:linear-gradient(145deg,var(--gold),var(--gold-dark));border-color:#c9a227;border-color:var(--gold);color:#1a1512;color:var(--bg-dark);font-weight:700}.modal{max-width:90%;padding:25px 20px}.modal-title{font-size:1.5rem}.victory-icon{font-size:3rem}.winner-text{font-size:2rem}.modal-actions{gap:10px}.modal-actions .btn{font-size:.9rem;padding:10px 16px}.toast{bottom:80px;font-size:.85rem;max-width:90%}}@media (max-width:380px){.header{padding:8px 5px}.main-title{font-size:1.4rem}.sub-title{font-size:.6rem}.game-card{padding:10px 6px;width:90px}.game-icon{font-size:1.5rem}.game-title{font-size:.9rem}.game-desc{display:none}.tab-btn{font-size:.8rem;padding:10px 5px}.mobile-panel-content{padding:10px}.action-btn{font-size:.8rem;padding:8px 6px}}
/*# sourceMappingURL=main.faa7fb64.css.map*/