#universePortals{position:absolute;inset:0;pointer-events:none;z-index:2}.space-portal{position:absolute;transform:translate(-50%,-50%);padding:0;background:none!important;border:0!important;pointer-events:auto;border-radius:50%;overflow:visible;touch-action:manipulation;cursor:var(--wrld-target-cursor,crosshair)!important}.space-portal[hidden]{display:none!important}.portal-aperture{display:block;position:absolute;inset:0;border:2px solid var(--portal-color);border-radius:50%;background:radial-gradient(ellipse,#010510 30%,color-mix(in srgb,var(--portal-color) 45%,transparent) 80%,transparent);box-shadow:0 0 16px var(--portal-color),inset 0 0 20px var(--portal-color);transform:rotate(var(--portal-phase,0deg));pointer-events:none}.portal-aperture:before,.portal-aperture:after{content:'';position:absolute;inset:-8%;border-radius:50%;border:1px dashed var(--portal-color);transform:rotate(25deg)}.portal-aperture:after{inset:15%;border-style:solid;opacity:.4;transform:rotate(-40deg)}.space-portal.rift .portal-aperture,.fracture .portal-aperture{clip-path:polygon(50% 0,85% 19%,70% 43%,100% 62%,52% 100%,15% 82%,27% 50%,0 25%);border-radius:15%;filter:drop-shadow(0 0 10px var(--portal-color))}.space-portal span{position:absolute;top:110%;left:50%;transform:translateX(-50%);font:600 10px system-ui;color:var(--portal-color);white-space:nowrap;text-shadow:0 0 8px #000;display:none}.space-portal.portal-near span{display:block}.portal-directory-button{position:absolute;left:14px;top:155px;z-index:10;border:1px solid var(--accent);background:#071526b0;backdrop-filter:blur(10px);font:11px monospace;padding:10px 15px;border-radius:12px;color:var(--accent);pointer-events:auto}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.portal-tile{position:relative;padding:130px 18px 20px;background:#081122;border:1px solid color-mix(in srgb,var(--portal-color) 45%,transparent);border-radius:20px;color:#eff8ff;display:flex;flex-direction:column;gap:8px}.portal-tile .portal-aperture{inset:20px auto auto 50%;margin-left:-32px;width:64px;height:87px;animation:portalOrbit 12s linear infinite}.portal-preview{padding:12px;font-family:system-ui}.portal-preview-art{height:180px;position:relative;background:radial-gradient(ellipse,color-mix(in srgb,var(--portal-color) 20%,transparent),transparent 70%)}.portal-preview-art .portal-aperture{inset:20px auto auto 50%;margin-left:-48px;width:96px;height:135px;animation:portalOrbit 12s linear infinite}.portal-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.portal-creator{display:flex;align-items:center;gap:8px}.portal-room-open #modal{width:min(1250px,calc(100vw - 20px));max-height:94dvh;background:#040917!important;color:#e9f5ff!important;border-color:var(--accent);animation:portalEntry .65s cubic-bezier(.22,1,.36,1)}.portal-room{padding:15px;position:relative;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--portal-color) 18%,transparent),transparent 65%)}.portal-room-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.portal-room-head h2{flex:1}.portal-room-layout{display:grid;grid-template-columns:2.4fr 1fr;gap:20px}.portal-screen{aspect-ratio:16/10;border:1px solid var(--portal-color);border-radius:20px;overflow:hidden;background:#000;box-shadow:0 0 30px color-mix(in srgb,var(--portal-color) 18%,transparent)}.portal-screen video{width:100%;height:100%;object-fit:contain}.portal-room-motion{height:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;gap:20px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--portal-color) 16%,#020610),#020610)}.portal-room-motion i{position:absolute;width:65%;aspect-ratio:1;border:1px solid var(--portal-color);border-radius:50%;animation:portalOrbit 18s linear infinite;opacity:.3;pointer-events:none}.portal-room-motion i:nth-child(2){width:80%;animation-direction:reverse}.portal-room-motion i:nth-child(3){width:95%;border-style:dashed}.portal-room-motion strong,.portal-room-motion span{z-index:1;color:#dff4ff}.portal-room-chat{padding:20px;border:1px solid #64d7ff30;border-radius:18px;background:#0a1425;display:flex;flex-direction:column;min-width:0}.portal-room-chat form{display:flex;gap:7px}.portal-room-chat input{min-width:0}.portal-room-chat small{font-size:10px}.portal-room-chat p{font-size:12px;overflow-wrap:anywhere}#portalChatMessages{max-height:280px;overflow:auto;flex:1;padding:15px 0}#portalStudioForm label{display:block;margin:15px 0}#portalStudioForm input,#portalStudioForm select,#portalStudioForm textarea{width:100%}@keyframes portalOrbit{to{transform:rotate(360deg)}}@keyframes portalEntry{from{opacity:0;transform:scale(.86);filter:brightness(2)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@media(max-width:760px){.portal-room-layout{grid-template-columns:1fr}.portal-room{padding:5px}.portal-room-chat{max-height:270px}.portal-directory-button{top:150px;font-size:9px;padding:8px}.portal-room-head h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.portal-aperture,.portal-room-motion i,.portal-room-open #modal{animation:none!important}}

#universePortals{z-index:4}.space-portal span{font-size:11px;line-height:1.5;color:#e8f6ff;text-shadow:0 1px 4px #000,0 0 10px var(--portal-color);pointer-events:none}.space-portal span small{display:block;color:var(--portal-color);font:8px monospace;letter-spacing:.08em}.space-portal span strong{font-weight:650}.space-portal .portal-aperture{opacity:calc(.7 + var(--portal-energy,.8)*.3)}.space-portal.portal-near .portal-aperture{box-shadow:0 0 18px var(--portal-color),0 0 45px color-mix(in srgb,var(--portal-color) 30%,transparent),inset 0 0 25px var(--portal-color)}