.sgtb-wrap{background:#f7f8fb!important;color:#111827!important;border:1px solid #e5e7eb!important;border-radius:24px;padding:20px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-shadow:0 10px 30px rgba(15,23,42,.08)!important}
.sgtb-wrap,.sgtb-wrap *{box-sizing:border-box}.sgtb-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;padding:16px;background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;border-radius:20px;box-shadow:0 8px 22px rgba(15,23,42,.06)!important}.sgtb-header h2{margin:0 0 4px;font-size:22px;line-height:1.1;letter-spacing:-.03em;color:#111827!important}.sgtb-header p{margin:0;color:#6b7280!important;font-size:13px}.sgtb-header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.sgtb-title,.sgtb-player-name,.sgtb-player-color,.sgtb-map-file{width:100%;box-sizing:border-box;background:#fff!important;color:#111827!important;border:1px solid #d1d5db!important;border-radius:14px;padding:11px 12px;outline:none}.sgtb-title{min-width:240px;width:auto;max-width:320px}.sgtb-title:focus,.sgtb-player-name:focus,.sgtb-map-file:focus{border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}
.sgtb-btn,.sgtb-tool{appearance:none;background:#fff!important;color:#111827!important;border:1px solid #d1d5db!important;border-radius:14px;padding:10px 13px;cursor:pointer;font-weight:700;font-size:13px;line-height:1.2;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease;box-shadow:none!important}.sgtb-btn:hover,.sgtb-tool:hover{background:#f3f4f6!important;border-color:#9ca3af!important;transform:translateY(-1px)}.sgtb-btn.primary,.sgtb-btn.sgtb-create{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 10px 24px rgba(37,99,235,.16)!important}.sgtb-btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none!important}
.sgtb-layout{display:grid;grid-template-columns:minmax(230px,280px) 1fr;gap:18px;align-items:start}.sgtb-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:16px}.sgtb-panel{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;border-radius:20px;padding:14px;box-shadow:0 8px 22px rgba(15,23,42,.06)!important}.sgtb-panel h3{margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#374151!important}.sgtb-panel p{margin:0;color:#6b7280!important;font-size:13px;line-height:1.5}.sgtb-tool{width:100%;margin-bottom:8px;text-align:left;display:flex;align-items:center;background:#fff!important}.sgtb-tool:before{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;margin-right:8px;border-radius:10px;background:#f3f4f6!important;color:#374151!important}.sgtb-tool[data-tool="select"]:before{content:"✥"}.sgtb-tool[data-tool="player"]:before{content:"●"}.sgtb-tool[data-tool="route"]:before{content:"↗"}.sgtb-tool[data-tool="marker"]:before{content:"◆"}.sgtb-tool[data-tool="text"]:before{content:"T"}.sgtb-tool[data-tool="delete"]:before{content:"×"}.sgtb-tool.active{border-color:#93c5fd!important;background:#eff6ff!important;color:#1d4ed8!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)!important}.sgtb-tool.danger{color:#dc2626!important;border-color:#fecaca!important}.sgtb-tool.danger:hover{background:#fef2f2!important;border-color:#fca5a5!important}
.sgtb-map-file,.sgtb-player-name,.sgtb-player-color{margin:6px 0 10px}.sgtb-player-color{height:44px;padding:5px;cursor:pointer}.sgtb-board-shell{min-width:0}.sgtb-board{position:relative;background-color:#f3f4f6!important;background-image:var(--sgtb-map, none)!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;border:1px solid #d1d5db!important;border-radius:24px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 14px 36px rgba(15,23,42,.12)!important}.sgtb-board:before{display:none!important}.sgtb-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}.sgtb-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#374151!important;background:#f9fafb!important;text-align:center;padding:24px;font-weight:700;z-index:3}.sgtb-status{display:block;margin-top:10px;color:#6b7280!important;font-size:12px}.sgtb-notice{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;border-radius:16px;padding:12px 14px;margin-bottom:14px}
@media(max-width:900px){.sgtb-layout{grid-template-columns:1fr}.sgtb-sidebar{position:static}.sgtb-header{align-items:flex-start;flex-direction:column}.sgtb-header-actions{justify-content:flex-start;width:100%}.sgtb-title{min-width:0;width:100%;max-width:none}.sgtb-btn{flex:1 1 auto}}@media(max-width:560px){.sgtb-wrap{padding:14px;border-radius:18px}.sgtb-header{padding:13px;border-radius:16px}.sgtb-header h2{font-size:19px}.sgtb-board{border-radius:18px}}