@import url('/fonts.css');
:root{--ink:#070707;--gold:#92856c;--light:#e3dcd0;--muted:#a89d88;--line:#34312b;--red:#8e1111}body{background:#000;font-family:'Noto Sans KR','Noto Sans',Arial,sans-serif}header{height:70px;background:#070707;border-bottom:0;border-top:1px solid #504b40;padding:0 34px;gap:75px}.brand{width:102px}nav{flex:0 1 auto;justify-content:flex-start;gap:60px}.nav-button{font-family:inherit;font-size:17px;line-height:20px;letter-spacing:-.0175em;color:#92856c;font-weight:400;padding:24px 0}.nav-button[aria-expanded=true]:after{background:#8e1111}.header-tools{margin-left:auto;gap:24px}.header-social{display:flex;align-items:center;gap:22px}.header-social button{border:0;background:none;padding:0;width:22px;height:22px;color:#92856c;display:grid;place-items:center}.header-social svg{width:21px;height:21px;fill:currentColor}.language{gap:7px;color:#92856c}.language svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1}.language select{font-size:16px;color:#92856c;background:#070707;padding:6px 0;max-width:105px}.submenu{background:#070707;border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;height:160px}.hero{height:calc(100svh - 70px);min-height:740px;background:#191919;overflow:hidden}.scene{filter:none}.veil{background:linear-gradient(180deg,#00000020,#00000020 65%,#0000004d)}.hero-body{left:0;top:50%;transform:translateY(-50%);width:100%;pointer-events:none}.hero-body button{pointer-events:auto}.hero .eyebrow{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,2.5vw,46px);font-weight:400;letter-spacing:-.035em;line-height:1.3;color:#e7dec9;margin:0 auto 24px;max-width:80%;text-shadow:0 2px 3px #302b24}.hero h1{margin:0 auto;width:470px;max-width:44%}.hero-line,.download-note,.play span,.scroll-link{display:none}.play{position:relative;display:block;width:105px;height:105px;padding:0;margin:54px auto 60px;border:0;background:url('/assets/play-ring.png') center/105px no-repeat}.play:after{content:'';position:absolute;inset:0;background:url('/assets/play-inner.png') center/105px no-repeat;pointer-events:none}.play svg{display:none}.download{width:185px;min-width:0;min-height:54px;padding:0;background:#000;border:2px solid #b6b6b6;border-radius:9px;gap:16px;color:#fff;clip-path:none}.download svg{width:39px;height:37px;stroke-width:1.6}.download span{font-family:Arial,sans-serif;font-size:16px;line-height:18px}.download small,.download strong{font-size:16px;letter-spacing:0;font-weight:400}.community{top:50%;transform:translateY(-50%);width:340px;gap:27px}.community-link{height:144px}.community-link:before{inset:0;z-index:-2;clip-path:polygon(42px 0,100% 0,100% 100%,42px 100%,0 50%);background:#8b150e url('/assets/panel-red.webp') repeat;border:0}.community-link:after{inset:7px 0 7px 10px;z-index:-1;opacity:1;clip-path:polygon(37px 0,100% 0,100% 100%,37px 100%,0 50%);background:linear-gradient(90deg,#5f09064d,#5505001a);border:1px solid #b44728}.community-link:nth-child(2):before{background:#49443d url('/assets/panel-stone.webp') repeat}.community-link:nth-child(2):after{background:linear-gradient(90deg,#22222280,#22222222);border-color:#9b9892}.community-link:nth-child(3):before{background:#103451 url('/assets/panel-blue.webp') repeat}.community-link:nth-child(3):after{background:linear-gradient(90deg,#04152255,#04152211);border-color:#295b82}.community-copy{padding-left:44px;max-width:245px;color:#e8d5a3}.community-copy small,.community-copy em{display:none}.community-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:400;letter-spacing:-.04em;line-height:1.2;max-width:210px;text-shadow:0 1px 1px #373024}.community-link img{right:-32px;bottom:0;width:155px;height:165px;object-fit:cover;object-position:50% 0;filter:none;mask-image:none;z-index:1}.community-link:nth-child(2) img{opacity:.6;width:175px;mask-image:linear-gradient(90deg,transparent,#000 45%)}.banner-symbol{display:block;margin-top:6px}.banner-symbol svg{width:31px;height:21px;display:block}.community-link:first-child .banner-symbol{display:none}.cinema-controls{bottom:22px;left:24px;gap:10px}.cinema-controls button{background:#07070780;border:1px solid #94866c66;padding:4px 10px;min-height:32px;color:#c9b99a}.scene-counter,.cinema-rule,.cinema-label{display:none}.chronicle{display:none}footer{background:#000;border-color:#181818}#footer-links,.footer-brand{color:#92856c}.footer-meta{color:#716958;border-color:#202020}dialog{background:#101010;border-color:#81745c}dialog h2,.document h1,.section-heading h2,.hero-line{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em}.document h1{font-size:clamp(36px,4vw,54px)}dialog h2{font-size:30px}.toast{background:#181817;border-color:#877759}.confirm{background:#6b1814;border-color:#9a3930}.secondary{background:#22221f;border-color:#72674f}
@media(min-width:1700px){.hero-body{top:51%}.hero h1{width:480px}.hero .eyebrow{margin-bottom:26px}.community-copy strong{font-size:26px}.hero{min-height:800px}}
@media(max-width:1500px){header{padding:0 24px;gap:35px}nav{gap:28px}.header-tools{gap:18px}.header-social{gap:16px}.nav-button{font-size:16px}.community{width:280px;gap:24px}.community-link{height:128px}.community-copy{padding-left:36px;max-width:210px}.community-copy strong{font-size:21px;max-width:180px}.community-link img{width:130px;height:148px;right:-30px}.community-link:nth-child(2) img{width:145px}.hero h1{width:420px}.hero .eyebrow{font-size:36px;max-width:72%}.play{margin-top:45px;margin-bottom:50px}}
@media(max-width:1100px){header{gap:25px;padding:0 20px}.brand{width:92px}nav{gap:20px}.nav-button{font-size:14px}.header-social{display:none}.hero .eyebrow{font-size:30px;max-width:68%}.hero h1{width:370px}.community{width:245px}.community-copy{padding-left:30px;max-width:195px}.community-copy strong{font-size:20px;max-width:170px}.community-link img{right:-45px;width:125px}.play{margin-top:42px;margin-bottom:50px}}
@media(max-width:800px){header{height:70px;padding:env(safe-area-inset-top) 20px 0;gap:20px}.brand{width:105px}.header-tools{gap:14px}.language select{font-size:14px}.header-social{display:none}nav{background:#070707;padding:16px 20px;gap:12px 24px}.nav-button{padding:12px 0;font-size:16px}.submenu{height:100px;top:calc(100% + 148px)}.hero{height:auto;max-height:none;min-height:1060px}.hero-body{position:relative;top:auto;left:auto;transform:none;padding:90px 20px 0}.hero .eyebrow{font-size:28px;max-width:95%;letter-spacing:-.03em;line-height:1.3;margin-bottom:30px}.hero h1{width:380px;max-width:88%}.play{width:90px;height:90px;margin:45px auto 40px;background-size:90px}.play:after{background-size:90px}.download{width:185px;min-height:54px}.community{position:relative;top:auto;right:auto;transform:none;width:340px;max-width:calc(100% - 40px);margin:75px auto 85px;gap:24px}.community-link{height:130px}.community-copy{padding-left:42px;max-width:230px}.community-copy strong{font-size:23px;max-width:200px}.community-link img{right:-24px;width:150px;height:160px}.community-link:nth-child(2) img{width:170px;right:-25px}.cinema-controls{bottom:20px;left:20px}.veil{background:linear-gradient(180deg,#00000022,#00000044 45%,#000000bb 90%)}}

/* Menü bağlantıları, hesap düğmeleri ve iç sayfalar */
a.nav-button{display:inline-block;text-decoration:none}.nav-button[aria-current=page]{color:#e3dcd0}.nav-button[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#8e1111}
.header-account{display:flex;align-items:center;gap:18px;font-size:16px}.header-account a{color:#92856c;white-space:nowrap}.header-account a:hover{color:#e3dcd0}.header-account .register{border:1px solid #8e1111;background:#6b1814;color:#f1e6d0;padding:7px 16px;border-radius:4px}.header-account .register:hover{background:#8e1111;color:#fff}
.document{max-width:1000px}.document h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.02em;margin:42px 0 14px;font-size:27px;color:#e3dcd0}.document h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:23px;margin:0 0 10px;color:#e3dcd0}
.form{max-width:520px;margin:28px 0 0}.field{margin:0 0 20px}.field label{display:block;font-size:14px;letter-spacing:.02em;color:#c9bda6;margin-bottom:8px}.field input[type=text],.field input[type=email],.field input[type=password],.field select,.field textarea{width:100%;background:#0c0c0b;border:1px solid #4a443a;color:#e3dcd0;padding:13px 14px;font:inherit;font-size:16px;border-radius:3px}.field textarea{resize:vertical;min-height:140px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #92856c;outline-offset:2px;border-color:#92856c}.field [aria-invalid=true]{border-color:#b8372c}.field small{display:block;margin-top:7px;font-size:13px;color:#8f846f}.field-error{display:block;margin-top:7px;font-size:14px;color:#e4786c;min-height:0}.field-error:empty{display:none}
.field.check label{display:flex;gap:12px;align-items:flex-start;line-height:1.5;color:#c5bba8;font-size:15px;margin:0}.field.check input{margin-top:4px;width:18px;height:18px;accent-color:#8e1111;flex:none}.form-links{display:flex;gap:22px;margin:-6px 0 22px;font-size:14px}.form-links a{color:#92856c;border-bottom:1px solid #504b40}.form-links a:hover{color:#e3dcd0}
.form-status{min-height:22px;margin:0 0 14px;color:#c5bba8;font-size:15px}.form .confirm{margin:0;padding:13px 34px;font-size:16px;border-radius:3px}.form .confirm:hover{filter:brightness(1.15)}.form .confirm:disabled{opacity:.6}.form-switch{margin:30px 0 0;color:#a89d88}.form-switch .text-link{margin-left:8px;margin-right:0}
.entries{margin-top:26px;border-top:1px solid #34312b}.entries-empty{padding:34px 0;margin:0;color:#a89d88}.entry{padding:26px 0;border-bottom:1px solid #34312b}.entry time{font-size:13px;letter-spacing:.08em;color:#92856c}.entry h2{margin:8px 0 10px}.entry p{margin:0}
.sides{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px}.side{padding:26px 28px;border:1px solid #34312b;background:#0c0c0b}.side p{margin:0}.side-light{border-top:3px solid #295b82}.side-fury{border-top:3px solid #8e1111}.class-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;color:#c5bba8}.class-list li{padding:6px 0;border-bottom:1px solid #1f1f1d}
.steps{margin:20px 0 0;padding-left:26px;color:#c5bba8;line-height:1.9;max-width:760px}.steps li{padding-left:8px}.keys{margin:20px 0 0;max-width:760px;border-top:1px solid #34312b}.keys div{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid #34312b}.keys dt{color:#e3dcd0;font-family:Georgia,serif}.keys dd{margin:0;color:#c5bba8}
.page-download{margin:24px 0 0}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.gallery video{width:100%;display:block;background:#000;border:1px solid #34312b}.gallery.art{grid-template-columns:repeat(3,1fr)}.gallery img{width:100%;height:auto;display:block;background:#0c0c0b;border:1px solid #34312b}
@media(max-width:1100px){.header-account{gap:12px;font-size:14px}.header-account .register{padding:6px 11px}}
@media(max-width:800px){.header-account{display:none}.sides,.gallery,.gallery.art{grid-template-columns:1fr}.keys div{grid-template-columns:1fr;gap:4px}nav a.nav-button{padding:12px 0}.document .form{max-width:none}}

a.nav-button.nav-account{display:none}@media(max-width:800px){a.nav-button.nav-account{display:inline-block}}
