.reality-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--accent);border-radius:14px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),var(--panel));color:var(--text);box-shadow:inset 0 1px #ffffff30,0 0 16px color-mix(in srgb,var(--accent) 20%,transparent);font:600 11px/1.2 system-ui;white-space:nowrap;cursor:pointer}.reality-trigger>span:first-child{font-size:22px;color:var(--accent)}body>header>.reality-trigger{flex-shrink:0}.universe-topbar .reality-trigger{min-height:28px;padding:3px 8px;font-size:9px;margin-top:5px}.universe-topbar .reality-trigger>span:first-child{font-size:16px}.reality-dialog{box-sizing:border-box;width:min(600px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:32px;border:1px solid var(--accent);border-radius:26px;color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,var(--panel)),var(--panel));box-shadow:inset 0 1px #ffffff40,0 0 50px color-mix(in srgb,var(--accent) 22%,transparent);backdrop-filter:blur(28px)}.reality-dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.reality-dialog small{font:10px system-ui;letter-spacing:2px;color:var(--accent)}.reality-dialog h2{font:750 clamp(28px,7vw,42px)/1.1 system-ui;margin:16px 0}.reality-dialog p{font:14px/1.6 system-ui;opacity:.8}.reality-close{float:right;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;color:inherit;background:transparent;font-size:24px}.reality-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.reality-modes button{display:flex;flex-direction:column;gap:12px;text-align:left;padding:20px;border-radius:20px;background:#0003;color:inherit;border:1px solid var(--line);cursor:pointer}.reality-modes button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 25px color-mix(in srgb,var(--accent) 15%,transparent)}.reality-modes i{font:40px system-ui;color:var(--accent)}.reality-modes strong{font:700 20px system-ui}.reality-modes span{font:12px/1.5 system-ui}.reality-dialog nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reality-dialog nav button{min-height:44px;border-radius:12px;border:1px solid var(--line);background:transparent;color:inherit;font:600 12px system-ui}.reality-dialog .reality-note{font-size:11px}.reality-dialog button:focus-visible,.reality-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reality-transition{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;pointer-events:all;background:#02040ae8;color:white;font:12px system-ui;letter-spacing:4px;animation:reality-fade .6s both}.reality-transition i{position:absolute;width:min(70vw,500px);aspect-ratio:1;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 70px var(--accent),inset 0 0 70px var(--accent);animation:reality-orbit .6s ease-in both}.reality-transition b,.reality-transition span{z-index:1}.reality-transition span{font-size:10px;letter-spacing:1px}@keyframes reality-orbit{from{transform:scale(.4) rotateX(65deg);opacity:0}to{transform:scale(3);opacity:0}}@keyframes reality-fade{0%,100%{opacity:0}30%,70%{opacity:1}}@media(max-width:760px){body>header>.reality-trigger{width:38px;min-height:38px;padding:4px}body>header>.reality-trigger>span:last-child{display:none}.reality-dialog{padding:22px}.reality-modes button{padding:15px}.reality-modes span{font-size:11px}}@media(prefers-reduced-motion:reduce){.reality-transition{display:none}.reality-trigger{transition:none}}
/* Split-gate insignia intentionally differs from the adjacent diamond control. */
.reality-trigger svg{width:25px;height:25px;flex-shrink:0;color:var(--accent)}body>header>.reality-trigger{border-radius:11px 3px 11px 3px;border-width:1px 2px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,var(--panel)),var(--panel));box-shadow:inset 0 0 12px color-mix(in srgb,var(--accent) 14%,transparent)}.universe-topbar .reality-trigger svg{width:18px;height:18px}@media(max-width:760px){body>header>.reality-trigger>span{display:none}body>header>.reality-trigger{width:38px}}