.board-scale{max-width:100%;position:relative}.board{background:#deb887;border-radius:8px;position:relative;box-shadow:inset 0 0 10px #0000004d}.line-h,.line-v{pointer-events:none;background:#8b7355;position:absolute}.line-h{height:2px}.line-v{width:2px}.intersection{cursor:pointer;z-index:2;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;transform:translate(-50%,-50%)}.star{background:#6b4f2a;border-radius:50%;width:7px;height:7px}.piece{-webkit-user-select:none;user-select:none;border:2px solid #0000004d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;transition:transform .1s;display:flex;box-shadow:0 2px 4px #0000004d}.piece.selected{border-color:#f1c40f;transform:scale(1.15);box-shadow:0 0 10px #f1c40f}.zhou{color:#7a5200;-webkit-user-select:none;user-select:none;background:#f1c40f;border:2px solid #0000004d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex;box-shadow:0 0 6px #f1c40f99}.intersection.selected{background:#f1c40f40;border-radius:50%}.legal-dot{background:#2ecc71cc;border-radius:50%;width:14px;height:14px;animation:1s infinite pulse}.intersection.capture:after{content:"";pointer-events:none;border:3px solid #e74c3ce6;border-radius:50%;width:24px;height:24px;animation:1s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(1.25)}to{opacity:.8;transform:scale(1)}}@keyframes piece-slide{0%{left:var(--fx);top:var(--fy)}to{left:var(--tx);top:var(--ty)}}.piece-ghost{z-index:6;pointer-events:none;border:2px solid #00000059;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;animation:.45s forwards piece-slide;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 8px #00000073}.intersection.hide-piece .piece{opacity:0}@keyframes capture-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.3)}}.capture-ghost{z-index:5;pointer-events:none;border:2px solid #00000059;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;animation:.65s ease-out forwards capture-burst;display:flex;position:absolute}@keyframes capture-ring{0%{opacity:1;border-color:#e74c3c;transform:translate(-50%,-50%)scale(.4)}70%{border-color:#ff9f43}to{opacity:0;border-color:#e74c3c;transform:translate(-50%,-50%)scale(2)}}.capture-ring{z-index:4;pointer-events:none;border:4px solid #e74c3c;border-radius:50%;width:44px;height:44px;animation:.65s ease-out forwards capture-ring;position:absolute}.lost-pieces{flex-wrap:wrap;gap:2px;margin-left:6px;display:inline-flex}.lost-chip{color:#999;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:0 4px;font-size:11px;text-decoration:line-through}.move-origin{pointer-events:none;z-index:3;background:#f1c40f4d;border:2px solid #f1c40ff2;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.hint-from{pointer-events:none;z-index:6;border:3px solid gold;border-radius:50%;width:30px;height:30px;animation:1s ease-in-out infinite hint-pulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffd700e6,inset 0 0 8px #ffd70080}.hint-to{pointer-events:none;z-index:6;background:#ffd7002e;border:2px dashed gold;border-radius:50%;width:26px;height:26px;animation:1s ease-in-out infinite hint-pulse;position:absolute;transform:translate(-50%,-50%)}.hint-to:after{content:"?";color:gold;text-shadow:0 0 4px #ffd700e6;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}@keyframes hint-pulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.75;transform:translate(-50%,-50%)scale(1.12)}}.army-flag{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;border:1px solid #00000040;border-radius:4px;justify-content:center;align-items:center;width:44px;height:24px;font-size:14px;font-weight:700;display:flex;position:absolute;box-shadow:0 2px 5px #00000059}.army-flag.wave{animation:.8s ease-in-out infinite flag-wave}@keyframes flag-wave{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.game-info{background:#fff;border-radius:8px;min-width:180px;padding:20px;box-shadow:0 2px 8px #0000001a}.game-info .turn{margin-bottom:15px;font-size:18px}.game-info .captures h4{margin-bottom:8px}.game-info .captures div{padding:2px 0}.game-info .game-over{color:#e74c3c;margin:15px 0}.game-info button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;margin-top:10px;padding:8px 16px;font-size:16px}.game-info button:hover{background:#2980b9}.game-info button.btn-hint{background:#e67e22}.game-info button.btn-hint:hover{background:#d35400}@media (width<=760px){.game-info{min-width:0;padding:14px}.game-info .turn{font-size:16px}.piece.selected{transform:scale(1.25)}}.mode-select{justify-content:center;gap:16px;margin:30px 0 10px;display:flex}.mode-btn{cursor:pointer;color:#fff;background:#3498db;border:none;border-radius:8px;padding:14px 32px;font-size:18px}.mode-btn:hover{background:#2980b9}.mode-hint{color:#555;max-width:520px;margin-top:18px;margin-left:auto;margin-right:auto;font-size:13px;line-height:1.7}.app-subtitle{text-align:center;color:#7f8c8d;max-width:480px;margin:-12px auto 0;font-size:14px;line-height:1.6}.solo-countries{flex-wrap:wrap;gap:10px;margin:14px 0 18px}.solo-country{padding:10px 20px;font-size:16px}.ai-thinking{color:#8e44ad;margin-left:8px;font-size:13px;animation:1.2s ease-in-out infinite ai-pulse}@keyframes ai-pulse{0%,to{opacity:1}50%{opacity:.45}}code{background:#eee;border-radius:3px;padding:1px 5px}.local-header{justify-content:space-between;align-items:center;display:flex}.btn-primary,.btn-secondary,.btn-ghost,.btn-mini{cursor:pointer;border:none;border-radius:6px;font-size:14px}.btn-primary{color:#fff;background:#27ae60;padding:10px 24px;font-size:16px}.btn-primary:disabled{cursor:not-allowed;background:#95a5a6}.btn-secondary{color:#fff;background:#3498db;padding:9px 18px}.btn-secondary:disabled{cursor:not-allowed;background:#95a5a6}.btn-ghost{color:#555;background:0 0;border:1px solid #bdc3c7;padding:7px 16px}.btn-mini{color:#333;background:#ecf0f1;margin-left:6px;padding:3px 10px;font-size:12px}.btn-mini:disabled{color:#aaa;cursor:not-allowed}.lobby{text-align:left;background:#fff;border-radius:10px;width:420px;max-width:94vw;margin:10px auto 20px;padding:22px;box-shadow:0 2px 10px #00000026}.lobby h2{margin-bottom:14px}.lobby h3{margin:16px 0 8px;font-size:15px}.field{color:#555;flex-direction:column;gap:4px;margin:10px 0;font-size:13px;display:flex}.field input{text-transform:uppercase;border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:15px}.join-box{border-top:1px solid #eee;margin-top:14px;padding-top:8px}.checkbox{color:#555;align-items:center;gap:6px;margin:8px 0;font-size:13px;display:flex}.hint{color:#888;margin-top:12px;font-size:12px;line-height:1.6}.lobby-header{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.room-id{letter-spacing:3px;color:#2c3e50;font-size:26px;font-weight:700}.status-badge{color:#fff;border-radius:12px;padding:3px 10px;font-size:12px}.status-badge.connected{background:#27ae60}.status-badge.reconnecting,.status-badge.connecting{background:#f39c12}.status-badge.disconnected{background:#e74c3c}.status-badge.mini{margin-left:10px;padding:2px 8px;font-size:11px}.player-list{margin:0;padding:0;list-style:none}.player-list li{border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.player-list li.is-host{background:#fef9e7}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot.online{background:#27ae60}.dot.offline{background:#bdc3c7}.p-name{font-size:14px}.host-tag{color:#7a5200;background:#f1c40f;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:11px;font-style:normal}.bot-tag{margin-left:4px;font-size:12px;font-style:normal}.lobby .btn-secondary{margin-bottom:10px}.p-countries{gap:4px;margin-left:auto;display:flex}.chip{text-align:center;border-radius:10px;min-width:22px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-block}.chip.big{border-radius:14px;padding:5px 12px;font-size:15px}.public-rooms{border-top:1px solid #eee;margin-top:16px;padding-top:8px}.public-rooms h3{margin-right:10px;display:inline-block}.room-list{margin:8px 0 0;padding:0;list-style:none}.room-list li{border:1px solid #ecf0f1;border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;display:flex}.room-id-sm{letter-spacing:2px;color:#2c3e50;min-width:48px;font-weight:700}.room-meta{color:#555;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.admin-entry{border-top:1px solid #eee;margin-top:16px;padding-top:10px}.admin-panel h3{margin-bottom:8px}.admin-password{border:1px solid #ccc;border-radius:6px;flex:1;min-width:0;padding:7px 10px;font-size:14px}.btn-danger{color:#fff;background:#e74c3c}.btn-danger:hover{background:#c0392b}.claims-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.claim-item{border:1px solid #ecf0f1;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.claim-item.mine{background:#eafaf1;border-color:#27ae60}.claim-owner{color:#555;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.lock{color:#bbb;font-size:12px}.online-app{text-align:center}.online-topbar{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;padding:10px 14px;display:flex;box-shadow:0 2px 6px #0000001a}.topbar-room{letter-spacing:1px;font-weight:700}.topbar-countries{color:#555;align-items:center;gap:6px;font-size:13px;display:flex}.spectator-tag{color:#999}.side-panel{flex-direction:column;gap:14px;min-width:210px;display:flex}.game-board-wrap{flex-direction:column;display:flex}.back-btn{margin:0 auto 20px}.chat{background:#fff;border-radius:8px;flex-direction:column;width:210px;height:240px;display:flex;box-shadow:0 2px 8px #0000001a}.chat-list{text-align:left;flex:1;padding:8px;font-size:13px;overflow-y:auto}.chat-msg{word-break:break-word;margin-bottom:6px;line-height:1.4}.chat-name{margin-right:6px;font-size:12px;font-weight:700}.chat-text{color:#333}.chat-input input{box-sizing:border-box;border:none;border-top:1px solid #eee;border-radius:0 0 8px 8px;width:100%;padding:8px 10px;font-size:13px}.toast{color:#fff;z-index:100;background:#e74c3c;border-radius:8px;padding:10px 22px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}.move-timer{color:#2c3e50;background:#ecf0f1;border-radius:8px;margin-left:8px;padding:1px 8px;font-size:13px;font-weight:700}.move-timer.urgent{color:#fff;background:#e74c3c;animation:.5s ease-in-out infinite flag-wave}.clocks{grid-template-columns:1fr 1fr;gap:2px 10px;margin-bottom:12px;font-size:12px;display:grid}.clock{white-space:nowrap}.clock.active{background:#00000012;border-radius:4px;padding:0 4px;font-weight:700}.review{flex-direction:column;align-items:center;gap:8px;display:flex}.review-top{box-sizing:border-box;background:#fff;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px 14px;display:flex;box-shadow:0 2px 6px #0000001a}.review-title{font-weight:700}.review-info{color:#555;flex:1;font-size:13px}.review-controls{background:#fff;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex;box-shadow:0 2px 6px #0000001a}.review-controls button{cursor:pointer;background:#ecf0f1;border:none;border-radius:4px;padding:4px 10px;font-size:14px}.review-controls button:disabled{opacity:.4;cursor:not-allowed}.review-step{text-align:center;min-width:90px;font-size:13px}.review-slider{width:180px}.review-moves{box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;gap:2px;width:100%;max-height:132px;padding:4px;display:flex;overflow-y:auto;box-shadow:0 2px 6px #0000001a}.review-move{cursor:pointer;text-align:left;color:#2c3e50;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;display:flex}.review-move:hover{background:#f2f6f8}.review-move.active{background:#e8f4fd;font-weight:700}.review-move.captured .rm-text:after{content:" ⚔️"}.rm-no{text-align:right;color:#95a5a6;font-variant-numeric:tabular-nums;min-width:26px}.rm-text{flex:1}.draw-offer{color:#7a5c00;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.btn-resign{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:8px 14px;font-size:14px}.btn-resign:hover{background:#c0392b}.btn-sound{opacity:.85}.time-control{border-top:1px solid #eee;margin-top:14px;padding-top:6px}.tc-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.tc-field{width:90px}.tc-select{background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 10px;font-size:14px}.my-countries{color:#555;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.btn-leave{color:#555;cursor:pointer;background:#ecf0f1;border:none;border-radius:4px;margin-top:6px;padding:8px 16px;font-size:14px}@media (width<=760px){.online-app{max-width:100vw;overflow-x:hidden}.lobby{box-sizing:border-box;padding:16px}.online-topbar{box-sizing:border-box;gap:8px;max-width:100%;padding:8px 10px;font-size:13px}.game-board-wrap{align-items:center;width:100%;max-width:100%}.side-panel{width:100%;min-width:0}.chat{width:100%;height:200px}.review-top,.review-controls{flex-wrap:wrap;width:100%}.review-slider{width:120px}}.btn-leave:hover{color:#fff;background:#e74c3c}*{box-sizing:border-box;margin:0;padding:0}body{touch-action:manipulation;background:#2c3e50;justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;display:flex;overflow-x:hidden}.app{background:#ecf0f1;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000080}h1{text-align:center;color:#2c3e50;margin-bottom:20px}.game-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px;display:flex}@media (width<=760px){body{align-items:flex-start;padding:4px 0}.app{box-sizing:border-box;border-radius:8px;max-width:100vw;padding:10px}.game-container{gap:14px}.local-header h1{margin-bottom:10px;font-size:22px}.local-header .btn-ghost{padding:5px 10px;font-size:13px}}