.incursion-surface { position: fixed; right: 18px; bottom: 64px; z-index: 850; color: #e8edf5; font: 13px/1.5 system-ui, sans-serif; max-width: calc(100vw - 36px); }
.incursion-launcher { float: right; box-shadow: 0 4px 22px #0007; }
.incursion-surface button, .incursion-surface select { border: 1px solid #617080; background: #242b35; color: #eef3fc; border-radius: 6px; padding: 8px 12px; font: inherit; cursor: pointer; }
.incursion-surface button:disabled { opacity: .4; cursor: default; }
.incursion-surface button:focus-visible, .incursion-surface select:focus-visible { outline: 2px solid #eac98f; outline-offset: 3px; }
.incursion-pane { clear: both; width: min(680px, calc(100vw - 36px)); max-height: calc(100vh - 180px); overflow: auto; margin-top: 10px; padding: 20px; box-sizing: border-box; border: 1px solid #6b727d; border-radius: 12px; background: #151b24; box-shadow: 0 16px 70px #0009; }
.incursion-pane header { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.incursion-pane h2 { font-size: 20px; margin: 4px 0; }
.incursion-pane small, .incursion-clock { color: #eac98f; }
.incursion-records { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.incursion-records article { border: 1px solid #39434f; border-radius: 8px; padding: 14px; background: #202834; min-width: 0; }
.incursion-records h3 { font-size: 14px; margin: 0 0 8px; }
.incursion-records code, .incursion-records dd { overflow-wrap: anywhere; }
.incursion-records code { font-size: 11px; color: #b5c5db; }
.incursion-records dt { color: #a6b6cb; margin-top: 8px; }
.incursion-records dd { margin: 0; }
.incursion-pane form { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.incursion-pane label { display: grid; gap: 5px; flex: 1; }
.incursion-actions, .incursion-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.incursion-tabs { clear: both; padding-top: 8px; max-width: 680px; }
.incursion-tabs [aria-pressed=true] { border-color: #eac98f; }
.incursion-pane details { margin-top: 18px; color: #acb9ca; }
.incursion-feedback { min-height: 24px; }
.incursion-history { clear: both; max-width: min(680px,calc(100vw - 36px)); margin-top: 8px; padding: 10px 14px; border: 1px solid #526070; border-radius: 8px; background: #202834; }
.incursion-history ul { max-height: 280px; overflow: auto; padding-left: 20px; }
.incursion-history li { margin-bottom: 8px; }
.incursion-history small { display: block; overflow-wrap: anywhere; color: #adbed4; }
.incursion-app-effect { position: relative; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 10px 14px; background: #302b20; border: 1px solid #b09a61; color: #ffedbf; z-index: 3; }
.incursion-app-effect span { flex: 1; font-size: 12px; }
.incursion-app-effect button { color: inherit; border: 1px solid currentColor; background: transparent; padding: 5px 9px; border-radius: 4px; cursor: pointer; }
.incursion-effect-visual-corruption { background: repeating-linear-gradient(90deg,#302b20 0 30px,#343141 30px 32px); }
.incursion-effect-window { border-style: dashed; }
.incursion-effect-clock { font-variant-numeric: tabular-nums; }
@media(max-width: 600px) { .incursion-surface { right: 8px; bottom: 56px; max-width: calc(100vw - 16px); } .incursion-pane { width: calc(100vw - 16px); padding: 14px; } .incursion-records { grid-template-columns: 1fr; } }