:root{color-scheme:dark;--gold:#dbc08a;--muted:#b3a6b7;--pink:#e39abb}*{box-sizing:border-box}body{margin:0;background:#100d15;color:#f2e7de;font:15px "Yu Gothic UI",Meiryo,sans-serif}a{color:var(--gold);text-underline-offset:5px}header{max-width:1240px;margin:auto;padding:25px 30px;display:flex;justify-content:space-between;border-bottom:1px solid #dbc08a22;font-size:11px}.brand{font:18px serif;letter-spacing:.1em;text-decoration:none}main{max-width:1180px;margin:auto;padding:35px 25px}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f4a9d0;outline-offset:5px}[hidden]{display:none!important}.hero{position:relative;min-height:610px;overflow:hidden;border-radius:18px;border:1px solid #ad8e5433}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100c17f5,#160f2470 43%,transparent 72%)}.hero-copy{position:relative;z-index:1;padding:100px 45px;max-width:480px}h1{font:46px/1.6 "Yu Mincho",serif;letter-spacing:.12em;margin:25px 0}.hero-copy p{line-height:2;color:#e0d0d4;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--gold)}.gold{background:linear-gradient(120deg,#e9d3a4,#bfa06d);color:#211625;border:0;border-radius:7px;padding:16px 23px;font-weight:600;display:inline-flex;gap:35px;align-items:center;justify-content:space-between}.gold:hover{filter:brightness(1.1)}small{display:block;font-size:11px;color:var(--muted);line-height:1.9;margin-top:12px}.invitation{text-align:center;padding:25px}.invitation p{font:23px serif;color:#edbbd1}.invitation span{font-size:12px;color:var(--muted)}.features{display:flex;justify-content:space-evenly;border-block:1px solid #dbc08a22;padding:25px 5px;font-size:12px}.features b{color:var(--gold);margin-right:12px}.quiet{background:none;border:0;color:var(--muted);padding:12px 0;text-decoration:underline;text-underline-offset:5px}.room-grid{display:grid;grid-template-columns:40% 60%;border:1px solid #bc97b32b;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 15% 30%,#45283f,#19131f 60%)}aside{position:relative;min-height:680px;overflow:hidden}aside>img{position:absolute;height:700px;width:350px;object-fit:contain;left:50%;transform:translateX(-50%);top:5px}aside>div{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(transparent,#1b1223 20%)}aside p{font:19px/1.9 "Yu Mincho",serif}.reading{padding:35px;border-left:1px solid #dbc08a22}nav{display:flex;gap:22px;margin-bottom:35px;color:#847287;font-size:11px}nav .active{color:var(--gold)}h2{font:26px/1.6 "Yu Mincho",serif;margin:15px 0 24px}label{display:block;margin:22px 0;font-size:13px;color:#d7c6d5}select{display:block;width:100%;margin-top:10px;padding:14px;background:#2c2033;border:1px solid #735b70;border-radius:7px;color:#f1e6ef}form .gold{width:100%;margin-top:16px}#cards{display:flex;gap:15px;padding:35px 0}#cards button{width:32%;border:1px solid #ab905a;border-radius:8px;padding:0;overflow:hidden;background:#080808;transition:transform .3s,box-shadow .3s}#cards button:hover{transform:translateY(-12px);box-shadow:0 0 25px #deb37c55}#cards img{width:100%;display:block}.hint,.context{font-size:12px;color:var(--muted);line-height:1.8}.result-top{display:flex;gap:25px;align-items:center}#face{width:145px;height:218px;object-fit:contain;background:#080808;border:1px solid #aa875b55}.pill{font-size:11px;border:1px solid #c49b7344;border-radius:20px;padding:5px 12px;color:var(--gold)}#interpretation{font:18px/1.9 "Yu Mincho",serif}.action{border-left:2px solid var(--gold);padding:16px 20px;background:#dbc08a09;margin:24px 0}.action>span{font-size:11px;color:var(--gold)}.action p{line-height:1.9;font-size:14px;margin-bottom:0}details{font-size:12px;line-height:1.9;color:var(--muted);margin:20px 0}summary{cursor:pointer}audio{width:100%}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.reveal{animation:reveal .7s ease-out}@keyframes reveal{from{opacity:.15;transform:translateY(10px)}to{opacity:1;transform:none}}footer{text-align:center;margin:50px auto 10px;max-width:650px}footer>p{font:18px serif;color:#b694ac}footer details{text-align:left}#saved{font-size:12px;color:var(--gold)}@media(max-width:700px){header{padding:20px 16px}.brand{font-size:14px}header>a:last-child{font-size:9px}main{padding:20px 14px}.hero{min-height:610px}.hero>img{height:360px;object-position:65% top}.hero:after{background:linear-gradient(0deg,#130e1b 39%,transparent 85%)}.hero-copy{padding:280px 25px 30px}h1{font-size:32px;margin:12px 0}.hero-copy p{font-size:13px}.features{gap:18px;flex-direction:column;padding-left:20px}.invitation{padding:22px 5px}.invitation p{font-size:19px}.room-grid{grid-template-columns:1fr}aside{min-height:265px}aside>img{top:-25px;height:600px;width:300px;left:68%}aside>div{padding:65px 20px 15px;right:35%;background:linear-gradient(90deg,#24182ce0,transparent)}aside p{font-size:16px}.reading{padding:25px 20px;border-left:0}nav{gap:20px}.result-top{gap:17px}#face{width:115px;height:173px}h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Larger artwork, 2026-09-11 */
main{max-width:1440px}.hero{min-height:700px}.room-grid{grid-template-columns:46% 54%}aside{min-height:850px}aside>img{height:1100px;width:550px;top:-40px}aside>div{padding:45px}aside p{font-size:23px}.result-top{gap:30px}#face{width:225px;height:338px}#zoom-card{padding:0;border:0;background:none;cursor:zoom-in}#card-dialog{max-width:95vw;max-height:95vh;background:#120e18;border:1px solid #c5a777;border-radius:12px;padding:18px}#card-dialog::backdrop{background:#000c}#large-card{display:block;max-width:85vw;max-height:78vh;object-fit:contain}#close-card{display:block;margin:0 0 14px auto;background:#382a40;color:#fff;border:1px solid #aa8c63;padding:9px 16px}.nav-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav-controls label{margin:0}.nav-controls input{accent-color:#c5a777}#nav-status{font-size:11px;color:#c3a8bf}
@media(max-width:900px) and (min-width:701px){.room-grid{grid-template-columns:40% 60%}aside>img{width:460px;height:920px}#face{width:170px;height:255px}}
@media(max-width:700px){.hero{min-height:700px}.hero>img{height:430px;object-position:68% top}.hero-copy{padding-top:355px}.room-grid{grid-template-columns:1fr}aside{min-height:385px}aside>img{height:940px;width:470px;left:62%;top:-45px}aside>div{padding:40px 18px 15px;right:38%}aside p{font-size:17px}.result-top{flex-direction:column;gap:12px;align-items:center;text-align:center}#face{width:230px;height:345px}.nav-controls{gap:12px;margin-bottom:12px}#cards{gap:10px}}

#face{object-fit:cover} #large-card{object-fit:contain}

#side-room-entry{display:block;margin:30px auto 0;padding:20px 24px;max-width:720px;border:1px dashed #b3976944;border-radius:10px;background:#c99ed605;text-decoration:none;transition:background .2s}#side-room-entry:hover{background:#c99ed610}.side-room-sign{display:block;color:#a596aa;font-size:11px;letter-spacing:.15em}.side-room-title{display:block;color:#d5c2ac;font:19px/1.8 "Yu Mincho",serif;margin:7px 0}.side-room-title>span{float:right}.side-room-quote{display:block;color:#ad93aa;font-size:12px;line-height:1.8}@media(max-width:700px){#side-room-entry{padding:18px}.side-room-title{font-size:17px}}

#return-dialog{width:min(960px,94vw);max-width:94vw;max-height:92dvh;padding:24px;border:1px solid #927747;border-radius:18px;background:radial-gradient(ellipse at 15% 40%,#42263d,#1b1323 70%);color:#f2e7de;overflow:auto}#return-dialog::backdrop{background:#08060dd9}#return-close{display:block;margin-left:auto}.return-layout{display:grid;grid-template-columns:35% 65%;align-items:start}.return-mea{width:100%;height:580px;object-fit:contain;position:sticky;top:0}.return-layout>section{padding:8px 20px;min-width:0}.return-last{display:flex;gap:20px;align-items:center}.return-last>img{width:85px;height:128px;object-fit:cover}.return-last>div{min-width:0}#return-line{font:19px/1.9 "Yu Mincho",serif;min-height:110px}#return-choices{display:grid;gap:10px}#return-choices button{padding:15px;text-align:left;color:#f2e7de;background:#dbc08a0c;border:1px solid #b5906466;border-radius:8px}#return-choices button:hover:not(:disabled){background:#dbc08a22}#return-choices button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#dbc08a20}#return-choices button:disabled:not([aria-pressed=true]){opacity:.4;cursor:default}.return-voice-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:12px}.return-voice-controls label{margin:12px 0}#return-saved{font-size:13px;line-height:1.9;color:var(--gold)}.history-reflection{margin-top:18px;padding:12px 18px;border-left:2px solid var(--gold);background:#dbc08a09}
@media(max-width:700px){#return-dialog{padding:16px}.return-layout{grid-template-columns:1fr}.return-mea{display:none}.return-layout>section{padding:6px}.return-last{gap:12px}#return-line{font-size:18px}.return-voice-controls{gap:12px}}

header{flex-wrap:wrap;gap:14px;align-items:center}#open-journal{padding:0;font-size:13px;color:var(--gold)}
#journal-dialog{width:min(940px,94vw);max-width:94vw;max-height:90dvh;padding:28px;background:#1b1323;color:#f2e7de;border:1px solid #927747;border-radius:16px;overflow:auto}
#journal-dialog::backdrop{background:#09060ccc}#close-journal{display:block;margin-left:auto}#journal-dialog h2{margin-top:0}#journal-dialog h3{margin-top:30px;font:22px "Yu Mincho",serif;color:var(--gold)}
.journal-greeting{color:#edbbd1;line-height:1.8}#journal-progress,#collection-status,#journal-status{font-size:13px;color:var(--gold);line-height:1.9}
#journal-atlas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.atlas-card{min-width:0;padding:16px;background:#dbc08a08;border:1px solid #dbc08a33;border-radius:12px}.atlas-card>img{display:block;width:100%;height:240px;object-fit:contain;background:#09070c}.atlas-card h4{font:20px "Yu Mincho",serif;margin:16px 0}.atlas-card p{line-height:1.8}.atlas-card.undiscovered>img{opacity:.5}.history-entry{padding:16px;border:1px solid #dbc08a33;border-radius:9px;font-size:14px;color:#ecdfeb}.history-entry summary{line-height:1.8;color:var(--gold)}#journal-dialog button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){#journal-dialog{padding:18px}#journal-atlas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.atlas-card{padding:10px}.atlas-card>img{height:175px}.atlas-card h4{font-size:18px}#journal-dialog .actions{align-items:flex-start;flex-direction:column}.journal-greeting{font-size:14px}}
header{flex-wrap:wrap;gap:16px;align-items:center}header>a[href="guide.html"]{font-size:14px}

#bgm-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;max-width:1400px;margin:12px auto;padding:0 24px;color:#d6c8e1;font-size:13px}#bgm-controls button{padding:8px 14px;font-size:13px}#bgm-controls label{display:flex;align-items:center;gap:8px;margin:0}#bgm-controls input{width:100px;padding:0;accent-color:#dfc48d}#bgm-controls audio{display:none}

#play-entrances{margin:32px 0;padding:22px;border:1px solid #92769a;border-radius:18px;background:#191625}#play-entrances h2{margin-top:0}.play-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.play-door{display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:#262033;border-radius:14px;border:1px solid #645168}.play-door h3{font-size:24px;margin:8px 0}.play-door p{line-height:1.8}.play-enter{display:inline-block;margin-top:auto;text-decoration:none;text-align:center;box-sizing:border-box;max-width:100%}.play-door small{display:block;margin-top:14px;color:#d2c8d7}.play-note{font-size:15px;color:#d2c8d7}@media(max-width:650px){.play-doors{grid-template-columns:1fr}#play-entrances{padding:14px}.play-door{padding:18px}}