:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#ebded2;background:#121123}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{color:inherit;background:none;border:0;font:inherit;text-decoration:none;cursor:pointer}button:hover,a:hover{color:#e8b1aa}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:1px solid #e3c98f;outline-offset:5px}[hidden]{display:none!important}#begin-world{width:100%;height:100%;position:absolute;inset:0;display:block;touch-action:none;outline:none}header{position:absolute;top:5.4vh;left:5.2vw;right:5.2vw;display:flex;align-items:center;gap:35px;font-size:10px;letter-spacing:.12em}#begin-brand{font-size:13px;letter-spacing:.17em}.begin-name{color:#d2bca0;font-size:8px;margin-left:10px}#begin-inspect{margin-left:auto;font-size:23px;line-height:1;opacity:.65}#begin-announcement{position:absolute;left:8.5vw;top:25vh;display:flex;flex-direction:column;gap:18px;pointer-events:none;transition:opacity 3s,transform 4s}#begin-announcement>span:first-child{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,5vw,74px);font-weight:400;letter-spacing:.17em;color:#f2d7b4}#begin-announcement small{font-size:9px;letter-spacing:.12em;color:#c4b7b0}.announcement-line{height:1px;width:90px;margin-top:18px;background:#d1b08b80}#begin-announcement.away{opacity:0;transform:translateY(-9px)}.act-index{position:absolute;right:6.4vw;top:16vh;display:flex;align-items:center;gap:22px;color:#d8c5bba8;font-size:11px;letter-spacing:.12em}#begin-act-mark{font-size:29px;opacity:.65}.begin-controls{position:absolute;bottom:6.2vh;left:5.2vw;display:flex;gap:20px;align-items:center}.begin-controls button,.begin-controls a{font-size:24px;min-width:44px;min-height:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;opacity:.82}.begin-controls #begin-play{width:auto;gap:12px;margin-right:18px;color:#f4d7b3}.begin-controls #begin-play span{font-size:24px}.begin-controls #begin-play small{font-size:9px;letter-spacing:.09em}.begin-controls [aria-pressed=true]{color:#e3c18f}.begin-duration{position:absolute;right:6vw;bottom:7.4vh;display:flex;gap:13px;font-size:8px;color:#b5aaba;letter-spacing:.1em}.time-line{position:absolute;left:5.4vw;right:6vw;bottom:4.1vh;height:1px;background:#ead1b025}.time-line div{height:1px;width:0;background:#e2c28e99;transition:width .15s}#begin-notice{position:absolute;left:5.4vw;bottom:14vh;font-size:10px;line-height:1.9;max-width:min(68vw,480px);color:#f1c498;pointer-events:none;background:#171324a0;padding:0 12px;border-left:1px solid #d0ad7255;opacity:0;transition:opacity .3s}#begin-notice.visible{opacity:1}#begin-details{position:absolute;right:0;top:0;bottom:0;width:min(440px,100vw);overflow:auto;background:#151422f3;border-left:1px solid #b3a58e44;padding:45px 34px 30px;backdrop-filter:blur(20px)}#begin-details-close{position:absolute;top:23px;right:28px;font-size:27px}#begin-details h1{font-size:12px;letter-spacing:.1em;font-weight:400;color:#efd0a9;margin-bottom:30px}#begin-details p{font-size:10px;line-height:1.9;color:#c8bebd;margin:22px 0}#begin-details a{text-decoration:underline;text-underline-offset:4px}#begin-metrics{font-size:8px;line-height:1.9;color:#9c98aa;display:block;border-top:1px solid #9f8c7040;padding-top:20px}
@media(max-width:600px){header{left:7vw;right:7vw;top:5vh;gap:18px}#begin-brand{font-size:11px}.begin-name{font-size:6px;letter-spacing:.08em;margin:0}#begin-announcement{left:8vw;top:22vh;gap:14px}#begin-announcement>span:first-child{font-size:40px}#begin-announcement small{font-size:7px;max-width:170px}.announcement-line{width:60px}.act-index{right:8vw;top:15vh;gap:13px;font-size:9px}#begin-act-mark{font-size:21px}.begin-controls{left:7vw;bottom:max(7vh,env(safe-area-inset-bottom));gap:8px}.begin-controls button,.begin-controls a{font-size:22px;min-width:44px;min-height:44px;width:44px;height:44px}.begin-controls #begin-play{gap:8px;margin-right:3px}.begin-controls #begin-play small{font-size:8px}.begin-duration{right:8vw;bottom:14.3vh;font-size:7px}.time-line{left:7vw;right:8vw;bottom:4vh}#begin-notice{left:7vw;bottom:20vh;font-size:9px;max-width:83vw}#begin-details{padding:43px 29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#begin-inspect,#begin-details-close{min-width:44px;min-height:44px}#begin-brand{min-height:44px;display:flex;align-items:center}