@font-face{font-family:FriendsFont;src:url(/fonts/Friends.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.friends-title-font{letter-spacing:.06em;text-transform:uppercase;font-family:FriendsFont,Kalam,Comic Sans MS,cursive,sans-serif}.friends-dots{vertical-align:middle;align-items:center;gap:.22em;margin-left:.15em;display:inline-flex}.friends-dots i{border-radius:50%;width:9px;height:9px;display:inline-block}.friends-dots i.dot-r{background:#e53834;box-shadow:0 0 6px #e5383499}.friends-dots i.dot-y{background:#fbc02d;box-shadow:0 0 6px #fbc02d99}.friends-dots i.dot-b{background:#327fc0;box-shadow:0 0 6px #327fc099}*{box-sizing:border-box}html,body{color:#30271f;scroll-behavior:smooth;background:#f7f0e3;width:100%;max-width:100vw;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}main{width:100%;max-width:100vw;overflow-x:hidden}.wrap{box-sizing:border-box;width:min(1180px,100% - 32px);margin:auto}.hero{color:#fff;isolation:isolate;align-items:stretch;width:100%;max-width:100vw;display:flex;position:relative;overflow:hidden}.hero-inner{place-items:center;width:100%;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:center 30%;filter:brightness(1.22)contrast(1.06)saturate(1.08);z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero-shade{z-index:-1;background:linear-gradient(#00000026 0%,#00000059 100%);position:absolute;inset:0}.hero-copy{text-align:center;box-sizing:border-box;z-index:2;align-self:end;width:min(1180px,100% - 32px);padding-bottom:7vh;position:relative}.scroll-link{color:#fff;backdrop-filter:blur(8px);letter-spacing:.12em;text-transform:uppercase;background:#00000059;border-bottom:2px solid #f4c955;border-radius:30px;align-items:center;gap:12px;padding:14px 20px 8px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .25s,background .25s;display:inline-flex;box-shadow:0 8px 24px #0000004d}.scroll-link:hover{color:#fce3a6;background:#0000008c;transform:translateY(-3px)}.scroll-link span,.section-next span,.manifest-next span{font-size:1.4rem;line-height:.5}.friends-section{box-sizing:border-box;background:radial-gradient(circle at 10% 0,#edc38466,#0000 30%),#f7f0e3;width:100%;max-width:100vw;padding:6rem 0 5rem;overflow:hidden}.joey-reaction{aspect-ratio:16/9;box-sizing:border-box;background:#1a1412;border-radius:12px;width:min(1050px,100% - 32px);margin:0 auto 5rem;position:relative;overflow:hidden;box-shadow:0 20px 45px #3c281938}.joey-reaction img{object-fit:cover;width:100%;height:100%;display:block}.friends-talk{box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,6vw,6rem);width:100%;display:grid}.section-kicker{letter-spacing:.2em;color:#9e6244;margin:0 0 .8rem;font:600 .72rem DM Mono,monospace}.friends-type{color:#2b211a;word-break:break-word;margin:.2rem 0 .6rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.96}.hint{color:#a05a3b;margin:0 0 1.8rem;font-family:Caveat,cursive;font-size:1.5rem}.cast-lines{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin:2rem 0;display:grid}.character{color:#40352c;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:6px;font:600 .72rem Inter,sans-serif;transition:transform .25s;display:flex}.letter-avatar{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:60px;height:60px;font:700 1.4rem Fraunces,Georgia,serif;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:grid;box-shadow:0 6px 16px #3c28192e}.letter-avatar.rachel{background:linear-gradient(135deg,#e5a454,#c88435)}.letter-avatar.monica{background:linear-gradient(135deg,#b04c3b,#8a3425)}.letter-avatar.phoebe{background:linear-gradient(135deg,#b993c5,#9569a3)}.letter-avatar.joey{background:linear-gradient(135deg,#d1b36e,#a88842)}.letter-avatar.chandler{background:linear-gradient(135deg,#809a9f,#557277)}.letter-avatar.ross{background:linear-gradient(135deg,#a4bb7b,#728a49)}.character:hover .letter-avatar,.character.active .letter-avatar{border-color:#fff;transform:scale(1.15)translateY(-4px);box-shadow:0 10px 22px #b04c3b59}.character.active b{color:#b04c3b}.dialogue{box-sizing:border-box;word-break:break-word;background:#fffaf2;border-left:4px solid #b04c3b;border-radius:0 12px 12px 0;min-height:105px;padding:1.2rem 1.5rem;box-shadow:0 8px 24px #3c281914}.dialogue span{color:#a95c45;letter-spacing:.14em;text-transform:uppercase;font:600 .7rem DM Mono,monospace}.dialogue p{color:#2c221b;margin:.5rem 0 0;font-family:Fraunces,Georgia,serif;font-size:1.15rem;line-height:1.4}.cast-photo{box-sizing:border-box;border-radius:12px;width:100%;margin:0;overflow:hidden;box-shadow:-14px 16px #d1b896}.cast-photo img{object-fit:cover;object-position:center;width:100%;height:560px;display:block}.section-next,.manifest-next{color:#685247;letter-spacing:.14em;box-sizing:border-box;text-align:center;justify-content:center;align-items:center;gap:12px;width:100%;margin:5rem auto 0;font:600 .72rem DM Mono,monospace;text-decoration:none;transition:color .2s;display:flex}.section-next:hover,.manifest-next:hover{color:#a05a3b}.sorting-section{isolation:isolate;box-sizing:border-box;color:#f7e8ca;text-align:center;background:radial-gradient(#2e1a14 0%,#170d0b 60%,#0d0706 100%);flex-direction:column;justify-content:center;width:100%;max-width:100vw;min-height:850px;padding:6rem 16px 8rem;display:flex;position:relative;overflow:hidden}.sorting-section:before{content:"";opacity:.2;z-index:-1;background-image:radial-gradient(#e9be6e 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.gold{color:#e6be6e}.sorting-hero-wrapper{box-sizing:border-box;width:100%;max-width:1050px;margin:0 auto}.sorting-photo-card{aspect-ratio:16/9;box-sizing:border-box;border:1px solid #e0b96266;border-radius:16px;width:100%;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 20px 50px #0009}.sorting-photo-card img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.sorting-header-content{text-align:center;box-sizing:border-box;width:100%;max-width:750px;margin:0 auto}.sorting-header-content h2{color:#fff;word-break:break-word;margin:.2em 0;font:600 clamp(2rem,5vw,4.5rem)/.96 Fraunces,Georgia,serif}.sort-subtitle{color:#f6d18b;word-break:break-word;margin:.4rem 0 1.8rem;font-family:Caveat,cursive;font-size:1.8rem}.hat-button{color:#1f130b;letter-spacing:.15em;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#e6be6e 0%,#c99c43 100%);border:0;border-radius:999px;max-width:100%;padding:16px 32px;font:700 .8rem Inter,sans-serif;text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s;display:inline-block;box-shadow:0 8px 24px #0006}.hat-button:hover{background:linear-gradient(135deg,#f5d488 0%,#dcab4c 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #e6be6e66}.secondary-retake-btn{color:#f7e8ca;background:#ffffff1f;border:1px solid #e6be6e66;margin-left:12px}.secondary-retake-btn:hover{color:#fff;background:#ffffff38}.quiz{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto}.magical-card{backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff0d;border:1px solid #e6be6e4d;border-radius:20px;width:100%;padding:3rem 2.5rem;box-shadow:0 20px 50px #00000080}.hat-comment{color:#fce3a6;word-break:break-word;margin:0 0 1.5rem;font-family:Caveat,cursive;font-size:2.2rem}.progress-bar-wrap{background:#ffffff1a;border-radius:999px;width:100%;height:6px;margin-bottom:2rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#c99c43,#f5d488);width:33%;height:100%;transition:width .4s}.question-count{letter-spacing:.2em;color:#d9ad57;margin:0;font:600 .7rem DM Mono,monospace}.quiz h3{color:#fff;word-break:break-word;margin:1rem 0 2.2rem;font:600 clamp(1.6rem,3.5vw,2.6rem) Fraunces,serif}.answers{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;display:flex}.answers button{cursor:pointer;color:#f7e8ca;text-align:center;word-break:break-word;box-sizing:border-box;background:#ffffff12;border:1px solid #e6be6e59;border-radius:14px;width:100%;padding:18px 24px;font:500 .95rem Inter,sans-serif;transition:all .25s}.answers button:hover{color:#1f130b;background:#e6be6e;border-color:#e6be6e;transform:translateY(-2px);box-shadow:0 8px 20px #e6be6e4d}.house-reveal{box-sizing:border-box;width:100%;max-width:850px;margin:0 auto;animation:.8s reveal;overflow:hidden}.house-card-banner{box-sizing:border-box;word-wrap:break-word;border:2px solid #e6be6e;border-radius:24px;width:100%;padding:3.5rem 2rem;transition:all .5s;overflow:hidden;box-shadow:0 0 60px #00000080}.theme-gryffindor{background:linear-gradient(135deg,#781414e6 0%,#3c0a0af2 100%);border-color:#f5d488;box-shadow:0 0 60px #b4282866}.theme-ravenclaw{background:linear-gradient(135deg,#12325fe6 0%,#081830f2 100%);border-color:#72a9e5;box-shadow:0 0 60px #2d73d266}.theme-hufflepuff{background:linear-gradient(135deg,#785a0fe6 0%,#372808f2 100%);border-color:#f4d068;box-shadow:0 0 60px #e6af2866}.theme-slytherin{background:linear-gradient(135deg,#124b2de6 0%,#082616f2 100%);border-color:#62c98d;box-shadow:0 0 60px #28aa5f66}.house-crest{margin-bottom:.8rem;font-size:4rem;animation:2s infinite pulse}.house-title{color:#fff;text-shadow:0 0 35px #fff6,0 4px 10px #000c;word-break:break-word;text-align:center;margin:.4rem 0 0;font:800 clamp(2.4rem,8.5vw,6.5rem)/.9 Fraunces,Georgia,serif}.version{letter-spacing:.14em;color:#fce3a6;word-break:break-word;margin-top:.5rem;font:600 clamp(.85rem,3.5vw,1.15rem) DM Mono,monospace}.house-joke{color:#fff;word-break:break-word;max-width:580px;margin:1.8rem auto;font:500 clamp(1.1rem,4vw,1.4rem)/1.5 Fraunces,Georgia,serif}.hat-verdict{color:#f6d18b;word-break:break-word;margin-bottom:2rem;font-family:Caveat,cursive;font-size:1.8rem}.house-actions{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:14px;width:100%;display:flex}.taylor-section{box-sizing:border-box;background:#f4e3e6;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2.5rem,6vw,6rem);width:100%;max-width:100vw;margin-top:4rem;padding:6rem 2rem 5rem;display:grid;overflow:hidden}.manifest{box-sizing:border-box;width:100%}.manifest h2{color:#4a2b33;word-break:break-word;margin:.2em 0;font:600 clamp(2.4rem,5vw,4.8rem)/.95 Fraunces,Georgia,serif}.wish{color:#7a4652;word-break:break-word;max-width:100%;margin:1.2rem 0;font:600 clamp(1.8rem,4vw,3.8rem) Caveat,cursive;display:inline-block;position:relative}.wish:after{content:"";border-top:3px solid #b56576;animation:1.4s 1s both strike;position:absolute;top:53%;left:-4%;right:-4%;transform:rotate(-3deg)}.manifested{letter-spacing:.12em;color:#b56576;margin:1.5rem 0 .5rem;font:700 1rem Inter,sans-serif}.check{color:#4a2b33;word-break:break-word;margin:.3rem 0;font:600 1.4rem Fraunces,Georgia,serif}.universe{color:#8c5360;word-break:break-word;font:600 1.4rem Caveat,cursive}.taylor-photo{box-sizing:border-box;border-radius:16px;width:100%;max-width:100%;margin:0;overflow:hidden;transform:rotate(2deg);box-shadow:16px 16px #e2c0c7}.taylor-photo img{object-fit:cover;width:100%;height:min(60vw,600px);display:block}.manifest-next{color:#7a4652;grid-column:1/-1;margin:2rem 0 0}.ophelia-section{text-align:center;box-sizing:border-box;background:#edd6db;width:100%;max-width:100vw;padding:7rem 20px;position:relative;overflow:hidden}.ophelia-section:before{content:"~ ~ ~ ~ ~ ~ ~ ~ ~";color:#dbb3bc;letter-spacing:.07em;white-space:nowrap;opacity:.6;font:900 clamp(3.5rem,10vw,10rem) Fraunces,serif;position:absolute;bottom:-.55em;left:-3%}.ophelia-copy{box-sizing:border-box;width:100%;max-width:800px;margin:auto;position:relative}.ophelia-copy h2{color:#4a2b33;word-break:break-word;margin:.2em;font:600 clamp(2.4rem,6vw,6rem)/.92 Fraunces,Georgia,serif}.lead{color:#6d3d49;word-break:break-word;font:500 1.3rem/1.5 Fraunces,Georgia,serif}.fates{text-align:left;backdrop-filter:blur(8px);box-sizing:border-box;background:#ffffff80;border:1px solid #b5657633;border-radius:16px;gap:1.3rem;width:100%;max-width:540px;margin:2.5rem auto;padding:1.8rem;display:grid}.fates p{color:#4a2b33;word-break:break-word;grid-template-columns:28px 1fr;margin:0;font-size:1.05rem;display:grid}.fates b{display:block}.fates em{color:#924d5d;grid-column:2;font:1.4rem Caveat,cursive}.better{color:#4a2b33;word-break:break-word;font:600 1.5rem Fraunces,Georgia,serif}.spotify-wrapper{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;width:100%;margin:2.5rem auto 0;display:flex}.spotify-player-container{box-sizing:border-box;border-radius:12px;justify-content:center;width:100%;display:flex;box-shadow:0 12px 32px #7a465226}.spotify-direct-btn{color:#fff;letter-spacing:.12em;box-sizing:border-box;background:#1db954;border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:14px 28px;font:700 .75rem Inter,sans-serif;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 6px 20px #1db9544d}.spotify-direct-btn:hover{background:#1ed760;transform:translateY(-2px)}.letter-section{box-sizing:border-box;background:#e8cfd3;width:100%;max-width:100vw;padding:8rem 16px;overflow:hidden}.letter{box-sizing:border-box;background:#f7e8eb;border-radius:24px;width:100%;max-width:820px;margin:auto;padding:clamp(2rem,5vw,5rem);box-shadow:16px 16px #dcaeb6}.friends-main-header{color:#4a2b33;word-break:break-word;margin:0 0 2.2rem;font-size:clamp(2.4rem,6vw,5.2rem)}.letter>p:not(.section-kicker){color:#3b2228;word-break:break-word;margin:0 0 1.3em;font:500 clamp(1.05rem,2vw,1.4rem)/1.7 Fraunces,Georgia,serif}.signoff-box{text-align:center;box-sizing:border-box;border-top:2px dashed #dcaeb6;width:100%;margin-top:3rem;padding-top:2rem}.friends-signoff-title{color:#4a2b33;word-break:break-word;margin:0 0 .8rem;font-size:clamp(1.8rem,5vw,4rem);line-height:1.1}.signoff{color:#7a4652;margin:0;font-family:Kalam,cursive;font-size:1.5rem}.signoff span{color:#b56576}@keyframes bounce{50%{transform:scale(1.16)translateY(-6px)}}@keyframes strike{0%{transform-origin:0;transform:scaleX(0)rotate(-3deg)}to{transform:scaleX(1)rotate(-3deg)}}@keyframes reveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(22px)}.reveal.shown{opacity:1;transform:none}@media (width<=768px){.hero-inner{min-height:unset;aspect-ratio:16/9;width:100%}.hero-copy{padding-bottom:5vh}.scroll-link{padding:12px 18px 6px;font-size:.78rem}.friends-talk{grid-template-columns:1fr;gap:2.5rem}.cast-photo{order:2}.cast-photo img{aspect-ratio:4/5;height:auto}.sorting-section{min-height:700px;padding:3.5rem 12px 5rem}.sorting-photo-card{aspect-ratio:16/9;border-radius:12px;margin-bottom:1.8rem}.magical-card{padding:2rem 1.2rem}.answers{gap:10px}.answers button{padding:15px 16px;font-size:.88rem}.house-card-banner{box-sizing:border-box;border-radius:18px;width:100%;padding:2.2rem 1.2rem}.house-crest{margin-bottom:.5rem;font-size:3.5rem}.house-title{word-break:break-word;font-size:clamp(2.2rem,9.5vw,3.8rem)}.version{letter-spacing:.1em;font-size:clamp(.8rem,3.5vw,1rem)}.house-joke{margin:1.4rem auto;padding:0 4px;font-size:clamp(1rem,4vw,1.25rem)}.hat-verdict{margin-bottom:1.8rem;font-size:1.5rem}.house-actions{flex-direction:column;gap:10px;width:100%}.house-actions .hat-button{text-align:center;box-sizing:border-box;width:100%;margin:0;padding:14px 18px;font-size:.72rem}.secondary-retake-btn{margin-left:0}.taylor-section{border-radius:18px;grid-template-columns:1fr;gap:2.2rem;margin-top:2.5rem;padding:3rem 1.2rem}.manifest h2{font-size:clamp(2.2rem,8.5vw,3.5rem)}.wish{font-size:clamp(1.7rem,6.5vw,2.8rem)}.taylor-photo{transform:none;box-shadow:8px 8px #e2c0c7}.taylor-photo img{height:auto;max-height:380px}.ophelia-section{padding:4rem 12px}.fates{margin:2rem auto;padding:1.4rem 1rem}.spotify-wrapper{margin-top:2rem}.spotify-player-container iframe{height:152px}.letter-section{padding:4rem 12px}.letter{border-radius:18px;padding:2rem 1.2rem;box-shadow:8px 8px #dcaeb6}.friends-main-header{margin-bottom:1.8rem;font-size:clamp(2.2rem,8vw,3.8rem)}.friends-signoff-title{font-size:clamp(1.7rem,6.5vw,3rem)}}