@font-face{font-family:FontowaKowai;src:url(/FontowaKowaiMincho.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:FontowaKowai,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:url(/noise_background.png) center center / cover no-repeat fixed;color:#fff;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:1}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.container{max-width:700px;padding:24px;text-align:center;position:relative;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title{font-size:2.8rem;margin-bottom:.05em;margin-top:.05em;font-weight:700;text-shadow:0 2px 8px rgba(102,0,0,.6),0 0 40px rgba(102,0,0,.3);transition:all .15s ease;line-height:1}.subtitle{font-size:1.1rem;margin-bottom:1em;font-weight:300;transition:all .15s ease;opacity:.92;line-height:1.2;letter-spacing:.12em}.logo-container{margin-bottom:.6em;display:flex;justify-content:center;align-items:center}.app-logo{width:120px;height:auto;filter:drop-shadow(0 10px 30px rgba(204,0,0,.45));transition:all .3s ease}.screenshot-container{margin:.8em auto;display:flex;justify-content:center;align-items:center;perspective:1000px}.screenshot-wrapper{position:relative;width:180px;height:auto;transition:transform .15s ease;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}.screenshot{width:100%;height:auto;display:block;border-radius:24px;position:absolute;top:0;left:0}.screenshot:first-child{position:relative}.screenshot-glitch{animation:glitchPulse .2s ease-in-out}@keyframes glitchPulse{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-3px)}80%{transform:translate(2px,3px)}to{transform:translate(0)}}.video-section{margin:2.5em -9999px 1em;padding:2em 9999px;opacity:0;animation:slideUp .8s ease-out .4s forwards;background:#14121259;border-top:1px solid rgba(80,30,30,.25);border-bottom:1px solid rgba(80,30,30,.25)}.video-section>*{max-width:500px;margin-left:auto;margin-right:auto}.video-title{text-align:center;margin-bottom:.8em;position:relative}.video-title:before,.video-title:after{content:"";position:absolute;top:50%;width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(153,0,0,.6),transparent)}.video-title:before{left:0}.video-title:after{right:0}.video-title-text{font-size:.85rem;color:#ffffff80;letter-spacing:.3em;font-weight:300;text-transform:uppercase}.video-container{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;background:#000c;box-shadow:0 0 0 1px #6006,0 20px 60px #0009,inset 0 0 60px #6600001a;transition:all .3s ease}.video-container:hover{box-shadow:0 0 0 1px #9009,0 25px 70px #000000b3,0 0 30px #6003,inset 0 0 60px #66000026}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:1}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8em;background:linear-gradient(135deg,#140000e6,#280000e6)}.video-placeholder-icon{font-size:2.5rem;color:#c009;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.video-placeholder-text{font-size:.85rem;color:#ffffff80;letter-spacing:.1em}.video-frame-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;border-radius:12px;box-shadow:inset 0 0 30px #00000080,inset 0 0 0 1px #6600004d}.social-links{display:flex;justify-content:center;gap:1.2em;margin-top:1em}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(102,0,0,.3);color:#fff9;transition:all .3s ease}.social-link:hover{background:#6600004d;border-color:#9009;color:#fffffff2;transform:translateY(-2px);box-shadow:0 5px 20px #6006}.social-icon{width:18px;height:18px}.buttons{display:flex;flex-direction:row;gap:16px;margin-top:1em;align-items:center;justify-content:center;flex-wrap:wrap}.button{display:inline-block;transition:all .3s cubic-bezier(.4,0,.2,1);filter:brightness(.95) saturate(.9)}.button:hover{filter:brightness(1.05) saturate(1);transform:translateY(-2px)}.button:active{transform:translateY(0);transition:all .1s}.button img{height:40px;width:auto;display:block;border-radius:6px}.loading{font-size:.95rem;opacity:.5;margin-top:32px;letter-spacing:.15em;font-weight:300}.error-message{margin-top:1.2em;margin-bottom:1.8em;line-height:1.8;font-size:1.05rem;color:#ffffffc7}.error-hints{display:flex;flex-direction:column;gap:.6em;margin-bottom:2.2em;opacity:0;animation:slideUp .8s ease-out .2s forwards}.error-hint{display:flex;align-items:center;gap:.8em;padding:.65em 1em;border-radius:999px;background-color:#ffffff0d;color:#ffffffbf;font-size:.95rem;letter-spacing:.04em}.hint-icon{font-size:1.1rem;color:#ff4d4dcc}.error-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.error-button{min-width:220px;padding:14px 24px;border-radius:999px;font-size:1rem;text-decoration:none;letter-spacing:.1em;text-align:center;transition:all .25s ease;border:1px solid transparent}.error-button.primary{background:linear-gradient(90deg,#b31217,#e52d27);color:#fff;box-shadow:0 10px 30px #b3121759}.error-button.ghost{border-color:#ffffff40;color:#ffffffbf;background:#ffffff08}.error-button:hover{transform:translateY(-2px) scale(1.01)}.error-button:active{transform:translateY(0)}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:999;opacity:.5}.red-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#ff000026;pointer-events:none;z-index:998;animation:flash .15s ease-out}@keyframes flash{0%,to{opacity:0}50%{opacity:1}}.game-concept{margin:2em 0 3em;display:flex;flex-direction:column;gap:1em;opacity:0;animation:slideUp .8s ease-out .3s forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.concept-line{display:flex;align-items:center;justify-content:center;gap:.75em;font-size:.95rem;color:#ffffffb3;transition:all .3s ease}.concept-line:hover{color:#fffffff2;transform:translate(4px)}.concept-icon{font-size:1.2em;filter:grayscale(.3)}.concept-text{font-weight:300;letter-spacing:.05em}@media(max-width:768px){.container{padding:20px}.logo-container{margin-bottom:.5em}.app-logo{width:100px}.title{font-size:2.2rem;margin-top:.1em;margin-bottom:.05em}.subtitle{font-size:1rem;margin-bottom:.8em}.screenshot-wrapper{width:160px}.screenshot-container{margin:.6em auto}.buttons{gap:12px;margin-top:.8em}.button img{height:38px}.video-section{margin:2em -9999px .8em;padding:1.5em 9999px}.video-section>*{max-width:400px}.video-title-text{font-size:.8rem}.video-title:before,.video-title:after{width:40px}.video-container{border-radius:10px}.social-link{width:36px;height:36px}.social-icon{width:16px;height:16px}}@media(max-width:480px){.container{padding:16px}.logo-container{margin-bottom:.4em}.app-logo{width:80px}.title{font-size:1.8rem;margin-top:.08em;margin-bottom:.05em}.subtitle{font-size:.9rem;margin-bottom:.6em}.screenshot-wrapper{width:140px}.screenshot-container{margin:.5em auto}.buttons{gap:10px;margin-top:.6em}.button img{height:36px}.error-button{min-width:100%}.video-section{margin:1.5em -9999px .6em;padding:1.2em 9999px}.video-section>*{max-width:320px}.video-title{margin-bottom:.6em}.video-title-text{font-size:.75rem;letter-spacing:.2em}.video-title:before,.video-title:after{width:30px}.video-container{border-radius:8px}.video-placeholder-icon{font-size:2rem}.video-placeholder-text{font-size:.75rem}.social-links{gap:1em;margin-top:.8em}.social-link{width:32px;height:32px}.social-icon{width:14px;height:14px}}@media(max-height:600px){.container{padding:12px}.logo-container{margin-bottom:.3em}.app-logo{width:64px}.title{font-size:1.5rem}.subtitle{font-size:.85rem;margin-bottom:.5em}.screenshot-wrapper{width:120px}.screenshot-container{margin:.4em auto}.buttons{margin-top:.5em}.video-section{margin:1em -9999px .5em;padding:.8em 9999px}.video-section>*{max-width:280px}.video-title{margin-bottom:.4em}.video-title-text{font-size:.7rem}.social-links{margin-top:.5em;gap:.8em}.social-link{width:28px;height:28px}.social-icon{width:12px;height:12px}}.footer{width:100%;padding:2em 1.5em;margin-top:auto;background:linear-gradient(180deg,transparent 0%,rgba(20,0,0,.6) 30%,rgba(30,0,0,.8) 100%);border-top:1px solid rgba(102,0,0,.3);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(153,0,0,.5) 50%,transparent 100%)}.footer-container{max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1em}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5em}.footer-link{color:#fff9;text-decoration:none;font-size:.85rem;letter-spacing:.05em;padding:.3em .5em;transition:all .3s ease;position:relative}.footer-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:#c009;transition:all .3s ease;transform:translate(-50%)}.footer-link:hover{color:#fffffff2;text-shadow:0 0 8px rgba(204,0,0,.4)}.footer-link:hover:after{width:80%}.footer-divider{color:#66000080;font-size:.75rem;-webkit-user-select:none;user-select:none}.footer-developer{display:flex;align-items:center;gap:.5em}.developer-name{font-size:.9rem;color:#ffffffbf;letter-spacing:.08em;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.footer-copyright{font-size:.75rem;color:#fff6;letter-spacing:.03em;text-align:center}@media(max-width:768px){.footer{padding:1.5em 1em}.footer-link{font-size:.8rem}.developer-name{font-size:.85rem}.footer-copyright{font-size:.7rem}}@media(max-width:480px){.footer{padding:1.2em .8em}.footer-links{gap:.3em}.footer-link{font-size:.75rem;padding:.25em .4em}.footer-divider{font-size:.65rem}.developer-name{font-size:.8rem}.footer-copyright{font-size:.65rem}}