:root{color-scheme:dark;--bg:#040609;--surface:#090d13;--ink:#e7e2d8;--muted:#a5a8af;--line:#282d36;--accent:#c8ba94;--danger:#df9290}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 "Malgun Gothic",system-ui,sans-serif;word-break:keep-all}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%;width:100%;height:auto}header{position:absolute;z-index:3;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:26px 5%;border-bottom:1px solid #ffffff18;gap:25px}.brand{font:700 16px/1.4 system-ui;letter-spacing:.15em}nav{display:flex;gap:30px;font-size:14px;color:#c1c2c5}nav a:last-child{color:var(--accent)}.hero{position:relative;min-height:830px;height:100svh;max-height:1200px;display:flex;align-items:center;overflow:hidden;background:#020305}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#030508 3%,#030508d9 36%,#03050826 72%),linear-gradient(0deg,#040609,transparent 35%,#04060938),url("images/hero_student_1920x1080.png") 75% center/cover no-repeat;filter:saturate(.55)}.hero-content{position:relative;z-index:1;margin:0 auto;width:min(1280px,90%);padding:125px 0 115px}.eyebrow{font:500 13px/1.8 "Malgun Gothic",sans-serif;letter-spacing:.15em;color:var(--accent)}.pretitle{font-size:16px;color:#a4a8ae;margin-top:40px}h1{font:700 clamp(48px,6.5vw,90px)/1.3 Batang,"바탕",serif;letter-spacing:-.055em;margin:15px 0 8px;text-shadow:2px 4px 25px #000}h1 em{font-style:normal;color:#ded5c5}.edition{letter-spacing:.5em;color:var(--accent);font-size:16px}.lead{font-size:18px;color:#b1b3b8;margin-top:30px}.actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;gap:35px;align-items:center;min-height:54px;padding:12px 23px;background:#bfb18c;color:#080a0c;font-size:15px;font-weight:700;border:1px solid #d2c49e}.button:hover{background:#e3d6b7;color:#080a0c}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:7px}.hero-bottom{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;color:#999fa8;font:12px/1.7 monospace;letter-spacing:.06em}.section{width:min(1180px,88%);margin:auto;padding:110px 0;border-bottom:1px solid var(--line)}h2{font:500 clamp(30px,3.6vw,47px)/1.5 Batang,"바탕",serif;letter-spacing:-.04em;margin:17px 0 27px}h3{font-size:25px;line-height:1.6;letter-spacing:-.03em}.intro{color:var(--muted);margin-bottom:35px}.note{font-size:14px;color:#a0a3aa;margin-top:24px;line-height:1.85}.disk{text-align:center;padding-top:100px;padding-bottom:100px}.disk-number{font:500 clamp(96px,17vw,218px)/1.05 Georgia,serif;letter-spacing:-.075em;color:#d4c7a8;margin:25px 0 30px}.disk-number span{font:400 clamp(16px,2vw,25px)/1.5 system-ui;letter-spacing:.02em;display:inline-block;margin-left:20px}.disk h2{font-size:clamp(28px,3vw,39px)}.disk>p:not(.eyebrow){color:var(--muted)}.facts{display:flex;justify-content:center;gap:0;flex-wrap:wrap;color:var(--accent);margin:28px 0;font-size:14px}.facts span{padding:4px 22px}.facts span+span{border-left:1px solid var(--line)}.story{padding-top:120px;padding-bottom:120px;background:linear-gradient(90deg,#040609e8,#040609ba),url("images/hero_corridor_1920x1080.png") center/cover}.story h2{max-width:900px}.story-copy{max-width:700px;color:#b0b2b8;margin-left:auto;margin-top:45px}.story-copy p+p{margin-top:22px}.rules{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border-top:1px solid var(--line);margin-top:45px}.rules article{position:relative;padding:32px;border-bottom:1px solid var(--line);background:#070a10}.rules article:nth-child(odd){border-right:1px solid var(--line)}.rule-no{font-size:13px;letter-spacing:.15em;color:#89919e}.rules h3{font-family:Batang,"바탕",serif;color:var(--danger);margin:15px 0 8px}.rules .ghost{font-size:14px;color:#c7c0b1;margin-bottom:20px}.rules p{color:var(--muted)}.rules img{margin-top:26px;aspect-ratio:8/5;object-fit:contain}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:30px}.section-head h2{margin-bottom:0}.video{aspect-ratio:16/9;background:#000;border:1px solid var(--line)}iframe{border:0;width:100%;height:100%}.night-list{margin-top:40px}.night-list article{display:grid;grid-template-columns:130px 1fr;gap:30px;padding:36px 0;border-top:1px solid var(--line)}.night-number{font:400 76px/1.2 Georgia,serif;color:#53535b}.night-list h3{font:400 36px/1.5 Batang,serif;margin:8px 0 16px}.night-list p:not(.eyebrow){color:var(--muted);max-width:710px}.night-list .night-meta{color:var(--accent)!important;font-size:14px;margin-top:15px}.nights .facts{justify-content:flex-start;background:#0a0e14;padding:16px 0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.gallery figure{margin:0;border:1px solid var(--line);background:#080b10}.gallery img{aspect-ratio:8/5;object-fit:contain}.gallery a{display:block}.gallery a:hover{outline:1px solid var(--accent)}figcaption{padding:12px 18px;font-size:14px;color:var(--muted)}figcaption span{color:#717b8b;margin-right:20px;font-family:monospace}.demo{text-align:center;background:radial-gradient(ellipse at 50% 30%,#15171d,transparent 70%)}.stores{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;text-align:left}.stores article{padding:28px;border:1px solid #36343a;background:#090d13}.stores article:first-child{border-top:2px solid var(--accent)}.store-type{font-size:13px;color:var(--accent)}.stores h3{font:600 30px/1.6 system-ui;margin:15px 0}.stores p:not(.store-type){color:var(--muted);font-size:14px}.status{display:block;padding:12px 0;border-top:1px solid var(--line);margin-top:28px;color:#b5b5bb;font-size:14px}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:50px 0 0;text-align:left;border-top:1px solid var(--line);padding-top:28px}.specs dt{font-size:13px;color:var(--muted)}.specs dd{margin:7px 0 0;font-size:14px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-size:16px;font-weight:600;cursor:pointer}details>p,.detail-copy{margin-top:25px;color:var(--muted)}.detail-copy p+p{margin-top:18px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;padding-top:25px}.controls dt{color:#a4a6ad;font-size:14px}.controls dd{margin:6px 0 0;font-size:16px}.news h2{font-size:32px}.news-row{display:grid;grid-template-columns:150px 1fr;gap:25px;border-top:1px solid var(--line);padding:20px 0}.news-row>span,.news-row time{font-size:14px;color:var(--accent)}.news-row p{color:var(--muted)}footer{width:min(1280px,90%);margin:auto;padding:45px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--muted);font-size:14px}footer p span{font-size:12px;color:#8e949f}.skip{position:fixed;z-index:20;top:-100px;left:15px;padding:10px 20px;background:var(--accent);color:#000}.skip:focus{top:15px}
@media(min-width:1500px){.hero-image{background-position:center,center,80% center;background-size:cover,cover,auto 115%}}
@media(max-width:760px){body{word-break:normal;overflow-wrap:anywhere}header{padding:20px 6%;align-items:flex-start}.brand{font-size:14px}nav{font-size:13px;gap:16px;flex-wrap:wrap;justify-content:flex-end}nav a:first-child{display:none}.hero{height:auto;min-height:800px}.hero-image{background:linear-gradient(0deg,#040609 0%,#04060999 60%,#04060955),url("images/hero_student_1920x1080.png") 55% top/auto 82% no-repeat;opacity:.8}.hero-content{width:88%;padding:170px 0 100px}.hero-content .eyebrow{font-size:12px}.pretitle{margin-top:30px;font-size:14px}h1{font-size:clamp(43px,9vw,65px)}.edition{font-size:14px}.lead{font-size:16px}.actions{gap:22px;margin-top:30px}.button{padding:12px 17px;gap:20px;font-size:14px}.hero-bottom{font-size:12px;gap:20px;left:6%;right:6%}.hero-bottom span:last-child{display:none}.section{width:88%;padding:70px 0}h2{font-size:29px}.disk-number{font-size:110px}.disk-number span{display:block;letter-spacing:.1em;margin:15px 0 0;font-size:18px}.facts span{padding:5px 12px;font-size:13px}.story-copy{margin-top:28px}.rules{grid-template-columns:1fr}.rules article{padding:27px 20px}.rules article:nth-child(odd){border-right:0}.rules h3{font-size:26px}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.night-list article{grid-template-columns:55px 1fr;gap:18px;padding:30px 0}.night-number{font-size:45px}.night-list h3{font-size:30px}.night-list .eyebrow{font-size:12px}.gallery{grid-template-columns:1fr;gap:20px}.stores{grid-template-columns:1fr;gap:16px}.stores article{padding:23px}.stores h3{margin:8px 0}.status{margin-top:18px;padding-bottom:0}.specs{grid-template-columns:1fr 1fr;gap:25px}.controls{grid-template-columns:1fr;gap:20px}.news-row{grid-template-columns:1fr;gap:8px}.news h2{font-size:28px}footer{flex-direction:column;align-items:flex-start;gap:20px}.eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.gallery-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in}
.gallery-open:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
#screenshot-viewer{width:min(1280px,94vw);max-width:94vw;max-height:94dvh;padding:52px 12px 12px;border:1px solid var(--line);background:#080b10;color:var(--ink);overflow:auto}
#screenshot-viewer::backdrop{background:rgba(0,0,0,.88)}
#screenshot-viewer form{margin:0}
.viewer-close{position:absolute;right:12px;top:8px;min-height:36px;padding:5px 14px;border:1px solid #69707d;background:#171c25;color:#fff;font:inherit;font-size:14px;cursor:pointer}
#screenshot-full{display:block;width:100%;max-height:calc(94dvh - 110px);object-fit:contain}
#screenshot-caption{margin:8px 0 0;text-align:center;font-size:14px;color:var(--muted)}
.viewer-active{overflow:hidden}