/* v007 is a separate enhancement layer; the approved v006 stays intact. */
.reading-track{position:fixed;inset:0 0 auto;height:3px;z-index:100;pointer-events:none;background:transparent}.reading-track span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#df5c92,#a48bcd,#afb96a)}
.hero{padding-bottom:62px!important;min-height:660px!important}.hero-actions{margin-top:24px}.hero-note{margin-top:18px}.play-invitation{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.play-invitation button{background:#f0e5f4;border:1px solid #cbb4db;border-radius:99px;color:#765689;padding:10px 15px;font-size:11px;font-weight:700;display:flex;gap:13px;align-items:center;min-height:40px;transition:background .2s,box-shadow .2s}.play-invitation button>span:first-child{font-size:19px}.play-invitation button:hover{background:#e4d2ef;box-shadow:0 0 0 4px #e6d6ef66}.play-invitation button[aria-pressed=true]{background:#5c416e;color:#fff;border-color:#5c416e}.play-invitation>span{color:#9b8d9f;font-size:8px;letter-spacing:.5px}.constellation-status{font-size:9px;line-height:1.8;color:#938198;margin-top:8px;max-width:380px;min-height:17px}.hero-art{transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));isolation:isolate}.hero-art .art-ticket{translate:var(--scene-x,0px) var(--scene-y,0px)}.hero-art .sticker{translate:calc(var(--scene-x,0px) * -1) calc(var(--scene-y,0px) * -1)}.hero-art .hero-spark{translate:var(--scene-x,0px) calc(var(--scene-y,0px) * -1)}
.depth-card{position:relative;transform:perspective(950px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:box-shadow .3s,border-color .3s;isolation:isolate}.letter-card.depth-card{transform:perspective(950px) rotate(-1.2deg) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg))}.goods-photo.depth-card{transform:perspective(950px) rotate(-2deg) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg))}.game-card.depth-card:hover{transform:perspective(950px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));border-color:#d6a5bc;box-shadow:0 10px 0 #ead9dd,0 22px 40px #86506a12}.depth-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;background:radial-gradient(ellipse at var(--glint-x,50%) var(--glint-y,50%),#ffffff90,transparent 60%);opacity:calc(var(--glint-on,0) * .34);transition:opacity .3s;mix-blend-mode:soft-light}.magnetic-arrow>span:last-child{display:inline-block;translate:var(--arrow-x,0px) var(--arrow-y,0px)}
.explore-dock{position:fixed;z-index:30;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:#fffdf4f2;border:1px solid #e1d4c4;border-radius:99px;padding:7px;box-shadow:0 10px 40px #4d384523,0 2px 0 #ffffff;backdrop-filter:blur(10px);max-width:calc(100% - 24px)}.explore-dock>a{display:flex;align-items:center;gap:7px;border-radius:99px;font-size:10px;font-weight:700;white-space:nowrap;padding:12px 17px;min-height:42px;transition:background .2s,color .2s}.explore-dock>a>span{font-size:16px;color:#aa7893}.explore-dock>a:hover{background:#f9e9ee}.explore-dock>a[aria-current=location]{background:#37312f;color:#fffaf1}.explore-dock>a[aria-current=location]>span{color:#f5afca}.explore-dock>.dock-top{padding:10px 15px;font-size:20px;border-left:1px solid #ddd2c4;border-radius:0 99px 99px 0;margin-left:3px}.site-footer{padding-bottom:100px}.goods-list button:hover>span:last-child{transform:translate(2px,-2px)}.goods-list button>span:last-child{transition:transform .25s}.suggestion-form:focus-within{border-color:#daa4b9;box-shadow:0 5px 0 #ecd9de,0 0 0 4px #f4e2e755;transition:border-color .2s,box-shadow .2s}.board-sources button{transition:background .2s,color .2s}.hero-art.star-playing{transform:none!important}.hero-art.star-playing .art-ticket,.hero-art.star-playing .sticker,.hero-art.star-playing .hero-spark{translate:0 0}
@media(max-width:1100px) and (min-width:761px){.hero{min-height:650px!important}.play-invitation>span{display:none}.hero-art{margin-left:0}}
@media(max-width:760px){.hero{min-height:0!important;padding-bottom:45px!important}.play-invitation{margin-top:20px;gap:9px}.play-invitation button{font-size:11px;padding:10px 12px}.play-invitation>span{font-size:7px}.constellation-status{font-size:9px;margin-top:6px}.hero-art{margin-top:16px}.explore-dock{bottom:max(12px,env(safe-area-inset-bottom));gap:0;padding:5px;max-width:calc(100% - 16px);width:fit-content}.explore-dock>a{padding:10px 10px;font-size:9px;gap:4px;min-height:42px}.explore-dock>a>span{font-size:13px}.explore-dock>.dock-top{padding:9px 11px;font-size:18px}.site-footer{padding-bottom:96px}.hero-art,.depth-card,.letter-card.depth-card,.goods-photo.depth-card,.game-card.depth-card:hover{transform:none}}
@media(max-width:360px){.explore-dock>a{padding:10px 8px;font-size:8px}.explore-dock>a>span{display:none}.play-invitation>span{display:none}}
html.motion-reduced .hero-art,html.motion-reduced .depth-card,html.motion-reduced .game-card.depth-card:hover{transform:none!important}html.motion-reduced .depth-card::after{display:none}html.motion-reduced .hero-art .art-ticket,html.motion-reduced .hero-art .sticker,html.motion-reduced .hero-art .hero-spark,html.motion-reduced .magnetic-arrow>span:last-child{translate:0 0!important}
@media(prefers-reduced-motion:reduce){.hero-art,.depth-card,.game-card.depth-card:hover{transform:none!important}.depth-card::after{display:none}.hero-art .art-ticket,.hero-art .sticker,.hero-art .hero-spark,.magnetic-arrow>span:last-child{translate:0 0!important}}