@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');
:root{--paper:#faf8f4;--ink:#58534f;--purple:#9d92b9;--line:#e6e0d9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Zen Maru Gothic',sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:hover,a:hover{color:#9479a6}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #9481ae;outline-offset:6px}[hidden]{display:none!important}.sidebar{position:fixed;z-index:5;left:0;top:0;width:220px;height:100svh;padding:42px 35px;display:flex;flex-direction:column;background:var(--paper)}.logo{display:flex;position:relative;align-items:center;gap:4px;font-family:Georgia,serif;font-weight:bold;line-height:.85;font-size:62px;letter-spacing:-6px}.logo-star{position:absolute;font-family:serif;font-size:30px;top:-12px;right:9px;color:#baadcc;letter-spacing:0;transform:rotate(15deg)}.logo-dot{color:#b5a4c1}.logo-sub{font-size:10px;letter-spacing:2px;margin:18px 0 58px;color:#918782}.sidebar nav{display:flex;flex-direction:column;gap:26px}.sidebar nav button{text-align:left;padding:0;position:relative;font-size:23px;font-weight:500;letter-spacing:-.5px}.sidebar nav small{display:block;margin-top:4px;font-size:9px;letter-spacing:1px;font-weight:400;color:#9c938c}.nav-dot{font-size:12px;position:absolute;left:-18px;top:8px;color:#b4a1c4;opacity:0;transition:.2s}.sidebar nav button:hover .nav-dot,.sidebar nav button.active .nav-dot{opacity:1}.sidebar-bottom{margin-top:auto}.tiny-flower{font-size:30px;color:#b5a4c1}.sidebar-bottom p{font-size:11px;line-height:2;letter-spacing:.04em;margin:12px 0 18px}.sidebar-bottom a{font-size:10px;letter-spacing:1px}main{position:relative;margin-left:220px;width:calc(100vw - 220px);height:100svh}.edition{position:absolute;top:35px;left:35px;right:35px;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:2px;color:#9c938c;z-index:2;pointer-events:none}.green-dot{background:#adb49a;width:5px;height:5px;border-radius:50%}.edition-number{margin-left:auto;color:#ada49b}#stage{position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.8,.2,1);touch-action:none}#stage canvas{width:100%;height:100%;display:block;image-rendering:pixelated;cursor:grab;outline-offset:-5px}#stage canvas:active{cursor:grabbing}.room-title{position:absolute;left:37px;top:100px;pointer-events:none;z-index:1}.room-title>span{font-size:8px;letter-spacing:2px;color:#a59c95}.room-title h1{font-size:22px;line-height:1.8;letter-spacing:.1em;font-weight:500;margin:15px 0;color:#847770}.scene-caption{position:absolute;bottom:80px;right:45px;font-size:10px;letter-spacing:1px;color:#9b8c82;pointer-events:none}.caption-star{font-size:23px;vertical-align:middle;margin-right:8px;color:#b9a4b7}.bottom-bar{position:absolute;bottom:23px;left:35px;right:35px;display:flex;align-items:center;gap:22px}.bottom-bar p{font-size:9px;color:#9e968e;letter-spacing:.4px;margin:0}.bottom-bar p span{font-size:18px;margin-right:9px}.bottom-bar i{font-style:normal;padding:0 10px}.scene-controls{display:flex;gap:6px}.scene-controls button{border:1px solid var(--line);width:30px;height:30px;border-radius:50%;font-size:12px}.copyright{margin-left:auto;font-size:9px;letter-spacing:1px;color:#a69c93}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--paper);z-index:4}.loading span{font-size:40px;color:#b6a4c9;animation:turn 5s linear infinite}.loading p{font-size:11px;letter-spacing:.15em;margin-top:20px}.object-tip{display:none;position:fixed;pointer-events:none;background:var(--paper);padding:9px 15px;border:1px solid var(--line);box-shadow:0 4px 16px #796f6514;border-radius:20px;z-index:4;font-size:11px}.fallback{position:absolute;inset:17% 15%;text-align:center}.fallback img{height:65%;max-width:100%;object-fit:contain;transform:rotate(-5deg);box-shadow:0 15px 30px #796f6520;border:15px solid white}.fallback p{font-size:14px}.fallback button{border-bottom:1px solid #a39691;padding:8px;font-size:12px}.noscript{position:fixed;bottom:10%;left:30%;background:white;padding:30px;z-index:8}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:560px;max-width:90vw;height:100svh;max-height:100svh;padding:35px 40px;border:0;border-left:1px solid var(--line);color:var(--ink);background:var(--paper);outline:none;overflow-y:auto}dialog::backdrop{background:#f7f4ef66;backdrop-filter:blur(2px)}dialog[open]{animation:slide-in .4s ease-out}.panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:35px}.panel-top span{font-size:9px;letter-spacing:2px;color:#aa9c92}.panel-top button{font-size:12px}.panel-heading{font-weight:500;font-size:44px;letter-spacing:-1px;margin:0 0 8px}.panel-subtitle{font-size:10px;letter-spacing:2px;color:#ac9d94;margin:0 0 32px}.about-visual{display:flex;gap:23px;align-items:center;padding:25px 0}.about-visual img{width:88px;height:88px;object-fit:cover;border-radius:50%;border:5px solid #eee7ec}.about-visual h3{font-family:Georgia,serif;font-size:32px;margin:0 0 8px}.about-visual span{font-size:11px;color:#a18f9b}.copy{font-size:13px;line-height:2.3;letter-spacing:.04em}.soft-note{padding:22px 24px;background:#efebf1;border-radius:3px;margin:28px 0;font-size:12px;line-height:2}.soft-note strong{font-weight:500}.link-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:23px 0}.link-row small{display:block;font-size:10px;color:#a89b91;margin-top:7px}.link-row strong{font-size:20px;font-weight:500}.link-row .arrow{font-size:22px;color:#b29db9}.filters{display:flex;gap:8px;margin:24px 0}.filters button{border:1px solid var(--line);border-radius:20px;padding:8px 16px;font-size:10px}.filters button[aria-pressed=true]{background:#e5ddec;border-color:#e5ddec}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 16px}.work-card{padding:0;text-align:left}.work-card img{width:100%;height:235px;object-fit:cover;border-radius:2px;transition:transform .2s}.work-card:hover img{transform:translateY(-4px)}.work-card h3{font-size:16px;font-weight:500;margin:13px 0 5px}.work-card p{font-size:9px;color:#9d9188;margin:0;letter-spacing:.7px}.work-card .tag{display:block;font-size:9px;color:#b095a7;margin:7px 0}.art-full{display:block;width:100%;max-height:65svh;object-fit:contain;background:#f0ece8}.detail-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:12px}.detail-meta a{border-bottom:1px solid #b7a1bb;padding:8px 0}.back-works{margin:0 0 24px;padding:0;font-size:11px;color:#9e8c9e}.panel-foot{font-size:9px;color:#aaa096;margin:35px 0;line-height:1.8}.panel-foot a{text-decoration:underline}body.panel-open #stage{transform:translateX(-150px) scale(.85)}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes slide-in{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){.sidebar{width:260px;padding:55px 45px}main{margin-left:260px;width:calc(100vw - 260px)}.room-title{top:120px}.room-title h1{font-size:27px}}
@media(max-width:900px){.sidebar{width:165px;padding:34px 25px}.logo{font-size:53px}.logo-star{right:0}.logo-sub{font-size:8px}.sidebar nav button{font-size:20px}main{margin-left:165px;width:calc(100vw - 165px)}.room-title{left:20px;top:85px}.room-title h1{font-size:18px}.edition{left:20px;right:20px}.edition-number{display:none}.bottom-bar{left:20px;right:20px;gap:10px}.bottom-bar i{padding:0 5px}.copyright{display:none}.scene-caption{right:20px}.sidebar-bottom p{font-size:10px}}
@media(max-width:600px){.sidebar{width:100%;height:110px;padding:26px 22px;background:transparent;display:block;pointer-events:none}.sidebar a,.sidebar button{pointer-events:auto}.logo{font-size:43px;width:93px;letter-spacing:-4px}.logo-star{font-size:20px;right:-10px;top:-8px}.logo-sub{font-size:7px;letter-spacing:1px;margin:10px 0}.sidebar nav{position:absolute;right:23px;top:36px;flex-direction:row;gap:20px}.sidebar nav button{font-size:14px;letter-spacing:0}.sidebar nav small{font-size:7px;margin-top:5px;letter-spacing:0}.nav-dot,.sidebar-bottom{display:none}main{margin-left:0;width:100vw}.edition{top:115px;left:23px;font-size:7px;letter-spacing:1.5px}.room-title{top:160px;left:25px}.room-title>span{font-size:6px;letter-spacing:1.3px}.room-title h1{font-size:18px;margin-top:10px}#stage{top:30px;bottom:30px}.bottom-bar{left:23px;right:23px;bottom:24px;gap:10px;justify-content:space-between}.bottom-bar p{font-size:8px}.bottom-bar p span{font-size:15px;margin-right:5px}.scene-caption{bottom:83px;right:25px;font-size:9px}.scene-controls button{width:27px;height:27px}dialog{width:100%;max-width:100vw;padding:25px;height:100svh}.panel-top{margin-bottom:25px}.panel-heading{font-size:36px}.work-card img{height:220px}body.panel-open #stage{transform:none}.loading p{font-size:10px}.work-grid{gap:23px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}