#pathStrip{display:none!important}.create-veil{max-width:760px;margin:24px auto;text-align:center}.create-veil h2{font:700 22px Cinzel,serif;color:#efd393}.create-veil-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.create-veil-side{display:flex;align-items:center;flex-direction:column;gap:8px;padding:16px;color:#eee1d4;background:#22182ddd;border:1px solid #786444;border-radius:12px;cursor:pointer}.create-veil-side[aria-pressed=true]{outline:3px solid #e8c46e;outline-offset:2px;background:#352447}.create-veil-side img{width:98px;height:98px;object-fit:contain}.create-veil-side strong{font:700 19px Cinzel,serif}.create-veil-side small{font-size:13px;line-height:1.45}.create-veil .veil-choice-warning{padding:0 12px}
.tutorial-offer{color:#f3e6d2;background:#20142bed;padding:28px;border:1px solid #b59855;border-radius:14px;width:min(460px,calc(100vw - 32px));box-sizing:border-box;text-align:center}.tutorial-offer::backdrop{background:#080510c9}.tutorial-portrait{width:110px;height:130px;object-fit:contain}.tutorial-offer h2,.tutorial-coach h2{font:700 21px Cinzel,serif;color:#f1d490;margin:10px 0}.tutorial-offer p,.tutorial-coach p{font-size:14px;line-height:1.5}.tutorial-coach{position:fixed;z-index:110000;right:20px;top:95px;width:310px;padding:20px;background:#21142bf5;color:#f3e6d2;border:1px solid #b59855;border-radius:12px;box-shadow:0 12px 40px #0008;box-sizing:border-box}.tutorial-count{color:#cbb4e8}.tutorial-progress{display:block;color:#a4e8db;margin:10px 0}.tutorial-main,.tutorial-skip{display:block;margin:10px auto 0;padding:9px 15px;cursor:pointer;max-width:100%;font-size:14px}.tutorial-main{background:#dcc083;color:#241526;border:0;border-radius:6px}.tutorial-skip{background:none;border:0;color:#d6c5e6;text-decoration:underline}.tutorial-main:focus-visible,.tutorial-skip:focus-visible{outline:2px solid #fff;outline-offset:3px}.tutorial-active [data-rf2=skip],.tutorial-active [data-rf2=cancel]{visibility:hidden}
@media(max-width:650px){.create-veil-grid{gap:9px}.create-veil-side{padding:10px}.create-veil-side img{width:74px;height:74px}.create-veil-side strong{font-size:16px}.tutorial-coach{top:auto;bottom:10px;right:10px;width:calc(100vw - 20px);padding:12px 16px}.tutorial-coach h2{font-size:17px;margin:5px 0}.tutorial-coach p{font-size:12px;margin:5px 0}.tutorial-coach button{display:inline-block;margin:7px 12px 0 0}.tutorial-offer{max-height:calc(100dvh - 32px);overflow:auto}}
/* Existing hand-painted panel and action art, with equal-scale corners. */
.create-veil-side,.tutorial-offer,.tutorial-coach{border:14px solid transparent;border-image:url('/v2/art/council/dialog.webp') 150 fill / 14px / 0 stretch;border-radius:0;background:none}
.create-veil-side[aria-pressed=true]{background:none;filter:brightness(1.2)}
.tutorial-offer{padding:22px;max-height:calc(100dvh - 32px);overflow:auto}
.tutorial-coach{z-index:2147483000;right:18px;top:auto;bottom:18px;padding:12px 16px;width:320px}
.tutorial-coach[hidden]{display:none}
.tutorial-main{width:230px;min-height:48px;background:transparent url('/v2/art/council/action-walnut.webp') center/contain no-repeat;border:0;border-radius:0;color:#ffe1a5;font:700 14px var(--font-display,serif);padding:12px 24px}
.tutorial-main:disabled{opacity:.55}.tutorial-target{outline:3px solid #f6d991!important;outline-offset:4px;scroll-margin-block:110px 300px}
.tutorial-active #panelTavern [data-rf2=start]:not([data-q='0']){opacity:.4;cursor:not-allowed}
@media(max-width:650px){.tutorial-coach{right:8px;bottom:8px;width:calc(100vw - 16px);padding:8px 10px;border-width:10px;border-image-width:10px}.tutorial-coach .tutorial-main{width:175px;font-size:12px;min-height:42px}.tutorial-coach .tutorial-skip{font-size:12px}.tutorial-active :is(#modalOverlay,#diamondShopOverlay,.gvg){padding-bottom:calc(var(--tutorial-coach-height,270px) + 12px)!important;box-sizing:border-box}.tutorial-active :is(#modalCard,.gvg-box){max-height:calc(100dvh - var(--tutorial-coach-height,270px) - 32px)!important}.tutorial-active #panelTavern{padding-bottom:var(--tutorial-coach-height,270px)}}
.tutorial-coach{inset:auto 18px 18px auto;margin:0;overflow:visible}
.tutorial-held :is(.global-email-banner,.pet-food-drop-toast){display:none!important}
@media(max-width:650px){.tutorial-coach{inset:auto 8px 8px auto}.tutorial-active #itemOverlay{padding-bottom:calc(var(--tutorial-coach-height,270px) + 12px)!important;box-sizing:border-box}.tutorial-active #itemCard{max-height:calc(100dvh - var(--tutorial-coach-height,270px) - 32px)!important;overflow-y:auto!important}}
.tutorial-offer{position:fixed;inset:0;margin:auto!important;height:fit-content}
.tutorial-portrait{width:100%;height:145px;object-fit:cover;object-position:center;mask-image:linear-gradient(#000 65%,transparent)}
@media(min-width:651px){html.gv-v2 body.tutorial-active :is(#modalOverlay,#itemOverlay,#diamondShopOverlay,.gvg){padding-right:358px!important;box-sizing:border-box}html.gv-v2 body.tutorial-active #modalOverlay #modalCard,html.gv-v2 body.tutorial-active #itemOverlay #itemCard{max-width:calc(100vw - 390px)!important;width:min(900px,100%)!important}}
@media(max-width:650px){html.gv-v2 body.tutorial-active :is(#modalOverlay,#itemOverlay,#diamondShopOverlay,.gvg){padding:12px 10px calc(var(--tutorial-coach-height,250px) + 12px)!important;box-sizing:border-box}html.gv-v2 body.tutorial-active #modalOverlay #modalCard,html.gv-v2 body.tutorial-active #itemOverlay #itemCard{max-height:calc(100dvh - var(--tutorial-coach-height,250px) - 32px)!important;overflow-y:auto!important}}
.tutorial-settings{position:absolute;right:9px;top:9px;width:36px;height:36px;padding:6px;background:none;border:0;cursor:pointer}.tutorial-settings img{width:100%;height:100%;object-fit:contain}.tutorial-count{display:block;padding-right:32px}.tutorial-settings:focus-visible{outline:2px solid #f6d991}
.tutorial-active .hb-go{display:none}
@media(min-width:651px){html.gv-v2 body.tutorial-active .hb{right:350px}}
@media(max-width:650px){html.gv-v2 body.tutorial-active .hb{bottom:var(--tutorial-coach-height,230px)}}
/* Painted pointer above a functional spotlight: no illustrated shapes generated in CSS. */
.tutorial-spotlight{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden;border:0;background:none;pointer-events:none;z-index:2147482900}
.tutorial-spotlight[hidden]{display:none!important}
.tutorial-hole{position:absolute;box-shadow:0 0 0 300vmax #090612bd;pointer-events:none;border-radius:6px}
.tutorial-arrow{position:absolute;display:block;width:64px;height:88px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 4px #080311aa)}
.tutorial-arrow[hidden]{display:none}
.tutorial-target{outline:2px solid #ffe7ac!important;outline-offset:4px;scroll-margin:0!important}
html.gv-v2 body.tutorial-active #panelTavern{height:calc(100dvh - var(--gv-nav-h,100px));min-height:0!important;max-height:calc(100dvh - var(--gv-nav-h,100px));overflow:auto!important;overscroll-behavior:contain}
html.gv-v2 body.tutorial-active #panelTavern .gv-rift-view{min-height:0;padding-bottom:calc(var(--tutorial-coach-height,220px) + 20px)}
html.gv-v2 body.tutorial-active #panelTavern .rf2-stam{position:sticky;top:8px;z-index:60;align-self:start;border:12px solid transparent;border-image:url('/v2/art/council/dialog.webp') 150 fill / 12px / 0 stretch;padding:8px;gap:5px 10px;grid-template-columns:34px minmax(0,1fr) auto}
html.gv-v2 body.tutorial-active #panelTavern .gv-rift-supply-art{width:34px;height:42px}
html.gv-v2 body.tutorial-active #panelTavern .rf2-stam-val{font-size:20px}
html.gv-v2 body.tutorial-active #panelTavern .rf2-stam-reset{font-size:11px}
html.gv-v2 body.tutorial-active #panelTavern .gv-rift-refill>summary{background:transparent url('/v2/art/council/action-walnut.webp') center/contain no-repeat;padding:14px 16px;min-height:44px;box-sizing:border-box}
.tutorial-active #panelTavern [data-rf2=start]:not([data-q='0']){opacity:1;cursor:pointer}
@media(max-width:650px){.tutorial-coach[data-placement=top]{inset:12px 8px auto}.tutorial-coach h2{font-size:16px}.tutorial-coach p{font-size:12px;line-height:1.45}.tutorial-arrow{width:64px;height:88px}html.gv-v2 body.tutorial-active #panelTavern .rf2-head{display:none!important}html.gv-v2 body.tutorial-active #panelTavern .rf2-stam{flex-shrink:0;width:100%;box-sizing:border-box}html.gv-v2 body.tutorial-active #panelTavern .gv-rift-view{padding-top:8px}}

.tutorial-active .tutorial-blocked-control{opacity:.3!important;filter:saturate(.35);cursor:default}

/* Reserve coach space inside scrolling content, never shrink the scene shell. */
html.gv-v2 body.tutorial-active #panelArena .ga-content{padding-bottom:calc(var(--tutorial-coach-height,220px) + 24px)}
/* The painted silhouette moves toward its target; only transforms and opacity animate. */
.tutorial-arrow{filter:none;overflow:visible}
.tutorial-pointer-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 3px #080311aa);animation:tutorial-point 900ms var(--ease-in-out,cubic-bezier(.77,0,.175,1)) infinite alternate}
.tutorial-pointer-glow{filter:brightness(1.6) drop-shadow(0 0 5px #ffd67c);opacity:.18;animation-name:tutorial-point,tutorial-light}
.tutorial-coach-action{position:relative;display:block;width:230px;max-width:100%;margin:10px auto 0}
.tutorial-coach-action .tutorial-main{display:block;width:100%;margin:0;padding-inline:36px}
.tutorial-coach-pointer{position:absolute;z-index:1;left:-13px;top:50%;width:40px;height:54px;transform:translateY(-50%) rotate(-90deg);pointer-events:none}
.tutorial-coach-pointer[hidden]{display:none}
@keyframes tutorial-point{from{transform:translateY(-4px)}to{transform:translateY(5px)}}
@keyframes tutorial-light{from{opacity:.12}to{opacity:.65}}
@media(max-width:650px){.tutorial-coach .tutorial-coach-action{display:inline-block;vertical-align:middle;width:175px;margin:7px 12px 0 0}.tutorial-coach .tutorial-coach-action .tutorial-main{margin:0;width:100%}}
@media(prefers-reduced-motion:reduce){.tutorial-pointer-art{animation:none;transform:none}.tutorial-pointer-glow{opacity:.28}}