:root{color-scheme:light;--ink: #17212b;--muted: #61707d;--line: #d6dde3;--paper: #eef2f4;--panel: #ffffff;--blue: #2d65a3;--teal: #23736e;--amber: #b98426;--red: #b3473f;--shadow: 0 16px 38px rgba(29, 42, 55, .13)}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:100vh}.sidebar{z-index:4;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--line);background:#f8fafb;padding:18px;overflow-y:auto}.brand-block{display:flex;gap:12px;align-items:center;padding-bottom:8px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;background:var(--ink);color:#fff;font-weight:800}.brand-block p{margin:0 0 3px;color:var(--muted);font-size:13px}.brand-block strong{font-size:18px}.field{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.field span{display:inline-flex;gap:7px;align-items:center}select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:0 10px}.mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mode-switch button,.viewport-toolbar button,.xox-overlay button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}.mode-switch button.is-active,.viewport-toolbar button:hover{border-color:var(--blue);background:#e8f0fa;color:var(--blue)}.status-list,.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.status-list{display:grid;overflow:hidden}.status-list div{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;min-height:42px;padding:0 12px;border-bottom:1px solid var(--line)}.status-list div:last-child{border-bottom:0}.status-list span,.object-meta dt{color:var(--muted);font-size:12px}.status-list strong{font-size:13px}.panel{padding:14px}.panel.compact h2{margin:0 0 10px;font-size:17px}.panel p{margin:0 0 10px;color:var(--muted);line-height:1.45}.object-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}.object-meta div{display:grid;gap:2px}.object-meta dd{margin:0;font-weight:700}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag-list span{border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted);font-size:12px}.sensitive-block{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.sensitive-block strong{display:block;margin-bottom:6px}.muted-panel{background:#f1f6f6;border-color:#c7dddd}.viewport-shell{position:relative;height:100vh;min-height:100vh;overflow:hidden}.viewport-shell canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%!important;height:100%!important}.viewport-toolbar{position:absolute;top:16px;left:16px;z-index:3;display:flex;gap:8px}.viewport-toolbar button{width:42px;padding:0;box-shadow:0 10px 22px #1d2a371c}.player-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:5;background:#0a1016d1;color:#ffffffe0;font-size:13px;padding:9px 18px;border-radius:20px;pointer-events:none;white-space:nowrap;letter-spacing:.01em}.map-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:5;background:#0a1016b8;color:#ffffffb3;font-size:12px;padding:7px 16px;border-radius:20px;pointer-events:none;white-space:nowrap}.viewport-toolbar button.wide{width:auto;padding:0 12px;font-size:12px;gap:5px}.center-reticle{position:absolute;z-index:3;top:50%;left:50%;width:12px;height:12px;border:2px solid rgba(23,33,43,.65);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.xox-overlay,.penalty-overlay{position:absolute;right:18px;bottom:18px;z-index:5;display:grid;gap:7px;width:min(330px,calc(100vw - 36px));border-radius:8px;padding:14px;color:#fff;box-shadow:var(--shadow)}.xox-overlay{background:#185350f0}.penalty-overlay{background:#b3473ff0}.xox-overlay span,.penalty-overlay span{font-size:13px}.xox-overlay button{justify-self:start;min-height:34px;border-color:#fff6;background:#ffffff26;color:#fff}@media(max-width:520px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(560px,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.viewport-shell{min-height:560px}}