:root{color:#1d2329;--accent:#2457c5;--border:#d5dae0;--muted:#66707a;--error:#b42318;background:#f6f7f9;font-family:system-ui,sans-serif}body{margin:0}.page{max-width:1100px;margin:0 auto;padding:1.5rem}.header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--error)}.info{color:var(--accent)}.mono{font-family:ui-monospace,monospace}.card{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:.6rem;max-width:420px;margin:1rem 0;padding:1rem;display:flex}.card h2,.card h3{margin:0}label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}input,select{font:inherit;border:1px solid var(--border);border-radius:6px;padding:.45rem .55rem}button,.button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:6px;padding:.45rem .9rem;text-decoration:none;display:inline-block}button.primary,.button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}button:disabled{cursor:default;opacity:.6}button.link{color:var(--accent);background:0 0;border:none;padding:0}.projects{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}.project-list ul{padding:0;list-style:none}.project-list button{text-align:left;flex-direction:column;width:100%;margin-bottom:.4rem;display:flex}.project-list button.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.join-code{letter-spacing:.3em;margin:.25rem 0;font-family:ui-monospace,monospace;font-size:2.5rem;font-weight:700}.sessions{border-collapse:collapse;background:#fff;width:100%}.sessions th,.sessions td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem .6rem}.sessions tr.ended{color:var(--muted)}.status{background:#eef1f4;border-radius:999px;padding:.1rem .45rem;font-size:.8rem}.status-ready{color:#05603a;background:#d1fadf}.status-starting,.status-created{color:#93370d;background:#fef0c7}.join{text-align:center}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin:.5rem 0 1rem;display:flex}.tabs button{cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;padding:.5rem .9rem;font-size:.95rem}.tabs button.selected{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}label.inline{flex-direction:row;align-items:center;gap:.5rem;margin:.5rem 0}.progress-cell{flex-direction:column;gap:3px;min-width:9rem;display:inline-flex}.progress-cell .bar{background:var(--border);border-radius:3px;height:5px;display:block;overflow:hidden}.progress-cell .bar span{background:var(--accent);height:100%;display:block}tr.selected-row td{background:#e8eefc}tr.importing td{font-style:italic}.place-detail{max-width:760px}.place-detail .thumbnail{border-radius:6px;width:100%;max-width:512px}.shots{flex-wrap:wrap;gap:.5rem;display:flex}.shot{border:1px solid var(--border);cursor:zoom-in;background:0 0;padding:0}.shot img{width:160px;display:block}.shot-big{cursor:zoom-out;background:0 0;border:none;padding:0}.shot-big img{max-width:100%}.facts{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.activity{padding:0;list-style:none}.activity li{border-bottom:1px solid var(--border);padding:.4rem 0}table .link{text-align:left}.detail-head{justify-content:space-between;align-items:center;display:flex}.map-place{align-items:flex-start;gap:1rem;margin:.5rem 0;display:flex}.map-frame{flex:0 0 min(560px,70%)}.map-image{line-height:0;position:relative}.map-image img{border-radius:6px;width:100%}.map-dot{background:#ff5a1f;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:left .9s linear,top .9s linear;position:absolute;box-shadow:0 0 3px #0009}.map-dot.outside{opacity:.5}.map-facing{transform-origin:4px 14px;border-bottom:8px solid #ff5a1f;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:-9px;left:3px}.map-name{color:#fff;white-space:nowrap;background:#000000a6;border-radius:3px;padding:1px 5px;font-size:.75rem;line-height:1.2;position:absolute;top:-4px;left:16px}.map-people h4{margin:0 0 .3rem}.map-people ul{margin:0;padding-left:1.1rem}.share-box .share-code{letter-spacing:.2em;margin:.2rem 0;font-size:1.8rem}.watch .watch-title{margin:0 0 .8rem}.watch form label{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.watch form input{letter-spacing:.15em;text-transform:uppercase;width:8em;font-size:1.4rem}.map-image.pointable{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.map-pointer{pointer-events:none;background:#e0201a;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 3px #e0201a59}.map-pointer.pinned{box-shadow:0 0 0 3px #fff,0 0 0 5px #e0201a}.map-pointer .map-name{color:#fff;background:#c4140f}.watch .watch-name{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;max-width:32rem;margin:0 0 .6rem;display:flex}.reports td button.link{text-align:left}.report h3{margin:1.2rem 0 .4rem}.report-note{white-space:pre-wrap;background:#7f7f7f14;border-radius:6px;padding:.6rem .8rem}.report-screenshot{border:1px solid #7f7f7f4d;border-radius:4px;max-width:100%;max-height:480px}.report-files{padding:0;list-style:none}.report-details th{text-align:left;vertical-align:top;white-space:nowrap;padding-right:1rem;font-weight:600}.report-details td{word-break:break-word}
