*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--ink:#151512;--ground:#000;--paper:#f4efe3;--paper-deep:#ddd6c7;--signal:#f04b2f;--sage:#b8c6b3;--text:#f7f3e8;--muted:#aaa99f;--connector-reach:27}html,body{width:100%;min-height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 50% 46%,#292926 0%,#121210 48%,#000 82%);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--signal);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{background:#4c4c43;border:2px solid var(--ground);border-radius:6px}.showcase-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100svh;min-height:0;margin:0 auto;padding:0}.showcase-toolbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:34px;margin-bottom:4px;padding:0 20px}.showcase-prompt,.showcase-key{display:flex;align-items:center;gap:.58rem;color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:.63rem;letter-spacing:.105em;line-height:1.35;text-transform:uppercase}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{width:.44rem;height:.44rem;border-radius:50%;background:var(--signal);box-shadow:0 0 15px rgba(240,75,47,.56)}.showcase-key{color:#8e8d84;font-size:.56rem}.showcase-stage{width:100%;min-height:0}.lanyard-world{position:relative;width:100%;height:100svh;min-height:0;overflow:hidden;outline:none;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}.showcase-stage > .lanyard-world{height:100%}.lanyard-straps{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}[data-lanyard-path]{fill:none;stroke:#151612;stroke-width:30;stroke-linecap:butt;stroke-linejoin:round;vector-effect:non-scaling-stroke}.strap-edges use{fill:none;stroke:rgba(255,255,255,.11);stroke-width:1.5;vector-effect:non-scaling-stroke}.strap-type{fill:#e8e4da;font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}.lanyard-badge{--shadow-x:0px;--shadow-y:22px;--shadow-blur:34px;position:absolute;z-index:4;top:64%;left:50%;width:clamp(260px,29vw,292px);cursor:grab;filter:drop-shadow(var(--shadow-x) var(--shadow-y) var(--shadow-blur) rgba(0,0,0,.72)) drop-shadow(0 18px 54px rgba(0,0,0,.38));transform:translate(-50%,-50%) rotate(1.5deg);transform-style:preserve-3d;will-change:transform,filter;touch-action:none;-webkit-user-drag:none}[data-state="live"] .lanyard-badge{top:0;left:0;transform:none}[data-grabbing] .lanyard-badge{cursor:grabbing}.lanyard-connector{position:absolute;z-index:-1;top:-51px;left:50%;width:58px;height:56px;margin-left:-29px;transform-origin:50% 100%;will-change:transform}.connector-webbing{position:absolute;top:0;left:10px;width:38px;height:30px;border:1px solid #070806;background:#151612;clip-path:polygon(17% 0,83% 0,100% 100%,0 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 8px rgba(0,0,0,.32)}.connector-webbing::after{position:absolute;right:8px;bottom:6px;left:8px;border-top:1px dashed rgba(244,239,227,.32);content:''}.connector-clip{position:absolute;right:0;bottom:0;left:0;height:31px;border:1px solid #070806;border-radius:5px 5px 8px 8px;background:#181916;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 8px rgba(0,0,0,.26)}.connector-clip::after{position:absolute;right:8px;bottom:6px;left:8px;height:3px;background:var(--signal);content:''}.pass-card{--light-x:50%;--light-alpha:.1;position:relative;overflow:hidden;padding:20px 20px 17px;border:1px solid rgba(40,38,32,.14);border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 8px rgba(255,255,255,.32),inset 0 0 0 9px var(--paper-deep);transform-style:preserve-3d;will-change:transform}.pass-card__shine{position:absolute;z-index:8;inset:0;background:radial-gradient(circle at var(--light-x) 20%,rgba(255,255,255,var(--light-alpha)),transparent 46%);border-radius:inherit;pointer-events:none}.pass-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 2px 14px;border-bottom:1px solid #cdc6b8;font-family:'JetBrains Mono',monospace;font-size:7.5px;font-weight:600;letter-spacing:.11em;line-height:1.45;text-transform:uppercase}.pass-header strong{color:var(--signal);font-size:8px;text-align:right}.pass-slot{width:52px;height:7px;margin:13px auto 12px;border-radius:99px;background:#d2ccbf;box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}.portrait{position:relative;overflow:hidden;aspect-ratio:16 / 9.5;border-radius:10px;background:#ddd8cc}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%;-webkit-user-drag:none}.portrait-tag{position:absolute;right:8px;bottom:8px;padding:4px 6px;background:var(--signal);color:#fff;font-family:'JetBrains Mono',monospace;font-size:6px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.pass-identity{padding:13px 2px 14px;border-bottom:1px solid #cdc6b8}.pass-kicker{margin-bottom:3px;color:var(--signal);font-family:'JetBrains Mono',monospace;font-size:6.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.pass-identity h2{margin-bottom:3px;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(31px,3.1vw,37px);font-weight:400;letter-spacing:-.035em;line-height:.95}.pass-identity > p:last-child{color:#555148;font-size:9.5px;line-height:1.45}.pass-footer{display:grid;grid-template-columns:1fr 1fr 58px;gap:9px;align-items:end;padding:14px 2px 1px}.pass-footer div:not(.pass-mark){display:grid;gap:2px}.pass-footer span{color:#777167;font-family:'JetBrains Mono',monospace;font-size:6px;letter-spacing:.13em;text-transform:uppercase}.pass-footer strong{font-family:'JetBrains Mono',monospace;font-size:7.5px;letter-spacing:.06em;text-transform:uppercase}.pass-qr{display:block;width:54px;height:54px;justify-self:end;border-radius:3px;-webkit-user-drag:none}.lanyard-world:focus-visible .pass-card{outline:2px solid var(--signal);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.thumbnail-page .showcase-shell{display:block;width:100%;height:100svh;padding:0}.thumbnail-page .lanyard-world{height:100svh;min-height:0}.thumbnail-page .lanyard-badge{top:65%;left:62%;width:292px;transform:translate(-50%,-50%) rotate(-27deg) perspective(900px) rotateY(-12deg)}@media (max-width:600px){:root{--connector-reach:25}.showcase-shell{width:100%;padding:0}.showcase-toolbar{min-height:38px;margin-bottom:2px;padding:0 10px}.showcase-prompt{font-size:.58rem}.showcase-prompt span:last-child,.showcase-key{display:none}.lanyard-world{height:100%;min-height:0}.lanyard-badge{top:58%;width:clamp(218px,65vw,244px)}[data-lanyard-path]{stroke-width:25}.strap-type{font-size:7.8px;letter-spacing:1.35px}.pass-card{padding:16px 16px 13px;border-radius:17px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.32),inset 0 0 0 7px var(--paper-deep)}.pass-header{padding-bottom:11px}.pass-slot{margin:10px auto}.pass-identity{padding:10px 2px 11px}.pass-identity h2{font-size:30px}.pass-footer{grid-template-columns:1fr 1fr 50px;padding-top:11px}.pass-qr{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.lanyard-badge,.pass-card,.lanyard-connector{will-change:auto}}