*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{height:100vh;background:#f5f5f5}.trigo-view[data-v-e76d7ffc]{display:flex;flex-direction:column;height:100%;background-color:#404040;color:#e0e0e0;overflow:hidden}.trigo-view .view-header[data-v-e76d7ffc]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#505050,#454545);border-bottom:2px solid #606060;box-shadow:0 2px 8px #0000004d}.trigo-view .view-header .logo-container[data-v-e76d7ffc]{display:flex;align-items:center;gap:.75rem}.trigo-view .view-header .logo-container .app-logo[data-v-e76d7ffc]{width:40px;height:40px;object-fit:contain}.trigo-view .view-header .logo-container .app-title[data-v-e76d7ffc]{font-size:1.5rem;font-weight:700;color:#e94560}.trigo-view .view-header .view-title[data-v-e76d7ffc]{font-size:1.5rem;font-weight:700;margin:0;color:#e94560}.trigo-view .view-header .view-status[data-v-e76d7ffc]{display:flex;gap:2rem;align-items:center}.trigo-view .view-header .view-status .turn-indicator[data-v-e76d7ffc]{padding:.5rem 1rem;border-radius:8px;font-weight:600;transition:all .3s ease}.trigo-view .view-header .view-status .turn-indicator.black[data-v-e76d7ffc]{background-color:#2c2c2c;color:#fff;box-shadow:0 0 10px #ffffff4d}.trigo-view .view-header .view-status .turn-indicator.white[data-v-e76d7ffc]{background-color:#f0f0f0;color:#000;box-shadow:0 0 10px #f0f0f04d}.trigo-view .view-header .view-status .move-count[data-v-e76d7ffc]{font-size:1rem;color:#a0a0a0}.trigo-view .view-body[data-v-e76d7ffc]{display:flex;flex:1;overflow:hidden}.trigo-view .view-body .board-container[data-v-e76d7ffc]{flex:1;display:flex;align-items:center;justify-content:center;background-color:#484848;padding:1rem;position:relative}.trigo-view .view-body .board-container .viewport-wrapper[data-v-e76d7ffc]{width:100%;height:100%;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #00000080}.trigo-view .view-body .board-container .viewport-wrapper .viewport-canvas[data-v-e76d7ffc]{width:100%;height:100%;display:block;background-color:#50505a}.trigo-view .view-body .board-container .viewport-wrapper .viewport-overlay[data-v-e76d7ffc]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.trigo-view .view-body .board-container .viewport-wrapper .viewport-overlay .loading-text[data-v-e76d7ffc]{color:#ffffff80;font-size:1.2rem;animation:pulse-e76d7ffc 2s ease-in-out infinite}.trigo-view .view-body .board-container .viewport-wrapper .inspect-tooltip[data-v-e76d7ffc]{position:absolute;top:1rem;left:1rem;background-color:#fff1b0f2;color:#111;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;pointer-events:none;box-shadow:0 2px 8px #0000004d;z-index:100}.trigo-view .view-body .board-container .viewport-wrapper .inspect-tooltip .tooltip-content[data-v-e76d7ffc]{display:flex;align-items:center;gap:.5rem}.trigo-view .view-body .board-container .viewport-wrapper .inspect-tooltip .tooltip-content .tooltip-label[data-v-e76d7ffc]{white-space:nowrap}.trigo-view .view-body .board-container .viewport-wrapper .inspect-tooltip .tooltip-content .tooltip-divider[data-v-e76d7ffc]{color:#888}.trigo-view .view-body .controls-panel[data-v-e76d7ffc]{width:320px;background-color:#3a3a3a;border-left:2px solid #606060;display:flex;flex-direction:column;overflow:hidden;box-shadow:-4px 0 16px #0000004d}.trigo-view .view-body .controls-panel .panel-section[data-v-e76d7ffc]{padding:.8rem;border-bottom:1px solid #505050;position:relative}.trigo-view .view-body .controls-panel .panel-section .section-title[data-v-e76d7ffc]{font-size:.7rem;font-weight:600;color:#f0bcc5;text-transform:uppercase;letter-spacing:1px;position:absolute;top:0;left:.8rem;opacity:0;transition:opacity .3s ease-in}.trigo-view .view-body .controls-panel .panel-section:hover .section-title[data-v-e76d7ffc]{opacity:.6}.trigo-view .view-body .controls-panel .score-section .score-display[data-v-e76d7ffc]{display:flex;gap:.5rem;margin-bottom:1rem}.trigo-view .view-body .controls-panel .score-section .score-display .score-button[data-v-e76d7ffc]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px solid #505050;border-radius:8px;background-color:#484848;cursor:default;transition:all .3s ease}.trigo-view .view-body .controls-panel .score-section .score-display .score-button.black .color-indicator[data-v-e76d7ffc]{background-color:#2c2c2c;border:2px solid #fff}.trigo-view .view-body .controls-panel .score-section .score-display .score-button.white .color-indicator[data-v-e76d7ffc]{background-color:#f0f0f0;border:2px solid #000}.trigo-view .view-body .controls-panel .score-section .score-display .score-button .color-indicator[data-v-e76d7ffc]{width:24px;height:24px;border-radius:50%}.trigo-view .view-body .controls-panel .score-section .score-display .score-button .score[data-v-e76d7ffc]{font-size:1.5rem;font-weight:700;color:#e0e0e0}.trigo-view .view-body .controls-panel .score-section .score-display .score-button[data-v-e76d7ffc]:disabled{opacity:.5}.trigo-view .view-body .controls-panel .score-section .compute-territory[data-v-e76d7ffc]{width:100%;padding:.75rem;background-color:#505050;color:#e0e0e0;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.trigo-view .view-body .controls-panel .score-section .compute-territory[data-v-e76d7ffc]:hover:not(:disabled){background-color:#606060}.trigo-view .view-body .controls-panel .score-section .compute-territory[data-v-e76d7ffc]:disabled{opacity:.5;cursor:not-allowed}.trigo-view .view-body .controls-panel .score-section.show-territory .score-display .score-button[data-v-e76d7ffc]{background-color:#3a3a3a;border-color:#606060;box-shadow:0 0 12px #e945604d}.trigo-view .view-body .controls-panel .routine-section[data-v-e76d7ffc]{flex:1;display:flex;flex-direction:column;min-height:0}.trigo-view .view-body .controls-panel .routine-section .routine-content[data-v-e76d7ffc]{flex:1;overflow-y:auto;background-color:#2a2a2a;border-radius:8px;padding:.5rem}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list[data-v-e76d7ffc]{padding:0;margin:0}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row[data-v-e76d7ffc]{display:grid;grid-template-columns:30px 1fr 1fr;gap:.25rem;margin-bottom:.25rem;align-items:center}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row.start-row[data-v-e76d7ffc]{grid-template-columns:30px 1fr;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row.start-row[data-v-e76d7ffc]:hover{background-color:#484848}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row.start-row.active[data-v-e76d7ffc]{background-color:#505050;border-left:3px solid #e94560}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row.start-row .open-label[data-v-e76d7ffc]{font-weight:700;color:#e94560;text-transform:uppercase;letter-spacing:1px}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row .round-number[data-v-e76d7ffc]{color:gray;font-size:.9em;text-align:right;padding-right:.25rem}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row .move-cell[data-v-e76d7ffc]{padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;background-color:#1a1a1a}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row .move-cell[data-v-e76d7ffc]:hover:not(.empty){background-color:#484848}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row .move-cell.active[data-v-e76d7ffc]{background-color:#505050;border-left:3px solid #e94560}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row .move-cell.empty[data-v-e76d7ffc]{background-color:transparent;cursor:default}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row .move-cell .stone-icon[data-v-e76d7ffc]{width:16px;height:16px;border-radius:50%;flex-shrink:0}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row .move-cell .stone-icon.black[data-v-e76d7ffc]{background-color:#2c2c2c;border:2px solid #fff}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row .move-cell .stone-icon.white[data-v-e76d7ffc]{background-color:#f0f0f0;border:2px solid #000}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row .move-cell .move-coords[data-v-e76d7ffc]{color:#a0a0a0;font-family:monospace;font-size:.9em}.trigo-view .view-body .controls-panel .routine-section .routine-content .move-list .move-row .move-cell .move-label[data-v-e76d7ffc]{color:#60a5fa;font-weight:600;font-size:.85em;text-transform:lowercase}.trigo-view .view-body .controls-panel .controls-section .control-buttons[data-v-e76d7ffc]{display:flex;flex-direction:column;gap:1rem}.trigo-view .view-body .controls-panel .controls-section .control-buttons .play-controls[data-v-e76d7ffc],.trigo-view .view-body .controls-panel .controls-section .control-buttons .history-controls[data-v-e76d7ffc]{display:flex;gap:.5rem}.trigo-view .view-body .controls-panel .controls-section .control-buttons .btn[data-v-e76d7ffc]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.trigo-view .view-body .controls-panel .controls-section .control-buttons .btn[data-v-e76d7ffc]:disabled{opacity:.5;cursor:not-allowed}.trigo-view .view-body .controls-panel .controls-section .control-buttons .btn.btn-pass[data-v-e76d7ffc]{background-color:#2d4059;color:#e0e0e0}.trigo-view .view-body .controls-panel .controls-section .control-buttons .btn.btn-pass[data-v-e76d7ffc]:hover:not(:disabled){background-color:#3d5069}.trigo-view .view-body .controls-panel .controls-section .control-buttons .btn.btn-resign[data-v-e76d7ffc]{background-color:#c23b22;color:#fff}.trigo-view .view-body .controls-panel .controls-section .control-buttons .btn.btn-resign[data-v-e76d7ffc]:hover:not(:disabled){background-color:#d44b32}.trigo-view .view-body .controls-panel .controls-section .control-buttons .btn.btn-icon[data-v-e76d7ffc]{background-color:#505050;color:#e0e0e0;padding:.75rem;font-size:1.2rem}.trigo-view .view-body .controls-panel .controls-section .control-buttons .btn.btn-icon[data-v-e76d7ffc]:hover:not(:disabled){background-color:#606060}.trigo-view .view-body .controls-panel .settings-section .settings-content[data-v-e76d7ffc]{display:flex;flex-direction:column;gap:1rem}.trigo-view .view-body .controls-panel .settings-section .settings-content .setting-item[data-v-e76d7ffc]{display:flex;align-items:center;justify-content:space-between}.trigo-view .view-body .controls-panel .settings-section .settings-content .setting-item label[data-v-e76d7ffc]{font-weight:600;color:#a0a0a0;display:flex;align-items:center;gap:.3rem}.trigo-view .view-body .controls-panel .settings-section .settings-content .setting-item label .dirty-indicator[data-v-e76d7ffc]{color:#e94560;font-size:1.2rem;font-weight:700;animation:pulse-e76d7ffc 2s ease-in-out infinite}.trigo-view .view-body .controls-panel .settings-section .settings-content .setting-item select[data-v-e76d7ffc]{padding:.5rem;border:2px solid #505050;border-radius:8px;background-color:#484848;color:#e0e0e0;cursor:pointer;font-weight:600}.trigo-view .view-body .controls-panel .settings-section .settings-content .setting-item select[data-v-e76d7ffc]:disabled{opacity:.5;cursor:not-allowed}.trigo-view .view-body .controls-panel .settings-section .settings-content .btn-new-game[data-v-e76d7ffc]{width:100%;padding:.75rem;background-color:#e94560;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.trigo-view .view-body .controls-panel .settings-section .settings-content .btn-new-game[data-v-e76d7ffc]:hover{background-color:#f95670;transform:translateY(-2px);box-shadow:0 4px 12px #e9456066}.btn-view-tgn[data-v-e76d7ffc]{position:absolute;top:0;right:.8rem;padding:.25rem .5rem;background-color:transparent;color:#a0a0a0;border:1px solid #505050;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;opacity:0}.btn-view-tgn[data-v-e76d7ffc]:hover{background-color:#505050;color:#e0e0e0;border-color:#606060}.routine-section:hover .btn-view-tgn[data-v-e76d7ffc]{opacity:1}.tgn-modal[data-v-e76d7ffc]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tgn-modal .tgn-modal-content[data-v-e76d7ffc]{background-color:#3a3a3a;border-radius:12px;box-shadow:0 8px 32px #00000080;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.tgn-modal .tgn-modal-content .tgn-modal-header[data-v-e76d7ffc]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#2a2a2a;border-bottom:1px solid #505050}.tgn-modal .tgn-modal-content .tgn-modal-header h3[data-v-e76d7ffc]{margin:0;font-size:1.2rem;font-weight:600;color:#e0e0e0}.tgn-modal .tgn-modal-content .tgn-modal-header .tgn-status[data-v-e76d7ffc]{font-size:.85rem;font-weight:600;padding:.4rem .8rem;border-radius:4px;white-space:nowrap;transition:all .3s ease}.tgn-modal .tgn-modal-content .tgn-modal-header .tgn-status.idle[data-v-e76d7ffc]{background-color:#505050;color:#a0a0a0}.tgn-modal .tgn-modal-content .tgn-modal-header .tgn-status.valid[data-v-e76d7ffc]{background-color:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.4)}.tgn-modal .tgn-modal-content .tgn-modal-header .tgn-status.invalid[data-v-e76d7ffc]{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.tgn-modal .tgn-modal-content .tgn-modal-header .btn-close[data-v-e76d7ffc]{background:none;border:none;color:#a0a0a0;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.tgn-modal .tgn-modal-content .tgn-modal-header .btn-close[data-v-e76d7ffc]:hover{background-color:#505050;color:#e0e0e0}.tgn-modal .tgn-modal-content .tgn-modal-body[data-v-e76d7ffc]{flex:1;padding:1.5rem;overflow:auto}.tgn-modal .tgn-modal-content .tgn-modal-body .tgn-textarea[data-v-e76d7ffc]{width:100%;height:100%;min-height:300px;background-color:#2a2a2a;color:#e0e0e0;border:2px solid #505050;border-radius:8px;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;resize:vertical;cursor:text;transition:border-color .3s ease,box-shadow .3s ease}.tgn-modal .tgn-modal-content .tgn-modal-body .tgn-textarea[data-v-e76d7ffc]:focus{outline:none;border-color:#e94560}.tgn-modal .tgn-modal-content .tgn-modal-body .tgn-textarea.valid[data-v-e76d7ffc]{border-color:#4ade80;box-shadow:0 0 8px #4ade8033}.tgn-modal .tgn-modal-content .tgn-modal-body .tgn-textarea.invalid[data-v-e76d7ffc]{border-color:#ef4444;box-shadow:0 0 8px #ef444433}.tgn-modal .tgn-modal-content .tgn-modal-body .tgn-textarea.idle[data-v-e76d7ffc]{border-color:#505050}.tgn-modal .tgn-modal-content .tgn-modal-footer[data-v-e76d7ffc]{display:flex;gap:.5rem;padding:1rem 1.5rem;background-color:#2a2a2a;border-top:1px solid #505050}.tgn-modal .tgn-modal-content .tgn-modal-footer .btn[data-v-e76d7ffc]{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.tgn-modal .tgn-modal-content .tgn-modal-footer .btn[data-v-e76d7ffc]:disabled{opacity:.5;cursor:not-allowed}.tgn-modal .tgn-modal-content .tgn-modal-footer .btn.btn-apply[data-v-e76d7ffc]{background-color:#4ade80;color:#000}.tgn-modal .tgn-modal-content .tgn-modal-footer .btn.btn-apply[data-v-e76d7ffc]:hover:not(:disabled){background-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #4ade8066}.tgn-modal .tgn-modal-content .tgn-modal-footer .btn.btn-copy[data-v-e76d7ffc]{background-color:#e94560;color:#fff}.tgn-modal .tgn-modal-content .tgn-modal-footer .btn.btn-copy[data-v-e76d7ffc]:hover{background-color:#f95670;transform:translateY(-2px);box-shadow:0 4px 12px #e9456066}.tgn-modal .tgn-modal-content .tgn-modal-footer .btn.btn-close-modal[data-v-e76d7ffc]{background-color:#505050;color:#e0e0e0}.tgn-modal .tgn-modal-content .tgn-modal-footer .btn.btn-close-modal[data-v-e76d7ffc]:hover{background-color:#606060}@keyframes pulse-e76d7ffc{0%,to{opacity:.5}50%{opacity:1}}.controls-panel[data-v-e76d7ffc]::-webkit-scrollbar{width:8px}.controls-panel[data-v-e76d7ffc]::-webkit-scrollbar-track{background:#2a2a2a}.controls-panel[data-v-e76d7ffc]::-webkit-scrollbar-thumb{background:#505050;border-radius:4px}.controls-panel[data-v-e76d7ffc]::-webkit-scrollbar-thumb:hover{background:#606060}.routine-content[data-v-e76d7ffc]::-webkit-scrollbar{width:6px}.routine-content[data-v-e76d7ffc]::-webkit-scrollbar-track{background:#2a2a2a}.routine-content[data-v-e76d7ffc]::-webkit-scrollbar-thumb{background:#505050;border-radius:3px}.routine-content[data-v-e76d7ffc]::-webkit-scrollbar-thumb:hover{background:#606060}
