.hub-tutorial{position:fixed;inset:0;z-index:10450;display:grid;place-items:center;padding:10px;overflow-y:auto;overscroll-behavior:contain;background:rgba(9,10,9,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hub-tutorial__panel{position:relative;display:flex;flex-direction:column;overflow:hidden;width:min(96vw,760px);max-height:min(94dvh,640px);color:#171713;border:3px solid #171713;border-radius:3px;background:var(--home-pass-asset-paper) center /360px auto repeat,#f4ecdc;box-shadow:8px 9px 0 rgba(0,0,0,.5)}.hub-tutorial__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-bottom:2px solid #171713;background:rgba(255,255,255,.35)}.hub-tutorial__navbtn{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:6px 12px;color:#171713;border:2px solid #171713;border-radius:2px;background:rgba(255,255,255,.55);font:inherit;font-size:11px;font-weight:800;letter-spacing:.08em;cursor:pointer}.hub-tutorial__navbtn:active{transform:translate(1px,1px)}.hub-tutorial__track{display:flex;flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hub-tutorial__track::-webkit-scrollbar{display:none}.hub-tutorial__slide{display:grid;flex:0 0 100%;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center;align-items:safe center;padding:18px 20px 14px;overflow-y:auto;scroll-snap-align:start}@media (max-aspect-ratio:1/1){.hub-tutorial__slide{grid-template-columns:minmax(0,1fr);gap:10px}.hub-tutorial__panel{max-height:min(88dvh,680px)}}.hub-tutorial__visual{display:grid;min-width:0;place-items:center}.hub-tutorial__slide--index{grid-template-columns:minmax(0,1fr);align-content:center;gap:10px}.hub-tutorial__slide--index .hub-tutorial__text{order:0;justify-items:center;text-align:center}.hub-tutorial__slide--index .hub-tutorial__index{order:1;justify-self:center;width:100%;max-width:30em}.hub-tutorial__slide--textonly{grid-template-columns:minmax(0,1fr);place-items:center}.hub-tutorial__slide--textonly .hub-tutorial__text{max-width:34em;text-align:center;justify-items:center}.hub-tutorial__slide--textonly .hub-tutorial__title{font-size:clamp(18px,3.2vw,26px)}.hub-tutorial__slide--textonly .hub-tutorial__body{font-size:clamp(12px,1.9vw,15px)}.hub-tutorial__menunum{display:grid;flex:0 0 auto;width:20px;height:20px;place-items:center;color:#f4ecdc;border-radius:2px;background:#171713;font-size:10px}.hub-tutorial__terms{display:grid;gap:6px;width:100%;min-width:0;margin:0;padding:0;list-style:none}.hub-tutorial__term-head{display:flex;width:100%;min-height:44px;align-items:center;gap:8px;padding:6px 9px;color:#171713;border:1px solid rgba(23,23,19,.45);border-left:5px solid var(--accent,#171713);border-radius:2px;background:rgba(255,255,255,.45);font:inherit;font-size:11px;font-weight:700;text-align:left;cursor:pointer}.hub-tutorial__term-head:active{transform:translate(1px,1px)}.hub-tutorial__term-label{flex:1 1 auto;min-width:0}.hub-tutorial__term-caret{flex:0 0 auto;transition:transform .15s ease}.hub-tutorial__terms li.is-open .hub-tutorial__term-caret{transform:rotate(180deg)}.hub-tutorial__term-body{padding:7px 10px 8px;border:1px solid rgba(23,23,19,.3);border-top:none;background:rgba(255,255,255,.3)}.hub-tutorial__term-body p{margin:0;color:#514c43;font-size:11px;font-weight:700;line-height:1.65}.hub-tutorial__term-body p+p{margin-top:6px}.hub-tutorial__text{display:grid;gap:8px;align-content:center;min-width:0}.hub-tutorial__title{margin:0;color:#171713;font-size:clamp(15px,2.4vw,20px);font-weight:800;line-height:1.35}.hub-tutorial__body{margin:0;color:#514c43;font-size:clamp(11px,1.7vw,13px);line-height:1.75}.hub-tutorial__index{display:grid;gap:6px;align-content:center;min-width:0}.hub-tutorial__index-item{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 10px;color:#171713;border:2px solid #171713;border-radius:2px;background:rgba(255,255,255,.55);box-shadow:3px 3px 0 rgba(23,23,19,.25);font:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.hub-tutorial__index-item:active{box-shadow:1px 1px 0 rgba(23,23,19,.25);transform:translate(2px,2px)}.hub-tutorial__index-num{display:grid;flex:0 0 auto;width:20px;height:20px;place-items:center;color:#f4ecdc;border-radius:50%;background:#171713;font-size:10px;font-weight:800}.hub-tutorial__nav{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-top:2px solid #171713;background:rgba(255,255,255,.35)}.hub-tutorial__arrow{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;color:#171713;border:2px solid #171713;border-radius:2px;background:rgba(255,255,255,.55);cursor:pointer}.hub-tutorial__arrow:disabled{opacity:.35;cursor:not-allowed}.hub-tutorial__progress{color:#514c43;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.04em}.hub-tutorial__dots{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:0;align-items:center;justify-content:center}.hub-tutorial__dot{display:grid;flex:0 0 44px;width:44px;height:44px;padding:0;place-items:center;border:0;background:transparent;cursor:pointer}.hub-tutorial__dot:before{content:"";width:9px;height:9px;border:2px solid #171713;border-radius:50%;background:transparent}.hub-tutorial__dot--active:before{background:#171713}.hub-tutorial__arrow:focus-visible,.hub-tutorial__dot:focus-visible,.hub-tutorial__index-item:focus-visible,.hub-tutorial__navbtn:focus-visible,.hub-tutorial__term-head:focus-visible,.hub-tutorial__title:focus-visible{outline:3px solid #1aa99b;outline-offset:2px}@media (max-width:480px){.hub-tutorial__nav{gap:4px;padding:4px 6px}.hub-tutorial__progress{display:none}}@media (max-height:420px) and (orientation:landscape){.hub-tutorial__panel{max-height:calc(100dvh - 12px)}.hub-tutorial__header,.hub-tutorial__nav{padding-block:2px}.hub-tutorial__slide{gap:8px;padding:4px 12px}.hub-tutorial__slide--index{align-content:start;gap:4px}.hub-tutorial__slide--index .hub-tutorial__text{gap:2px}.hub-tutorial__slide--index .hub-tutorial__index{max-width:none}.hub-tutorial__index{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.hub-tutorial__terms{gap:2px}.hub-tutorial__term-head{padding-block:4px}}@media (prefers-reduced-motion:reduce){.hub-tutorial__index-item:active,.hub-tutorial__navbtn:active,.hub-tutorial__term-head:active{transform:none}.hub-tutorial__term-caret{transition:none}}