:root{font-family:Inter,system-ui,sans-serif;color:#e8edf0;background:#050708;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#050708}button,input{font:inherit}.app{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,#17232a 0,#091014 36%,#040607 75%)}.app:before{content:"";position:fixed;inset:0;background:linear-gradient(115deg,transparent 20%,#8ad7dc0a 45%,transparent 70%);pointer-events:none}.grain{position:fixed;inset:-100%;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:grain .3s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}button{cursor:pointer;color:inherit}.title-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.eyebrow{font-size:10px;letter-spacing:.5em;color:#83b5b9}.title-screen h1{font-family:Cormorant Garamond,serif;font-weight:400;font-size:clamp(50px,9vw,100px);letter-spacing:.12em;margin:18px 0 0}.title-screen p{letter-spacing:.28em;color:#8b999f;font-size:12px}.title-symbol{width:190px;height:190px;border:1px solid #7fc9cf3d;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 100px #50cbd020,inset 0 0 50px #6feaf00d;margin-bottom:34px}.title-symbol i{position:absolute;border:1px solid #86cbd044;border-radius:50%;animation:spin 14s linear infinite}.title-symbol i:nth-child(1){inset:14px;border-style:dashed}.title-symbol i:nth-child(2){inset:37px;animation-direction:reverse;animation-duration:9s}.title-symbol i:nth-child(3){inset:62px;border-width:2px;border-color:#b4e9e977}.title-symbol b{font-family:Cormorant Garamond;font-size:24px;letter-spacing:.2em}@keyframes spin{to{transform:rotate(360deg)}}.primary,.decode-button{border:1px solid #8bc6ca66;background:#101d20cc;padding:14px 26px;text-transform:uppercase;letter-spacing:.22em;font-size:11px;margin-top:28px;box-shadow:0 0 30px #68dce916;transition:.25s}.primary:hover,.decode-button:not(:disabled):hover{border-color:#b8f3f8;box-shadow:0 0 45px #68dce930;transform:translateY(-2px)}.text-button{border:0;background:none;color:#76868c;margin-top:18px;font-size:11px;letter-spacing:.1em}.map-screen{max-width:1050px;margin:auto;padding:50px 24px 80px;min-height:100vh}.map-screen header,.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.map-screen h2,.room-header h2{font-family:Cormorant Garamond;font-weight:400;font-size:clamp(30px,5vw,48px);margin:8px 0}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.case-card{min-height:150px;border:1px solid #6f8e9330;background:linear-gradient(135deg,#10181bcc,#080d0fdd);display:grid;grid-template-columns:60px 1fr 30px;align-items:center;text-align:left;padding:22px;transition:.25s}.case-card>span{font-family:Cormorant Garamond;font-size:40px;color:#739397}.case-card small{letter-spacing:.25em;font-size:8px;color:#65888b}.case-card h3{font-family:Cormorant Garamond;font-size:25px;margin:5px 0}.case-card p{font-size:11px;color:#718087;margin:0}.case-card.available:hover{border-color:#94d6dc77;transform:translateY(-3px);box-shadow:0 18px 50px #0007}.case-card.done{background:linear-gradient(135deg,#102522aa,#08120fdd)}.case-card.locked{opacity:.28;cursor:not-allowed}.final-open{display:block;margin:35px auto 0}.icon-button{width:46px;height:46px;border-radius:50%;border:1px solid #76989c55;background:#0a1012aa;font-size:18px}.room{min-height:100vh;max-width:1150px;margin:auto;padding:28px 25px 70px}.room-header>div{flex:1;margin-left:22px}.room-header span{font-size:9px;letter-spacing:.4em;color:#78a2a5}.room-header p{margin:0;color:#74858b;font-size:12px;letter-spacing:.08em}.hint-btn{color:#83c5ca}.investigation-panel{min-height:470px;border:1px solid #6e92952e;background:radial-gradient(circle at 50% 40%,#152428aa,#070b0ddd 70%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 90px #0009}.answer-form{max-width:540px;margin:25px auto 0}.answer-form label{display:block;font-size:9px;letter-spacing:.4em;color:#6b8588;margin-bottom:9px}.answer-form>div{display:flex}.answer-form input{flex:1;min-width:0;background:#080d0f;border:1px solid #789b9e3b;color:#d8eff0;padding:15px 18px;text-transform:uppercase;letter-spacing:.25em;outline:none}.answer-form input:focus{border-color:#8edce2}.answer-form button{border:1px solid #789b9e55;background:#112024;padding:0 21px;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.shake{animation:shake .55s}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.hint-card{max-width:540px;margin:18px auto 0;border-left:2px solid #76b4b8;padding:11px 16px;background:#0d1719aa}.hint-card span{font-size:8px;letter-spacing:.3em;color:#6b999c}.hint-card p{font-family:Cormorant Garamond;font-size:18px;margin:5px 0}.orbit-box{width:390px;height:390px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #6b9ca14a;border-radius:50%;animation:spin linear infinite}.ring-1{width:120px;height:120px;animation-duration:6s}.ring-2{width:220px;height:220px;animation-duration:11s;animation-direction:reverse}.ring-3{width:320px;height:320px;animation-duration:17s}.planet{position:absolute;width:15px;height:15px;background:#8ddde2;border-radius:50%;top:-8px;left:50%;box-shadow:0 0 25px #7de8ef}.sun{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#bfede9;color:#183035;font-size:12px;box-shadow:0 0 65px #7ff5f077}.orbit-letter{position:absolute;font-family:Cormorant Garamond;font-size:22px;height:296px}.lens-scene{position:relative;width:min(760px,90%);height:300px;overflow:hidden;border:1px solid #5f777a33;background:linear-gradient(#101719,#080c0d)}.glyph-line,.hidden-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond;font-size:clamp(35px,7vw,70px);letter-spacing:.22em}.glyph-line{color:#83939844;filter:blur(1px)}.hidden-word{color:#bfeef0;opacity:.02}.lens{position:absolute;top:68px;width:140px;height:140px;border:10px solid #43585b;border-radius:50%;overflow:hidden;box-shadow:0 0 40px #5edce51f;background:#caeef00c}.lens:after{content:"";position:absolute;width:90px;height:14px;background:#43585b;right:-76px;bottom:-35px;transform:rotate(45deg)}.lens-reveal{position:absolute;top:25px;width:760px;font-family:Cormorant Garamond;font-size:70px;letter-spacing:.22em;color:#c7f4f5;white-space:nowrap}.lens-slider{position:absolute;bottom:18px;left:10%;width:80%;accent-color:#87cdd2}.clock-grid{display:grid;grid-template-columns:repeat(3,130px);gap:28px}.clock{width:130px;height:130px;border:2px solid #68828755;border-radius:50%;position:relative;background:radial-gradient(circle,#152125,#070b0d);box-shadow:inset 0 0 25px #000}.clock.anomaly{border-color:#a6e0e466;box-shadow:0 0 30px #55cdd424,inset 0 0 25px #000}.clock b{position:absolute;bottom:-24px;width:100%;text-align:center;font-size:9px;color:#60777b}.hand{position:absolute;width:2px;background:#b7e5e7;left:64px;bottom:64px;transform-origin:bottom}.hand.hour{height:34px}.hand.minute{height:48px;background:#6db1b6}.tick{position:absolute;background:#668084}.t1,.t3{width:1px;height:8px;left:64px}.t1{top:5px}.t3{bottom:5px}.t2,.t4{height:1px;width:8px;top:64px}.t2{right:5px}.t4{left:5px}.sequence-wrap{text-align:center}.emitter{width:95px;height:95px;border-radius:50%;border:1px solid #7caaae55;background:#0b1214;box-shadow:inset 0 0 30px #56d0d91b}.emitter span{display:block;width:25px;height:25px;border-radius:50%;background:#7bc3c8;margin:auto;box-shadow:0 0 35px #75e3eb}.plates{display:grid;grid-template-columns:repeat(4,100px);gap:15px;margin-top:50px}.plate{height:100px;border:1px solid #59777a55;background:#0b1113;transition:.15s}.plate.active{background:#9de4e7;color:#102326;box-shadow:0 0 40px #71dde5}.plate span{font-family:Cormorant Garamond;font-size:28px}.sequence-dots{margin-top:25px}.sequence-dots i{display:inline-block;width:7px;height:7px;border:1px solid #79a0a3;border-radius:50%;margin:5px}.sequence-dots i.filled{background:#9adce0;box-shadow:0 0 12px #7adce4}.evidence-grid{display:grid;grid-template-columns:repeat(2,220px);gap:15px}.evidence{height:180px;border:8px solid #161d20;background:#d6d1c1;padding:6px;transform:rotate(-1deg);box-shadow:0 10px 25px #0008}.evidence:nth-child(2n){transform:rotate(1deg)}.evidence.selected{outline:2px solid #8fe2e7;filter:brightness(.7)}.scene{height:100%;background:linear-gradient(140deg,#66777a,#222d30);position:relative;overflow:hidden}.scene:before,.scene:after{content:"";position:absolute;background:#a3b3af30}.scene:before{width:100px;height:120px;left:15px;top:25px}.scene:after{width:70px;height:70px;border-radius:50%;right:5px;top:15px}.key-shape{position:absolute;z-index:2;color:#cde5d7;font-size:40px}.scene-0 .key-shape{right:20px;bottom:20px}.scene-1 .key-shape{left:20px;top:30px}.scene-2 .key-shape{left:85px;bottom:15px}.scene-3 .key-shape{right:70px;top:15px}.scene small{position:absolute;right:9px;bottom:7px;color:#15191a;font-weight:700;background:#c9c4b3;padding:2px 5px}.decode-button{display:block;margin:24px auto}.decode-button:disabled{opacity:.3;cursor:not-allowed}.final-mechanism{width:430px;height:430px;position:relative;display:grid;place-items:center}.final-ring{position:absolute;border-radius:50%;border:1px solid #78a8ac55;animation:spin 24s linear infinite}.final-ring.outer{inset:0}.final-ring.inner{inset:65px;animation-direction:reverse;animation-duration:17s}.final-ring span,.final-ring b{position:absolute;left:50%;top:50%;transform-origin:0 0;color:#a0d4d7}.final-ring span:nth-child(1){transform:rotate(0) translateY(-195px)}.final-ring span:nth-child(2){transform:rotate(90deg) translateY(-195px)}.final-ring span:nth-child(3){transform:rotate(180deg) translateY(-195px)}.final-ring span:nth-child(4){transform:rotate(270deg) translateY(-195px)}.final-ring b:nth-child(1){transform:rotate(0) translateY(-142px)}.final-ring b:nth-child(2){transform:rotate(45deg) translateY(-142px)}.final-ring b:nth-child(3){transform:rotate(90deg) translateY(-142px)}.final-ring b:nth-child(4){transform:rotate(135deg) translateY(-142px)}.final-ring b:nth-child(5){transform:rotate(180deg) translateY(-142px)}.final-ring b:nth-child(6){transform:rotate(225deg) translateY(-142px)}.final-ring b:nth-child(7){transform:rotate(270deg) translateY(-142px)}.final-ring b:nth-child(8){transform:rotate(315deg) translateY(-142px)}.core{width:115px;height:115px;border-radius:50%;display:grid;place-items:center;border:1px solid #b7e6e8;background:#0d1a1d;box-shadow:0 0 80px #74e1e637;font-family:Cormorant Garamond;font-size:26px}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(420px,100%);background:#0d1518;border:1px solid #76989c55;padding:30px;position:relative}.modal h3{font-family:Cormorant Garamond;font-size:30px;margin-top:0}.modal label{display:flex;justify-content:space-between;margin:24px 0;font-size:12px}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px}.danger{width:100%;padding:12px;border:1px solid #9d555566;background:#291315;color:#d9aaa9}.reveal{min-height:100vh;display:grid;place-items:center;text-align:center;padding:30px;position:relative;overflow:hidden}.reveal h1{font-family:Cormorant Garamond;font-size:clamp(48px,9vw,100px);font-weight:400}.reveal-stars{position:absolute;inset:0;background-image:radial-gradient(#b8f5f4 1px,transparent 1px);background-size:65px 65px;opacity:.15}.artifact-box{width:230px;height:160px;position:relative;background:linear-gradient(135deg,#293437,#111719);border:2px solid #759b9e;box-shadow:0 0 100px #5edbe42b;display:grid;place-items:center}.lid{position:absolute;width:250px;height:45px;top:-38px;background:#263134;border:2px solid #759b9e;transform:perspective(200px) rotateX(-20deg);transform-origin:bottom}.box-core{font-family:Cormorant Garamond;font-size:35px}.reveal-lines p{font-family:Cormorant Garamond;font-size:clamp(24px,4vw,40px)}.letter{max-width:650px;background:#e8e0ca;color:#2a2b28;padding:55px 60px;box-shadow:0 20px 90px #000;font-family:Cormorant Garamond;font-size:26px;line-height:1.55}.gallery{z-index:2}.gallery>div{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.gallery img{width:220px;height:270px;object-fit:cover;border:8px solid #ece5d2;box-shadow:0 15px 40px #0008}.loader{width:60px;height:60px;border:2px solid #5d797c;border-top-color:#b2ecf0;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:700px){.case-grid{grid-template-columns:1fr}.case-card{min-height:125px}.investigation-panel{min-height:420px}.clock-grid{grid-template-columns:repeat(2,100px);gap:30px}.clock{width:100px;height:100px}.hand{left:49px;bottom:49px}.plates{grid-template-columns:repeat(2,90px)}.evidence-grid{grid-template-columns:repeat(2,minmax(120px,160px))}.evidence{height:150px}.orbit-box{transform:scale(.75)}.final-mechanism{transform:scale(.72)}.letter{padding:35px 25px;font-size:21px}.room-header h2{font-size:30px}.room-header>div{margin-left:12px}.answer-form>div{flex-direction:column}.answer-form button{padding:14px}.lens-reveal{font-size:46px;top:40px}.glyph-line{font-size:36px}.lens{width:110px;height:110px}.gallery img{width:140px;height:180px}}.constellation-scene{position:relative;width:min(760px,92%);height:410px;border:1px solid #74979b33;background:radial-gradient(circle at 50% 45%,#17252b 0,#060a0d 72%);box-shadow:inset 0 0 80px #000}.constellation-frame{position:absolute;left:50%;top:18px;transform:translate(-50%);display:flex;gap:38px;padding:10px 25px;border-top:1px solid #7daeb250;border-bottom:1px solid #7daeb22c;color:#a9dfe2;font-size:20px;letter-spacing:.2em}.star-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.star-lines path{fill:none;stroke:#75cdd22b;stroke-width:.35;stroke-dasharray:2 2}.star-node{position:absolute;transform:translate(-50%,-50%);width:55px;height:55px;border:0;background:transparent}.star-node i{position:absolute;width:8px;height:8px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#c8f5f6;box-shadow:0 0 18px #8cebf2,0 0 45px #5bcbd7}.star-node b{position:absolute;left:50%;top:34px;transform:translate(-50%);font-family:Cormorant Garamond;font-size:18px;color:#799699;opacity:.62}.star-node:hover i,.star-node.chosen i{width:13px;height:13px;box-shadow:0 0 22px #d5ffff,0 0 65px #76e6ef}.star-node.chosen b{color:#d3f6f7;opacity:1}.constellation-progress{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.constellation-progress i{display:inline-block;width:8px;height:8px;border:1px solid #79a0a3;border-radius:50%;margin:0 6px}.constellation-progress i.filled{background:#b7edef;box-shadow:0 0 14px #7de5ed}.stained-scene{position:relative;width:min(850px,94%);height:390px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0d1518,#070a0c);border:1px solid #66898c32;overflow:hidden}.stained-scene:before{content:"";position:absolute;left:5%;right:5%;top:50%;height:2px;background:linear-gradient(90deg,#bdeff0,#79c8d033 25% 75%,#bdeff0);box-shadow:0 0 28px #72dce5}.light-source{position:absolute;top:50%;width:38px;height:38px;margin-top:-19px;border-radius:50%;background:#d8ffff;box-shadow:0 0 30px #aaf8ff,0 0 80px #5dd9e8}.light-source.left{left:20px}.light-source.right{right:20px}.glass-row{display:grid;grid-template-columns:repeat(4,120px);gap:14px;z-index:2}.glass-tile{width:120px;height:160px;border:7px solid #202c30;background:linear-gradient(135deg,#26434a,#102226 65%,#31545b);position:relative;overflow:hidden;box-shadow:inset 0 0 25px #0009,0 10px 30px #0007}.glass-tile:before,.glass-tile:after{content:"";position:absolute;background:#a8eef322}.glass-tile:before{width:170px;height:1px;left:-20px;top:40px;transform:rotate(24deg)}.glass-tile:after{width:1px;height:190px;left:72px;top:-20px;transform:rotate(-18deg)}.glass-path{position:absolute;inset:22px;transition:transform .35s ease}.glass-path i,.glass-path b{position:absolute;display:block;background:#d6ffff;box-shadow:0 0 15px #a1f4fb}.glass-path i{width:6px;height:100%;left:50%;transform:translate(-50%)}.glass-path b{height:6px;width:55%;left:50%;top:20%;transform-origin:left}.tile-1 .glass-path b{top:70%;transform:rotate(-35deg)}.tile-2 .glass-path b{top:50%;width:70%;transform:rotate(35deg)}.tile-3 .glass-path b{top:45%;transform:rotate(90deg)}.glass-tile small{position:absolute;right:8px;bottom:5px;color:#bcebed;font-size:14px}.fracture-marks{position:absolute;bottom:18px;display:grid;grid-template-columns:repeat(4,120px);gap:14px;color:#72989c;text-align:center;font-size:18px}.glass-tile:hover{border-color:#7db8bd}.glass-tile:active{transform:scale(.98)}@media(max-width:700px){.constellation-scene{height:390px}.constellation-frame{gap:20px}.glass-row{grid-template-columns:repeat(2,100px)}.glass-tile{width:100px;height:125px}.stained-scene{height:410px}.fracture-marks{display:none}}.room-actions{display:flex;gap:9px;align-items:center}.utility-button{height:42px;border:1px solid #76989c55;background:#0a1012cc;padding:0 14px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.utility-button:hover{border-color:#9adce0;color:#c8f5f6}.utility-button span{white-space:nowrap}.cipher-scene{position:relative;width:min(850px,95%);height:440px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cipher-inscription{position:absolute;left:28px;top:28px;border-left:2px solid #7cc4ca;padding-left:13px}.cipher-inscription span{display:block;font-family:Cormorant Garamond;font-size:30px}.cipher-inscription small{font-size:7px;letter-spacing:.3em;color:#789a9d}.cipher-wheel{position:relative;width:350px;height:350px;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 0 35px #56cbd222)}.cipher-ring{position:absolute;border-radius:50%;border:1px solid #7aa4a855;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.outer-ring{inset:0;background:radial-gradient(circle,#0b1214 0 38%,transparent 39%),repeating-conic-gradient(#91c7ca12 0 1deg,transparent 1deg 13.846deg)}.inner-ring{inset:48px;border-style:dashed;transform:rotate(calc(var(--shift) * -1));background:#0b1113cc}.cipher-ring i,.cipher-ring b{position:absolute;left:50%;top:50%;width:24px;height:312px;margin-left:-12px;margin-top:-156px;text-align:center;font-style:normal;font-family:Cormorant Garamond;font-size:14px;color:#78999c;transform-origin:center}.cipher-ring b{height:224px;margin-top:-112px;color:#bfeaec;font-size:13px}.cipher-core{width:105px;height:105px;border-radius:50%;border:1px solid #7fb3b7;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c1719;box-shadow:0 0 40px #67d4dc22;z-index:4}.cipher-core span{font-family:Cormorant Garamond;font-size:36px}.cipher-core small{font-size:6px;letter-spacing:.2em;color:#769699}.cipher-controls{position:absolute;bottom:12px;display:flex;align-items:center;gap:25px}.cipher-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #73999d66;background:#0c1517;font-size:20px}.cipher-controls div{text-align:center;min-width:210px}.cipher-controls small{display:block;font-size:7px;letter-spacing:.3em;color:#78999c}.cipher-controls strong{display:block;font-family:Cormorant Garamond;font-size:30px;letter-spacing:.32em;margin-left:.32em}.cipher-controls em{display:block;height:18px;color:#a9e4e7;font-style:normal;letter-spacing:.35em;font-size:11px;margin-top:2px}@media(max-width:700px){.room-header{align-items:flex-start}.room-actions{flex-direction:column;gap:6px}.utility-button{height:36px;padding:0 10px}.utility-button span{display:none}.cipher-scene{height:430px}.cipher-wheel{transform:scale(.78)}.cipher-inscription{left:12px;top:16px}.cipher-controls{bottom:8px;gap:10px}.cipher-controls div{min-width:170px}}.cipher-scene{position:relative;width:min(980px,96%);min-height:500px;display:flex;align-items:center;justify-content:center;padding:18px}.cipher-panel{width:100%;min-height:450px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:center;padding:28px 30px;border:1px solid #6e92953a;background:radial-gradient(circle at 50% 25%,#10242a 0,#091216 42%,#05090b 90%),linear-gradient(180deg,#071014,#05080a);box-shadow:inset 0 0 110px #000b,0 25px 80px #0009;overflow:hidden}.cipher-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#87d8de08 50%,transparent 100%)}.cipher-inscription{position:relative;left:auto;top:auto;border-left:2px solid #7cc4ca;padding:4px 0 4px 14px;align-self:start;max-width:175px;z-index:1}.cipher-inscription span{display:block;font-family:Cormorant Garamond,serif;font-size:58px;line-height:.85;letter-spacing:.04em;color:#eef8f8}.cipher-inscription small{display:block;margin-top:10px;font-size:10px;letter-spacing:.35em;color:#8aacaf}.cipher-inscription p{margin:18px 0 0;color:#70888d;font-size:11px;line-height:1.55;letter-spacing:.08em}.cipher-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-width:0;z-index:1}.cipher-wheel-wrap{position:relative;width:min(100%,520px);display:grid;place-items:center;padding-top:18px}.cipher-guide{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;pointer-events:none;z-index:3}.cipher-guide span{font-size:8px;letter-spacing:.35em;color:#86a8ab}.cipher-guide i{width:2px;height:26px;background:linear-gradient(180deg,#c8f7f9,#67cbd2);box-shadow:0 0 18px #8ce4ea}.cipher-wheel{position:relative;width:min(76vw,420px);height:min(76vw,420px);max-width:420px;max-height:420px;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 0 32px #56cbd222)}.cipher-wheel:before{content:"";position:absolute;inset:9px;border-radius:50%;border:1px solid #80c7ce22;box-shadow:inset 0 0 18px #92f3f608}.cipher-wheel:after{content:"";position:absolute;inset:46px;border-radius:50%;border:1px solid #96dbe21b}.cipher-ring{position:absolute;border-radius:50%;border:1px solid #7aa4a855;overflow:hidden}.cipher-ring.outer-ring{inset:0;background:radial-gradient(circle,transparent 0 63%,#0a1114 63.5% 64%,transparent 64.2%),repeating-conic-gradient(from -6.923deg,#91c7ca12 0 1.1deg,transparent 1.1deg 13.846deg),linear-gradient(180deg,#102028,#081014)}.cipher-ring.inner-ring{inset:50px;transform:rotate(calc(var(--shift) * -1));background:radial-gradient(circle,transparent 0 61%,#0a1114 61.3% 61.7%,transparent 62%),repeating-conic-gradient(from -6.923deg,#84b9bd10 0 1deg,transparent 1deg 13.846deg),linear-gradient(180deg,#0b1418,#081014);box-shadow:inset 0 0 40px #0009}.cipher-char{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--radius) * -1)) rotate(calc(var(--angle) * -1));transform-origin:center;font-style:normal;text-align:center;text-shadow:0 0 16px #6ad5de22}.cipher-char.outer{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600;color:#e1f5f6}.cipher-char.inner{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600;color:#bce6ea}.cipher-axis{position:relative;z-index:2;width:128px;height:128px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #7fb3b7;background:radial-gradient(circle at 50% 35%,#15272d 0,#091216 75%);box-shadow:0 0 40px #67d4dc22,inset 0 0 32px #000a}.cipher-axis span{font-family:Cormorant Garamond,serif;font-size:54px;line-height:.9;color:#f0fbfb}.cipher-axis small{margin-top:6px;font-size:8px;letter-spacing:.28em;color:#86a4a8}.cipher-controls{position:relative;bottom:auto;display:flex;align-items:center;gap:26px}.cipher-controls button{width:60px;height:60px;border-radius:50%;border:1px solid #73999d66;background:linear-gradient(180deg,#0f1c20,#0a1215);font-size:25px;box-shadow:0 0 20px #0006,inset 0 0 20px #5ce2ec10;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.cipher-controls button:hover{transform:translateY(-2px);border-color:#9adce0;box-shadow:0 0 25px #5edbe41f,inset 0 0 20px #5ce2ec14}.cipher-readout{min-width:min(100%,260px);text-align:center}.cipher-readout small{display:block;font-size:9px;letter-spacing:.38em;color:#8ba8ac}.cipher-readout strong{display:block;font-family:Cormorant Garamond,serif;font-size:46px;font-weight:600;letter-spacing:.24em;margin:.15em 0 0 .24em;color:#effafa}.cipher-readout em{display:block;min-height:20px;margin-top:2px;font-style:normal;font-size:12px;letter-spacing:.4em;color:#a9e4e7}@media(max-width:860px){.cipher-panel{grid-template-columns:1fr;padding:24px 18px;gap:20px}.cipher-inscription{max-width:none;padding-left:12px}.cipher-inscription span{font-size:44px}.cipher-inscription p{max-width:520px}}@media(max-width:700px){.cipher-scene{padding:12px 0;min-height:470px}.cipher-panel{min-height:430px;padding:16px 12px}.cipher-inscription span{font-size:38px}.cipher-inscription small{font-size:9px}.cipher-inscription p{font-size:10px;margin-top:12px}.cipher-wheel{width:min(80vw,340px);height:min(80vw,340px)}.cipher-ring.inner-ring{inset:40px}.cipher-char.outer{font-size:15px}.cipher-char.inner{font-size:13px}.cipher-axis{width:102px;height:102px}.cipher-axis span{font-size:42px}.cipher-controls{gap:12px;width:100%;justify-content:center}.cipher-controls button{width:52px;height:52px;font-size:22px}.cipher-readout strong{font-size:34px}.cipher-readout em{font-size:11px}}.linear-cipher-scene{width:min(1020px,96%);min-height:500px}.linear-cipher-panel{width:100%;min-height:450px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start;padding:28px 30px;border:1px solid #6e92953a;background:radial-gradient(circle at 50% 25%,#10242a 0,#091216 42%,#05090b 90%),linear-gradient(180deg,#071014,#05080a);box-shadow:inset 0 0 110px #000b,0 25px 80px #0009;overflow:hidden}.linear-inscription{max-width:180px}.linear-cipher-main{min-width:0;display:flex;flex-direction:column;gap:22px;align-items:center}.linear-shift-chip{min-width:138px;padding:14px 18px;border:1px solid #7fb3b766;border-radius:999px;background:radial-gradient(circle at 50% 35%,#15272d 0,#091216 75%);box-shadow:0 0 28px #67d4dc18,inset 0 0 22px #0008;text-align:center}.linear-shift-chip span{display:block;font-family:Cormorant Garamond,serif;font-size:42px;line-height:.95;color:#effafa}.linear-shift-chip small{font-size:8px;letter-spacing:.28em;color:#86a4a8}.linear-cipher-board{width:min(100%,700px);padding:34px 22px 26px;border:1px solid #71989d30;background:linear-gradient(180deg,#0d171b,#091014);box-shadow:inset 0 0 70px #000a;position:relative}.linear-guide{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;color:#87aab0;font-size:8px;letter-spacing:.34em;white-space:nowrap}.linear-guide i{width:56px;height:1px;background:linear-gradient(90deg,transparent,#80d9df,transparent)}.linear-track{width:100%}.linear-track+.linear-track{margin-top:22px}.linear-track small{display:block;margin-bottom:8px;font-size:9px;letter-spacing:.32em;color:#8caab0}.glyph-row{position:relative;display:grid;grid-template-columns:repeat(26,minmax(24px,1fr));gap:4px}.fixed-row:after,.moving-row:after{content:"";position:absolute;left:50%;top:-8px;bottom:-8px;width:2px;transform:translate(-50%);background:linear-gradient(180deg,#c5f8fb,#60ccd4);box-shadow:0 0 14px #82e6eb;pointer-events:none}.glyph-cell{height:44px;display:grid;place-items:center;border:1px solid #6b969b2f;background:linear-gradient(180deg,#112027,#0b1418);font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600;color:#e2f3f4;box-shadow:inset 0 0 14px #0006}.moving-row{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.moving-cell{color:#bee6ea;background:linear-gradient(180deg,#102028,#0a1217)}.moving-cell.aligned{border-color:#9ce9ef;color:#f2ffff;box-shadow:0 0 18px #67d4dc22,inset 0 0 14px #5fdbe314}.linear-controls{position:relative;bottom:auto}.linear-readout strong{font-size:44px}@media(max-width:900px){.linear-cipher-panel{grid-template-columns:1fr;gap:20px;padding:24px 18px}.linear-inscription{max-width:none}}@media(max-width:700px){.linear-cipher-scene{min-height:470px}.linear-cipher-panel{padding:16px 12px}.linear-shift-chip{padding:10px 14px;min-width:118px}.linear-shift-chip span{font-size:34px}.linear-cipher-board{padding:32px 10px 18px}.glyph-row{grid-template-columns:repeat(26,28px);gap:2px;overflow-x:auto;padding-bottom:8px}.glyph-cell{height:38px;font-size:16px;min-width:28px}.linear-guide i{width:34px}.linear-readout strong{font-size:32px}}.linear-cipher-scene{width:min(1040px,96%);min-height:520px;padding:12px}.pro-cipher-panel{width:100%;min-height:460px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:stretch;padding:28px;border:1px solid #6f959a36;background:radial-gradient(circle at 50% 18%,#142730 0,#0a1318 42%,#06090c),linear-gradient(180deg,#0a1217,#06090c);box-shadow:inset 0 0 90px #000a,0 28px 90px #000a;border-radius:24px}.pro-cipher-inscription{position:relative;left:auto;top:auto;max-width:none;padding:8px 0 8px 16px;border-left:2px solid #7bc6cc;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.pro-cipher-inscription span{font-family:Cormorant Garamond,serif;font-size:58px;line-height:.88;color:#f1fbfb}.pro-cipher-inscription small{font-size:10px;letter-spacing:.35em;color:#86aaaf}.pro-cipher-inscription p{margin:6px 0 0;font-size:11px;line-height:1.6;letter-spacing:.06em;color:#6f878c}.pro-cipher-main{min-width:0;display:flex;flex-direction:column;gap:22px}.cipher-toolbar-pro{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:16px;align-items:center}.cipher-arrow-button{height:64px;border-radius:18px;border:1px solid #7aa2a745;background:linear-gradient(180deg,#102028,#0a1217);font-size:24px;box-shadow:0 12px 32px #0007,inset 0 0 18px #6cdce80d;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.cipher-arrow-button:hover{transform:translateY(-2px);border-color:#a5e8ee;box-shadow:0 16px 36px #0009,inset 0 0 22px #6cdce81c,0 0 20px #6cdce814}.cipher-arrow-button:active{transform:translateY(0) scale(.98)}.cipher-shift-display{min-height:86px;border:1px solid #73989c33;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(180deg,#0f1b20,#0a1216);box-shadow:inset 0 0 24px #0008;text-align:center;padding:10px 14px}.cipher-shift-display small{font-size:9px;letter-spacing:.34em;color:#86aaaf}.cipher-shift-display strong{font-family:Cormorant Garamond,serif;font-size:44px;line-height:.9;color:#f0fbfb}.cipher-shift-display span{font-size:10px;letter-spacing:.18em;color:#9ed7dc}.cipher-board-pro{border:1px solid #71989d2e;border-radius:20px;background:linear-gradient(180deg,#0d171b,#091014);padding:18px;box-shadow:inset 0 0 60px #000a}.cipher-rail-card{border:1px solid #6b92972b;border-radius:16px;background:linear-gradient(180deg,#112028,#0b1418);padding:14px 14px 16px}.rail-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.rail-heading small{font-size:8px;letter-spacing:.32em;color:#87aab0}.rail-heading span{font-size:11px;letter-spacing:.16em;color:#d5ecee}.alphabet-rail-pro{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px}.rail-cell{height:44px;display:grid;place-items:center;border:1px solid #678c9130;border-radius:12px;background:linear-gradient(180deg,#16252e,#0d171c);font-family:Cormorant Garamond,serif;font-size:22px;color:#ecf7f7;box-shadow:inset 0 0 14px #0006}.fixed-rail .rail-cell:nth-child(n+14),.moving-rail .rail-cell:nth-child(n+14){margin-top:0}.fixed-rail,.moving-rail{grid-template-columns:repeat(13,minmax(0,1fr))}.moving-rail .rail-cell{color:#c4ebee;transition:all .25s ease}.focus-cell{border-color:#9ae7ec;box-shadow:0 0 18px #60cfd71d,inset 0 0 14px #60cfd71b}.rail-divider{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 6px;color:#87aab0;font-size:8px;letter-spacing:.32em}.rail-divider i{flex:1;height:1px;background:linear-gradient(90deg,transparent,#7fdce2,transparent)}.cipher-note{margin-top:14px;font-size:11px;letter-spacing:.04em;color:#7b9297}.cipher-note b{color:#dff5f7;font-weight:600}.cipher-decode-panel-pro{display:grid;grid-template-columns:1fr 70px 1fr;gap:16px;align-items:stretch}.decoded-word-block{border:1px solid #6b92972b;border-radius:18px;background:linear-gradient(180deg,#101c22,#0a1216);padding:14px 16px 16px;box-shadow:inset 0 0 24px #0007}.decoded-word-block small{display:block;margin-bottom:10px;font-size:8px;letter-spacing:.34em;color:#86aaaf}.cipher-word-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.word-cell{height:58px;display:grid;place-items:center;border-radius:14px;border:1px solid #6d949932;background:linear-gradient(180deg,#16242c,#0b1418);font-family:Cormorant Garamond,serif;font-size:34px;letter-spacing:.04em;color:#f1fbfb}.word-cell.decoded{color:#c6eef1}.word-cell.decoded.solved{border-color:#9eeaf0;box-shadow:0 0 22px #6fd5dd20,inset 0 0 16px #6fd5dd18;color:#f6ffff}.decoded-word-arrow{display:grid;place-items:center;font-size:34px;color:#99d7dc}@media(max-width:980px){.pro-cipher-panel{grid-template-columns:1fr;gap:20px;padding:22px}}@media(max-width:700px){.linear-cipher-scene{min-height:500px;padding:0}.pro-cipher-panel{padding:14px;border-radius:18px}.pro-cipher-inscription span{font-size:42px}.cipher-toolbar-pro{grid-template-columns:54px minmax(0,1fr) 54px;gap:10px}.cipher-arrow-button{height:54px;border-radius:14px;font-size:20px}.cipher-shift-display{min-height:76px;padding:8px}.cipher-shift-display strong{font-size:34px}.cipher-board-pro{padding:12px}.cipher-rail-card{padding:10px 10px 12px}.alphabet-rail-pro{gap:6px}.rail-cell{height:36px;font-size:17px;border-radius:10px}.cipher-decode-panel-pro{grid-template-columns:1fr;gap:10px}.decoded-word-arrow{display:none}.word-cell{height:48px;font-size:28px;border-radius:12px}}.transposition-scene{width:min(900px,94%);min-height:430px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px}.transposition-clue{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 24px;border:1px solid #75999d36;border-radius:16px;background:linear-gradient(180deg,#101d22,#0a1216);box-shadow:inset 0 0 22px #0008}.transposition-clue small{font-size:8px;letter-spacing:.35em;color:#88a9ad}.transposition-clue>div{display:flex;gap:28px}.transposition-clue span{font-family:Cormorant Garamond,serif;font-size:28px;color:#e1f5f6;text-shadow:0 0 15px #78d7de22}.fragment-board{position:relative;width:min(100%,760px);padding:20px;border:1px solid #6d949936;border-radius:22px;background:linear-gradient(180deg,#0f1a1f,#091014),repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 34px);box-shadow:inset 0 0 60px #000a,0 18px 50px #0008;overflow:hidden}.fragment-strip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative;z-index:2}.fragment-strip{min-height:270px;border:1px solid #6d929733;border-radius:16px;background:linear-gradient(180deg,#16252d,#0d171c);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:inset 0 0 20px #0007,0 10px 25px #0005;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.fragment-strip:hover{transform:translateY(-3px);border-color:#90d8de88}.fragment-strip.selected{transform:translateY(-6px);border-color:#a9edf2;background:linear-gradient(180deg,#1b3038,#102026);box-shadow:0 0 26px #6ed8df1f,inset 0 0 20px #6ed8df12}.fragment-strip>b{font-family:Cormorant Garamond,serif;font-size:25px;color:#d8f0f1}.fragment-strip>div{display:grid;grid-template-rows:repeat(5,1fr);gap:8px;width:100%;flex:1}.fragment-strip>div span{min-height:34px;display:grid;place-items:center;border:1px solid #63878c28;border-radius:10px;background:#0c1519;font-family:Cormorant Garamond,serif;font-size:22px;color:#789398}.fragment-strip>div span.focus-letter{color:#ecfbfc;border-color:#88d9df66;background:#13262c;box-shadow:inset 0 0 16px #6ad3da14}.fragment-strip>small{font-size:8px;letter-spacing:.25em;color:#668286}.reading-line{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:50px;border-top:1px solid #8ce6ec45;border-bottom:1px solid #8ce6ec45;background:linear-gradient(90deg,transparent,#76d8df0a 16%,#76d8df12 50%,#76d8df0a 84%,transparent);box-shadow:0 0 24px #62d3db0d;pointer-events:none;z-index:1}.reading-line span{position:absolute;right:14px;top:-18px;font-size:7px;letter-spacing:.28em;color:#7fa2a6}.transposition-status{min-width:min(100%,520px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border:1px solid #6e939735;border-radius:16px;background:linear-gradient(180deg,#101b20,#0a1216)}.transposition-status span{font-size:8px;letter-spacing:.28em;color:#829fa3}.transposition-status strong{font-family:Cormorant Garamond,serif;font-size:28px;letter-spacing:.25em;color:#dff7f8}.transposition-scene.is-solved .reading-line{border-color:#b0f3f7;box-shadow:0 0 30px #6bdce431}@media(max-width:700px){.transposition-scene{padding:14px 6px;gap:14px}.transposition-clue>div{gap:18px}.fragment-board{padding:12px}.fragment-strip-grid{gap:7px}.fragment-strip{min-height:235px;padding:9px 6px;border-radius:12px}.fragment-strip>div{gap:6px}.fragment-strip>div span{min-height:30px;font-size:18px;border-radius:8px}.transposition-status{flex-direction:column;text-align:center;gap:8px}}