#arcana.home{--ivory:#f6efe0;--on-2:#cbc3e6;--gold-hi:#f3dc9a;--shadow:rgba(6,3,20,.62);--halo:0 1px 2px rgba(18,8,30,.7),0 0 18px rgba(18,8,30,.55),0 0 42px rgba(18,8,30,.45);color-scheme:dark;color:var(--ivory);display:flex;flex-direction:column;background:#1a1030}.h-sky{position:absolute;inset:0;overflow:hidden;z-index:0}.h-sky i{position:absolute;inset:-3%;background-position:50% 100%;background-size:cover;background-repeat:no-repeat}.h-far{background-image:url(/arcana/backdrops/astral/far.webp)}.h-near{background-image:url(/arcana/backdrops/astral/near.webp);opacity:.9}.h-shade{inset:0!important;background:radial-gradient(ellipse 52% 46% at 50% 44%,rgba(13,7,23,.42),transparent 72%),linear-gradient(180deg,rgba(26,16,48,.35) 0%,transparent 18%,transparent 60%,rgba(18,10,36,.62) 100%)}.h-top{position:relative;z-index:1;display:flex;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 16px 0}.h-mark{height:68px;width:auto;filter:drop-shadow(0 2px 3px rgba(18,8,30,.6)) drop-shadow(0 0 16px rgba(18,8,30,.5))}.h-main{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.6vh,26px);padding:8px 16px}.h-main>*{flex:none}.h-hello{margin:0;font:400 clamp(26px,3.2vw,40px)/1.15 var(--display);text-align:center;text-shadow:var(--halo);text-wrap:balance}.h-hero{display:flex;justify-content:center;perspective:1200px}.h-hero .tarot{--cw:min(250px,50vw,calc((100dvh - 390px)*7/12));--shadow:rgba(6,3,20,.7)}.h-hero .tarot:focus-visible{outline:2px solid var(--gold-hi);outline-offset:6px;border-radius:12px}.h-meta{min-height:50px;display:flex;flex-direction:column;align-items:center;gap:10px}.h-streak{margin:0;font:400 15px/1.3 var(--body);color:var(--on-2);text-align:center;text-shadow:var(--halo)}.h-streak b{font-weight:600;color:var(--ivory)}.h-go{appearance:none;border:0;height:50px;padding:0 28px;border-radius:25px;background:linear-gradient(180deg,#f8e6b0,#e8c77f);color:#2a1d3f;font:400 19px/1 var(--display);cursor:pointer;touch-action:manipulation;box-shadow:0 0 0 1px #fff0c499,0 8px 24px #e3c98f47;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s ease,filter .16s ease}.h-go:hover{filter:brightness(1.05);box-shadow:0 0 0 1px #fff0c4cc,0 10px 30px #e3c98f66}.h-go:active{transform:scale(.97)}.h-go:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}.h-row{position:relative;z-index:1;padding:4px 0 max(16px,env(safe-area-inset-bottom))}.h-strip{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:12px max(16px,calc(50vw - 560px)) 6px;justify-content:safe center;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}.h-strip::-webkit-scrollbar{display:none}.h-tile{appearance:none;flex:none;width:78px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--on-2);font:500 14px/1.2 var(--body);cursor:pointer;scroll-snap-align:center;touch-action:manipulation}.h-tile .tarot{width:78px;--shadow:rgba(6,3,20,.6);transition:transform .2s cubic-bezier(.23,1,.32,1)}.h-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--halo)}.h-tile:hover{color:var(--ivory)}.h-tile:hover .tarot{transform:translateY(-6px)}.h-tile:active .tarot{transform:translateY(-2px) scale(.97)}.h-tile:focus-visible{outline:none}.h-tile:focus-visible .tarot{outline:2px solid var(--gold-hi);outline-offset:4px;border-radius:6px}.h-forge span{color:var(--gold-hi);white-space:normal;text-align:center;text-wrap:balance}@media(prefers-reduced-motion:no-preference){.h-far{animation:h-drift 40s ease-in-out infinite alternate}.h-near{animation:h-drift 28s ease-in-out infinite alternate-reverse}@keyframes h-drift{0%{transform:translate3d(-.8%,.4%,0) scale(1.01)}to{transform:translate3d(.8%,-.4%,0) scale(1.03)}}}@media(max-width:559px){.h-mark{height:54px}.h-tile,.h-tile .tarot{width:64px}.h-strip{gap:10px}.h-hero .tarot{--cw:min(230px,56vw,calc((100dvh - 360px)*7/12))}}@media(max-width:559px),(max-height:520px){.h-hero{flex:1 1 0;min-height:120px;align-self:stretch;align-items:center;container-type:size}.h-hero .tarot{--cw:min(230px,56vw,calc(100cqh * 7 / 12))}}@media(max-height:520px){.h-top{padding-top:max(8px,env(safe-area-inset-top))}.h-mark{height:40px}.h-main{gap:10px}.h-hero{display:none}.h-hello{font-size:24px}.h-tile,.h-tile .tarot{width:56px}.h-strip{padding-top:6px}}