:root{--ink:#ece7fb;--dim:#a79fc9;--line:#beaaff38;--glass:#0e0c289e;--gold:#e2c27d;--violet:#8a6bff;--serif:"Cormorant Garamond", "Noto Serif", Georgia, serif;--read:"Literata", "Noto Serif", Georgia, serif;--sans:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--panel:min(460px, 40vw)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-weight:300;overflow:hidden}body{background:radial-gradient(at 50% 35%,#2a1a66 0%,#0c0824 62%,#070716 100%) fixed}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}#veil{z-index:30;text-align:center;background:radial-gradient(at 50% 40%,#281e6e6b,#05051480 75%);place-items:center;padding:24px;transition:opacity 1.4s,visibility 1.4s;display:grid;position:fixed;inset:0;overflow-y:auto}#veil.gone{opacity:0;visibility:hidden;pointer-events:none}.veil-inner>*{opacity:1}@keyframes rise{to{opacity:1;transform:none}}@keyframes bob{50%{transform:translateY(-6px)}}h1{margin:0 0 12px;font-weight:400}#veil-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{border:1px solid var(--line);letter-spacing:.02em;background:#ffffff0d;border-radius:999px;padding:11px 22px;font-size:15px;transition:all .25s}.btn:hover{background:#8a6bff38;border-color:#beaaff80}.btn.primary{color:#fbeecb;background:linear-gradient(#e2c27d2e,#e2c27d0f);border-color:#e2c27d99;box-shadow:0 0 24px #e2c27d26}.btn.primary:hover{box-shadow:0 0 34px #e2c27d52}.topbar{z-index:12;padding:calc(14px + env(safe-area-inset-top)) 18px 0;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.tools{align-items:center;gap:8px;display:flex}.icon{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;width:38px;height:38px;font-size:17px;line-height:1;transition:all .2s}.icon:hover{border-color:#e2c27d99}.icon[aria-pressed=true]{border-color:var(--gold);background:#e2c27d40}.badge{color:#ffc58a;background:#ffaa5a26;border:1px solid #ffaa5a59;border-radius:999px;padding:4px 10px;font-size:11px}.dialog{z-index:10;width:var(--panel);padding:64px 26px calc(24px + env(safe-area-inset-bottom)) 8px;flex-direction:column;justify-content:flex-end;gap:12px;display:flex;position:fixed;top:0;bottom:0;right:0}#log{scrollbar-width:thin;scrollbar-color:#beaaff4d transparent;flex-direction:column;gap:14px;padding:8px 6px 8px 0;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 36px);mask-image:linear-gradient(#0000 0,#000 36px)}.msg{max-width:94%;font-size:15.5px;line-height:1.7;animation:.6s both fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.msg.my{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--read);letter-spacing:.005em;color:#f1edff;border-radius:6px 20px 20px;align-self:flex-start;padding:14px 18px;font-size:17px;font-weight:400;line-height:1.78}.msg.my p{margin:0 0 .85em}.msg.my p:last-child{margin:0}.msg.my em{color:var(--dim);font-style:italic}.msg.my strong{color:var(--gold);font-weight:600}.msg.my em{font-family:var(--serif);font-size:1.08em}.msg.my.typing:after{content:"";background:var(--gold);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;animation:1s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.2;transform:scale(.6)}}.msg.me{white-space:pre-wrap;background:#8a6bff38;border:1px solid #beaaff4d;border-radius:20px 6px 20px 20px;align-self:flex-end;padding:10px 16px}.msg.note{color:var(--dim);text-align:center;align-self:center;font-size:12.5px}#composer{flex-direction:column;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:8px 15px;font-size:14px;transition:all .2s;animation:.5s both fade}.chip:hover{border-color:var(--gold);background:#e2c27d24}.row{align-items:flex-end;gap:8px;display:flex}.field{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0;color:var(--ink);font:inherit;resize:none;border-radius:18px;outline:none;flex:1;max-height:140px;padding:12px 16px;font-size:16px}.field:focus{border-color:#e2c27d99}.field::placeholder{color:#8179ad}select.field{appearance:none}select.field option{color:#111}input[type=date].field,input[type=time].field{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.send{background:#e2c27d26;border:1px solid #e2c27d8c;border-radius:50%;flex:none;width:46px;height:46px;font-size:18px;transition:all .2s}.send:hover{background:#e2c27d4d}.send:disabled{opacity:.35;cursor:default}.hint{color:var(--dim);font-size:12.5px}#sheet{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04041099;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet-card{border:1px solid var(--line);background:linear-gradient(#1a1646f5,#0c0a24f7);border-radius:22px;width:min(760px,100%);max-height:92vh;padding:28px 28px 24px;position:relative;overflow:auto;box-shadow:0 20px 80px #0009}.close{font-size:22px;position:absolute;top:14px;right:14px}.sheet-card h2{font-family:var(--serif);color:var(--gold);margin:0 0 4px;font-size:30px;font-weight:500}.sheet-card h3{font-family:var(--serif);letter-spacing:.03em;margin:26px 0 10px;font-size:20px;font-weight:600}.sheet-card h3 small{font-family:var(--sans);color:var(--dim);letter-spacing:0;margin-left:8px;font-size:11.5px;font-weight:300}.sub{color:var(--dim);margin:0;font-size:13.5px}.pillars{text-align:center;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pillar{border:1px solid var(--line);background:#ffffff08;border-radius:14px;padding:12px 6px}.pillar .lbl{color:var(--dim);text-transform:uppercase;letter-spacing:.12em;font-size:11.5px}.pillar .nm{font-family:var(--serif);margin:6px 0 2px;font-size:22px;font-weight:600}.pillar .el{font-size:12px}.pillar.dm{border-color:var(--gold);box-shadow:0 0 18px #e2c27d2e}.bars{gap:7px;display:grid}.bar{grid-template-columns:52px 1fr 22px;align-items:center;gap:10px;font-size:13.5px;display:grid}.bar i{background:#ffffff12;border-radius:99px;height:8px;display:block;overflow:hidden}.bar i b{border-radius:99px;height:100%;display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.cell{border:1px solid var(--line);background:#ffffff08;border-radius:14px;padding:12px 14px}.cell .k{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}.cell .v{font-family:var(--serif);margin-top:3px;font-size:24px;font-weight:600}.cell .d{color:var(--dim);font-size:12.5px;line-height:1.45}.src{color:#d9d2f2;background:#e2c27d0d;border:1px dashed #e2c27d66;border-radius:14px;margin-top:28px;padding:16px 18px;font-size:13.5px;line-height:1.7}.src b{color:var(--gold);font-weight:500}.src ul{margin:8px 0 0;padding-left:18px}.Kim{color:#f1ead2}.Mộc{color:#7fe3a0}.Thủy{color:#6fb7ff}.Hỏa{color:#ff8a5c}.Thổ{color:#e0b86a}.tabs{flex-wrap:wrap;gap:6px;margin:16px 0 4px;display:flex}.tabs button{border:1px solid var(--line);background:0 0;border-radius:999px;padding:7px 16px;font-size:14px}.tabs button.on{border-color:var(--gold);color:#fbeecb;background:#e2c27d2e}.tv-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tv{border:1px solid var(--line);background:#ffffff08;border-radius:10px;flex-direction:column;gap:3px;min-height:118px;padding:7px 8px;font-size:11.5px;line-height:1.35;display:flex}.tv.menh{border-color:var(--gold);box-shadow:0 0 16px #e2c27d38}.tv-h{justify-content:space-between;gap:4px;display:flex}.tv-h i{color:var(--dim);font-style:normal}.tv-h em{color:var(--gold);text-align:right;font-style:normal}.tv-s{flex-direction:column;display:flex}.tv-s .chinh{font-family:var(--serif);color:#f3ecff;font-size:15px;font-weight:600}.tv-o{color:#bdb4e6;flex-wrap:wrap;gap:2px 7px;display:flex}.tv-o .sat{color:#ff9a9a}.dim{color:#7d76a6}.tv-f{color:#8f87b8;flex-wrap:wrap;gap:2px 6px;margin-top:auto;font-size:10.5px;display:flex}.tv-f u{color:#7fe3a0;text-decoration:none}.tv-f u.Kỵ{color:#ff8a8a}.tv-c{text-align:center;color:var(--dim);border:1px dashed #e2c27d66;border-radius:12px;flex-direction:column;grid-area:2/2/4/4;justify-content:center;gap:4px;padding:10px 14px;font-size:13px;display:flex}.tv-c h4{font-family:var(--serif);color:var(--gold);margin:0;font-size:22px;font-weight:600}.tv-c p{margin:0;line-height:1.5}.tv-c b{color:var(--ink);font-weight:500}.tbl{border-collapse:collapse;width:100%;margin-top:12px;font-size:13.5px}.tbl th{text-align:left;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;font-size:11.5px;font-weight:400}.tbl td{border-top:1px solid #beaaff1a;padding:6px}@media (width<=899px){.dialog{width:auto;padding:0 14px calc(14px + env(safe-area-inset-bottom));top:50vh;left:0;right:0}#log{-webkit-mask-image:linear-gradient(#0000 0,#000 28px);mask-image:linear-gradient(#0000 0,#000 28px)}.chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin:0 -14px;padding:2px 14px 6px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;flex:none}.msg{max-width:100%}.msg.my{padding:12px 15px;font-size:16.5px}.pillars{grid-template-columns:repeat(2,1fr)}.sheet-card{padding:22px 14px}.tv{min-height:96px;padding:5px;font-size:10px}.tv-s .chinh{font-size:12.5px}.tv-f{font-size:9px}.tv-c{padding:6px;font-size:11px}.tv-c h4{font-size:17px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#stage-area{z-index:1;left:calc((100% - var(--panel)) / 2);--sh:min(92vh, 820px);height:var(--sh);aspect-ratio:3/4;pointer-events:none;transition:left 1.4s cubic-bezier(.5,0,.2,1),top 1.4s cubic-bezier(.5,0,.2,1),height 1.4s cubic-bezier(.5,0,.2,1);position:fixed;top:50%;transform:translate(-50%,-50%)}#stage-area:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--tint,#8a6bff) 38%, transparent) 0%, transparent 62%);opacity:.8;border-radius:50%;transition:opacity 1s;position:absolute;inset:0 -34% 10%}.casting #stage-area:before{opacity:1;animation:1s ease-in-out infinite pulse}#wheel{opacity:.34;width:170%;animation:180s linear infinite spin;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}#char{height:100%;position:relative}#char svg{filter:drop-shadow(0 18px 40px #8a6bff4d);width:auto;height:100%;margin:0 auto;display:block;overflow:visible}@media (width<=899px){.badge{padding:3px 8px;font-size:10px}#stage-area{height:44vh;top:27%;left:50%}}.veil-inner>.code-box{opacity:1;animation:none;transform:none}.code-box{flex-direction:column;align-items:center;gap:10px;max-width:280px;margin:0 auto 18px;display:flex}.code-hint{color:var(--dim);margin:0;font-size:14px}.code-input{text-align:center;letter-spacing:.12em;width:100%;color:inherit;font:inherit;border:1px solid var(--line);background:#ffffff0f;border-radius:999px;padding:11px 16px;font-size:16px}.code-input:focus{border-color:#e2c27d99;outline:none}.code-msg{color:#f0a9b8;min-height:1.2em;margin:0;font-size:13px}.dialog{transition:left 1.4s cubic-bezier(.5,0,.2,1),width 1.4s cubic-bezier(.5,0,.2,1),top 1.4s cubic-bezier(.5,0,.2,1)}@media (width>=900px){body.docked{--panel:0px}body.docked #stage-area{--sh:min(46vh, 380px);left:calc(var(--sh) * .375 + 30px);top:calc(100% - var(--sh) / 2 - 22px)}body.docked #wheel{opacity:.2;width:150%}body.docked .dialog{left:calc(var(--sh-d,min(46vh, 380px)) * .75 + 70px);width:auto;padding:64px 36px calc(24px + env(safe-area-inset-bottom)) 8px;align-items:center;right:0}body.docked #log,body.docked #composer{width:min(820px,100%)}body.docked .msg{max-width:100%}body.docked .msg.my{padding:16px 22px;font-size:18.5px}}@media (width<=899px){body.docked #stage-area{height:18vh;top:17%}body.docked .dialog{top:27vh}}.lanterns{z-index:31;pointer-events:none;width:380px;height:300px;position:fixed;top:0;left:0}.lanterns .rope{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lantern{transform-origin:0 0;width:0;height:0;animation:swing var(--dur) ease-in-out var(--delay) infinite alternate;position:absolute}.lantern .cord{width:1px;height:var(--len);background:#c9a85cb3;position:absolute;top:0;left:0}.lantern .lamp{left:calc(var(--w) / -2);top:var(--len);width:var(--w);aspect-ratio:3/5;filter:drop-shadow(0 0 10px rgba(var(--glow), .75));position:absolute}.lantern .lamp svg{width:100%;height:100%;animation:flicker 2.4s ease-in-out var(--delay) infinite;display:block;position:relative}.lantern .halo{aspect-ratio:1;background:radial-gradient(circle, rgba(var(--glow), .42), transparent 62%);width:230%;animation:halo 3.2s ease-in-out var(--delay) infinite;border-radius:50%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes swing{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes flicker{0%,to{filter:brightness()}35%{filter:brightness(1.22)}62%{filter:brightness(.9)}80%{filter:brightness(1.12)}}@keyframes halo{0%,to{opacity:.75;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}@media (width<=899px){.lanterns{width:100%;height:190px;top:62px}.lanterns .rope,.lantern:nth-of-type(n+3){display:none}.lantern{--w:36px}.lantern:first-of-type{top:0!important;left:3%!important}.lantern:nth-of-type(2){top:0!important;left:96%!important}}@media (prefers-reduced-motion:reduce){.lantern,.lantern .lamp svg,.lantern .halo,.logo *{animation:none!important}}#clock{color:#fbeecb;font-variant-numeric:tabular-nums;background:#e2c27d1f;border-color:#e2c27d8c}.rest{text-align:center;color:var(--dim);padding:10px;font-size:14px}.signup{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.su-title{font-family:var(--read);color:#fbeecb;margin:0;font-size:16.5px;line-height:1.5}.su-sub{color:var(--dim);margin:0;font-size:13.5px;line-height:1.55}.su-consent{color:var(--dim);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.su-consent input{accent-color:var(--gold);margin-top:3px}.su-msg{color:#ffb4a8;min-height:1.2em;margin:0;font-size:13px}.su-actions{flex-wrap:wrap;gap:8px;display:flex}.btn.danger{color:#ffc9c0;border-color:#ff8a8a80}.modal{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040412b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#14103a;border-radius:22px;flex-direction:column;gap:12px;width:min(460px,100%);padding:22px 20px 18px;display:flex;position:relative}.modal-card .close{position:absolute;top:10px;right:10px}.modal-card .signup{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.logo{-webkit-user-select:none;user-select:none;position:relative}.logo .orb{width:100%;height:100%;display:block;overflow:visible}.logo .orb-a-in{transform-box:fill-box;transform-origin:50%;animation:16s linear infinite orbspin}.logo .orb-b{transform-box:view-box;transform-origin:50px 44px;animation:11s linear infinite reverse orbspin}.logo .orb-s{animation:3s ease-in-out infinite twinkle}.logo .ring-spin{animation:140s linear infinite orbspin}.logo .st{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite twinkle}.logo .orb-center{filter:drop-shadow(0 0 14px #9678ffe6)}@keyframes orbspin{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes medalglow{0%,to{filter:drop-shadow(0 0 10px #e2c27d59)drop-shadow(0 0 28px #785aff59)}50%{filter:drop-shadow(0 0 20px #ffe296bf)drop-shadow(0 0 46px #8c6eff99)}}@keyframes sheen{0%,to{opacity:1}50%{opacity:.82}}.logo.medal{width:var(--medal,min(80vw, 41vh, 440px));margin:0 auto}.logo.medal .medal-svg{width:100%;height:auto;animation:4.2s ease-in-out infinite medalglow;display:block;overflow:visible}.logo.medal .word{animation:3.6s ease-in-out infinite sheen}.logo.medal .ver text{font-variant-numeric:tabular-nums}.logo.compact{filter:drop-shadow(0 0 14px #e2c27d4d);align-items:center;gap:10px;display:flex}.logo.compact .lg-orb{aspect-ratio:1;filter:drop-shadow(0 0 12px #9678ffd9);flex:none;width:60px;animation:5.5s ease-in-out infinite orbfloat;display:block}.logo.compact .lg-text{flex-direction:column;gap:4px;display:flex}.logo.compact .wm{filter:drop-shadow(0 0 7px #ffdd8c73);display:block;overflow:visible}.logo.compact .wm-1{width:auto;height:clamp(34px,3.5vw,48px)}.logo.compact .wm-row{align-items:center;gap:8px;display:flex}.logo.compact .wm-2{width:auto;height:clamp(19px,1.9vw,25px)}.logo.compact .wm-row em{font-style:normal;font-family:var(--sans);letter-spacing:.08em;color:#fff3c9;background:#e2c27d29;border:1px solid #e2c27dbf;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;animation:3.6s ease-in-out infinite glowbox}@keyframes glowbox{0%,to{box-shadow:0 0 8px #e2c27d4d}50%{box-shadow:0 0 18px #ffe296cc}}@keyframes orbfloat{50%{transform:translateY(-4px)}}@media (width<=520px){.logo.compact{gap:6px}.logo.compact .lg-orb{width:34px}.logo.compact .wm-1{height:24px}.logo.compact .wm-row{display:none}.icon{width:34px;height:34px}.tools{gap:5px}}.copy{color:#8f87b8;max-width:420px;margin:10px auto 0;font-size:11.5px;line-height:1.6}.copy b{color:#cfc4ee;font-weight:500}.copy a{color:#e2c27d;text-underline-offset:3px}#veil{height:100dvh;padding:clamp(8px,2vh,20px) clamp(10px,3vw,28px)}.veil-inner{grid-template-columns:1fr;align-content:center;justify-items:center;gap:clamp(2px,1vh,10px);width:min(100%,980px);margin:auto;padding:0;display:grid}.veil-inner>.v-char,.veil-inner>.v-main{flex-direction:column;align-items:center;min-width:0;display:flex}h1#veil-logo{margin:0}.tag{font-family:var(--serif);color:var(--dim);margin:clamp(2px,.8vh,8px) 0 clamp(8px,1.8vh,16px);font-size:clamp(14px,min(4.3vw,2.5vh),21px);line-height:1.45}.tag br{display:none}#veil-actions{margin:0}.fine{color:#7d76a6;max-width:400px;margin:clamp(6px,1.6vh,14px) auto 0;font-size:clamp(10.5px,1.5vh,12px);line-height:1.5}.copy{margin-top:clamp(4px,1vh,8px);font-size:clamp(10px,1.4vh,11.5px)}@media (aspect-ratio>=6/5) and (width>=560px){.veil-inner{text-align:center;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,4vw,56px)}.hero-slot{height:min(66vh,40vw,520px)}.logo.medal{--medal:min(44vw, 54vh, 470px)}}@media (height<=560px){.tag{display:none}}.hero-slot{aspect-ratio:3/4;height:min(21vh,50vw,260px)}#stage-area{transform:translate(-50%, -50%) scale(var(--zoom,1));transform-origin:50% var(--fy,50%);transition:left 1.4s cubic-bezier(.5,0,.2,1),top 1.4s cubic-bezier(.5,0,.2,1),height 1.4s cubic-bezier(.5,0,.2,1),transform 1.6s cubic-bezier(.45,0,.2,1),opacity 1.2s}body.veil-on #stage-area{z-index:35}body.veil-on #wheel{opacity:0}body.veil-on #stage-area:before{inset:-6% -22% 0}body.veil-on:not(.intro-done) .lanterns{opacity:0}.lanterns{transition:opacity 1.6s}body.no-trans #stage-area{transition:none!important}#veil[data-intro]{transition:background .9s,opacity 1.4s,visibility 1.4s}#veil[data-intro="0"],#veil[data-intro="1"]{-webkit-backdrop-filter:none;backdrop-filter:none;background:#03020c}#veil[data-intro] .v-main>*{transition:opacity 1.1s,transform 1.1s}#veil[data-intro="0"] .v-main>*,#veil[data-intro="1"] .v-main>*,#veil[data-intro="2"] .v-main>:not(h1):not(.greet){opacity:0;pointer-events:none;transform:translateY(8px)}#veil[data-intro="0"] #veil-logo,#veil[data-intro="1"] #veil-logo{opacity:0;transform:scale(.94)}#veil[data-intro] #veil-logo{transition:opacity 1.4s,transform 1.6s cubic-bezier(.2,.7,.2,1)}#veil[data-intro="0"] .orb-center,#veil[data-intro="1"] .orb-center,#veil[data-intro="2"] .orb-center{opacity:0}.logo .orb-center{transition:opacity 1.1s}#veil[data-intro="0"] .ring-spin,#veil[data-intro="1"] .ring-spin{opacity:0}.skip-intro{color:#ece7fb8c;letter-spacing:.06em;cursor:pointer;z-index:36;background:0 0;border:0;padding:8px 14px;font-size:12.5px;position:absolute;bottom:clamp(10px,3vh,26px);left:50%;transform:translate(-50%)}.skip-intro:hover{color:#fff3c9}@media (prefers-reduced-motion:reduce){#stage-area{transition:none!important}}@media (aspect-ratio>=6/5) and (width>=560px){.hero-slot{height:min(66vh,40vw,520px)}}.greet{opacity:0;max-height:0;font-family:var(--serif);letter-spacing:.02em;color:#d9cffa;margin:0;font-size:clamp(13px,2.1vh,17px);font-style:italic;transition:opacity 1.2s .5s,max-height .4s;overflow:hidden}.greet.on{opacity:.8;max-height:2.4em;margin-bottom:clamp(2px,.8vh,8px)}.snd{z-index:36;color:#ece7fb80;letter-spacing:.05em;cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:12px;position:absolute;top:clamp(8px,2vh,18px);right:clamp(10px,3vw,24px)}.snd:hover,.snd[aria-pressed=true]{color:#fff3c9}body.no-trans .veil-inner,body.no-trans .v-char{transition:none!important}@media (aspect-ratio>=6/5) and (width>=560px){.veil-inner{--slotw:calc(min(66vh, 40vw, 520px) * .75);grid-template-columns:var(--slotw) minmax(0, 1fr);transition:grid-template-columns 1.5s cubic-bezier(.5,0,.2,1),column-gap 1.5s cubic-bezier(.5,0,.2,1)}.veil-inner>.v-char{overflow:hidden}#veil[data-intro="0"] .veil-inner,#veil[data-intro="1"] .veil-inner,#veil[data-intro="2"] .veil-inner{grid-template-columns:0 minmax(0,1fr);column-gap:0}}#btn-sound.on{color:#ffe9a8;text-shadow:0 0 10px #ffd678b3}body.veil-on .topbar{opacity:0;visibility:hidden;pointer-events:none}.topbar{transition:opacity .8s .3s}.su-legal{color:#9a92bd;margin:8px 2px 0;font-size:12px;line-height:1.5}.su-legal a{color:#e2c27d;text-underline-offset:3px}