main > .packet-card:has(frieren-widget){padding:0;overflow:hidden;isolation:isolate;background:#0d1217;border-color:#ffffff24}
frieren-widget{display:block;width:100%;height:100%}
.fw-shell{position:relative;width:100%;height:100%;min-height:720px;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 50% 32%,#42574d,#111a1c 62%,#080d12);color:#f7fbf8}
.fw-landscape,.fw-vignette,.fw-stage{position:absolute;inset:0;width:100%;height:100%}
.fw-landscape{object-fit:cover;object-position:center;filter:saturate(.78) brightness(.72)}
.fw-vignette{z-index:1;pointer-events:none;background:linear-gradient(180deg,#080f15b5 0%,transparent 19%,transparent 64%,#070b12e6 100%),linear-gradient(90deg,#08101588,transparent 27%,transparent 72%,#08101588)}
.fw-stage{z-index:2;overflow:hidden}
.fw-canvas{width:100%;height:100%;cursor:pointer;touch-action:manipulation}
.fw-canvas:focus-visible{outline:2px solid #a4aab2;outline-offset:-5px;border-radius:18px}
.fw-loading{position:absolute;z-index:4;left:calc(50% - 14px);top:calc(50% - 14px);width:28px;height:28px;border:2px solid #ffffff35;border-top-color:#e4e8e9;border-radius:50%;animation:fw-spin .9s linear infinite}
@keyframes fw-spin{to{transform:rotate(360deg)}}
main > .packet-card:has(frieren-widget):hover{border-color:#8a909866;box-shadow:0 24px 65px #0008,0 0 25px #ffffff08}
@media(max-width:999px){.fw-shell{height:680px;min-height:0}}
@media(max-width:767px){.fw-shell{height:620px}}
@media(prefers-reduced-motion:reduce){.fw-landscape{filter:saturate(.72) brightness(.68)}.fw-loading{animation:none}}