*{box-sizing:border-box}body{margin:0;background:#100e12;color:#eee9e4;font-family:Arial,"Noto Sans KR",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#5c281023,transparent 60%);z-index:-1}a{color:inherit;text-decoration:none}header{max-width:1160px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{font-size:16px;font-weight:900;letter-spacing:3px}.brand b{color:#ff8a43}nav{display:flex;gap:25px;font-size:12px;color:#a99e98}.edition{color:#f58c55;font-size:10px;letter-spacing:2px;border:1px solid #70472f;padding:7px 11px}main{max-width:1020px;margin:38px auto 60px;padding:0 24px}.eyebrow{font-size:10px;letter-spacing:4px;color:#d68b5c;margin-bottom:14px}h1{font-size:clamp(28px,5vw,46px);line-height:1.35;letter-spacing:-2px;margin:0}h1 em{font-style:normal;color:#fa8b50} .intro{color:#968c87;font-size:13px;margin:13px 0 28px}.layout{display:grid;grid-template-columns:1fr 1.04fr;border:1px solid #4d3930;background:#171317}.scene{position:relative;min-height:440px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#b34f203b,transparent 50%),linear-gradient(90deg,#1e1716,#09090d 45%,#09090d 55%,#241b17);display:flex;align-items:center;justify-content:center}.scene:before,.scene:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 78px,#8c65351b 79px 80px);clip-path:polygon(0 0,42% 33%,42% 70%,0 100%)}.scene:after{transform:scaleX(-1)}.door{width:120px;height:230px;background:linear-gradient(90deg,#3b251c,#181215 15%,#25180f 85%,#5a3420);border:5px solid #463024;box-shadow:0 0 70px #f8771833,0 0 0 13px #110f11;position:relative;transform:perspective(600px) rotateY(-8deg)}.door:before{content:"13";position:absolute;top:36px;left:0;right:0;text-align:center;color:#b98a62;font:21px Georgia;letter-spacing:3px}.door:after{content:"";position:absolute;width:6px;height:6px;border-radius:100%;background:#dcaa6c;right:12px;top:130px;box-shadow:0 0 15px #fba85c}.light{position:absolute;width:40px;height:2px;background:#ffba71;top:58px;left:calc(50% - 20px);box-shadow:0 0 35px 12px #ef7d3e55}.scene-label{position:absolute;bottom:25px;left:26px;font:10px monospace;letter-spacing:3px;color:#bdaa96}.scene-label strong{display:block;font:30px Georgia;color:#e6c9a8;margin-bottom:9px}.card{padding:28px 30px 25px;min-width:0}.room-meta{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:2px;color:#d49b73}.bar{height:2px;background:#3b2d28;margin:12px 0 26px}.bar i{height:2px;display:block;background:#f58a48;transition:width .2s}h2{font-size:22px;letter-spacing:-.8px;margin:0 0 15px}.story{font-size:14px;line-height:1.9;color:#b6aba5;min-height:78px;margin-bottom:22px}.choices{display:grid;gap:10px}button{font:inherit;cursor:pointer;color:inherit}.choice{border:1px solid #493a34;background:#211b1c;text-align:left;padding:15px 12px;display:flex;gap:13px;align-items:center;min-height:53px;font-size:12px;line-height:1.6;transition:.18s}.choice span{color:#c18b65;font:11px monospace;border-right:1px solid #4f3930;padding-right:12px}.choice:hover,.choice:focus-visible,.choice.selected{border-color:#f58a48;background:#37251d;outline:none;transform:translateX(2px)}.bottom{margin-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#80746e}.text-btn{background:none;border:0;padding:8px;color:#c4aba0;font-size:11px}.facts{display:flex;justify-content:center;gap:25px;color:#8e8179;font-size:11px;padding:20px;border-bottom:1px solid #ffffff10}.notes{margin-top:46px;display:flex;align-items:start;justify-content:space-between;gap:25px}.notes h3{font-size:15px;margin:0 0 10px}.notes p{color:#887e78;font-size:12px;line-height:1.9;max-width:420px}.small-link{font-size:12px;color:#e3ae8b}.story-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.story-link{border:1px solid #362b29;padding:20px;font-size:13px;background:#191416}.story-link small{display:block;color:#b0805e;font:9px monospace;letter-spacing:2px;margin-bottom:12px}footer{border-top:1px solid #ffffff12;max-width:1160px;margin:auto;padding:25px 28px;display:flex;justify-content:space-between;gap:20px;color:#6f6561;font-size:10px;line-height:1.8}.rate{font:64px Georgia;color:#ff9253;margin:5px 0 15px}.rate small{font-size:18px}.primary{width:100%;padding:15px;background:#df7038;border:1px solid #e78b56;color:#120c09;font-weight:bold}.share-row{display:flex;gap:7px;margin-top:10px}.share-row button{flex:1;background:transparent;border:1px solid #554034;padding:11px 3px;font-size:11px}.notice{font-size:10px;color:#9a8174;line-height:1.7;margin-top:12px}.prose{max-width:680px;min-height:50vh}.prose p{font-size:15px;line-height:2.1;color:#baaea7}.prose h1{font-size:30px}.back{display:inline-block;margin:25px 0;color:#f09560;font-size:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e4b189;color:#170e08;padding:12px 22px;font-size:12px;z-index:10;max-width:90vw}.fade{animation:appear .3s ease}@keyframes appear{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){header{padding:18px}.edition{display:none}nav{gap:15px}.brand{font-size:12px;letter-spacing:2px}main{margin:25px auto 40px;padding:0 18px}.layout{display:flex;flex-direction:column}.scene{min-height:120px}.door{height:100px;width:57px;border-width:3px}.door:before{top:20px;font-size:13px}.door:after{top:63px;right:4px;width:4px;height:4px}.light{top:8px}.scene-label{left:18px;bottom:15px;font-size:8px}.scene-label strong{font-size:19px}.card{padding:22px 20px}.bar{margin-bottom:20px}.story{min-height:0;font-size:13px;margin-bottom:17px}h2{font-size:20px}.choice{padding:13px 11px}.intro{font-size:12px;margin-bottom:20px}.notes{display:block;margin-top:30px}.story-links{grid-template-columns:1fr}.facts{gap:16px;font-size:10px}footer{display:block;padding:20px 18px}footer nav{margin-top:15px;flex-wrap:wrap;font-size:10px}.bottom{margin-top:13px}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:#f58a48;color:#100e12;z-index:20}.skip-link:focus{top:10px}a:focus-visible{outline:2px solid #f58a48;outline-offset:4px}nav a[aria-current="page"]{color:#fa8b50}.section-title{font-size:15px;margin:0 0 10px;letter-spacing:normal}.breadcrumbs{display:block;font-size:12px;line-height:1.9;margin:0 0 25px}.related-nav{display:flex;flex-direction:column;gap:14px;border-top:1px solid #493a34;margin-top:24px;padding-top:20px;font-size:12px;color:#e3ae8b}.story-index{padding-left:22px;line-height:2.5}@media(max-width:700px){header{flex-wrap:wrap;gap:14px}header nav{flex-wrap:wrap;font-size:11px;gap:14px}}

body{position:relative;isolation:isolate;min-height:100vh}body:before{background:linear-gradient(180deg,rgba(12,8,18,.3),rgba(12,8,18,.68) 60%,rgba(12,8,18,.94)),url("/images/halloween-hotel.webp") center center/cover no-repeat}header,footer{background:rgba(16,14,18,.65)}.layout{box-shadow:0 20px 80px #0008}.notes{background:rgba(16,14,18,.8);padding:22px}.prose{background:rgba(16,14,18,.92);padding:26px}.story-link{background:#191416ed}@media(max-width:700px){body:before{background-position:70% center}.notes{padding:18px}.prose{padding:20px}}

.scene{background:#120d0a;min-height:520px}.scene:before,.scene:after{display:none}.hotel-door-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.scene-label{z-index:1;left:0;right:0;bottom:0;padding:38px 24px 24px;background:linear-gradient(transparent,rgba(8,5,4,.9));color:#d0b494}.scene-label strong{font-size:24px}@media(max-width:700px){.scene{min-height:210px}.hotel-door-photo{object-position:center 44%}.scene-label{padding:28px 18px 13px}.scene-label strong{font-size:17px}}

/* Readable game and explanatory text across languages. */
.intro{font-size:17px;line-height:1.8}.story{font-size:18px;line-height:1.9}.choice{font-size:16px;line-height:1.75;padding:16px 14px}.choice span{font-size:14px}.notes p{font-size:16px;line-height:1.9}.section-title{font-size:20px;line-height:1.5}.notice,.bottom{font-size:14px;line-height:1.8}.facts{font-size:14px;flex-wrap:wrap}.text-btn,.small-link{font-size:15px}.share-row button{font-size:14px}.prose p{font-size:18px;line-height:1.95}.story-link{font-size:17px;line-height:1.7}.breadcrumbs,.related-nav{font-size:15px;line-height:1.8}footer{font-size:13px}footer nav{font-size:13px;flex-wrap:wrap}.bottom{gap:12px;flex-wrap:wrap}@media(max-width:700px){.intro{font-size:16px}.story{font-size:17px}.choice{font-size:16px;padding:15px 12px}.notes p{font-size:16px}.prose p{font-size:17px}.section-title{font-size:19px}.facts{font-size:13px;gap:12px}.notice,.bottom{font-size:13px}footer nav{font-size:13px}}

@font-face{font-family:"Green Fuz";src:url("/fonts/green-fuz.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
.brand,.scene-label strong,.eyebrow,.room-meta,.edition{font-family:"Green Fuz",Georgia,serif;font-weight:400;letter-spacing:2px}.brand{font-size:24px}:lang(en) h1,:lang(en) .card h2{font-family:"Green Fuz",Georgia,serif;font-weight:400;letter-spacing:1px}:lang(en) h1{font-size:clamp(34px,5vw,52px)}:lang(en) .card h2{font-size:28px;line-height:1.4}@media(max-width:700px){.brand{font-size:23px}:lang(en) .card h2{font-size:25px}}

@font-face{font-family:"Sokcho Bada";src:url("/fonts/SokchoBadaCalligraphy.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}html[lang="ko"] main{font-family:"Sokcho Bada",Arial,sans-serif}html[lang="ko"] main h1,html[lang="ko"] main h2,html[lang="ko"] .choice,html[lang="ko"] .primary{font-weight:400}html[lang="ko"] .story,html[lang="ko"] .prose p{font-size:21px;line-height:1.9}html[lang="ko"] .choice{font-size:20px}html[lang="ko"] .intro,html[lang="ko"] .notes p{font-size:20px}html[lang="ko"] .section-title{font-size:24px}@media(max-width:700px){html[lang="ko"] .story,html[lang="ko"] .prose p{font-size:20px}html[lang="ko"] .choice{font-size:19px}}

@font-face{font-family:"Hakidame";src:url("/fonts/hakidame.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}html[lang="ja"] main{font-family:"Hakidame","Yu Gothic",sans-serif}html[lang="ja"] main h1,html[lang="ja"] main h2,html[lang="ja"] .choice,html[lang="ja"] .primary{font-weight:400}html[lang="ja"] .story,html[lang="ja"] .prose p{font-size:21px;line-height:1.9}html[lang="ja"] .choice{font-size:20px}html[lang="ja"] .intro,html[lang="ja"] .notes p{font-size:20px}html[lang="ja"] .section-title{font-size:24px}@media(max-width:700px){html[lang="ja"] .story,html[lang="ja"] .prose p{font-size:20px}html[lang="ja"] .choice{font-size:19px}}

.music-toggle{background:#21171c;border:1px solid #8b5435;color:#f2b78a;font-size:11px;padding:10px 12px;min-height:44px;white-space:nowrap;cursor:pointer}.music-toggle[aria-pressed="true"]{border-color:#ff9253;color:#ffc89f}.music-toggle:focus-visible{outline:2px solid #ff9253;outline-offset:3px}.music-status{font-size:11px;color:#e3ae8b}header{flex-wrap:wrap;gap:12px}

.languages{display:flex;gap:12px;font-size:11px;align-items:center}.languages a{padding:7px 3px;color:#bdb0aa}.languages a[aria-current="true"]{color:#ff9253;border-bottom:1px solid #ff9253}@media(max-width:700px){.languages{width:100%;justify-content:flex-end;gap:18px}}