:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,textarea{font:inherit}.app-shell{color:#efe5d0;width:auto;margin:0}.observation-mode{z-index:140;background:radial-gradient(circle at top,#ffffff0d,#0000 26%),linear-gradient(#151515 0%,#1a1a1a 32%,#141414 100%);position:fixed;inset:0}.observation-mode-viewport{background:0 0;width:100vw;height:100dvh;position:relative;overflow:hidden}.observation-stage{cursor:default;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow:hidden}.observation-stage-frame{position:absolute;inset:0;overflow:hidden}.observation-stage.is-zoomed{cursor:grab}.observation-stage.is-dragging{cursor:grabbing}.observation-stage.is-placing{cursor:crosshair}.observation-stage-image{object-fit:contain;transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.mode-top{padding:calc(env(safe-area-inset-top,0px) + .9rem) 1rem 0;pointer-events:none;z-index:3;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:absolute;top:0;left:0;right:0}.mode-top-actions{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:.65rem;margin-left:auto;display:flex}.mode-pill-btn,.observation-compose-sheet{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1214e6;border:1px solid #ffffff1a;box-shadow:0 24px 60px #0006}.mode-pill-btn{pointer-events:auto;color:#f4ecd8;white-space:nowrap;cursor:pointer;border-radius:999px;padding:12px 16px;font-size:.95rem;line-height:1}.back-btn{flex:none}.add-observation-btn{margin-left:auto}.add-observation-btn.is-active{color:#f2f2f2;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff24,0 12px 24px #0000003d}.observation-signin-btn{align-items:center;text-decoration:none;display:inline-flex}.observation-stage-marker{width:28px;height:28px;font:inherit;color:#1d1d1d;pointer-events:none;background:#d7d7d7f5;border:0;border-radius:999px;place-items:center;margin-top:-14px;margin-left:-14px;padding:0;display:grid;position:absolute;box-shadow:0 0 0 2px #050607b8,0 10px 18px #00000040}.observation-stage-marker span{font-size:1rem;font-weight:700;line-height:1;transform:translateY(-2px)}.observation-known-marker{pointer-events:auto;cursor:pointer;color:#1d1d1d;background:#d7d7d7f5}.observation-known-marker.is-active{background:#f4ecd8;box-shadow:0 0 0 2px #050607c7,0 0 0 7px #f4ecd814,0 12px 24px #00000052}.observation-known-marker:after{content:"";background:#d7d7d7eb;border-radius:999px;width:2px;height:12px;margin-left:-1px;position:absolute;top:22px;left:50%}.observation-draft-marker{pointer-events:auto;cursor:move;background:#fffffffa}.observation-region{pointer-events:auto;cursor:pointer;background:#d7d7d714;border:2px solid #d7d7d7c7;border-radius:20px;margin:0;padding:0;position:absolute;box-shadow:inset 0 0 0 1px #05060761,0 18px 34px #0000003d}.observation-region-badge{color:#1d1d1d;background:#d7d7d7f5;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 8px;font-size:1rem;font-weight:700;line-height:1;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 0 0 2px #050607b8,0 10px 18px #00000040}.observation-region-badge>*{line-height:1;transform:translateY(-2px)}.observation-known-region.is-active{background:#f4ecd81a;border-color:#f4ecd8e6;box-shadow:inset 0 0 0 1px #f4ecd84d,0 0 0 8px #f4ecd80f,0 18px 34px #0000003d}.observation-known-region.is-active .observation-region-badge{background:#f4ecd8}.observation-draft-region{pointer-events:auto;cursor:move;background:#ffffff0f;border-style:dashed;border-color:#ffffffeb}.observation-draft-region .observation-region-badge{color:#1f1a14;background:#fffffffa}.observation-draft-region.is-preview{pointer-events:none;background:#ffffff0a}.observation-draft-handle{pointer-events:auto;z-index:2;background:#fffffff5;border-radius:3px;width:14px;height:14px;position:absolute;box-shadow:0 0 0 1.5px #0000008c,0 2px 4px #0000004d}.observation-draft-handle--se{cursor:nwse-resize;bottom:-7px;right:-7px}.observation-clue-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;z-index:2;background:#0f1214f0;border:1px solid #ffffff1a;border-radius:18px;max-width:min(240px,100vw - 48px);padding:12px 12px 10px;transition:opacity .16s,transform .16s;position:absolute;transform:translateY(-50%)translateY(6px);box-shadow:0 20px 50px #00000061}.observation-clue-popover.is-open{opacity:1;pointer-events:auto;transform:translateY(-50%)}.observation-clue-popover-label{color:#b89e74;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.7rem}.observation-clue-popover-text{color:#ddd5c3;white-space:pre-wrap;max-height:min(32vh,220px);line-height:1.45;overflow:auto}.observation-clue-popover-actions{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.observation-clue-popover-btn{appearance:none;color:#ddd5c3;font:inherit;letter-spacing:.04em;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;padding:5px 10px;font-size:.72rem;transition:background .12s,border-color .12s,color .12s}.observation-clue-popover-btn:hover{background:#ffffff1f;border-color:#ffffff38}.observation-clue-popover-btn--danger{color:#e6b3a8}.observation-clue-popover-btn--danger:hover{color:#f2cac0;background:#b450462e;border-color:#c86e6461}.observation-clue-popover-btn--primary{color:#efe0c1;background:#b89e7433;border-color:#b89e7473}.observation-clue-popover-btn--primary:hover{background:#b89e7452;border-color:#b89e7499}.observation-clue-popover-btn:disabled{opacity:.5;cursor:default}.observation-clue-popover-opinions{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;margin-top:12px;padding-top:10px;display:flex}.observation-clue-popover-opinions-label{color:#8d7f63;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.observation-clue-popover-opinion{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:8px 10px}.observation-clue-popover-opinion.is-own{background:#b89e7414;border-color:#b89e7459}.observation-clue-popover-opinion.is-draft{background:#b89e741a;border-color:#b89e7480}.observation-clue-popover-opinion-author{color:#b89e74;letter-spacing:.05em;margin-bottom:3px;font-size:.68rem}.observation-clue-popover-opinion-text{color:#ddd5c3;white-space:pre-wrap;font-size:.85rem;line-height:1.4}.observation-clue-popover-opinion-input{box-sizing:border-box;resize:vertical;color:#ddd5c3;width:100%;min-height:64px;font:inherit;background:#0a0c0ea6;border:1px solid #ffffff1f;border-radius:8px;margin-top:2px;padding:6px 8px;font-size:.85rem}.observation-clue-popover-opinion-input:focus{border-color:#b89e748c;outline:none}.observation-clue-popover-opinion-error{color:#e6b3a8;margin-top:4px;font-size:.72rem}.observation-clue-popover-opinion-add{align-self:flex-start}.observation-clue-popover-opinion-signin{color:#b89e74;align-self:flex-start;font-size:.75rem;text-decoration:underline}.minimap{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);aspect-ratio:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;touch-action:none;z-index:3;background:#080a0c47;border:1px solid #fff5e11a;border-radius:16px;width:116px;transition:opacity .16s,transform .16s;position:absolute;overflow:hidden;transform:translateY(8px);box-shadow:0 18px 40px #00000059}.minimap.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.minimap-photo{object-fit:contain;filter:saturate(0)contrast(1.04);opacity:.55;background:#05060747;width:100%;height:100%;display:block}.minimap-viewport{cursor:grab;border:2px solid #d6d6d6eb;border-radius:6px;position:absolute;box-shadow:inset 0 0 0 1px #050607d9,0 0 0 999px #ffffff0a}.minimap-viewport.is-dragging{cursor:grabbing}.observation-error-toast{top:calc(env(safe-area-inset-top,0px) + 5.25rem);color:#f3c6c1;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;pointer-events:none;background:#3c1414eb;border:1px solid #ff786e47;border-radius:999px;max-width:min(320px,100vw - 48px);padding:.6rem 1rem;font-size:.86rem;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 16px 32px #00000052}.observation-compose-sheet{left:1rem;right:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);opacity:0;pointer-events:none;z-index:4;border-radius:1.4rem;padding:1rem;transition:opacity .18s,transform .18s;position:absolute;transform:translateY(12px)}.observation-compose-sheet.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.observation-compose-label{color:#888;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;display:block}.observation-compose-input{color:#f3ede0;resize:vertical;background:#090b0cb3;border:1px solid #ffffff14;border-radius:.9rem;width:100%;min-height:96px;padding:.75rem .9rem}.observation-compose-input:focus{border-color:#ffffff47;outline:none}.observation-compose-meta{color:#767676;justify-content:space-between;gap:1rem;margin-top:.55rem;font-size:.76rem;display:flex}.observation-compose-error{color:#f0b6b0;margin-top:.75rem;font-size:.82rem}.observation-compose-actions{align-items:stretch;gap:.55rem;margin-top:.8rem;display:flex}.observation-secondary-button,.observation-primary-button{cursor:pointer;border-radius:999px;min-height:42px;padding:0 1.1rem;font-size:.9rem}.observation-primary-button{flex:1 1 0}.observation-secondary-button{color:#9b9b9b;background:linear-gradient(#3a3a3a8c,#222c);border:1px solid #444;flex:none;box-shadow:inset 0 1px #ffffff0d}.observation-primary-button{color:#f0f0f0;background:linear-gradient(#4e4e4ed1,#242424f5);border:1px solid #555;font-weight:600;box-shadow:inset 0 1px #ffffff14}.observation-primary-button:disabled,.observation-secondary-button:disabled{opacity:.45;cursor:default}@media (width>=960px){.observation-compose-sheet{width:min(36rem,100vw - 2rem);left:50%;right:auto;transform:translate(-50%,12px)}.observation-compose-sheet.is-open{transform:translate(-50%)}}@media (width<=720px){.mode-top{padding:calc(env(safe-area-inset-top,0px) + .75rem) .75rem 0;gap:.55rem}.mode-top-actions{gap:.5rem}.mode-pill-btn{padding:11px 15px;font-size:.92rem}.observation-stage-frame{inset:0}.observation-compose-sheet{left:.6rem;right:.6rem;bottom:calc(env(safe-area-inset-bottom,0px) + .6rem);border-radius:1rem;padding:.8rem .85rem .85rem}.observation-compose-input{resize:none;min-height:72px;padding:.65rem .75rem}.observation-compose-meta{margin-top:.45rem;font-size:.72rem}.observation-compose-actions{margin-top:.65rem}.minimap{right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:104px}.observation-region{border-radius:16px}.observation-region-badge{min-width:26px;height:26px;padding:0 7px;font-size:.86rem;top:8px;left:8px}}
/*$vite$:1*/