/* Lightweight V1 homepage presentation. Approved 1672 x 941 design space. */
#v7-home{position:absolute;inset:0;overflow:clip;z-index:1;pointer-events:none;background:#030811 url('/assets/bj02.webp?v=lw1') center/cover no-repeat}
#v7-home[hidden]{display:none}
#v7-scene{position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--v7-scale,1));transform-origin:center}
.v7-cube{position:absolute;inset:0;width:1672px;height:941px;pointer-events:none;user-select:none}
#v7-floating{position:absolute;inset:0;z-index:2;animation:v7-float 7.5s ease-in-out infinite;transform-origin:836px 330px}
.v7-copy{position:absolute;inset:0;z-index:3;isolation:isolate;text-align:center;pointer-events:none;color:#f4e1c1}
.v7-title{position:absolute;z-index:4;left:632.9px;top:593px;width:387px;height:96.8px;margin:0;font-size:0;filter:drop-shadow(0 1px 2px #020813d9) drop-shadow(0 0 3px #020813a8);background:url('/assets/z.webp?v=lw1') no-repeat;background-size:100% 100%}
.v7-question{position:absolute;left:595px;top:684px;width:480px;margin:0;text-align:center;font:500 16px/26px 'Songti SC','SimSun',serif;letter-spacing:3px;color:#f2cf9b;text-shadow:0 0 9px #ffbd7466,0 8px 14px #ffbd7430}
.v7-subline{position:absolute;left:586px;top:710px;width:480px;margin:0;font:14px/22px 'Songti SC','SimSun',serif;letter-spacing:3px;color:#c4c9d0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility 0s linear .65s;text-shadow:0 0 9px #ffbd7466,0 8px 14px #ffbd7430}
body[data-state='choosing'] .v7-subline{opacity:1;visibility:visible;transition:opacity .65s ease;animation:v7-hint-glow .7s ease-out 1}
@keyframes v7-hint-glow{0%{opacity:0;text-shadow:0 0 0 rgba(255,190,120,0)}35%{opacity:1;text-shadow:0 0 18px rgba(255,190,120,.9),0 0 34px rgba(255,190,120,.5)}100%{opacity:1;text-shadow:0 0 9px #ffbd7466,0 8px 14px #ffbd7430}}
body[data-v7-home] #ritual{background:#030813}
body[data-v7-home] #stage,body[data-v7-home] .invitation,body[data-v7-home] #ritual>footer,body[data-v7-home] #starfield,body[data-v7-home] .vignette{visibility:hidden}
body[data-v7-home] header{position:absolute;top:calc((100svh - 941px * var(--v7-scale)) / 2);padding:calc(24px * var(--v7-scale)) calc(39px * var(--v7-scale));align-items:center;z-index:30}
body[data-v7-home] .brand{font-size:0;display:block;width:calc(228px * var(--v7-scale));height:calc(47px * var(--v7-scale));background:url('/assets/header-logo.webp?v=lw1') no-repeat;background-size:calc(1672px * var(--v7-scale)) calc(941px * var(--v7-scale));background-position:calc(-39px * var(--v7-scale)) calc(-23px * var(--v7-scale));flex-shrink:0}
body[data-v7-home] .brand span{display:none}
body[data-v7-home] .global-controls .quiet{min-height:38px;color:#e8d9c4;border-color:#cbb48a80;background:#060b1390;font-size:13px}
body[data-v7-home] #language{border-color:transparent}
body[data-v7-home] #key{position:absolute;left:685px;top:745px;width:300px;height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:1px solid #dfc79e;border-radius:40px;background:linear-gradient(#ffffff08,#00000016);box-shadow:0 0 21px #ffbd7445,inset 0 0 10px #ffdcac15;color:#eae2d4;pointer-events:auto;transform:translateY(0);opacity:1;filter:none;animation:none!important;font-size:15px;letter-spacing:1px;transition:transform .28s cubic-bezier(.22,.7,.2,1),box-shadow .28s ease,background .28s ease,border-color .28s ease;will-change:transform,box-shadow}
body[data-v7-home] #key::before{content:"";position:absolute;inset:-4px;border-radius:44px;pointer-events:auto}
body[data-v7-home] #key:not(:disabled):hover,body[data-v7-home] #key:not(:disabled):focus-visible{transform:translateY(-3px);border-color:#f3d7a8;background:linear-gradient(#fff3d61a,#00000022);box-shadow:0 12px 24px #00000066,0 0 30px #ffbd7475,inset 0 1px 0 #fff3d6a6,inset 0 0 14px #ffdcac2e}
body[data-v7-home] #key:disabled{opacity:.5}
body[data-v7-home]:not([data-state='idle']) #key{pointer-events:none;cursor:default}
.v7-awaken-icon{font:34px/1 Georgia;color:#f7dbab;text-shadow:0 0 10px #ffdca0}
.v7-arrow{font:28px/1 Georgia;color:#dcc496}
body[data-v7-home] #v7-floating .gem{z-index:4;visibility:visible}
body[data-v7-home][data-state='choosing'] #v7-floating .gem{pointer-events:auto}
body[data-v7-home] .gem:after{opacity:0;inset:10px}
body[data-v7-home] .gem:disabled span{display:none}
body[data-v7-home] .gem:not(:disabled):hover:after,body[data-v7-home] .gem:focus-visible:after{opacity:.65}
body[data-v7-home] #choice{visibility:hidden!important}
body[data-v7-home] #restart{bottom:35px}
#v7-gem-legend{display:none}
html[lang='en'] .v7-question{font:400 17px/26px Georgia,serif;letter-spacing:.5px}
html[lang='en'] .v7-subline{font-size:14px;letter-spacing:1px}
@keyframes v7-float{0%,100%{transform:translateY(0) rotate(-.15deg)}50%{transform:translateY(-8px) rotate(.15deg)}}
@media(max-width:699px){body[data-v7-home] header{top:0;padding:18px 16px;gap:10px;align-items:center}body[data-v7-home] .brand{width:114px;height:24px;background-size:836px 470.5px;background-position:-19.5px -11.5px}body[data-v7-home] .global-controls{gap:2px;flex-wrap:nowrap}body[data-v7-home] .global-controls .quiet{font-size:10px;padding:7px;min-height:36px}body[data-v7-home] #key{height:74px;top:740px}body[data-v7-home] .v7-question{font-size:18px}body[data-v7-home] .v7-subline{font-size:16px;letter-spacing:2px}body[data-state='choosing'] #v7-gem-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:8;padding:10px 12px;background:#07101bd9;border:1px solid #e5cba85e;border-radius:12px;pointer-events:none}.v7-legend-item{display:flex;align-items:center;gap:7px;min-width:0;font:11px/1.45 Arial,'Microsoft YaHei',sans-serif;letter-spacing:.02em;color:#f2dfbc}.v7-legend-item:last-child{grid-column:1/-1}.v7-legend-dot{width:8px;height:8px;border-radius:50%;background:var(--gem);box-shadow:0 0 8px var(--gem);flex-shrink:0}.v7-legend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#v7-floating{animation:none}body[data-state='choosing'] .v7-subline{animation:none;transition:none}}
/* The transparent padding on dl.webp is compensated so the visible box keeps the
   approved home size, vertical position and centre axis at the gold light. */
#v7-floating .v7-cube{left:570.1px;top:76.9px;right:auto;bottom:auto;width:533.8px;height:512.5px}