.ft-streifen:has(>.ft-portals){display:block;overflow:visible;padding:0}
.ft-portals{position:relative;padding:8px 16px 0;outline-offset:4px;min-width:0}
.ft-portal-trio{display:flex;align-items:flex-end;justify-content:center;gap:0}
.ft-portal{position:relative;display:block;flex:0 0 29%;min-width:0;aspect-ratio:474/533;border:0;padding:0;background:transparent;cursor:pointer;color:#45301d;font:inherit;isolation:isolate;transition:filter .2s,transform .2s}
.ft-portal-center{flex-basis:42%;aspect-ratio:1185/1327;z-index:2}
.ft-portal-left{transform:none}
.ft-portal-right{transform:none}
.ft-portal-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1;filter:drop-shadow(0 3px 4px #1c241c55)}
.ft-portal-picture{position:absolute;inset:17% 16% 26%;border-radius:46% 46% 3% 3%;overflow:hidden;background:#345636;z-index:0}
.ft-portal-center .ft-portal-picture{inset:17% 19% 26%}
.ft-portal-picture img{width:100%;height:100%;object-fit:cover;display:block}
.ft-portal-locked .ft-portal-picture img{filter:grayscale(1) brightness(.65)}
.ft-portal-name{position:absolute;z-index:2;left:14%;right:14%;bottom:12%;font-size:clamp(9px,.72vw,13px);font-weight:900;line-height:1.15;text-align:center;overflow-wrap:anywhere}
.ft-portal-center .ft-portal-name{bottom:13%;left:17%;right:17%;font-size:clamp(10px,.85vw,15px)}
.ft-portal-level{display:block;position:absolute;top:100%;left:0;right:0;text-align:center;font-size:10px;color:var(--text2);padding-top:4px;white-space:nowrap}
.ft-portal-arrow{position:absolute;top:38%;width:46px;height:56px;border:0;background:none;padding:0;cursor:pointer;z-index:4}
.ft-portal-arrow img{width:100%;height:100%;object-fit:contain;display:block}
.ft-portal-prev{left:-6px}.ft-portal-next{right:-6px}
.ft-portals button:focus-visible,.ft-portals:focus-visible{outline:3px solid var(--primary);border-radius:12px}
.ft-portal:hover{filter:brightness(1.08)}
.ft-portal-status{margin:27px 0 3px;font-size:11px;line-height:1.5;text-align:center;color:var(--text2)}
@media(max-width:640px){.ft-portals{padding-left:12px;padding-right:12px}.ft-portal-name{font-size:10px}.ft-portal-center .ft-portal-name{font-size:12px}.ft-portal-arrow{width:42px;height:52px}.ft-portal-level{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ft-portal{transition:none}}
/* Long names stay inside the nameplate; the full name is repeated below. */
.ft-portal-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.ft-portal-center .ft-portal-name{bottom:17%;left:18%;right:18%;white-space:normal;overflow-wrap:normal;line-height:1.15}
@media(max-width:640px){.ft-portal-center .ft-portal-name{font-size:11px}}
/* The portals stand directly in the forest scene, without another panel. */
.ft-panel:has(.ft-portals){background:transparent!important;border:0;box-shadow:none;padding:0}
.ft-panel:has(.ft-portals)>.ft-panel-kopf{display:none}
.ft-portals{container-type:inline-size}
.ft-portal-name{top:78%;bottom:auto;height:12%;left:15%;right:15%;display:flex;align-items:center;justify-content:center;white-space:normal;overflow:hidden;text-overflow:clip;overflow-wrap:normal;font-size:clamp(8px,2cqw,11px);line-height:1.05}
.ft-portal-center .ft-portal-name{top:75%;bottom:auto;height:12%;left:19%;right:19%;font-size:clamp(9px,2.5cqw,13px);line-height:1.05}
.ft-portal-level{display:none}
.ft-portal-status{color:#fff8e2;text-shadow:0 1px 3px #18251a,0 0 6px #18251a;margin-top:12px;font-weight:700}

/* Only the destination image turns grey; the red lock stays clearly visible. */
.ft-portal-locked .ft-portal-picture::after{content:'';position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:42%;max-width:44px;aspect-ratio:1;background:#dc2626;border:2px solid #fff1e5;border-radius:50%;box-shadow:0 2px 8px #0008;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 14V10a6 6 0 0 1 12 0v4' fill='none' stroke='white' stroke-width='3'/%3E%3Crect x='7' y='13' width='18' height='15' rx='3' fill='white'/%3E%3Cpath d='M16 19v4' stroke='%23dc2626' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-size:65%;background-position:center;background-repeat:no-repeat}