.lost-experience{position:relative;min-height:100vh;background:#090f1b;color:#e8eef5;overflow:hidden;font-family:Arial,Helvetica,sans-serif;transition:background .75s,color .75s}.lost-experience *{box-sizing:border-box}.lost-grain{inset:0;z-index:8;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.lost-beam,.lost-grain{position:absolute;pointer-events:none}.lost-beam{width:80vw;height:90vh;top:-25vh;right:-15vw;background:radial-gradient(ellipse,rgba(47,112,214,.2),transparent 66%);filter:blur(20px);transition:opacity .8s,transform .7s ease-out}.lights-off .lost-beam{opacity:.13}.lost-shell{position:relative;z-index:2;max-width:1480px;margin:auto;padding:0 clamp(22px,5vw,80px)}.lost-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:66px;border-bottom:1px solid #35506a;color:#9eb8d1;font:11px ui-monospace,monospace;letter-spacing:.16em}.lost-topline button{background:transparent;border:0;color:#bbd2e7;cursor:pointer;letter-spacing:.12em;padding:14px 0}.lost-topline button:hover{color:#c7ee99}.lost-stage{min-height:clamp(620px,74vh,850px);position:relative;display:flex;align-items:center}.lost-portrait{position:absolute;right:-5vw;top:18px;bottom:17px;width:min(61%,760px);overflow:hidden;transition:transform .65s ease-out,filter .8s;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 80%,transparent);mask-composite:intersect}.lost-portrait img{object-fit:cover;object-position:center 36%;filter:saturate(.84)}.lights-off .lost-portrait{filter:brightness(.5) saturate(.65)}.portrait-credit{position:absolute;right:7%;bottom:6%;font:10px ui-monospace,monospace;letter-spacing:.17em;color:#d2e6f4;text-shadow:0 2px 8px #000}.lost-titleblock{position:relative;z-index:2;max-width:760px;padding:30px 0 85px;pointer-events:none;text-shadow:0 3px 32px #071121}.lost-footer>div>span,.lost-interaction-heading,.lost-kicker,.lost-play-header,.lost-section-label,.lost-stage-index{font:11px ui-monospace,monospace;letter-spacing:.19em;color:#a7c0d5}.lost-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a7d280;box-shadow:0 0 18px #a7d280;margin-right:12px;animation:lost-pulse 3s ease-in-out infinite}.lost-titleblock h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em;font-size:clamp(85px,11vw,170px);line-height:1;margin:25px 0 18px}.lost-titleblock h1 em{font-style:normal;color:#b8d6f1}.lost-titleblock .lost-slash{font-size:.65em;color:#5f9acc}.lost-period{color:#b8dd86}.lost-titleblock>p{font-family:Georgia,serif;font-size:clamp(18px,2vw,25px);color:#c1d1e1;margin:0}.lost-rule{margin:52px 0 28px;width:120px;height:1px;background:#8aacc6}.lost-titleblock .lost-whisper{font-family:Georgia,serif;font-style:italic;font-size:19px;color:#c5e19a}.lost-whisper span{display:block;font:11px ui-monospace,monospace;font-style:normal;color:#a9bed0;letter-spacing:.04em;margin-top:11px}.lost-stage-index{position:absolute;left:0;bottom:23px}.lost-stage-index span{color:#c1dd9c;padding:0 10px}.lost-cat-section,.lost-interaction,.lost-play{border-top:1px solid #3b5871;padding:80px 0 110px}.lost-interaction-heading,.lost-play-header{display:flex;justify-content:space-between;gap:20px}.lost-interaction-heading span:last-child,.lost-play-header span:last-child{color:#7e9ab1}.lost-fragment-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,130px);margin-top:55px;min-height:310px}.lost-fragment-controls{border-top:1px solid #314d64}.lost-fragment-controls button{display:grid;grid-template-columns:40px 1fr 30px;align-items:center;gap:12px;width:100%;padding:25px 0;border:0;border-bottom:1px solid #314d64;background:none;color:#a6bace;text-align:left;font-family:Georgia,serif;font-size:clamp(19px,2vw,28px);cursor:pointer;transition:color .3s,padding-left .3s}.lost-fragment-controls button>span{font:11px ui-monospace,monospace;color:#7191ac}.lost-fragment-controls button.selected,.lost-fragment-controls button:hover{color:#d7eeae;padding-left:12px}.lost-fragment-controls button.selected>span:last-child{color:#d7eeae}.lost-fragment{border-left:1px solid #6288aa;padding:20px 0 20px 38px;animation:fragment-in .55s ease both}.lost-fragment>span{font:11px ui-monospace,monospace;letter-spacing:.12em;color:#acd0e8}.lost-fragment p{font:clamp(27px,3.2vw,46px)/1.25 Georgia,serif;margin:30px 0 25px;max-width:600px}.lost-scribble{font:italic 19px Georgia,serif;color:#bada93;transform:rotate(-4deg);display:inline-block}.lost-play{background:linear-gradient(180deg,rgba(39,78,120,.16),transparent);margin:0 calc(-1 * clamp(22px,5vw,80px));padding-left:clamp(22px,5vw,80px);padding-right:clamp(22px,5vw,80px)}.lost-strings{display:flex;align-items:stretch;gap:clamp(12px,2.5vw,42px);height:230px;margin:45px auto 20px;max-width:900px}.lost-strings button{flex:1;position:relative;border:0;background:none;cursor:pointer;color:#7d9bb7}.string-line{position:absolute;left:50%;top:0;bottom:32px;width:2px;background:linear-gradient(#7198b8,#dee6e6,#7198b8);box-shadow:0 0 14px rgba(106,161,215,.3);transition:transform .2s,box-shadow .2s}.lost-strings button.sounding .string-line,.lost-strings button:hover .string-line{transform:scaleX(2);box-shadow:0 0 22px #b1dc91;animation:plucked .22s ease-in-out 3}.string-number{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:11px ui-monospace,monospace}.lost-play>p{text-align:center;font:italic 17px Georgia,serif;color:#aac0d2}.lost-cat-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.lost-cat-section h2{font:400 clamp(50px,6vw,86px)/1.05 Georgia,serif;letter-spacing:-.055em;margin:24px 0}.lost-cat-section h2 em{color:#b8dc93}.lost-cat-section p{font-size:16px;line-height:1.8;color:#adbed0;max-width:460px}.lost-cat-field{height:320px;position:relative;background:radial-gradient(ellipse at center,rgba(61,100,136,.2),transparent 70%);border:1px solid #2f4d64}.lost-cat-field:after,.lost-cat-field:before{content:"";position:absolute;left:0;right:0;border-top:1px dashed #38556a}.lost-cat-field:before{top:33%}.lost-cat-field:after{top:66%}.lost-cat{position:absolute;z-index:1;border:0;background:transparent;color:#d8ecbd;font-size:36px;white-space:nowrap;text-shadow:0 0 19px #b8eaa7;cursor:pointer;transition:left .65s cubic-bezier(.2,.9,.2,1),top .65s cubic-bezier(.2,.9,.2,1),transform .65s}.lost-cat:hover{transform:rotate(-9deg) scale(1.13)}.cat-0{left:15%;top:24%}.cat-1{left:65%;top:57%}.cat-2{left:28%;top:70%}.cat-3{left:57%;top:17%}.cat-4{left:39%;top:43%}.cat-caption{position:absolute;bottom:18px;right:22px;color:#809db7;font:11px ui-monospace,monospace}.lost-footer{border-top:1px solid #3b5871;min-height:190px;padding:45px 0;display:flex;align-items:start;justify-content:space-between;gap:30px}.lost-footer p{font:italic 20px Georgia,serif;color:#d1ddeb}.lost-footer a{font-size:14px;border-bottom:1px solid #7191ab;padding-bottom:7px}.lost-footer a:hover{color:#c1df9d;border-color:#c1df9d}.lost-footer-star{font-size:30px;color:#a9cc8d;animation:star-turn 18s linear infinite}.lights-off .lost-cat-field,.lights-off .lost-fragment,.lights-off .lost-strings{filter:brightness(.72)}@keyframes lost-pulse{50%{opacity:.35;box-shadow:0 0 5px #a7d280}}@keyframes fragment-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes plucked{50%{transform:translateX(5px) scaleX(2)}}@keyframes star-turn{to{transform:rotate(1turn)}}@media(max-width:800px){.lost-topline>span:nth-child(2){display:none}.lost-stage{min-height:710px;align-items:end}.lost-portrait{width:105%;right:-15%;top:0;height:570px;bottom:auto;opacity:.8;mask-image:linear-gradient(180deg,#000 50%,transparent)}.lost-titleblock{padding:0 0 95px}.lost-titleblock h1{font-size:clamp(75px,14vw,120px)}.lost-cat-section,.lost-fragment-layout{grid-template-columns:1fr}.lost-fragment-layout{gap:25px}.lost-fragment{min-height:230px}.lost-cat-field{height:290px}}@media(max-width:520px){.lost-topline{font-size:10px}.lost-stage{min-height:690px}.lost-portrait{height:480px;top:0}.lost-titleblock h1{font-size:clamp(66px,15vw,90px)}.lost-titleblock{padding-bottom:80px}.lost-titleblock>p{font-size:18px}.lost-rule{margin:33px 0 20px}.lost-cat-section,.lost-interaction,.lost-play{padding-top:58px;padding-bottom:70px}.lost-fragment-layout{margin-top:35px}.lost-fragment{padding-left:22px}.lost-interaction-heading span:last-child,.lost-play-header span:last-child{display:none}.lost-strings{height:190px}.lost-footer{flex-wrap:wrap}.lost-footer-star{display:none}}@media(prefers-reduced-motion:reduce){.lost-experience *{animation:none!important;transition:none!important}.lost-beam,.lost-portrait{transform:none!important}}.rana-pet{position:fixed;z-index:20;width:168px;height:168px;opacity:0;pointer-events:none;transition:left 1.7s ease-in-out,top 1.7s ease-in-out,opacity .3s;filter:drop-shadow(0 10px 16px #020813b8)}.rana-pet.is-ready{opacity:1;pointer-events:auto}.rana-pet.is-held{transition:none}.rana-pet-button{position:absolute;inset:0;border:0;background:none;padding:0;cursor:grab;touch-action:none;user-select:none}.rana-pet-button:active{cursor:grabbing}.rana-pet-button img{object-fit:contain;pointer-events:none;user-select:none;animation:rana-breathe 3.5s ease-in-out infinite}.rana-pet.is-held img{animation:none;transform:rotate(-7deg)}.rana-pet-button:focus-visible{outline:2px solid #c4e89d;border-radius:20px}.rana-pet-bubble{bottom:155px;right:8px;z-index:1;background:#e8f5df;color:#183239;border:1px solid #8aae98;border-radius:16px 16px 4px 16px;padding:8px 12px;font:13px ui-monospace,monospace;box-shadow:0 5px 20px #0008;animation:fragment-in .25s ease both}.rana-pet-bubble,.rana-pet-hint{position:absolute;white-space:nowrap}.rana-pet-hint{bottom:0;left:50%;transform:translateX(-50%);font:11px ui-monospace,monospace;color:#d6eec4;text-shadow:0 1px 8px #000;pointer-events:none}.rana-pet:not(:hover):not(:focus-within) .rana-pet-hint{opacity:0}@keyframes rana-breathe{50%{transform:translateY(-4px)}}@media(max-width:600px){.rana-pet{transform:scale(.78);transform-origin:top left}}@media(prefers-reduced-motion:reduce){.rana-pet,.rana-pet-button img{transition:none!important;animation:none!important}}.lost-sites{padding:85px 0 105px;border-top:1px solid #3b5871}.lost-sites-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.lost-sites-heading h2{font:400 clamp(44px,5.7vw,76px)/1.1 Georgia,serif;letter-spacing:-.055em;margin:20px 0 0}.lost-sites-heading h2 em{font-weight:400;color:#b8dc93}.lost-sites-heading>p{font:italic 18px/1.55 Georgia,serif;color:#adbed0;max-width:290px;margin:0}.lost-sites-list{border-top:1px solid #3b5871}.lost-sites-list a{display:grid;grid-template-columns:65px minmax(0,1fr) 38px;align-items:center;gap:20px;border-bottom:1px solid #3b5871;padding:24px 8px;color:#e8eef5;transition:background .2s,color .2s}.lost-sites-list a:focus-visible,.lost-sites-list a:hover{background:#172b3e;color:#c4e5a5}.lost-site-info small,.lost-site-number{font:11px ui-monospace,monospace;letter-spacing:.12em;color:#88a9c5}.lost-site-info{display:grid;gap:7px}.lost-site-info strong{font:400 clamp(25px,3vw,37px) Georgia,serif}.lost-site-info>span{font-size:14px;color:#adbed0;line-height:1.5}.lost-site-arrow{text-align:right;font:28px Georgia,serif;color:#b8dc93}@media(max-width:600px){.lost-sites{padding:65px 0 75px}.lost-sites-heading{display:block}.lost-sites-heading>p{margin-top:18px}.lost-sites-list a{grid-template-columns:30px minmax(0,1fr) 22px;gap:12px;padding:20px 3px}.lost-site-arrow{font-size:22px}}