:root{color-scheme:dark;--ink:#f4eee0;--muted:#c0c0b0;--accent:#bad8b8;--line:#c5d4ba3a;color:var(--ink);background:#10221f;font-family:Yu Mincho,Hiragino Mincho ProN,serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}.skip{z-index:30;background:#172f29;padding:14px;position:fixed;top:-80px;left:20px}.skip:focus{top:10px}.world-backdrop{z-index:-3;background:linear-gradient(90deg,#071411ed 0%,#10221fbf 36%,#12292225 77%),linear-gradient(#07100e9c 0%,#0000 50%,#091814 100%),url(/world-assets/greenroom.png) 50%/cover;position:fixed;inset:0}.world-grain{pointer-events:none;opacity:.15;z-index:4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.world-header{z-index:5;justify-content:space-between;align-items:center;max-width:1440px;height:100px;margin:auto;padding:0 64px;display:flex;position:relative}.brand{letter-spacing:1px;font:28px/1.2 Georgia,serif}.brand span{letter-spacing:2px;color:var(--muted);font:7px/2.5 sans-serif;display:block}.world-header nav{align-items:center;gap:30px;font:11px/1.8 sans-serif;display:flex}.world-header button{font:inherit;padding:12px 0}.world-header a:hover,.world-header button:hover{color:var(--accent)}.room{max-width:1440px;min-height:850px;margin:auto;padding:17px 64px 0;position:relative}.room-heading{z-index:2;position:relative}.room-heading p{letter-spacing:2px;color:#d1bd90;margin:0 0 16px;font:9px/2 sans-serif}.room-heading h1{letter-spacing:.08em;margin:0 0 17px;font-size:clamp(25px,3vw,38px);font-weight:400}.room-heading>span{color:var(--muted);letter-spacing:.08em;font-size:11px}.room-art{pointer-events:none;isolation:isolate;position:absolute;inset:-40px 0 110px 34%;overflow:hidden}.world-portrait{object-fit:contain;object-position:top;filter:drop-shadow(0 0 35px #9fae7335);transform-origin:50% 25%;width:707px;height:1060px;animation:.9s ease-out arrive,9s ease-in-out 1s infinite breath;position:absolute;top:2%;left:18%}.art-shadow{background:linear-gradient(#0000 72%,#0b1b18 100%),linear-gradient(90deg,#10221f00 30%,#0000);position:absolute;inset:0}.light-pool{background:radial-gradient(at 65% 30%,#e1d18c17,#0000 60%);animation:13s ease-in-out infinite light;position:absolute;inset:0}.dust{z-index:3;position:absolute;inset:0}.dust i{left:calc(9% + var(--i)*5%);top:calc(8% + var(--i)*4%);opacity:.3;width:2px;height:2px;animation:drift calc(8s + var(--i)*.5s) ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.7s);background:#efe2a5;border-radius:50%;position:absolute}.room-conversation{z-index:3;width:500px;max-width:48%;min-height:332px;margin-top:72px;position:relative}.speaker{align-items:baseline;gap:15px;margin-bottom:20px;display:flex}.speaker>span:first-child{color:var(--accent);letter-spacing:2px;font:10px/1 sans-serif}.speaker h2{margin:0;font-size:26px;font-weight:400}.speaker>span:nth-of-type(2){color:var(--muted);font-size:10px}.speaker button{margin-left:auto;padding:10px 0;font:10px sans-serif}.world-line{letter-spacing:.025em;white-space:pre-line;text-wrap:pretty;min-height:96px;margin:0;font-size:20px;line-height:2.05}.your-message{color:#b3beb5;border-left:1px solid var(--accent);overflow-wrap:anywhere;margin-bottom:15px;padding:2px 0 2px 12px;font-size:11px}.line-caption{color:#a8b5aa;letter-spacing:.7px;justify-content:space-between;gap:8px;margin-top:16px;font:8px/1.5 sans-serif;display:flex}.suggestions{flex-wrap:wrap;gap:5px 14px;margin:22px 0 19px;display:flex}.suggestions button{color:#dedccc;border-bottom:1px solid #c5d4ba44;padding:6px 0;font-size:10px}.suggestions button:hover{color:#fff;border-color:var(--accent)}#world-form label{color:#d0d7c9;margin:0 0 10px;font-size:10px;display:block}.write-row{background:#06130e88;border-bottom:1px solid #b8caba90;align-items:stretch;display:flex}.write-row textarea{resize:vertical;width:100%;min-height:77px;max-height:220px;color:var(--ink);background:0 0;border:0;padding:14px;font:13px/1.8 Yu Gothic,sans-serif}.write-row textarea::placeholder{color:#9daca2;font-size:11px}.write-row button{width:55px;color:var(--accent);border-left:1px solid #b8caba2b;flex-shrink:0;font:27px Georgia,serif}.write-row button:hover{background:#a2c4a018}.form-foot{color:#a4b3a8;justify-content:space-between;margin-top:8px;font:8px/1.8 sans-serif;display:flex}.notice{color:#efd7ad;margin:10px 0;font-size:11px;line-height:1.8}.data-note{color:#a0aea2;max-width:450px;font:9px/1.8 sans-serif}.data-note button{font:inherit;text-underline-offset:3px;padding:0;text-decoration:underline}.room-cast{z-index:3;gap:5px;display:flex;position:absolute;top:550px;right:72px}.room-cast button{background:linear-gradient(#0000,#0a1817ee);border-bottom:1px solid #abbfa34f;width:71px;height:95px;padding-top:62px;position:relative;overflow:hidden}.room-cast img{z-index:-1;filter:saturate(.6);opacity:.7;width:120px;height:180px;transition:transform .5s,opacity .5s;position:absolute;top:0;left:-25px}.room-cast span{background:#10211ba6;padding:0 5px;font-size:12px}.room-cast small{letter-spacing:1px;color:var(--muted);padding:2px;font:6px/1.5 sans-serif;display:block}.room-cast [aria-pressed=true]{border-color:var(--person-color)}.room-cast [aria-pressed=true] img,.room-cast button:hover img{opacity:1;filter:none;transform:translateY(-3px)}.room-cast [aria-pressed=true] span{color:var(--person-color)}.room-whisper{color:#b0bba8;letter-spacing:.05em;font-size:10px;position:absolute;top:660px;right:76px}.room-objects{z-index:3;border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:32px;margin:60px 0 0;padding-top:22px;display:grid;position:relative}.room-objects button,.room-objects a{text-align:left;padding:7px 0 22px;display:block}.room-objects span{letter-spacing:1px;color:#b6baa4;font:8px/1.8 sans-serif;display:block}.room-objects strong{margin:13px 0;font-size:20px;font-weight:400;display:block}.room-objects i{color:var(--accent);font:10px/1.8 sans-serif}.room-objects button:hover strong,.room-objects a:hover strong{color:#dceacc}.world-footer{color:#93a396;border-top:1px solid #c5d4ba16;align-items:center;gap:35px;max-width:1440px;margin:auto;padding:28px 64px 35px;font:8px/1.9 sans-serif;display:flex}.world-footer>span{letter-spacing:1.5px}.world-footer button{font:inherit;margin-left:auto;padding:10px}.world-footer p{margin:0}.story-controls{margin-top:23px}.story-controls>button{text-align:left;border-top:1px solid var(--line);width:100%;padding:14px 0;font-size:13px;display:block}.story-controls>button:hover{color:var(--accent)}.story-controls .story-back{width:auto;color:var(--muted);border:0;padding-top:22px;font-size:10px}.story-controls small{color:var(--muted);font:9px sans-serif}body[data-story=true] .room-conversation{min-height:430px}body[data-story=true] .world-line{min-height:100px}body[data-story=true] .room-cast{opacity:.35}dialog{width:min(560px,100% - 32px);color:var(--ink);background:#11221ff7;border:1px solid #b1bfa252;max-height:86dvh;padding:30px 35px;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{backdrop-filter:blur(9px);background:#040e0ae6}.dialog-top{color:var(--muted);justify-content:space-between;align-items:center;font:10px sans-serif;display:flex}.dialog-top button{font:inherit;padding:8px}dialog h2{margin:25px 0 18px;font-size:28px;font-weight:400}dialog p{font-size:13px;line-height:2}dialog small{color:var(--muted);font:10px/1.9 sans-serif;display:block}dialog .quiet{border:1px solid var(--line);margin:8px 8px 8px 0;padding:12px 16px;font-size:11px}.mood-options{margin:27px 0}.mood-options button{border-top:1px solid var(--line);justify-content:space-between;width:100%;padding:18px 0;font-size:15px;display:flex}.mood-options button[aria-pressed=true]{color:var(--accent)}.mood-options span{opacity:.5;font:11px sans-serif}dialog details{border-top:1px solid var(--line);padding:16px 0;font-size:12px}dialog summary{cursor:pointer}dialog .history-turn{border-left:1px solid var(--line);margin:20px 0;padding:3px 0 3px 15px}dialog .history-turn p{white-space:pre-line;overflow-wrap:anywhere;font-size:12px}dialog .history-turn small{font-size:9px}dialog label{margin-top:20px;font-size:11px;display:block}dialog select{width:100%;color:var(--ink);border:1px solid var(--line);background:#0a1b17;margin-top:9px;padding:13px}.save-notice{z-index:10;background:#12271f;padding:12px;font-size:11px;position:fixed;bottom:10px;left:20px;right:20px}.noscript{z-index:9;background:#10251d;padding:20px;position:fixed;inset:auto 20px 20px}body[data-speaking=true] .speaker h2{text-shadow:0 0 20px var(--accent)}body[data-still=true] *{transition:none!important;animation:none!important}body[data-hidden=true] *{animation-play-state:paused!important}@keyframes breath{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.008)}}@keyframes arrive{0%{opacity:0;translate:20px}to{opacity:1;translate:0}}@keyframes drift{to{opacity:.05;transform:translate(18px,-55px)}}@keyframes light{50%{opacity:.4}}@media (width>=1450px){.room-art{right:-50px}.world-portrait{width:767px;height:1150px;left:20%}.room-cast{right:90px}.room-whisper{right:100px}}@media (width<=1050px) and (width>=701px){.world-header,.room{padding-inline:34px}.room-conversation{width:480px;max-width:51%}.room-art{left:40%}.world-portrait{width:640px;height:960px;left:-9%}.room-cast{gap:0;right:28px}.room-cast button{width:59px}.room-whisper{font-size:9px;right:26px}.world-footer{padding-inline:34px}.world-header nav{gap:20px}}@media (width<=700px){.world-header{height:80px;padding:0 22px}.brand{font-size:25px}.brand span{letter-spacing:1px;font-size:6px}.world-header nav{gap:14px;font-size:9px}.world-header nav>a{display:none}.world-header #motion-toggle{font-size:0}.world-header #motion-toggle:after{content:"演出";font-size:9px}.room{min-height:0;padding:8px 22px 0}.room-heading p{margin-bottom:10px;font-size:8px}.room-heading h1{letter-spacing:.04em;margin-bottom:12px;font-size:23px}.room-heading>span{font-size:9px}.room-art{height:575px;inset:124px 0 auto}.world-portrait{width:430px;height:645px;top:0;left:calc(50% - 180px)}.art-shadow{background:linear-gradient(#0000 52%,#10211be0 80%,#0a1c18 100%)}.world-backdrop{background:linear-gradient(#12292228 12%,#10221fc2 52%,#071411f5 100%),#10221f url(/world-assets/greenroom.png) 36% 0/auto 1100px no-repeat}.room-conversation{background:linear-gradient(#0b1c1900,#0b1c19 40%);width:100%;max-width:none;min-height:0;margin-top:435px;padding-top:0}.speaker{gap:10px;margin-bottom:15px}.speaker h2{font-size:23px}.speaker>span:first-child{font-size:8px}.speaker>span:nth-of-type(2){font-size:9px}.world-line{min-height:84px;font-size:16px;line-height:2}.room-cast{justify-content:flex-end;gap:3px;top:465px;left:22px;right:22px}.room-cast button{width:49px;height:58px;padding-top:33px}.room-cast img{width:80px;height:120px;top:-5px;left:-15px}.room-cast span{font-size:9px}.room-cast small{padding:0;font-size:5px}.room-whisper{display:none}.suggestions{gap:4px 12px;margin:18px 0}.suggestions button{font-size:10px}.write-row textarea{min-height:86px;font-size:16px}.write-row textarea::placeholder{font-size:10px}.data-note{font-size:9px;line-height:1.9}.line-caption,.form-foot{font-size:8px}.room-objects{grid-template-columns:1fr;gap:0;margin-top:33px;padding-top:0}.room-objects button,.room-objects a{border-bottom:1px solid #bfcbb822;padding:21px 0;position:relative}.room-objects strong{margin:9px 0 0;font-size:21px}.room-objects span{font-size:8px}.room-objects i{font-size:9px;position:absolute;bottom:25px;right:0}.world-footer{flex-wrap:wrap;gap:16px;padding:23px 22px;font-size:7px}.world-footer p{order:3;width:100%}.world-footer button{font-size:9px}.room-conversation .your-message{font-size:10px}dialog{padding:22px}dialog h2{font-size:24px}dialog p{font-size:12px}.story-controls>button{padding:16px 0;font-size:13px}body[data-story=true] .room-conversation{min-height:0}.speaker button{font-size:9px}.storage-details p{font-size:11px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}