:root{--paper:#edf4f8;--sheet:#f8fbfd;--ink:#29475d;--blue:#4f82a4;--soft:#b9d2e2;--deep:#16384f;--tape:#b7d4e5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background-image:linear-gradient(rgba(63,111,142,.045) 1px,transparent 1px);background-size:100% 31px}button,input{font:inherit}.page-header{height:66px;padding:0 clamp(18px,5vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(41,71,93,.2);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.page-header a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--soft);border-radius:50%;color:var(--ink);text-decoration:none}.page-header span{opacity:.62}main{padding:76px 0 42px}.moments{padding-left:max(20px,calc((100vw - 1200px)/2));}.eyebrow{margin:0 0 10px;color:#66899f;font-size:.72rem;letter-spacing:.17em;text-transform:uppercase}.moments h1,.friendship h2{margin:0;font:400 clamp(2.5rem,5vw,4.8rem)/1 Georgia,serif;letter-spacing:-.055em}.moments h1 em{color:#4f83a4;font-style:normal}.gallery-shell{position:relative;margin-top:44px}.photo-gallery{display:flex;gap:22px;overflow-x:auto;padding:22px 84px 36px 10px;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;overscroll-behavior-inline:contain}.photo-gallery::-webkit-scrollbar{display:none}.photo-gallery.dragging{cursor:grabbing;scroll-snap-type:none}.memory-card{position:relative;flex:0 0 clamp(180px,18vw,238px);aspect-ratio:.76;padding:10px 10px 35px;border:0;background:#fff;box-shadow:0 13px 28px rgba(28,61,83,.12);transform:rotate(var(--rotation));scroll-snap-align:center;cursor:pointer;transition:transform .3s,box-shadow .3s}.memory-card:hover,.memory-card:focus-visible{z-index:4;transform:rotate(0) translateY(-6px) scale(1.025);box-shadow:0 20px 38px rgba(28,61,83,.18);outline:0}.memory-card::before{content:"";position:absolute;z-index:3;left:50%;top:-13px;width:68px;height:27px;background:rgba(169,204,224,.74);transform:translateX(-50%) rotate(var(--tape-rotation));box-shadow:0 1px 2px rgba(22,56,79,.06)}.memory-card img{display:block;width:100%;height:100%;object-fit:cover;background:#d7e6ef}.memory-card .veil{position:absolute;z-index:2;inset:10px 10px 35px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(87,132,160,.94),rgba(187,214,229,.94));color:white;letter-spacing:.14em;font-size:.68rem;transition:opacity .55s,filter .55s;backdrop-filter:blur(10px)}.memory-card.revealed .veil{opacity:0;filter:blur(8px);pointer-events:none}.memory-card.empty img{display:none}.memory-card.empty .veil::after{content:"toque para escolher";font-size:.58rem;opacity:.72;position:absolute;margin-top:33px}.memory-card .number{position:absolute;bottom:9px;left:12px;color:#67879b;font:600 .65rem/1 ui-monospace,monospace}.gallery-arrow{position:absolute;right:clamp(16px,4vw,55px);top:50%;z-index:6;width:48px;height:48px;border-radius:50%;border:1px solid #7ba5bf;background:rgba(248,251,253,.9);color:#416f8b;cursor:pointer;box-shadow:0 8px 24px rgba(28,61,83,.12)}.gallery-note{text-align:center;margin:0 8vw 0 0;color:#7593a6;font-size:.76rem}.ink-divider{width:min(980px,84vw);height:1px;margin:78px auto;background:var(--deep);position:relative;opacity:.72}.ink-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 14px;background:var(--paper);color:var(--deep)}blockquote{max-width:880px;margin:0 auto;padding:0 28px;text-align:center;font:italic 400 clamp(1.6rem,3.2vw,2.8rem)/1.42 Georgia,serif;color:#315d79}
.friendship{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.72fr);gap:clamp(28px,5vw,65px);align-items:start}.scrapbook{position:relative;background:rgba(248,251,253,.92);border:1px solid rgba(67,111,140,.28);box-shadow:0 20px 45px rgba(35,73,98,.11)}.quiz-card{padding:clamp(25px,4vw,48px);background-image:repeating-linear-gradient(transparent 0 29px,rgba(81,132,163,.08) 30px,transparent 31px)}.quiz-card h2{font-size:clamp(2.25rem,4.2vw,4.25rem)}.tape{position:absolute;z-index:3;width:82px;height:27px;background:rgba(165,202,223,.72);box-shadow:0 1px 2px rgba(22,56,79,.06)}.tape-a{left:8%;top:-13px;transform:rotate(-4deg)}.tape-b{right:12%;top:-12px;transform:rotate(5deg)}.doodle{position:absolute;color:#6f9db8}.stars{right:6%;top:5%;font-size:1.4rem;transform:rotate(8deg)}.wheel-area{position:relative;width:min(410px,88vw);margin:38px auto}.wheel-pointer{position:absolute;z-index:5;left:50%;top:-16px;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:27px solid var(--deep);filter:drop-shadow(0 2px 1px rgba(0,0,0,.12))}.wheel{--turn:0deg;position:relative;width:100%;aspect-ratio:1;border-radius:50%;border:9px solid #f8fbfd;background:conic-gradient(#c1d9e8 0 60deg,#8fbad3 60deg 120deg,#d7e6ef 120deg 180deg,#6f9fbd 180deg 240deg,#abc9dc 240deg 300deg,#547f9b 300deg);box-shadow:0 12px 35px rgba(32,69,94,.16),0 0 0 1px #769db5;transform:rotate(var(--turn));transition:transform 3.2s cubic-bezier(.16,.72,.18,1);overflow:hidden}.wheel::after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px dashed rgba(255,255,255,.72)}.wheel>span{position:absolute;z-index:2;left:50%;top:50%;width:34%;text-align:center;font-size:clamp(.58rem,1.25vw,.76rem);line-height:1.15;color:#183c53;transform:translate(-50%,-50%) rotate(calc(var(--i)*60deg + 30deg)) translateY(-134px) rotate(calc(var(--i)*-60deg - 30deg))}.wheel button{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;border:6px double #a9c7da;background:#f8fbfd;color:var(--deep);font-weight:700;cursor:pointer}.question-paper{position:relative;margin-top:30px;padding:27px;background:#fffdf7;border:1px solid #c7d8e2;box-shadow:6px 8px 0 rgba(126,165,189,.12);transform:rotate(-.35deg)}.question-paper::before{content:"";position:absolute;width:76px;height:24px;left:50%;top:-12px;transform:translateX(-50%) rotate(2deg);background:rgba(173,205,224,.65)}.category{margin:0 0 9px;color:#6a8ba0;font-size:.68rem;text-transform:uppercase;letter-spacing:.15em}.question-paper h3{margin:0;font:400 1.3rem/1.4 Georgia,serif}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.answer{min-height:62px;padding:12px;border:1px solid #b7cdda;background:#dfeaf1;color:#29475d;cursor:pointer;box-shadow:2px 4px 0 rgba(52,91,116,.1);transform:rotate(var(--answer-rotation));transition:transform .2s,background .2s}.answer:hover{transform:rotate(0) translateY(-3px)}.answer.correct{background:#b9d8e8;border-color:#4d819f}.answer.wrong{background:#d5e0e7;border-color:#839baa}.feedback{min-height:22px;margin:18px 0 0;color:#507b96;font-size:.86rem}.playlist-card{padding:34px 28px;transform:rotate(.7deg)}.playlist-copy{margin:4px 0 24px;font:400 clamp(1.65rem,3vw,2.5rem)/1.14 Georgia,serif}.playlist-copy em{color:#4c86aa;font-style:normal}.mixtape-cover{aspect-ratio:1;margin:0 auto 24px;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#729db7,#d6e7f0);border:10px solid white;box-shadow:0 13px 28px rgba(28,61,83,.13);transform:rotate(-2deg)}.mixtape-cover span{font:italic 3rem Georgia,serif;color:white}.mixtape-cover small{margin-top:8px;color:#244b64}.track-copy{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-bottom:1px solid #b9cfdd;padding-bottom:12px}.track-copy strong{font:400 1.3rem Georgia,serif}.track-copy span{font-size:.69rem;color:#718c9d}.player-buttons{display:flex;justify-content:center;align-items:center;gap:24px;margin:24px 0}.player-buttons button{border:0;background:transparent;cursor:pointer}.player-buttons .play{width:54px;height:54px;border-radius:50%;background:#5e8eab;color:white}.skip{font-size:1.7rem;color:#60849a}.track-progress{--played:0%;display:block;width:100%;height:4px;appearance:none;background:linear-gradient(90deg,#4f82a4 0 var(--played),#c8dbe6 var(--played));border-radius:8px;cursor:pointer}.track-progress::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#315d79;border:3px solid white;box-shadow:0 0 0 1px #315d79}.time-row{display:flex;justify-content:space-between;margin-top:7px;font-size:.65rem;color:#728d9e}.volume-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:22px;color:#728d9e;font-size:.7rem}.volume-row input{width:100%;accent-color:#4f82a4}footer{width:min(1180px,calc(100% - 32px));margin:80px auto 0;padding-top:24px;border-top:1px solid #9cb9cb;display:flex;justify-content:space-between;color:#6c899b;font-size:.74rem}footer a{color:inherit}
@media(max-width:900px){main{padding-top:54px}.friendship{grid-template-columns:1fr}.playlist-card{max-width:560px;margin:0 auto;transform:none}.wheel>span{transform:translate(-50%,-50%) rotate(calc(var(--i)*60deg + 30deg)) translateY(-125px) rotate(calc(var(--i)*-60deg - 30deg))}}
@media(max-width:560px){.moments{padding-left:16px}.moments h1{font-size:2.7rem}.photo-gallery{gap:14px;padding-right:60px}.memory-card{flex-basis:70vw}.gallery-arrow{right:12px}.ink-divider{margin:58px auto}.friendship{width:calc(100% - 20px)}.quiz-card{padding:28px 14px}.wheel-area{width:min(340px,86vw)}.wheel>span{font-size:.57rem;transform:translate(-50%,-50%) rotate(calc(var(--i)*60deg + 30deg)) translateY(-27vw) rotate(calc(var(--i)*-60deg - 30deg))}.answers{grid-template-columns:1fr}.playlist-card{padding:30px 20px}footer{margin-top:60px;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}
.spotify-frame{overflow:hidden;border:8px solid #fff;border-radius:18px;background:#d3e3ed;box-shadow:0 14px 30px rgba(28,61,83,.14);transform:rotate(-.65deg)}
.spotify-frame iframe{display:block;border:0}
.spotify-link{margin-top:19px;padding:12px 4px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9cfdd;color:#456d87;text-decoration:none;font-size:.76rem;letter-spacing:.03em}
.spotify-link:hover,.spotify-link:focus-visible{color:var(--deep)}
@media(max-width:560px){.spotify-frame{border-width:5px;border-radius:14px}}

/* DecorativeDivider + InteractiveUniverseTV + PersonalityBingo */
.universe-divider{width:min(980px,calc(100% - 48px));margin:clamp(76px,9vw,120px) auto;display:grid;grid-template-columns:1fr auto 1fr;gap:17px;align-items:center}.universe-divider>span{height:1px;background:linear-gradient(90deg,transparent,#8eafc8 18%,#8eafc8 82%,transparent)}.universe-divider i{width:28px;height:28px;display:grid;place-items:center;border:1px solid #8eafc8;border-radius:50%;background:rgba(248,251,253,.76);box-shadow:0 5px 14px rgba(53,86,111,.08)}.universe-divider b{width:7px;height:7px;border:1px solid #527895;background:#bfd5e6;transform:rotate(45deg)}
.universe-bingo-section{width:min(1200px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(34px,5vw,70px);align-items:center}.universe-tv-area h2,.personality-bingo h2{margin:0;color:var(--deep);font:400 clamp(2.35rem,4.6vw,4.4rem)/.98 Georgia,serif;letter-spacing:-.055em}.universe-tv-area{min-width:0}.universe-tv-area>.eyebrow{text-align:center}.universe-tv-area>h2{text-align:center;margin-bottom:67px}.tv-shell{position:relative;width:100%;max-width:650px;margin:0 auto;padding:clamp(17px,2.7vw,27px);padding-bottom:clamp(78px,9vw,92px);border:2px solid #739bb5;border-radius:34px;background:linear-gradient(145deg,#d9e9f2,#9fc2d7);box-shadow:0 22px 52px rgba(53,86,111,.14),inset 0 2px 0 rgba(255,255,255,.56)}.tv-shell::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.46);border-radius:26px;pointer-events:none}.tv-antennas{position:absolute;z-index:-1;top:-58px;left:50%;width:126px;height:65px;transform:translateX(-50%)}.tv-antennas i{position:absolute;left:50%;bottom:1px;width:3px;height:62px;border-radius:999px;background:#527895;transform-origin:bottom;box-shadow:0 0 0 1px rgba(255,255,255,.24)}.tv-antennas i:first-child{transform:translateX(-1px) rotate(-34deg)}.tv-antennas i:nth-child(2){transform:translateX(-1px) rotate(34deg)}.tv-antennas b{position:absolute;left:50%;bottom:-8px;width:26px;height:14px;border:2px solid #527895;border-radius:50%;background:#b8d2e2;transform:translateX(-50%)}.tv-screen{position:relative;z-index:2;aspect-ratio:16/10;overflow:hidden;border:clamp(7px,1.2vw,11px) solid #456c85;border-radius:25px;background:#e9f4f9;box-shadow:inset 0 0 45px rgba(51,91,116,.15),0 8px 22px rgba(39,72,94,.12)}.tv-screen::after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(67,109,134,.025) 0 1px,transparent 1px 4px),radial-gradient(circle at 50% 40%,transparent 62%,rgba(58,95,119,.08));mix-blend-mode:multiply}.tv-screen-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.88),rgba(212,232,242,.56) 60%,rgba(166,202,222,.32));pointer-events:none}.tv-scene{position:relative;z-index:2;height:100%;padding:clamp(15px,3vw,28px);display:grid;grid-template-rows:auto 1fr auto;align-items:center;animation:tvSceneIn .36s ease both}.tv-scene-meta{display:flex;justify-content:space-between;gap:15px;align-items:center}.tv-category,.tv-mode-badge{margin:0;font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.tv-category{color:#466e87}.tv-mode-badge{padding:6px 10px;border:1px solid rgba(82,120,149,.25);border-radius:999px;color:#5b7890;background:rgba(255,255,255,.52)}.tv-mode-badge[data-mode="universe"]{color:#6f5d9b;border-color:rgba(126,103,177,.28);background:rgba(230,224,247,.62)}.tv-characters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3vw,28px);align-items:center;width:min(420px,94%);margin:auto}.tv-character{min-width:0;display:grid;justify-items:center;gap:8px;text-align:center}.tv-character-visual{position:relative;width:min(128px,18vw);aspect-ratio:.86;display:grid;place-items:center;border:1px dashed rgba(75,119,146,.42);border-radius:44% 44% 24px 24px;background:rgba(255,255,255,.48);box-shadow:0 10px 23px rgba(51,86,110,.09)}.tv-character-visual::before{content:"";position:absolute;top:19%;width:31%;aspect-ratio:1;border:1px solid rgba(74,116,142,.34);border-radius:50%;background:rgba(191,213,226,.55)}.tv-character-visual::after{content:"";position:absolute;bottom:15%;width:52%;height:36%;border:1px solid rgba(74,116,142,.3);border-radius:50% 50% 28% 28%;background:rgba(191,213,226,.42)}.tv-character-visual span{position:relative;z-index:2;margin-top:auto;margin-bottom:9px;padding:3px 7px;border-radius:999px;color:#628397;background:rgba(247,251,253,.86);font-size:.48rem;letter-spacing:.08em;text-transform:uppercase}.tv-character strong{overflow:hidden;max-width:100%;text-overflow:ellipsis;color:#294d64;font:400 clamp(.82rem,1.5vw,1.05rem) Georgia,serif;white-space:nowrap}.tv-pair-name{margin:0;text-align:center;color:#54768c;font:italic clamp(.78rem,1.4vw,.96rem) Georgia,serif}.tv-controls{position:absolute;z-index:4;left:clamp(18px,3vw,28px);right:clamp(18px,3vw,28px);bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.tv-mode-buttons,.tv-navigation{display:flex;align-items:center;gap:10px}.tv-mode-button,.tv-control-button{position:relative;width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid rgba(39,76,101,.24);cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}.tv-mode-button{border-radius:12px}.tv-mode-button span{width:16px;height:16px;border:2px solid rgba(255,255,255,.86);border-radius:4px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.14)}.mode-base{background:#8ebbd4}.mode-universe{background:#a795d6}.tv-mode-button:hover,.tv-mode-button:focus-visible,.tv-mode-button.is-active{transform:translateY(-2px) scale(1.04);border-color:#416d89;box-shadow:0 8px 18px rgba(48,81,104,.18),0 0 0 3px rgba(255,255,255,.4)}.tv-control-button{border-radius:50%;color:#315c77;background:rgba(248,251,253,.88);box-shadow:0 6px 14px rgba(42,76,100,.11)}.tv-control-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tv-control-button:hover,.tv-control-button:focus-visible{transform:translateY(-2px);border-color:#527895;background:#fff;box-shadow:0 9px 18px rgba(42,76,100,.16)}.tv-play-button{width:52px;height:52px;color:white;background:#527895}.tv-play-button .icon-play{fill:currentColor;stroke:none}.tv-play-button .icon-pause{display:none}.tv-play-button.is-playing .icon-play{display:none}.tv-play-button.is-playing .icon-pause{display:block}.tv-mode-key{margin:14px 0 0;display:flex;justify-content:center;align-items:center;gap:7px;color:#7592a4;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.tv-mode-key span{width:8px;height:8px;border-radius:2px}.base-dot{background:#8ebbd4}.universe-dot{margin-left:8px;background:#a795d6}
.personality-bingo{min-width:0;padding:clamp(28px,4vw,45px);border:1px solid rgba(82,120,149,.25);border-radius:30px;background:rgba(248,251,253,.62);box-shadow:0 20px 45px rgba(35,73,98,.09),inset 0 1px 0 rgba(255,255,255,.78)}.personality-bingo h2{font-size:clamp(2.2rem,4vw,3.75rem)}.bingo-subtitle{max-width:390px;margin:15px 0 28px;color:#6f8b9d;font:italic .95rem/1.5 Georgia,serif}.bingo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bingo-cell{position:relative;min-width:0;aspect-ratio:1;padding:clamp(10px,1.4vw,16px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;border:1px solid #b6cedd;border-radius:18px;color:#29475d;text-align:left;background:rgba(255,255,255,.62);box-shadow:0 8px 22px rgba(53,86,111,.07);cursor:pointer;transition:transform .22s,box-shadow .22s,background .22s,border-color .22s}.bingo-cell::after{content:"";position:absolute;right:-18px;bottom:-18px;width:50px;height:50px;border:1px solid rgba(151,132,198,.2);border-radius:50%;transition:transform .22s,background .22s}.bingo-cell:hover{transform:translateY(-3px);box-shadow:0 13px 27px rgba(53,86,111,.11)}.bingo-cell.active{z-index:5;transform:scale(1.055) translateY(-4px);border-color:#6f92aa;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(221,235,243,.9));box-shadow:0 18px 38px rgba(53,86,111,.15)}.bingo-cell.active::after{transform:scale(1.45);background:rgba(167,149,214,.14)}.bingo-category{position:relative;z-index:1;margin-bottom:7px;color:#7390a2;font-size:clamp(.48rem,.65vw,.6rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.bingo-value{position:relative;z-index:1;display:block;overflow-wrap:anywhere;font:400 clamp(.72rem,1.02vw,.98rem)/1.25 Georgia,serif}.color-swatch{position:relative;z-index:1;width:19px;height:19px;margin:0 0 7px;border:3px solid white;border-radius:50%;background:#1d00ff;box-shadow:0 0 0 1px rgba(29,0,255,.22)}.bingo-detail{position:relative;z-index:1;max-height:0;margin-top:0;opacity:0;color:#6c5b91;font-size:.52rem;letter-spacing:.06em;text-transform:uppercase;transition:max-height .22s,margin .22s,opacity .22s}.bingo-cell.active .bingo-detail{max-height:24px;margin-top:8px;opacity:1}
@keyframes tvSceneIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:980px){.universe-bingo-section{grid-template-columns:1fr;gap:76px}.personality-bingo{width:min(650px,100%);margin:0 auto}.universe-tv-area>h2{margin-bottom:70px}}
@media(max-width:560px){.universe-divider{width:calc(100% - 36px);margin:68px auto}.universe-bingo-section{width:calc(100% - 20px);gap:60px}.universe-tv-area>h2{margin-bottom:58px;font-size:2.55rem}.tv-shell{padding:12px;padding-bottom:76px;border-radius:25px}.tv-screen{border-width:6px;border-radius:18px}.tv-antennas{top:-49px;transform:translateX(-50%) scale(.82);transform-origin:bottom}.tv-scene{padding:12px}.tv-character-visual{width:min(100px,27vw)}.tv-controls{left:13px;right:13px;bottom:12px;gap:8px}.tv-mode-buttons,.tv-navigation{gap:6px}.tv-mode-button,.tv-control-button{width:44px;height:44px}.tv-play-button{width:48px;height:48px}.personality-bingo{padding:27px 16px;border-radius:24px}.bingo-grid{gap:9px}.bingo-cell{padding:10px;border-radius:14px}.bingo-subtitle{margin-bottom:22px}}
@media(max-width:480px){.bingo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bingo-cell:nth-child(9){grid-column:1/-1;width:calc(50% - 5px);justify-self:center}.bingo-value{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.tv-scene{animation:none}.tv-mode-button,.tv-control-button,.bingo-cell,.bingo-detail{transition:none}.bingo-cell.active{transform:none}}
.tv-scene{animation:none}.tv-scene.is-changing{animation:tvSceneIn .36s ease both}.tv-character-visual{overflow:hidden}.tv-character-visual img{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:contain}
@media(prefers-reduced-motion:reduce){.tv-scene.is-changing{animation:none}}

/* TV power state and paired BASE/UNIVERSO artwork */
.tv-screen{appearance:none;width:100%;padding:0;font:inherit;color:inherit;text-align:initial;cursor:pointer;transition:background .32s ease,box-shadow .32s ease}.tv-screen:focus-visible{outline:3px solid rgba(167,149,214,.9);outline-offset:4px}.tv-screen.is-off,.tv-screen.is-booting{background:radial-gradient(ellipse at 50% 42%,#15242e 0,#091117 56%,#030607 100%);box-shadow:inset 0 0 52px rgba(0,0,0,.78),0 8px 22px rgba(39,72,94,.12)}.tv-screen.is-off::before{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(ellipse at 42% 28%,rgba(178,216,235,.09),transparent 34%),linear-gradient(118deg,transparent 0 52%,rgba(255,255,255,.025) 54%,transparent 57%);pointer-events:none}.tv-screen.is-on{cursor:default}.tv-screen.is-off .tv-screen-glow,.tv-screen.is-booting .tv-screen-glow{opacity:0}.tv-screen-glow{transition:opacity .3s ease}.tv-boot-flash{position:absolute;z-index:7;left:50%;top:50%;width:0;height:2px;border-radius:999px;opacity:0;background:#e6f7ff;box-shadow:0 0 10px #b6e6fa,0 0 26px rgba(170,222,245,.9);transform:translate(-50%,-50%);pointer-events:none}.tv-screen.is-booting .tv-boot-flash{animation:tvPowerOn .65s ease both}.tv-screen::before{pointer-events:none}.tv-screen.is-channel-changing::before{content:"";position:absolute;z-index:4;inset:0;animation:tvChannelChange .38s ease both;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(85,123,148,.1) 7px 8px)}.tv-shell:not(.is-on) .tv-mode-key{opacity:.45}.tv-mode-button:disabled,.tv-control-button:disabled,.tv-mode-button:disabled:hover,.tv-control-button:disabled:hover{cursor:default;opacity:.38;filter:saturate(.55);transform:none;box-shadow:none}.tv-character-gallery{width:100%;height:100%;min-height:0;padding:5px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));grid-auto-rows:minmax(0,1fr);gap:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(82,120,149,.48) transparent}.tv-pair-art{width:100%;height:100%;min-height:0;margin:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(75,119,146,.22);border-radius:16px;background:rgba(255,255,255,.4);box-shadow:0 10px 24px rgba(51,86,110,.08)}.tv-pair-art img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;border-radius:14px}.tv-missing-art{padding:20px;color:#628397;font-size:.62rem;letter-spacing:.09em;text-align:center;text-transform:uppercase}.tv-scene{grid-template-rows:auto minmax(0,1fr) auto;gap:7px}.tv-scene-meta,.tv-pair-name{position:relative;z-index:2}.tv-pair-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes tvPowerOn{0%{width:0;opacity:0}22%{width:78%;opacity:1}52%{width:100%;height:2px;opacity:1}78%{width:100%;height:72%;opacity:.72}100%{width:100%;height:100%;opacity:0}}
@keyframes tvChannelChange{0%{opacity:0}28%{opacity:.8}100%{opacity:0}}
@media(max-width:560px){.tv-character-gallery{padding:2px}.tv-pair-art{border-radius:11px}.tv-pair-art img{border-radius:10px}.tv-scene{gap:4px}.tv-category,.tv-mode-badge{font-size:.48rem}.tv-mode-badge{padding:4px 7px}.tv-pair-name{font-size:.7rem}}

/* Interactive 3x3 personality bingo */
.personality-bingo{overflow:hidden}
.personality-bingo .bingo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bingo-card{appearance:none;position:relative;min-width:0;aspect-ratio:1;padding:0;overflow:hidden;border:1px solid rgba(82,120,149,.32);border-radius:16px;color:#fff;background:#dbe8f0;box-shadow:0 8px 22px rgba(53,86,111,.1);cursor:pointer;perspective:1000px;transform:translateZ(0);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.bingo-card:hover{transform:translateY(-3px);border-color:#799eb6;box-shadow:0 14px 28px rgba(53,86,111,.17)}
.bingo-card:focus-visible,.bingo-secret-trigger:focus-visible{outline:3px solid rgba(139,118,193,.8);outline-offset:3px}
.bingo-card img,.bingo-secret-card img{display:block;width:100%;height:100%;object-fit:cover}
.bingo-card-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.bingo-image-card.is-revealed .bingo-card-inner{transform:rotateY(180deg)}
.bingo-card-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bingo-card-back{transform:rotateY(180deg)}
.bingo-category-label{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:25% 8px 9px;color:#fff;font-size:clamp(.48rem,.72vw,.64rem);font-weight:800;letter-spacing:.13em;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.65);text-transform:uppercase;background:linear-gradient(transparent,rgba(10,20,28,.82))}
.bingo-audio-card>img{position:absolute;inset:0}
.bingo-audio-card.is-playing{border-color:#8b76c1;box-shadow:0 0 0 3px rgba(139,118,193,.17),0 14px 28px rgba(53,86,111,.17)}
.bingo-audio-card.is-playing::after{content:"";position:absolute;z-index:2;inset:0;border:2px solid rgba(226,217,255,.72);border-radius:inherit;pointer-events:none}
.bingo-audio-indicator{position:absolute;z-index:4;top:8px;right:8px;width:30px;height:26px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,.58);border-radius:999px;opacity:0;background:rgba(41,54,72,.72);box-shadow:0 5px 12px rgba(0,0,0,.2);transform:scale(.82);transition:opacity .2s ease,transform .2s ease}
.bingo-audio-card.is-playing .bingo-audio-indicator{opacity:1;transform:scale(1)}
.bingo-audio-indicator i{width:2px;height:9px;border-radius:2px;background:#fff;animation:bingoEqualizer .72s ease-in-out infinite alternate}
.bingo-audio-indicator i:nth-child(2){height:14px;animation-delay:-.38s}.bingo-audio-indicator i:nth-child(3){height:11px;animation-delay:-.16s}.bingo-audio-indicator i:nth-child(4){height:6px;animation-delay:-.52s}
.bingo-secret-trigger{appearance:none;width:36px;height:36px;margin:17px auto 0;display:grid;place-items:center;border:0;border-radius:50%;color:#826caf;background:transparent;cursor:pointer;animation:bingoSecretGlow 2.5s ease-in-out infinite}
.bingo-secret-trigger span{font-size:1.15rem;line-height:1}.bingo-secret-trigger.is-active{color:#5d86a1;background:rgba(204,225,237,.45)}
.bingo-secret-stage{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transform:translateY(10px) scale(.95);transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1),visibility 0s linear .5s}
.bingo-secret-stage.is-visible{grid-template-rows:1fr;opacity:1;visibility:visible;transform:none;transition-delay:0s}
.bingo-secret-stage-inner{min-height:0;overflow:hidden;display:grid;place-items:center}
.bingo-secret-card{position:relative;width:min(44%,190px);aspect-ratio:1;margin:4px auto 2px;overflow:hidden;border:1px solid rgba(139,118,193,.42);border-radius:16px;background:#e9e3f6;box-shadow:0 14px 32px rgba(71,54,111,.16)}
.bingo-secret-stage.is-visible .bingo-secret-card{animation:bingoSecretReveal .7s cubic-bezier(.22,1,.36,1) both}
@keyframes bingoEqualizer{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@keyframes bingoSecretGlow{0%,100%{opacity:.46;transform:scale(1)}50%{opacity:1;transform:scale(1.1);text-shadow:0 0 12px rgba(139,118,193,.65)}}
@keyframes bingoSecretReveal{from{opacity:0;transform:translateY(12px) scale(.9);filter:brightness(1.2)}to{opacity:1;transform:none;filter:none}}
@media(max-width:600px){.personality-bingo .bingo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.bingo-card{border-radius:11px}.bingo-category-label{padding:28% 3px 6px;font-size:.42rem;letter-spacing:.07em}.bingo-audio-indicator{top:5px;right:5px;width:24px;height:21px}.bingo-secret-card{width:min(46%,160px);border-radius:13px}}
@media(prefers-reduced-motion:reduce){.bingo-card,.bingo-card-inner,.bingo-audio-indicator,.bingo-secret-stage{transition:none}.bingo-secret-trigger,.bingo-secret-stage.is-visible .bingo-secret-card,.bingo-audio-indicator i{animation:none}}

/* Photo and video memories */
.memory-card{margin:0}
.memory-card:focus-within{z-index:4;transform:rotate(0) translateY(-6px) scale(1.025);box-shadow:0 20px 38px rgba(28,61,83,.18)}
.memory-card>img,.memory-card>video{display:block;width:100%;height:100%;object-fit:contain;background:#d7e6ef}
.memory-card>[hidden]{display:none}
.memory-card[data-media-type="video"]>video{object-fit:contain;background:#172731}
.memory-card-action{position:absolute;z-index:4;inset:10px 10px 35px;padding:0;border:0;background:transparent;cursor:pointer}
.memory-play{width:48px;height:48px;display:grid;place-items:center;margin:auto;padding-left:3px;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;background:rgba(22,56,79,.66);box-shadow:0 7px 18px rgba(12,29,40,.2);font-size:1rem;transition:transform .25s ease,background .25s ease,opacity .25s ease}
.memory-card-action:hover .memory-play,.memory-card-action:focus-visible .memory-play{transform:scale(1.08);background:rgba(22,56,79,.82)}
.memory-card-action:focus-visible{outline:3px solid rgba(79,130,164,.62);outline-offset:3px}
.memory-card:active{transform:rotate(0) translateY(-3px) scale(1.015)}
.memory-card.empty>img,.memory-card.empty>video{display:none}
.memory-card video::-webkit-media-controls-panel{background:linear-gradient(transparent,rgba(10,22,30,.72))}
.memory-status{min-height:20px;margin:12px 8vw 0 0;color:#5f8197;font:italic .74rem/1.4 Georgia,serif;text-align:center}
.visually-hidden-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.video-modal-open{overflow:hidden}
.video-lightbox{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:clamp(18px,4vw,44px);border:0;background:transparent;color:var(--ink)}
.video-lightbox::backdrop{background:rgba(20,42,57,.72);backdrop-filter:blur(5px)}
.video-lightbox-paper{position:relative;width:min(980px,96vw);height:min(82vh,760px);margin:auto;padding:clamp(9px,1.5vw,15px);display:grid;place-items:center;border:1px solid rgba(181,210,227,.72);border-radius:10px;background:#f8fbfd;box-shadow:0 30px 80px rgba(13,31,43,.34);transform:rotate(-.18deg)}
.video-lightbox-paper::before{content:"";position:absolute;z-index:2;top:-13px;left:50%;width:82px;height:26px;background:rgba(177,208,225,.82);transform:translateX(-50%) rotate(-2deg);pointer-events:none}
.video-lightbox video{display:block;max-width:100%;max-height:calc(82vh - 30px);width:auto;height:auto;object-fit:contain;border-radius:5px;background:#10232f}
.video-lightbox-close{position:absolute;z-index:5;top:-17px;right:-17px;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #9cb9cb;border-radius:50%;color:#315d79;background:#f8fbfd;box-shadow:0 8px 22px rgba(18,44,61,.22);cursor:pointer;font:300 1.65rem/1 Georgia,serif}
.video-lightbox-close:hover,.video-lightbox-close:focus-visible{transform:translateY(-2px);background:#fff;outline:3px solid rgba(185,210,226,.5)}
.video-lightbox-status{position:absolute;left:20px;right:20px;bottom:18px;margin:0;color:#e8f1f7;text-align:center;text-shadow:0 1px 4px #10232f;font-size:.76rem;pointer-events:none}
@media(max-width:560px){.memory-play{width:44px;height:44px}.video-lightbox{padding:18px 10px}.video-lightbox-paper{width:calc(100vw - 20px);height:min(78vh,680px);padding:7px}.video-lightbox video{max-height:calc(78vh - 14px)}.video-lightbox-close{top:-14px;right:-4px;width:40px;height:40px}}

/* Signature footer */
.signature-footer{position:relative;margin-top:92px;padding:30px 4px 16px;align-items:center;border-top:0;color:rgba(65,103,128,.78)}
.signature-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#9cb9cb 18%,#9cb9cb 82%,transparent)}
.signature-footer span{font:italic .8rem/1.5 Georgia,serif;letter-spacing:.025em}
.signature-footer a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;text-decoration:none;transition:color .22s ease,background .22s ease,transform .22s ease}
.signature-footer a i{font-style:normal;transition:transform .22s ease}
.signature-footer a:hover,.signature-footer a:focus-visible{color:#29475d;background:rgba(185,210,226,.25);transform:translateY(-1px)}
.signature-footer a:hover i,.signature-footer a:focus-visible i{transform:translate(2px,-2px)}
@media(max-width:560px){.memory-status{margin-right:16px}.signature-footer{margin-top:70px;padding-top:25px;align-items:flex-start}.signature-footer a{margin-left:-12px}}
@media(prefers-reduced-motion:reduce){.tv-screen,.tv-screen-glow{transition:none}.tv-screen.is-booting .tv-boot-flash{animation:none}.tv-screen.is-channel-changing::before{animation:none;display:none}}

/* Quiz session, feedback and final surprise */
.quiz-card{isolation:isolate}
.quiz-progress{position:absolute;z-index:4;right:clamp(22px,4vw,48px);top:clamp(28px,4vw,48px);margin:0;padding:6px 10px;border:1px solid rgba(91,137,165,.28);border-radius:999px;color:#557d96;background:rgba(248,251,253,.82);font-size:.66rem;font-weight:700;letter-spacing:.14em}
.question-paper{transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}
.question-paper.is-active{animation:quizPaperReveal .55s cubic-bezier(.22,1,.36,1) both}
.question-paper.is-answered{border-color:#9abace;box-shadow:6px 8px 0 rgba(126,165,189,.18),0 12px 26px rgba(46,82,105,.08)}
.question-paper.is-surprise{overflow:hidden;padding:34px clamp(26px,5vw,48px);border-color:#afc8d7;background:linear-gradient(135deg,#fffdf7 0 70%,#edf5f9);box-shadow:8px 10px 0 rgba(126,165,189,.14),0 16px 36px rgba(46,82,105,.09)}
.question-paper.is-surprise::after{content:"✦  ♡  ✧";position:absolute;right:20px;bottom:14px;color:#8eb0c5;font-size:.8rem;letter-spacing:.3em;opacity:.72}
.question-paper.is-surprise .category{color:#5d88a2}
.question-paper.is-surprise h3{max-width:700px;font-size:clamp(1.35rem,2.8vw,2rem);line-height:1.42}
.answer:disabled{cursor:default}
.answer:disabled:not(.correct):not(.wrong){opacity:.72}
.feedback{transition:color .2s ease}
.question-paper.is-answered .feedback{animation:quizFeedbackIn .38s ease both}
.quiz-return{margin:18px 0 0;padding:10px 15px;border:1px solid #9ebdce;border-radius:999px;color:#365e76;background:#edf5f9;font:600 .72rem/1.2 inherit;letter-spacing:.04em;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.quiz-return:hover,.quiz-return:focus-visible{transform:translateY(-2px);background:#dbeaf2;box-shadow:0 7px 16px rgba(51,88,111,.12)}
.quiz-return[hidden]{display:none}
@keyframes quizPaperReveal{from{opacity:.55;transform:translateY(12px) rotate(-.35deg)}to{opacity:1;transform:translateY(0) rotate(-.35deg)}}
@keyframes quizFeedbackIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:560px){.quiz-progress{right:16px;top:27px}.quiz-card h2{padding-right:56px}.question-paper.is-surprise{padding:30px 22px 42px}.question-paper.is-surprise h3{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.question-paper.is-active,.question-paper.is-answered .feedback{animation:none}.question-paper,.quiz-return{transition:none}}