@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=UnifrakturCook:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Special+Elite&display=swap";html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100vh;overflow:hidden}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#050505;font-family:Cinzel,serif;overflow:hidden}button{font-family:inherit}.title-screen{color:#e8e4df;background:#050505;width:100%;height:100vh;position:relative;overflow:hidden}.background{z-index:0;background-image:url(/Image/background/start.png);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:15s ease-in-out infinite alternate breathe;position:absolute;inset:0;transform:scale(1.04)}@keyframes breathe{0%{transform:scale(1.04)}to{transform:scale(1.08)}}.dark-overlay{z-index:1;background:linear-gradient(90deg,#000000eb 0%,#000000b8 35%,#00000040 75%,#00000094 100%);position:absolute;inset:0}.vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 30%,#00000059 65%,#000000f2 100%);position:absolute;inset:0}.grain{opacity:.07;z-index:10;pointer-events:none;background-image:radial-gradient(#ffffffb3 1px,#0000 1px);background-size:4px 4px;animation:.2s steps(2,end) infinite grain;position:absolute;inset:-100%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}to{transform:translate(-1%,-1%)}}.rec{letter-spacing:4px;color:#ffffff73;z-index:20;align-items:center;gap:9px;font-family:monospace;font-size:11px;display:flex;position:absolute;top:28px;left:35px}.rec span{background:#8d1717;border-radius:50%;width:7px;height:7px;animation:1.4s infinite blink;box-shadow:0 0 10px #960f0fcc}@keyframes blink{0%,45%{opacity:1}46%,to{opacity:.25}}.title{z-index:20;position:absolute;top:10%;left:7%}.subtitle{letter-spacing:7px;color:#dcdcdc8c;margin:0 0 14px;font-size:11px}.title h1{letter-spacing:8px;color:#e7e2dc;text-shadow:0 2px #111,0 0 30px #000c;margin:0;font-size:clamp(55px,7vw,105px);font-weight:600;line-height:.8}.title h1 strong{letter-spacing:12px;color:#8e1717;text-shadow:0 0 14px #820f0f66,0 2px #170000;margin-top:16px;font-family:UnifrakturCook,serif;font-size:.55em;font-weight:700;display:block}.line{align-items:center;gap:12px;width:380px;margin-top:30px;display:flex}.line i{background:#961919a6;flex:1;height:1px}.line span{color:#941919;font-size:10px}.tagline{letter-spacing:6px;color:#dcdcdc61;margin-top:15px;font-size:9px}.menu{z-index:20;width:450px;position:absolute;top:43%;left:7%}.menu button{color:#dcdcdc7a;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff12;grid-template-columns:45px 1fr 30px;align-items:center;width:100%;height:64px;padding:0 16px;transition:background .25s,color .25s,padding-left .25s;display:grid;position:relative}.menu button:last-child{border-bottom:1px solid #ffffff12}.menu button:before{content:"";background:#a51d1d;width:0;height:1px;transition:width .25s;position:absolute;left:0;box-shadow:0 0 8px #a01414cc}.menu button:hover,.menu button.selected{color:#eee9e3;background:linear-gradient(90deg,#6e0f0f4d,#0000);padding-left:28px}.menu button:hover:before,.menu button.selected:before{width:15px}.number{letter-spacing:2px;color:#ffffff38;font-family:monospace;font-size:10px}.selected .number{color:#941919}.label{letter-spacing:5px;font-size:15px;font-weight:500}.arrow{color:#0000;font-family:serif;font-size:24px;transition:all .25s;transform:translate(-8px)}.menu button:hover .arrow,.menu button.selected .arrow{color:#a01c1c;transform:translate(0)}.location{z-index:20;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:30px;left:35px}.location small{letter-spacing:3px;color:#ffffff40;font-family:monospace;font-size:8px}.location span{letter-spacing:3px;color:#e6e6e673;font-size:10px}.version{letter-spacing:2px;color:#ffffff38;z-index:20;font-family:monospace;font-size:9px;position:absolute;bottom:30px;right:35px}.restricted{writing-mode:vertical-rl;letter-spacing:4px;color:#ffffff2b;z-index:20;font-family:monospace;font-size:8px;position:absolute;top:50%;right:25px;transform:translateY(-50%)rotate(180deg)}@media (width<=700px){.title{top:9%;left:7%}.title h1{letter-spacing:4px;font-size:52px}.title h1 strong{letter-spacing:7px}.line{width:75vw}.menu{width:86vw;top:43%;left:7%}.menu button{height:57px}.label{letter-spacing:4px;font-size:12px}.restricted{display:none}.location{bottom:20px;left:7%}.version{bottom:20px;right:7%}}.opening-scene{color:#d6d2cc;background:radial-gradient(#111 0%,#070707 45%,#020202 100%);width:100vw;height:100vh;font-family:Special Elite,monospace;position:relative;overflow:hidden}.opening-noise{opacity:.08;pointer-events:none;background-image:radial-gradient(#ffffff80 1px,#0000 1px);background-size:5px 5px;animation:.18s steps(2,end) infinite noise;position:absolute;inset:-50%}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}to{transform:translate(-1%,-1%)}}.scene-header{letter-spacing:3px;color:#ffffff38;justify-content:space-between;font-family:monospace;font-size:9px;display:flex;position:absolute;top:35px;left:45px;right:45px}.story-text{letter-spacing:1.5px;text-align:center;color:#d6d2cc;text-shadow:0 0 12px #ffffff14;width:min(1050px,82vw);font-size:clamp(21px,1.7vw,30px);font-weight:400;line-height:2;animation:.8s textAppear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes textAppear{0%{opacity:0;transform:translate(-50%,-47%)}to{opacity:1;transform:translate(-50%,-50%)}}.story-text.date{letter-spacing:8px;color:#aaa49d;font-family:Cinzel,serif;font-size:clamp(28px,2.5vw,40px)}.story-text.time{letter-spacing:6px;color:#77736d;font-family:Cinzel,serif;font-size:clamp(24px,2vw,32px)}.story-text.location{letter-spacing:10px;color:#d8d3cd;font-family:Cinzel,serif;font-size:clamp(32px,3vw,52px)}.story-text.grave{letter-spacing:25px;color:#8f1717;text-shadow:0 0 25px #780a0a59;font-family:Cinzel,serif;font-size:clamp(120px,18vw,240px);animation:1.2s graveReveal,3s ease-in-out infinite gravePulse}.story-text.objective{letter-spacing:4px;color:#d4cec6;font-family:Cinzel,serif;font-size:clamp(28px,2.5vw,42px)}.story-text.final{letter-spacing:5px;color:#d8d0ca;font-family:Cinzel,serif;font-size:clamp(30px,3.5vw,52px)}.cursor{color:#9b1b1b;margin-left:3px;animation:.7s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,45%{opacity:1}46%,to{opacity:0}}.scene-footer{letter-spacing:3px;color:#fff3;justify-content:space-between;font-family:monospace;font-size:9px;display:flex;position:absolute;bottom:30px;left:45px;right:45px}.scene-footer button{color:#ffffff4d;letter-spacing:2px;cursor:pointer;background:0 0;border:0;font-family:monospace;font-size:9px;transition:color .2s}.scene-footer button:hover{color:#aaa}.database-transition{color:#aaa;background:#030303;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:monospace;animation:2s databaseFade;display:flex}@keyframes databaseFade{0%{opacity:0}to{opacity:1}}.system-message{text-align:center;width:min(700px,80vw)}.system-message>span{letter-spacing:5px;color:#777;font-size:10px}.system-message h1{letter-spacing:6px;color:#aaa;margin-top:25px;font-size:20px;font-weight:400}.system-message p{letter-spacing:3px;color:#555;font-size:11px}.loading-line{background:#151515;width:100%;height:2px;margin:45px 0 30px}.loading-line div{background:#777;width:100%;height:100%;animation:2s loading}@keyframes loading{0%{width:0}to{width:100%}}.connected{letter-spacing:4px;color:#8b8b8b!important}@media (width<=700px){.scene-header{font-size:7px;top:20px;left:20px;right:20px}.story-text{width:82vw;font-size:15px;line-height:1.9}.story-text.location{letter-spacing:5px;font-size:22px}.story-text.grave{letter-spacing:10px;font-size:100px}.scene-footer{bottom:20px;left:20px;right:20px}}.database-boot{color:#a9c8b5;isolation:isolate;background:#020303;width:100vw;height:100vh;font-family:Courier New,Courier,monospace;position:fixed;inset:0;overflow:hidden}.database-blackout{z-index:0;background:radial-gradient(#0a1c192e,#000000fa 72%);position:absolute;inset:0}.computer-stage{aspect-ratio:1536/1024;z-index:2;width:min(100vw,1536px);transition:transform 80ms,filter 80ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.computer-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:brightness(.78)contrast(1.15)saturate(.7);width:100%;height:100%;position:absolute;inset:0}.crt-screen{z-index:5;background:radial-gradient(#132b27f5 0%,#051110fa 55%,#000505 100%);border-radius:7%;width:56.5%;height:63.5%;position:absolute;top:13.5%;left:22.3%;overflow:hidden;transform:perspective(900px);box-shadow:0 0 8px #4e8c752e,0 0 30px #2e755d1f,inset 0 0 80px #000000eb,inset 0 0 20px #36675526}.crt-glow{pointer-events:none;z-index:10;background:radial-gradient(#0000 30%,#0000002e 62%,#000000bf 100%);position:absolute;inset:0}.scanlines{pointer-events:none;mix-blend-mode:screen;opacity:.72;z-index:11;background:repeating-linear-gradient(#a0d2be0b 0 1px,#00000021 2px 4px);animation:7s linear infinite scanlineMove;position:absolute;inset:0}@keyframes scanlineMove{0%{background-position-y:0}to{background-position-y:120px}}.crt-noise{pointer-events:none;opacity:.07;z-index:12;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:.18s steps(2,end) infinite noiseMove;position:absolute;inset:-20%}@keyframes noiseMove{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}to{transform:translate(-1%,-1%)}}.screen-flicker{pointer-events:none;z-index:13;background:#78aa9605;animation:4.8s infinite screenFlicker;position:absolute;inset:0}@keyframes screenFlicker{0%,to{opacity:.15}48%{opacity:.1}49%{opacity:.35}50%{opacity:.08}51%{opacity:.25}52%{opacity:.1}}.terminal{box-sizing:border-box;text-shadow:0 0 5px #7dc8aa73,0 0 12px #48917433;z-index:8;padding:5.5% 7%;position:absolute;inset:0;overflow:hidden}.terminal-header{color:#aacdbeb8;letter-spacing:.12em;border-bottom:1px solid #82b4a02e;justify-content:space-between;align-items:center;padding-bottom:1.8%;font-size:clamp(8px,.72vw,14px);display:flex}.terminal-clock{opacity:.6}.boot-content{animation:.7s forwards bootAppear;position:absolute;top:18%;left:7%;right:7%}@keyframes bootAppear{0%{opacity:0}to{opacity:1}}.boot-logo{letter-spacing:.22em;color:#afd6c2c7;margin-bottom:.5em;font-size:clamp(24px,3vw,52px)}.boot-subtitle{letter-spacing:.28em;color:#96bead8c;font-size:clamp(8px,.8vw,15px)}.boot-separator{background:linear-gradient(90deg,#91beaa59,#0000);width:100%;height:1px;margin:3.5% 0}.boot-lines{flex-direction:column;gap:.75em;display:flex}.boot-line{color:#87ae9e7a;letter-spacing:.05em;font-size:clamp(8px,.78vw,15px)}.boot-line.active{color:#b5d7c4d1}.boot-prefix{opacity:.5;margin-right:.8em}.boot-cursor{margin-left:4px;animation:.65s step-end infinite cursorBlink}.database-content{animation:1.2s forwards databaseReveal;position:absolute;inset:16% 7% 6%}@keyframes databaseReveal{0%{opacity:0;filter:blur(2px);transform:translateY(8px)}70%{opacity:.8;filter:blur()}to{opacity:1;transform:translateY(0)}}.database-title{letter-spacing:.12em;color:#b5d7c4e6;margin-bottom:.4em;font-size:clamp(15px,1.45vw,27px)}.database-subtitle{letter-spacing:.2em;color:#87b19e94;font-size:clamp(8px,.75vw,14px)}.database-line{background:linear-gradient(90deg,#82b49b80,#82b49b0d,#0000);width:100%;height:1px;margin:3% 0}.database-status{grid-template-columns:repeat(3,1fr);gap:5%;margin-bottom:4%;display:grid}.database-status div{flex-direction:column;gap:.55em;display:flex}.database-status span{letter-spacing:.14em;color:#87b19e7a;font-size:clamp(7px,.62vw,12px)}.database-status strong{color:#b1d6c1d6;font-size:clamp(9px,.82vw,16px);font-weight:400}.database-warning{background:linear-gradient(90deg,#50786614,#0000);border-left:2px solid #93b8a561;margin-bottom:4%;padding:2.5% 3%}.warning-title{letter-spacing:.25em;color:#c2d4c6d1;margin-bottom:1em;font-size:clamp(9px,.8vw,15px)}.database-warning p{color:#91b4a39e;margin:.5em 0;font-size:clamp(8px,.68vw,13px)}.database-warning strong{color:#b1d2bec2;margin-top:1em;font-size:clamp(8px,.72vw,14px);font-weight:400;display:block}.connection-status{letter-spacing:.1em;color:#aad0bbb8;align-items:center;gap:.7em;font-size:clamp(7px,.7vw,14px);animation:2.5s infinite connectionPulse;display:flex}.connection-dot{background:#9bcfb1e6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #64be91cc}@keyframes connectionPulse{0%,to{opacity:.55}50%{opacity:1}}.terminal-prompt{color:#a5cdb9c7;letter-spacing:.06em;font-size:clamp(8px,.75vw,14px);position:absolute;bottom:0;left:0}.terminal-cursor{margin-left:.3em;animation:.65s step-end infinite cursorBlink}.computer-glitch{animation:.16s steps(2,end) computerGlitch}@keyframes computerGlitch{0%{transform:translate(-50%,-50%)translate(0)}25%{transform:translate(-50%,-50%)translate(-3px)}50%{transform:translate(-50%,-50%)translate(4px)}75%{transform:translate(-50%,-50%)translate(-2px)}to{transform:translate(-50%,-50%)translate(0)}}.database-vignette{pointer-events:none;z-index:20;background:radial-gradient(#0000 42%,#00000059 72%,#000000eb 100%);position:absolute;inset:0}.database-status-label{z-index:30;letter-spacing:.18em;color:#91a59b47;font-size:9px;position:fixed;bottom:18px;left:24px}@media (width<=900px){.computer-stage{width:120vw}.crt-screen{width:56.5%;height:63.5%;top:13.5%;left:22.3%}.terminal{padding:5% 6%}.database-status{gap:3%}}@media (width<=600px){.computer-stage{width:155vw}.database-status{grid-template-columns:1fr;gap:1em}.database-status div:nth-child(n+2){display:none}.database-warning{margin-top:4%}.database-status-label{display:none}}