#map-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;pointer-events:none;perspective:1800px;perspective-origin:50% 60%}#map-bg .treasure-map{transform-origin:50% 50%}#map-bg .map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--paper-dark);font-style:italic}#map-bg .treasure-map{position:absolute;left:-15%;top:-15%;width:130%;height:130%;overflow:visible}#map-vignette{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(20,8,4,.9) 100%);z-index:4}#map-bg .treasure-map text{font-family:var(--font-display)}#map-bg .village,#map-bg .tree,#map-bg .wagon,#map-bg .globen,#map-bg .robbers,#map-bg .kraken,#map-bg .octopus,#map-bg .whale,#map-bg .mermaid,#map-bg .sea-monster,#map-bg .decor-ship,#map-bg .skull-warning,#map-bg .dragon-warning,#map-bg .stockholm-city,#map-bg .sodertalje{filter:drop-shadow(2px 3px 1.5px rgba(40,20,10,.45))}#map-bg .sea-label{font-size:6.8px;letter-spacing:.4em;font-weight:700;font-style:italic}#map-bg .marker-label{font-size:16px;font-weight:700;letter-spacing:.05em}#map-bg .harbor-marker .marker-label{font-size:12.8px}#map-bg .treasure-label{font-size:28px;font-weight:700;letter-spacing:.1em}#map-bg .warning-label{font-size:14px;font-style:italic;letter-spacing:.1em}#map-bg .compass-letter{font-size:16px;font-weight:700}#map-bg .city-label{font-size:22px;font-weight:700;letter-spacing:.1em;font-style:italic}.content-overlay{position:relative;z-index:10;min-height:100vh}.content-overlay>*{position:relative;z-index:1}.top-controls{z-index:100}body.locked #map-bg{display:none}#reveal-caption{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}#reveal-caption .skip-btn{position:fixed;bottom:max(1.5rem,env(safe-area-inset-bottom));right:max(1.5rem,env(safe-area-inset-right));pointer-events:auto;background:#140e08cc;color:var(--paper);border:1px solid var(--gold);padding:.5rem 1rem;font-family:inherit;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#reveal-caption .skip-btn:hover{background:var(--accent);border-color:var(--accent)}body.revealing{overflow:hidden;touch-action:none}body.revealing .content-overlay{opacity:0;transition:opacity .6s;pointer-events:none}body:not(.revealing) .content-overlay{opacity:1;transition:opacity 1.2s}#map-bg .map-fadeable{transition:opacity 1.2s;opacity:1}body:not(.revealing) #map-bg .map-fadeable{opacity:.7}#hero-tint{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:#e8d8b4;z-index:5;opacity:0;transition:opacity 1.2s}body:not(.revealing) #hero-tint{opacity:.2}body.revealing #hero-tint{opacity:0;transition:opacity .6s}.rsvp{min-height:100vh;display:grid;place-items:center;padding:2rem;text-align:center}.rsvp-card{max-width:36rem;width:100%;background:#140e08d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--gold);box-shadow:0 12px 40px #00000080;padding:2.5rem 2rem 3rem;position:relative;z-index:10}.rsvp h2{font-size:clamp(1.5rem,4vw,2.2rem);margin:0 0 2rem;letter-spacing:.04em}.rsvp .step-hint{font-style:italic;color:var(--paper-dark);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;margin-bottom:.75rem}.rsvp-practical{margin:0 0 1.75rem;text-align:center}.rsvp-practical__item{margin-bottom:.85rem}.rsvp-practical__item:last-child{margin-bottom:0}.rsvp-practical__item p{margin:0;font-family:var(--font-display);font-size:clamp(1.05rem,2.8vw,1.25rem);line-height:1.5;color:var(--paper)}.rsvp input[type=text],.rsvp input[type=email],.rsvp input[type=tel]{background:transparent;border:none;border-bottom:1px solid var(--gold);color:var(--paper);font-size:1.4rem;text-align:center;padding:.5rem 1rem;font-family:inherit;width:min(22rem,90vw);outline:none;margin-bottom:1rem}.rsvp input:focus{border-bottom-color:var(--accent)}.rsvp .row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.rsvp button{background:transparent;border:1px solid var(--gold);color:var(--paper);padding:.85rem 2rem;font-family:inherit;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .2s;min-width:8rem}.rsvp button:hover{background:var(--accent);border-color:var(--accent)}.rsvp button.ghost{border-color:var(--paper-dark);color:var(--paper-dark)}.rsvp button[disabled]{opacity:.4;cursor:not-allowed}.name-grid-scroller{display:flex;gap:.4rem;align-items:stretch;margin-top:1.5rem;max-height:60vh;padding:.5rem;border:1px solid rgba(184,146,74,.35)}.name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;flex:1;min-width:0;max-height:calc(60vh - 1rem);overflow-y:auto;padding:0;margin-top:0;border:none;scrollbar-width:none}.name-grid::-webkit-scrollbar{display:none}.name-grid-scrollbar{flex:0 0 14px;width:14px;border-radius:7px;background:#1a120ad9;box-shadow:inset 0 0 0 1px #b8924a66;position:relative;overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.name-grid-scrollbar__thumb{position:absolute;left:2px;right:2px;top:0;background:var(--gold);border-radius:5px;min-height:40px;cursor:grab;touch-action:none}.name-grid-scrollbar.is-dragging .name-grid-scrollbar__thumb,.name-grid-scrollbar__thumb:active{cursor:grabbing}.name-grid button{padding:.6rem .5rem;font-size:.9rem;letter-spacing:.02em;text-transform:none;min-width:auto}.name-grid button.claimed{opacity:.25;pointer-events:none;text-decoration:line-through}.name-grid button.selected{background:var(--accent);border-color:var(--accent);color:var(--paper)}.pirate-pick__confirm{margin-top:1.25rem;justify-content:center}.farewell{font-style:italic;color:var(--paper-dark);margin:2rem 0;line-height:1.6}.rsvp--pirate-pick .rsvp-card{max-width:52rem;padding:2rem 1.75rem 2.5rem}.pirate-pick{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start;justify-content:center;margin-top:.5rem;text-align:left}.pirate-pick__card{flex:0 0 auto;width:min(15.12rem,42vw)}.pirate-pick__card .pirate-card{max-width:none}.pirate-pick__picker{flex:1 1 16rem;min-width:0;max-width:26rem}.pirate-pick__picker h2{text-align:center;margin-top:0}.pirate-pick__picker .farewell{text-align:center;margin:0 0 1rem}.pirate-pick__picker .name-grid-scroller{margin-top:0;max-height:50vh}.pirate-pick__picker .name-grid{max-height:calc(50vh - 1rem)}@media (max-width: 560px){.pirate-pick{flex-direction:column;align-items:stretch;gap:1.25rem}.pirate-pick__card{width:min(11rem,50vw);margin:0 auto}.pirate-pick__picker{flex:1 1 auto;max-width:none}.pirate-pick__picker .name-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}}.info-form{display:grid;gap:1rem;margin-top:1rem;text-align:left}.info-field{display:grid;gap:.35rem}.info-field>span{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.info-field textarea,.info-field input{width:100%;background:#00000059;border:1px solid var(--gold);color:var(--paper);font-family:inherit;font-size:1rem;padding:.6rem .75rem;resize:vertical}.info-field textarea:focus,.info-field input:focus{outline:none;border-color:var(--accent)}.info-saved{text-align:center;color:var(--gold);font-style:italic}.info-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;padding:2rem}.info-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0604d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.info-modal__card{position:relative;z-index:1;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;background:#140e08f7;border:1px solid var(--gold);box-shadow:0 12px 40px #0009;padding:1.5rem 1.75rem 2rem}.info-modal__loading,.info-modal__error{text-align:center;font-style:italic;margin:1rem 0}.home{display:flex;flex-direction:column;align-items:center}.home .hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem 2rem 2rem}.hero-portrait{width:26rem;max-width:72vw;height:auto;margin:0rem;filter:sepia(.35) contrast(1.05) brightness(.95);-webkit-mask-image:linear-gradient(to bottom,#000 90%,transparent);mask-image:linear-gradient(to bottom,#000 90%,transparent)}@media (max-width: 560px){.hero-portrait{width:17.5rem;max-width:66vw;margin-bottom:.1rem}}.hero-title{font-size:clamp(3rem,10vw,6rem);margin:0;letter-spacing:.05em;color:#1a0a05;text-shadow:0 0 24px rgba(232,216,180,.45),5px 8px 12px rgba(0,0,0,.65),3px 5px 6px rgba(0,0,0,.75),1px 2px 3px rgba(0,0,0,.85)}.hero-sub{font-style:italic;letter-spacing:clamp(.08em,.5vw,.3em);text-transform:uppercase;font-size:clamp(.85rem,4vw,2.25rem);white-space:nowrap;color:#2a1810;text-shadow:0 0 14px rgba(232,216,180,.4),4px 6px 9px rgba(0,0,0,.6),2px 3px 5px rgba(0,0,0,.75),1px 2px 2px rgba(0,0,0,.85);margin:.35rem 0 .5rem}.hero-sub:before{content:"— "}.hero-sub:after{content:" —"}@media (max-width: 560px){.hero-sub:before,.hero-sub:after{content:none}}.hero-lead{max-width:32rem;font-style:italic;color:var(--paper);line-height:1.7;text-shadow:0 0 10px rgba(0,0,0,.7)}.scroll-cue{display:block;margin:.25rem auto 0;width:clamp(2.1rem,5.04vw,2.94rem);height:auto;opacity:.8;animation:bob 3.5s cubic-bezier(.5,0,.5,1) infinite}@keyframes bob{0%{transform:translateY(0)}45%{transform:translateY(18px)}60%{transform:translateY(14px)}72%{transform:translateY(18px)}to{transform:translateY(0)}}.card-section{padding:3rem 1.5rem;width:100%;display:flex;justify-content:center}.card{width:100%;max-width:44rem;background:#140e08d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--gold);box-shadow:0 12px 40px #00000080;padding:2rem 2rem 2.5rem}.card h2{margin:0 0 1rem;font-size:clamp(1.5rem,4vw,2.2rem);letter-spacing:.04em;text-align:center}.card .lead{text-align:center;font-style:italic;color:var(--paper-dark);margin:0 0 1.5rem}.card--crew{max-width:62rem}.crew-collage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem}.crew-collage .pirate-card{max-width:none;cursor:pointer;transition:transform .15s ease}@media (max-width: 720px){.crew-collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}@media (max-width: 420px){.crew-collage{gap:.5rem}}.crew-collage .pirate-card:hover{transform:scale(1.03)}.crew-collage .pirate-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.ovanan-layout{display:grid;grid-template-columns:minmax(0,18rem) 1fr;gap:1.75rem;align-items:start}.ovanan-map{margin:0;cursor:pointer}.ovanan-map:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.ovanan-map img{display:block;width:100%;height:auto;border:1px solid rgba(201,162,39,.45);box-shadow:0 8px 24px #00000073}.ovanan-details .lead{text-align:left;margin:0 0 1.25rem}.ovanan-block+.ovanan-block{margin-top:1.25rem}.ovanan-block h3{margin:0 0 .5rem;font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.ovanan-block p{margin:0;line-height:1.7}@media (max-width: 560px){.ovanan-layout{grid-template-columns:1fr;justify-items:center}.ovanan-map{max-width:15rem}.ovanan-details .lead{text-align:center}}.theme-body{display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem}.theme-item{margin:0;font-family:var(--font-body);line-height:1.7;text-align:left}.theme-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;text-align:left}.theme-col__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.1rem;letter-spacing:.1em}.theme-col--plus .theme-col__title{color:#1f5a32}.theme-col--minus .theme-col__title{color:#7a2a1a}.theme-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.theme-list li{position:relative;padding-left:1.5rem;line-height:1.5}.theme-list li:before{position:absolute;left:0;top:0;font-family:var(--font-display);font-weight:700;font-size:1.1rem;line-height:1.5}.theme-list--plus li:before{content:"+";color:#1f5a32}.theme-list--minus li:before{content:"−";color:#7a2a1a}@media (max-width: 560px){.theme-columns{grid-template-columns:1fr;gap:1.25rem}}.info-grid{display:grid;gap:1.5rem}.info-item{border-left:2px solid var(--gold);padding-left:1rem}.info-item h3{margin:0 0 .5rem;font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.info-item p{margin:0;line-height:1.7}.crew-empty{font-style:italic;color:var(--paper-dark);text-align:center}.crew-header{text-align:center;margin-bottom:1.25rem}.crew-name{margin:0 0 .5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.crew-rename-btn{background:transparent;border:1px solid var(--paper-dark);color:var(--paper-dark);font-family:inherit;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .75rem;cursor:pointer}.crew-rename-btn:hover{border-color:var(--gold);color:var(--gold)}.crew-rename-form{margin-bottom:1.25rem;display:grid;gap:.75rem}.crew-rename-form[hidden],.crew-rename-error[hidden]{display:none}.crew-rename-input{width:100%;background:#00000059;border:1px solid var(--gold);color:var(--paper);font-family:inherit;font-size:1rem;padding:.6rem .75rem;text-align:center;letter-spacing:.05em}.crew-rename-input:focus{outline:none;border-color:var(--accent)}.crew-rename-actions{display:flex;justify-content:center;gap:.75rem}.crew-rename-actions button{background:transparent;border:1px solid var(--gold);color:var(--paper);font-family:inherit;padding:.45rem 1rem;cursor:pointer}.crew-rename-actions button:hover{background:var(--accent);border-color:var(--accent)}.crew-rename-actions button.ghost{border-color:var(--paper-dark);color:var(--paper-dark)}.crew-rename-actions button.ghost:hover{background:transparent;border-color:var(--gold);color:var(--gold)}.crew-rename-actions button[disabled]{opacity:.5;cursor:not-allowed}.crew-rename-error{margin:0;text-align:center;font-size:.85rem;color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.crew-list{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.crew-list li{padding:1rem;border:1px solid var(--gold);background:#0000004d}.crew-list .name{font-weight:700}.crew-list .pirate{font-style:italic;color:var(--paper-dark)}.crew-list .contact{font-size:.85rem;margin-top:.25rem;color:var(--paper-dark)}.pirate-card{width:100%;max-width:15.12rem}.pirate-card__inner{container-type:inline-size;position:relative;width:100%;aspect-ratio:63 / 88;border-radius:max(8px,5.5%) / max(6px,3.95%);overflow:hidden;isolation:isolate}.pirate-card__photo{position:absolute;top:7%;right:7%;bottom:23%;left:7%;background-color:#2a1810;--portrait-round: max(10px, 8%);border-radius:var(--portrait-round);overflow:hidden;clip-path:inset(0 round max(10px,8%));filter:sepia(.35) contrast(1.05) brightness(.95)}.pirate-card__photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:var(--portrait-round)}.pirate-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(2.4rem,9.6vw,3.6rem);opacity:.35;background:linear-gradient(145deg,#3a2818,#1a120a)}.pirate-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.pirate-card__label{position:absolute;top:85%;left:50%;max-width:88%;text-align:center;pointer-events:none;transform:translate(-50%,-50%);line-height:1.15}.pirate-card__name{font-family:var(--font-display);font-size:clamp(.55rem,4.85cqw,2rem);font-weight:400;letter-spacing:.06em;color:var(--ink);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pirate-card__name--long{font-size:clamp(.48rem,4.2cqw,1.75rem);letter-spacing:.04em}.pirate-card--frame1 .pirate-card__photo{top:8.19%;right:4.84%;bottom:14.18%;left:5.16%}.pirate-card--frame1 .pirate-card__label{top:93.04%;left:49.38%;right:auto;bottom:auto;transform:translate(-50%,-50%)}.pirate-card--frame2 .pirate-card__photo{top:2.22%;right:3.69%;bottom:11.43%;left:3.83%}.pirate-card--frame2 .pirate-card__label{top:89.58%;left:49.7%;right:auto;bottom:auto;transform:translate(-50%,-50%)}.pirate-card--frame3 .pirate-card__photo{top:3.25%;right:3.23%;bottom:2.53%;left:3.37%}.pirate-card--frame3 .pirate-card__label{top:87.66%;left:51.31%;right:auto;bottom:auto;transform:translate(-50%,-50%)}.pirate-card--frame4 .pirate-card__photo{top:12.15%;right:12.43%;bottom:15.86%;left:12.07%}.pirate-card--frame4 .pirate-card__label{top:91.42%;left:44.85%;right:auto;bottom:auto;transform:translate(-50%,-50%)}.pirate-card--frame5 .pirate-card__photo{top:.6%;right:1.52%;bottom:1.47%;left:1.67%}.pirate-card--frame5 .pirate-card__label{top:90.3%;left:50.09%;right:auto;bottom:auto;transform:translate(-50%,-50%)}.pirate-card--frame6 .pirate-card__photo{top:2.86%;right:3.7%;bottom:2.56%;left:4.85%}.pirate-card--frame6 .pirate-card__label{top:89.46%;left:50.11%;right:auto;bottom:auto;transform:translate(-50%,-50%)}.pirate-card--frame7 .pirate-card__photo{top:2.65%;right:3.15%;bottom:1.93%;left:2.3%}.pirate-card--frame7 .pirate-card__label{top:90.99%;left:48.66%;right:auto;bottom:auto;transform:translate(-50%,-50%)}body.pirate-card-lightbox-open{overflow:hidden}.pirate-card-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;padding:2rem}.pirate-card-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0604eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pirate-card-lightbox__card{position:relative;z-index:1;width:min(90vw,calc(90vh * 63 / 88));max-height:90vh}.pirate-card-lightbox__image{width:min(90vw,calc(90vh * var(--lightbox-aspect, 2 / 3)));max-height:90vh}.pirate-card-lightbox__image img{display:block;width:100%;height:auto;border:1px solid rgba(201,162,39,.45);box-shadow:0 12px 40px #0000008c}.pirate-card-lightbox__card .pirate-card{max-width:none;width:100%}.pirate-card-lightbox__card .pirate-card__name{white-space:normal;overflow:visible;text-overflow:unset}.pirate-card-lightbox__close{position:fixed;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:2;width:2.75rem;height:2.75rem;border:1px solid var(--gold);border-radius:50%;background:#1a120ad9;color:var(--paper);font-size:1.75rem;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pirate-card-lightbox__close:hover,.pirate-card-lightbox__close:focus-visible{background:#8b2c1ae6;outline:2px solid var(--gold);outline-offset:2px}.pirate-card-lightbox__nav{position:fixed;top:50%;z-index:2;width:2.75rem;height:2.75rem;border:1px solid var(--gold);border-radius:50%;background:#1a120ad9;color:var(--paper);font-size:2rem;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateY(-50%)}.pirate-card-lightbox__nav--prev{left:max(1rem,env(safe-area-inset-left))}.pirate-card-lightbox__nav--next{right:max(1rem,env(safe-area-inset-right))}.pirate-card-lightbox__nav:hover:not(:disabled),.pirate-card-lightbox__nav:focus-visible:not(:disabled){background:#8b2c1ae6;outline:2px solid var(--gold);outline-offset:2px}.pirate-card-lightbox__nav:disabled{opacity:.25;cursor:default}body.framefix-page{background:#12100c;color:var(--paper)}body.framefix-page #party-audio,body.framefix-page #map-root,body.framefix-page #top-controls{display:none!important}.framefix{max-width:72rem;margin:0 auto;padding:1.5rem 1rem 3rem}.framefix__header{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.framefix h1{font-family:var(--font-display);font-size:1.35rem;font-weight:400;letter-spacing:.08em;margin:0 0 .35rem}.framefix__hint{margin:0;font-size:.9rem;color:var(--paper-dark);max-width:28rem}.framefix__actions{display:flex;flex-wrap:wrap;gap:.5rem}.framefix__btn{font:inherit;font-size:.82rem;letter-spacing:.04em;padding:.45rem .85rem;border:1px solid var(--gold);background:#b8924a26;color:var(--paper);cursor:pointer;border-radius:2px}.framefix__btn:hover{background:#b8924a47}.framefix__btn--ghost{border-color:var(--paper-dark);background:transparent;color:var(--paper-dark)}.framefix__export{width:100%;margin-bottom:1.5rem;padding:.75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;line-height:1.45;background:#0e0c09;color:#c9b685;border:1px solid #3a3020;border-radius:2px;resize:vertical}.framefix__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem}.framefix__item{display:flex;flex-direction:column;gap:.5rem}.framefix__title{margin:0;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-align:center}.framefix__stage{display:flex;justify-content:center}.framefix__card{position:relative;width:100%;max-width:16rem;aspect-ratio:63 / 88;border-radius:max(8px,5.5%) / max(6px,3.95%);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.framefix__photo{position:absolute;overflow:hidden;border-radius:max(10px,8%);clip-path:inset(0 round max(10px,8%));z-index:1}.framefix__photo-checker{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#4a3828 25%,transparent 25%),linear-gradient(-45deg,#4a3828 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#4a3828 75%),linear-gradient(-45deg,transparent 75%,#4a3828 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:#6a5040;opacity:.85}.framefix__photo-bounds{position:absolute;z-index:3;pointer-events:none;border:2px dashed rgba(120,220,160,.85);box-shadow:inset 0 0 0 1px #00000040}.framefix__handle{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#7cffb2;border:2px solid #1a3a28;box-shadow:0 0 0 1px #ffffff59;pointer-events:auto;cursor:grab;z-index:6;touch-action:none}.framefix__handle:active{cursor:grabbing}.framefix__handle[data-handle=tl],.framefix__handle[data-handle=br]{cursor:nwse-resize}.framefix__handle[data-handle=tr],.framefix__handle[data-handle=bl]{cursor:nesw-resize}.framefix__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.framefix__label{position:absolute;z-index:7;transform:translate(-50%,-50%);pointer-events:auto;cursor:grab}.framefix__label:active{cursor:grabbing}.framefix__label-dot{position:absolute;left:50%;bottom:calc(100% + 3px);transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:#ff6b6b;border:2px solid #fff;box-shadow:0 0 0 1px #0006;pointer-events:auto;cursor:grab}.framefix__name{display:block;font-family:var(--font-display);font-size:clamp(.65rem,2.8vw,.95rem);font-weight:400;letter-spacing:.06em;color:var(--ink);white-space:nowrap;text-shadow:0 0 4px rgba(232,216,180,.6);pointer-events:none}.framefix__coords{margin:0;padding:.45rem .5rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.62rem;line-height:1.4;color:#9a8a68;background:#0e0c09;border:1px solid #2a2418;border-radius:2px;white-space:pre-wrap}body.frameselect-page{background:#12100c;color:var(--paper)}body.frameselect-page #party-audio,body.frameselect-page #map-root,body.frameselect-page #top-controls{display:none!important}.frameselect{max-width:72rem;margin:0 auto;padding:1.5rem 1rem 3rem}.frameselect__header{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.frameselect h1{font-family:var(--font-display);font-size:1.35rem;font-weight:400;letter-spacing:.08em;margin:0 0 .35rem}.frameselect__hint{margin:0;font-size:.88rem;color:var(--paper-dark);max-width:34rem;line-height:1.5}.frameselect__hint code{font-size:.82em;color:var(--gold)}.frameselect__actions{display:flex;flex-wrap:wrap;gap:.5rem}.frameselect__btn{font:inherit;font-size:.82rem;letter-spacing:.04em;padding:.45rem .85rem;border:1px solid var(--gold);background:#b8924a26;color:var(--paper);cursor:pointer;border-radius:2px}.frameselect__btn:hover{background:#b8924a47}.frameselect__btn--ghost{border-color:var(--paper-dark);background:transparent;color:var(--paper-dark)}.frameselect__status{margin:0 0 .5rem;font-size:.82rem;color:var(--gold)}.frameselect__totals{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin:0 0 1rem;padding:.55rem .7rem;border:1px solid #3a3020;background:#0e0c09;border-radius:2px}.frameselect__total{font-size:.72rem;letter-spacing:.04em;color:var(--paper-dark)}.frameselect__total strong{font-weight:600;color:var(--paper)}.frameselect__total.is-active,.frameselect__total.is-active strong{color:var(--gold)}.frameselect__layout{display:grid;grid-template-columns:minmax(11rem,16rem) 1fr;gap:1.25rem;align-items:start}@media (max-width: 720px){.frameselect__layout{grid-template-columns:1fr}}.frameselect__people{display:flex;flex-direction:column;gap:.35rem;max-height:70vh;overflow-y:auto;padding-right:.25rem}.frameselect__person{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.55rem .65rem;border:1px solid #3a3020;background:#0e0c09;color:var(--paper);text-align:left;cursor:pointer;border-radius:2px;font:inherit}.frameselect__person:hover{border-color:var(--paper-dark)}.frameselect__person.is-active{border-color:var(--gold);background:#b8924a1f}.frameselect__person-name{font-size:.88rem}.frameselect__person-meta{font-size:.68rem;color:var(--paper-dark);letter-spacing:.03em}.frameselect__picker{display:flex;flex-direction:column;gap:1rem}.frameselect__preview{display:flex;justify-content:center}.frameselect__preview .pirate-card{max-width:14rem}.frameselect__picker-label{margin:0;text-align:center;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.frameselect__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.75rem}.frameselect__option{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.4rem;border:2px solid transparent;background:transparent;cursor:pointer;border-radius:4px}.frameselect__option:hover{border-color:#b8924a73}.frameselect__option.is-picked{border-color:var(--gold);background:#b8924a1a}.frameselect__option .pirate-card{max-width:6.5rem;pointer-events:none}.frameselect__option-num{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dark)}.frameselect__option.is-picked .frameselect__option-num{color:var(--gold)}.webgl-page{position:relative;min-height:100vh;background:#1a120a}#webgl-stage{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#webgl-stage canvas{display:block;width:100%!important;height:100%!important}#webgl-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(20,8,4,.9) 100%);z-index:4;transform:translateZ(0)}#webgl-hero-tint{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:#e8d8b4;opacity:0;z-index:5;transition:opacity 1.2s}body.webgl-revealed #webgl-hero-tint{opacity:.2}#webgl-hero-tint{transform:translateZ(0)}body.webgl-revealing{overflow:hidden;touch-action:none}.webgl-page .card{transform:translateZ(0);will-change:transform}.webgl-hero{position:relative;min-height:100vh;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem 2rem 2rem;pointer-events:none;opacity:0;transition:opacity 1.2s}body.webgl-revealed .webgl-hero{opacity:1;pointer-events:auto}.webgl-content{position:relative;z-index:10;min-height:100vh;opacity:0;transition:opacity 1.2s}body.webgl-revealed .webgl-content{opacity:1}.webgl-hud__skip{position:fixed;bottom:max(1.5rem,env(safe-area-inset-bottom));right:max(1.5rem,env(safe-area-inset-right));z-index:200;pointer-events:auto;background:#140e08cc;color:var(--paper);border:1px solid var(--gold);padding:.5rem 1rem;font-family:inherit;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:opacity .8s,visibility .8s}body.webgl-revealed .webgl-hud__skip{opacity:0;pointer-events:none;visibility:hidden}.webgl-hud__skip:hover{background:var(--accent);border-color:var(--accent)}