.ex-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 20px}.ex-tabs button{padding:8px 12px}.ex-tabs button[aria-pressed=true]{background:#e9c976;color:#15261c;border-color:#e9c976}.ex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ex-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface);margin:0 0 14px}.ex-card h3{margin:0 0 10px}.ex-card p{line-height:1.55}.ex-animal{width:110px;height:110px;object-fit:contain;max-width:100%}.ex-animal-row{display:flex;overflow:hidden}.ex-animal-row .ex-animal{width:32%;height:95px}.ex-note{padding:14px;border:1px solid #b7aa6c;background:#6f62202a;border-radius:10px;margin:12px 0}.ex-tag{display:inline-block;padding:6px 10px;border:1px solid var(--line);border-radius:20px;margin:4px}.ex-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.ex-line small,.ex-relative small{display:block;opacity:.8;margin-top:5px}.ex-line label{max-width:100px}.ex-line input,[data-batches]{max-width:100px}.ex-family{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ex-relative{padding:12px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.ex-relative .ex-family{margin-top:10px}.ex-code{font-family:monospace;letter-spacing:2px}.ex-trip-stage{height:min(50vh,430px);min-height:240px;border-radius:12px;overflow:hidden;touch-action:none;outline-offset:3px}.ex-trip-stage canvas{display:block;width:100%;height:100%}.ex-trip-help{max-width:70ch;margin-right:30px}.ex-trip-actions{position:sticky;bottom:0;padding:10px 0;background:var(--surface)}.ex-trip-actions button{min-height:44px}.ex-trip-status{min-height:3em;padding:12px;background:#8da75b22;border-radius:8px}.modal-box:has(.ex-trip-stage),.modal-box:has(.ex-editor-canvas){width:min(96vw,920px)}.ex-editor-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.ex-editor-toolbar label{flex:1;min-width:160px}.ex-editor-canvas{width:100%;max-height:55vh;aspect-ratio:1;object-fit:contain;display:block;margin:15px auto;touch-action:none;width:min(100%,55vh)}.ex-editor-canvas:focus{outline:3px solid #d6bd72}.visit-world{position:fixed;inset:65px 0 0}.visit-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;position:relative;z-index:2;background:#172b24;color:#fff}.visit-bar a{color:#efd589}.visit-status{position:fixed;z-index:3;bottom:20px;left:20px;right:20px;width:fit-content;max-width:90vw;border-radius:12px;background:#172b24ee;color:#fff;padding:12px 16px}.ex-card button:disabled{opacity:.6}@media(max-width:600px){.ex-grid{grid-template-columns:1fr}.ex-family .ex-family{grid-template-columns:1fr}.ex-tabs{gap:4px}.ex-tabs button{padding:9px}.ex-editor-canvas{max-height:44vh;width:min(100%,44vh)}.ex-trip-stage{min-height:210px;height:38vh}.ex-trip-actions{flex-wrap:wrap}}

.ex-trip-stage{position:relative}.ex-trip-stage .ex-trip-map{position:absolute;right:10px;top:10px;width:130px;height:102px;pointer-events:none;border:1px solid #e2d5a477;border-radius:10px}@media(max-width:600px){.ex-trip-stage .ex-trip-map{width:90px;height:70px}}