.play{z-index:1;padding-bottom:160px;position:relative}.play-body{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.play-sec{scroll-margin-top:calc(var(--header-h) + 40px);margin:clamp(170px,28vh,300px) 0}.play-hero{min-height:calc(100vh - var(--header-h));place-items:center;display:grid;position:relative;overflow:hidden}.play-hero-art{object-fit:cover;object-position:50% 30%;filter:brightness(1.3)saturate(1.1);width:100%;height:100%;animation:30s ease-in-out infinite alternate hero-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000 100%)}@keyframes hero-drift{0%{transform:scale(1.04)}to{transform:scale(1.12)translate(-1.5%,1%)}}.play-hero-text{z-index:1;padding:0 var(--gutter);position:relative}.chapters-bar{z-index:30;position:fixed;top:50%;right:clamp(8px,1.6vw,22px);transform:translateY(-50%)}.chapters-bar ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.chapters-bar a{min-width:44px;height:32px;color:var(--ink-soft);font:500 10px/1 var(--font-text);letter-spacing:.24em;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.chapters-bar a span{opacity:0;text-shadow:0 0 10px #000000e6;white-space:nowrap;transition:opacity .3s,transform .3s;transform:translate(6px)}.chapters-bar a:after{content:"";border:1px solid #cfc6f38c;border-radius:50%;flex:none;width:6px;height:6px;transition:background .3s,box-shadow .3s,transform .3s}.chapters-bar a:hover span,.chapters-bar a:focus-visible span,.chapters-bar a[aria-current] span{opacity:1;transform:none}.chapters-bar a[aria-current]{color:var(--ink)}.chapters-bar a[aria-current]:after{background:var(--lilac);border-color:var(--lilac);transform:scale(1.25);box-shadow:0 0 10px #c9a6ffcc}.connect{margin-top:40px}.ed-switch{justify-content:center;gap:clamp(28px,6vw,80px);display:flex}.ed-switch button{color:#8f84b8;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:8px 0 10px;transition:color .25s,border-color .25s,text-shadow .25s;display:flex}.ed-name{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;font-size:clamp(17px,1.6vw,21px)}.ed-on{font-family:var(--font-display);letter-spacing:.06em;color:#8f84b8;font-size:14px}.ed-switch button:hover{color:#e7e1ff}.ed-switch button.is-on{color:#f1ecff;text-shadow:0 0 16px #966eff99;border-bottom-color:#cfc6f399}.ed-switch button.is-on .ed-on{color:#a99be8}.ed-switch button:focus-visible{outline:2px solid var(--lilac);outline-offset:4px}.ed-panel{animation:ed-in .5s var(--ease) both}@keyframes ed-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ed-plate{text-align:center;max-width:560px;margin:48px auto 0}.ed-plate .pg-copy{align-items:center;margin:0}.ed-plate .pg-copy-label{font-family:var(--font-display);letter-spacing:.22em;color:#a99be8;font-size:13px}.ed-plate .pg-copy-row{background:0 0;border:0;justify-content:center;min-height:0;padding:0}.ed-plate .pg-copy-value{color:#e7e1ff;font-size:20px}.ed-plate .pending{font-family:var(--font-display);letter-spacing:.08em;color:#e7e1ff;font-size:clamp(20px,2vw,26px);font-style:normal}.ed-plate .pg-copy-btn{color:#cfc6f3;min-width:0;min-height:0;font:13px var(--font-display);letter-spacing:.2em;background:0 0;border:0;border-bottom:1px solid #cfc6f34d;border-radius:0;padding:2px 0}.ed-pair{justify-content:center;gap:48px;display:flex}.ed-steps{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(20px,3vw,44px);max-width:1040px;margin:64px auto 0;padding:0;list-style:none;display:grid}.ed-steps li{flex-direction:column;align-items:center;display:flex}.ed-n{font-family:var(--font-display);letter-spacing:.2em;color:#8f84b8;margin-bottom:10px;font-size:15px}.ed-title{font-family:var(--font-display);letter-spacing:.04em;color:#e7e1ff;font-size:19px;line-height:1.35}.ed-note{font-family:var(--font-display);letter-spacing:.04em;color:#a99be8;margin-top:6px;font-size:15px;line-height:1.6}.world-map{justify-content:center;align-items:center;gap:clamp(14px,2.4vw,32px);max-width:900px;margin:56px auto 40px;display:flex}.world-side{flex-direction:column;align-items:center;gap:14px;display:flex}.nametag{color:#fff;letter-spacing:.04em;text-shadow:3px 3px #3c3c3c;background:#0000006b;padding:5px 12px 4px;font:600 clamp(18px,1.8vw,22px)/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;animation:4.2s ease-in-out infinite tag-bob}.world-side:last-child .nametag{animation-delay:-2.1s}@keyframes tag-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.world-ed{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#8f84b8;font-size:13px}.world-thread{background:linear-gradient(90deg,#0000,#f4effff2,#0000) 0 0/40% 100% no-repeat,linear-gradient(90deg,#c9a6ff1f,#c9a6ff80);flex:1;max-width:180px;height:1px;animation:2.8s linear infinite thread-pulse;box-shadow:0 0 10px #c9a6ff73}.world-thread-r{background:linear-gradient(90deg,#0000,#f4effff2,#0000) 0 0/40% 100% no-repeat,linear-gradient(90deg,#c9a6ff80,#c9a6ff1f);animation-direction:reverse}@keyframes thread-pulse{0%{background-position:-60% 0,0 0}to{background-position:160% 0,0 0}}.world-realm{flex-direction:column;align-items:center;gap:14px;display:flex}.world-star{clip-path:polygon(50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%);filter:drop-shadow(0 0 10px #c9a6ffe6);background:#f4efff;width:28px;height:28px}.world-name{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:#f1ecff;text-shadow:0 0 22px #966eff8c;margin-right:-.3em;font-size:clamp(20px,2.2vw,28px)}.world-words{text-align:center}.world-words p{max-width:34em;font-family:var(--font-display);letter-spacing:.05em;color:#a99be8;margin:0 auto 12px;font-size:clamp(15px,1.2vw,18px);line-height:1.7}.world-words .world-lead{letter-spacing:.08em;color:#e7e1ff;margin-bottom:18px;font-size:clamp(18px,1.6vw,22px)}.log{max-width:600px;margin:48px auto 0}.log-count{margin:0 0 10px}.log-bar{background:#cfc6f32e;width:160px;height:1px;margin:0 auto 26px;display:block}.log-bar span{height:100%;transition:width .5s var(--ease);background:#e7e1ff;display:block;box-shadow:0 0 8px #c9a6ffcc}.log-list{margin:0;padding:0;list-style:none}.log-list li{align-items:center;gap:16px;display:flex}.log-item{cursor:pointer;flex:1;align-items:flex-start;gap:18px;padding:13px 0;display:flex;position:relative}.log-item input{opacity:0;width:1px;height:1px;position:absolute}.log-mark{border:1px solid #cfc6f399;flex:none;width:9px;height:9px;margin:9px 4px 0;transition:background .25s,box-shadow .25s;transform:rotate(45deg)}.log-item input:checked+.log-mark{background:#f1ecff;border-color:#f1ecff;box-shadow:0 0 10px #c9a6ffe6}.log-item input:focus-visible+.log-mark{outline:2px solid var(--lilac);outline-offset:4px}.log-text{flex-direction:column;display:flex}.log-q{font-family:var(--font-display);letter-spacing:.04em;color:#e7e1ff;font-size:19px;line-height:1.35;transition:color .25s}.log-note{font-family:var(--font-display);letter-spacing:.04em;color:#8f84b8;font-size:14.5px}.is-done .log-q{color:#8f84b8;-webkit-text-decoration:line-through #cfc6f366;text-decoration:line-through #cfc6f366}.log-link{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#8f84b8;flex:none;font-size:12.5px;text-decoration:none}.log-link:hover{color:#fff}.log-reset{color:#8f84b8;font:13px var(--font-display);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin:18px auto 0;padding:0;display:block}.laws{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px clamp(32px,6vw,96px);max-width:900px;margin:56px auto 0;padding:0;list-style:none;display:grid}.laws li{grid-template-columns:2.6em minmax(0,1fr);display:grid}.law-n{font-family:var(--font-display);letter-spacing:.12em;color:#8f84b8;grid-row:span 2;padding-top:2px;font-size:14px}.law-name{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#e7e1ff;font-size:18px}.law-line{font-family:var(--font-display);letter-spacing:.04em;color:#a99be8;margin-top:4px;font-size:15.5px;line-height:1.6}.gather-art{object-position:70% 35%;max-width:1000px;height:clamp(280px,34vw,440px);margin:16px auto 0}.gather-halves{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(40px,8vw,120px);max-width:820px;margin:8px auto 0;display:grid}.gather-halves .v-small{max-width:24em}.gather-halves .v-actions{margin-top:22px}.questions .pg-faq{border-top:1px solid #cfc6f31f;max-width:760px;margin:48px auto 0}.questions .pg-faq details{border-bottom-color:#cfc6f31f}.questions .pg-faq summary{font-family:var(--font-display);letter-spacing:.04em;color:#e7e1ff;padding:20px 2px;font-size:19px;font-weight:400;line-height:1.35}.questions .pg-faq summary:hover{color:#fff}.questions .pg-faq summary i:before,.questions .pg-faq summary i:after{background:#8f84b8}.questions .pg-faq-a{font-family:var(--font-display);letter-spacing:.03em;color:#cfc6f3;padding:0 2px 22px;font-size:17px;line-height:1.7}@media (width<=900px){.ed-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}}@media (width<=760px){.chapters-bar{display:none}.ed-switch{gap:24px}.ed-steps,.laws,.gather-halves{grid-template-columns:minmax(0,1fr)}.ed-pair{flex-direction:column;gap:22px}.world-map{flex-direction:column;gap:18px}.world-thread{background:linear-gradient(#c9a6ff1f,#c9a6ff99);flex:none;width:1px;max-width:none;height:34px;animation:none}.world-thread-r{background:linear-gradient(#c9a6ff99,#c9a6ff1f)}}@media (prefers-reduced-motion:reduce){.play-hero-art,.nametag,.world-thread,.ed-panel{animation:none}}
