@import url('../gallery/style.css');
:root{--cream:#f8f6f0;--ink:#35463d;--gold:#b99c64;--line:#e0dbcf;--muted:#7a8174;--paper:#fffefa;--accent:#315e4e;background:var(--cream);color:var(--ink);font-family:system-ui,'Noto Sans JP',sans-serif}
body{background:radial-gradient(ellipse at 50% 20%,#fffefa 0%,#f8f6f0 65%);color:var(--ink)}button,a{touch-action:manipulation}button{border-radius:6px;border-color:var(--line);background:#fffefa;font-size:14px;font-weight:600}button:disabled{cursor:default}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 23px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:650;border:1px solid var(--line)}.primary{background:var(--accent);border-color:var(--accent);color:white}.secondary{background:#fffefa;color:var(--ink)}
.museum-header{max-width:1340px;padding:25px 38px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.museum-brand{font-family:'Yu Mincho',serif;font-size:23px;font-weight:700;text-decoration:none;letter-spacing:.08em}.museum-brand span{display:block;font:10px system-ui;letter-spacing:.09em;margin-top:6px;color:var(--muted)}.museum-header nav{display:flex;gap:26px;font-size:13px;align-items:center}.museum-header nav a{text-decoration:none;padding:8px 0}.museum-header nav a:first-child{border-bottom:1px solid var(--gold)}
main{max-width:1340px;padding:0 26px 50px;margin:auto}#status{margin:8px 0;min-height:20px;line-height:1.7;font-size:13px}#status:empty{margin:0;min-height:16px}.museum-intro{text-align:center;padding:35px 12px 8px}.eyebrow{font:10px system-ui;letter-spacing:.24em;font-weight:600;color:#9a855d;margin:0 0 18px}.museum-intro h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(27px,3.7vw,43px);font-weight:500;letter-spacing:.12em;margin:0 0 17px;line-height:1.5}.intro-copy{color:var(--muted);font-size:14px;line-height:1.9;max-width:680px;margin:0 auto}.event-period{color:#8b8069;font-size:12px;letter-spacing:.06em;margin:16px 0 0}.intro-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:23px 0}.exhibition-intro:before{content:'✧';display:block;color:var(--gold);font-size:25px;margin-bottom:16px}
.museum-stage{margin:38px -26px 0;position:relative;overflow:hidden;outline-offset:-5px;touch-action:pan-y}.exhibition-wall{position:relative;height:478px;display:flex;align-items:flex-start;justify-content:center;gap:80px;padding-top:35px;background:radial-gradient(ellipse at 50% 10%,#fff 0,#fffdf8 22%,#f6f3ec 75%);border-top:1px solid #ebe7df;border-bottom:1px solid #e7e2d7;box-shadow:inset 0 -40px 55px #eae4d86b}.exhibition-wall:after{content:'';position:absolute;left:0;right:0;bottom:0;height:40px;border-top:1px solid #e8e2d6;background:linear-gradient(#f1ede5,#f7f4ee);z-index:0}.exhibition-art{position:absolute;width:350px;flex-shrink:0;text-align:center;z-index:1;transition:transform .4s ease,opacity .4s ease}.exhibition-art.current{transform:translateX(0);z-index:2}.exhibition-art.previous{transform:translateX(-480px) scale(.79);opacity:.43}.exhibition-art.following{transform:translateX(480px) scale(.79);opacity:.43}.art-link{display:block;text-decoration:none}.art-frame{background:#fffefa;padding:21px;border:9px solid #c2a87a;outline:1px solid #b09c77;box-shadow:inset 0 0 0 2px #e6dcc6,0 14px 25px #6858351c,0 2px 3px #56472c29;aspect-ratio:1;width:100%;position:relative}.art-frame:before{content:'';position:absolute;top:-45px;left:38%;width:24%;height:7px;background:#c8b78e;box-shadow:0 11px 30px 14px #fff9df80;border-radius:5px}.art-frame canvas{display:block;width:100%;height:100%;box-shadow:0 0 0 1px #ddd8cb;padding:8px}.art-plaque{margin:17px auto 0;max-width:300px;line-height:1.5}.art-number{font-size:10px;color:#ad9366;letter-spacing:.2em;margin:0 0 5px}.art-plaque h2{font-family:'Yu Mincho',serif;font-size:18px;font-weight:600;margin:0;letter-spacing:.04em}.art-author{font-size:11px;color:var(--muted);margin:6px 0}.text-link{font-size:12px;color:var(--accent);text-underline-offset:5px;line-height:1.8;display:inline-block;margin:4px}.exhibition-navigation{display:flex;align-items:center;justify-content:center;gap:30px;margin:22px 12px 0;position:relative;z-index:3}.exhibition-navigation button{font-size:12px;background:transparent;border-color:#d7cfbd;min-height:42px;padding:9px 18px}.exhibition-navigation span{font-size:12px;color:#8b8069;font-variant-numeric:tabular-nums}.carousel-hint{text-align:center;font-size:11px;color:#929789;margin:15px 0 40px}.empty-exhibition{text-align:center;padding:60px 15px;z-index:2}.empty-mark{font-size:50px;color:#c6b187}.empty-exhibition h2{font-family:'Yu Mincho',serif;font-size:23px;font-weight:500}.empty-exhibition p{font-size:13px;color:var(--muted);line-height:1.8}
.event-about{text-align:center;max-width:910px;margin:50px auto 0;padding:5px 0 35px}.event-about h2{font-family:'Yu Mincho',serif;font-size:25px;font-weight:500;letter-spacing:.07em}.event-about>p:not(.eyebrow){font-size:14px;line-height:2;color:var(--muted);max-width:640px;margin:0 auto}.participation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:left;margin:37px 0 0}.participation-steps>div{border-top:1px solid #d3c7ac;padding:18px 4px}.participation-steps span{color:#b09a70;font-size:12px}.participation-steps h3{font-size:16px;font-weight:600;margin:10px 0}.participation-steps p{font-size:12px;line-height:1.8;color:var(--muted)}.archive-list{max-width:910px;margin:30px auto 0;border-top:1px solid var(--line);padding-top:24px}.archive-list h2,.replay-library h2,.published-replays h2{font-size:17px;font-weight:600}.archive-list>a,.published-replays>a{display:block;font-size:14px;padding:17px 0;color:#687661;text-underline-offset:5px}.museum-footer{max-width:1264px;margin:auto;border-top:1px solid var(--line);padding:24px 12px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.museum-footer a{text-decoration:none}
.back-link{display:block;margin:18px 0;font-size:13px;color:#7d856f;text-decoration:none}.work-detail{max-width:470px;margin:38px auto;text-align:center}.work-detail .art-frame{margin-top:45px}.work-author{font-size:13px;margin-top:25px;color:var(--muted)}.reaction-section,.work-replays{max-width:760px;margin:48px auto;padding:30px 0;border-top:1px solid var(--line);text-align:center}.reaction-section h2,.work-replays h2{font-family:'Yu Mincho',serif;font-size:22px;font-weight:500}.reaction-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.reaction-buttons button[aria-pressed=true]{border-color:#a28a58;background:#f3ecdc;color:#78613a}.work-replays>p{line-height:1.8;font-size:14px;color:var(--muted)}.replay-list{text-align:left}.replay-list a{display:block;padding:18px;background:#fffefa;border:1px solid var(--line);margin:9px 0;border-radius:6px;text-decoration:none;font-size:14px}.owner-area{text-align:center;padding:15px}
dialog{border-radius:10px;background:#fffefa;border-color:var(--line)}dialog p{font-size:14px;line-height:1.8}.dialog-head h2{font-size:20px}.fine{font-size:12px!important;line-height:1.9;color:var(--muted)}.check{font-size:13px;line-height:1.9;align-items:flex-start}.check input{flex-shrink:0;margin-top:3px}.play-dialog{width:min(1320px,calc(100% - 16px));height:calc(100dvh - 20px)}.play-dialog #play-status{min-height:26px;line-height:1.7}.play-dialog #play-frame{height:calc(100% - 113px)}
.replay-reveal,.replay-library,.replay-editor,.published-replays{max-width:770px;margin:35px auto;padding:30px;background:#fffefa;border:1px solid var(--line);border-radius:9px}.replay-editor:empty{display:none}.replay-reveal{text-align:center}.replay-board{width:100%;max-width:520px;aspect-ratio:1;display:block;margin:0 auto 25px;border:1px solid var(--line);background:#fffefa;padding:10px}.replay-reveal input[type=range],.replay-editor input[type=range]{width:100%;display:block;padding:0;min-height:44px;accent-color:var(--accent);border:0}.replay-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:15px 0}.replay-controls button,.replay-controls select{width:auto;min-height:44px;padding:8px 12px;font-size:13px}.replay-controls select{margin:0}.replay-note{background:#f6f2e8;border-left:2px solid var(--gold);padding:15px;text-align:left;white-space:pre-wrap;font-size:14px;line-height:1.8}.replay-library-item{display:block;width:100%;text-align:left;margin:10px 0}.annotation-editor{border-top:1px solid var(--line);margin-top:28px;padding-top:15px}.annotation-editor h3{font-size:16px}.annotation-editor textarea{width:100%;font-size:14px}.annotation-editor>button{margin:12px 0}.annotation-row{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px;border-top:1px solid var(--line);padding:12px 0}.annotation-row span{white-space:pre-wrap;overflow-wrap:anywhere}.annotation-row button{flex-shrink:0;font-size:11px;min-height:40px}.publish-replay-form{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.publish-replay-form label{line-height:1.8}.publish-replay-form input{font-size:15px}
@media(min-width:1600px){.exhibition-art.previous{transform:translateX(-505px) scale(.82)}.exhibition-art.following{transform:translateX(505px) scale(.82)}}
@media(max-width:700px){.museum-header{padding:17px 18px;gap:15px;flex-wrap:wrap}.museum-brand{font-size:20px}.museum-brand span{font-size:9px}.museum-header nav{gap:19px;font-size:12px;width:100%;justify-content:center;border-top:1px solid #eae5d8;padding-top:7px}.museum-header nav a{padding:8px 0;min-height:35px}main{padding:0 16px 32px}.museum-intro{padding:24px 3px 4px}.museum-intro h1{font-size:28px;letter-spacing:.06em}.eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:13px}.intro-copy{font-size:13px}.event-period{font-size:11px}.intro-actions{gap:9px;margin:20px 0}.intro-actions .primary,.intro-actions .secondary{font-size:12px;padding:10px 16px}.museum-stage{margin:30px -16px 0}.exhibition-wall{height:397px;padding-top:36px}.exhibition-art{width:270px}.exhibition-art.previous{transform:translateX(-300px) scale(.8)}.exhibition-art.following{transform:translateX(300px) scale(.8)}.art-frame{padding:15px;border-width:7px}.art-frame:before{top:-32px;height:5px}.art-plaque h2{font-size:17px}.exhibition-navigation{gap:13px;margin-top:17px}.exhibition-navigation button{font-size:11px;padding:8px 12px}.exhibition-navigation span{font-size:11px}.carousel-hint{font-size:10px;max-width:280px;margin:15px auto 30px;line-height:1.8}.event-about{margin-top:32px}.event-about h2{font-size:22px}.event-about>p:not(.eyebrow){font-size:13px}.participation-steps{gap:12px;margin-top:27px}.participation-steps h3{font-size:14px}.participation-steps p{font-size:11px}.archive-list{margin-top:10px}.museum-footer{padding:19px 16px;gap:15px;font-size:10px}.work-detail{max-width:330px;margin:26px auto}.work-detail .art-frame{margin-top:35px}.reaction-section,.work-replays{margin:30px auto;padding:24px 0}.reaction-buttons{gap:7px}.reaction-buttons button{font-size:11px;padding:10px}.replay-reveal,.replay-library,.replay-editor,.published-replays{padding:17px;margin:24px auto}.replay-controls{gap:6px}.replay-controls button,.replay-controls select{padding:8px 9px;font-size:12px}.dialog-head h2{font-size:17px}.empty-exhibition{padding:45px 20px}.empty-exhibition h2{font-size:21px}.empty-exhibition p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:701px){.museum-header{padding-top:20px;padding-bottom:20px}.exhibition-intro{padding-top:18px}.exhibition-intro:before{display:none}.exhibition-intro .eyebrow{margin-bottom:10px}.exhibition-intro h1{font-size:36px;margin-bottom:9px}.exhibition-intro .intro-copy{line-height:1.7}.event-period{margin-top:11px}.intro-actions{margin-top:17px;margin-bottom:17px}.museum-stage{margin-top:24px}.exhibition-wall{height:447px;padding-top:31px}.exhibition-art{width:320px}.exhibition-art.previous{transform:translateX(-455px) scale(.8)}.exhibition-art.following{transform:translateX(455px) scale(.8)}}