.tutorial-layer[hidden]{display:none}.tutorial-skip-confirm{width:min(430px,calc(100vw - 24px));padding:24px;border:1px solid #d8b45f;border-radius:8px;background:#1b1814;box-shadow:0 24px 64px #000000b8,inset 0 0 0 1px #ffffff0a;color:#f2ead9}.tutorial-skip-confirm::backdrop{background:#080706c7;backdrop-filter:blur(2px)}.tutorial-skip-confirm h2{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:27px;line-height:1.12}.tutorial-skip-confirm p{margin:0;color:#d7cebf;font-size:15px;line-height:1.55}.tutorial-skip-confirm-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:10px}.tutorial-skip-confirm-actions button{min-height:46px;padding:0 16px;border-radius:5px;cursor:pointer;font:inherit;font-size:13px;font-weight:850;touch-action:manipulation}.tutorial-skip-confirm-cancel{border:1px solid #5a4c3b;background:#28221c;color:#d5cbbb}.tutorial-skip-confirm-action{border:1px solid #63d4cd;background:#167b78;color:#fff}.tutorial-skip-confirm-cancel:hover,.tutorial-skip-confirm-cancel:focus-visible{border-color:#d8b45f;color:#f3d78b}.tutorial-skip-confirm-action:hover,.tutorial-skip-confirm-action:focus-visible{background:#209c97}.tutorial-layer{position:fixed;inset:0;z-index:2147483647;pointer-events:none}.tutorial-scrim{display:none}.tutorial-layer.modal{pointer-events:auto}.tutorial-layer.modal .tutorial-scrim{position:fixed;inset:0;z-index:2147483646;display:block;background:#080706c7;backdrop-filter:blur(2px)}.tutorial-card{position:fixed;z-index:2147483647;width:min(390px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:21px;border:1px solid #d8b45f;border-radius:8px;background:#1b1814;box-shadow:0 20px 55px #000000a6,inset 0 0 0 1px #ffffff0a;color:var(--cream);overflow:auto;pointer-events:auto}.tutorial-layer.modal .tutorial-card{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-progress{margin:0 0 8px;color:var(--brass);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.tutorial-card h2{margin:0 0 10px;color:var(--cream);font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:1.12}.tutorial-card>p:not(.tutorial-progress){margin:0;color:#d7cebf;font-size:15px;line-height:1.55}.tutorial-actions{margin-top:19px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.tutorial-action,.tutorial-skip{min-height:44px;padding:0 15px;border-radius:5px;cursor:pointer;font-size:13px;font-weight:850}.tutorial-action{border:1px solid #63d4cd;background:var(--teal-dark);color:#fff}.tutorial-action:hover{background:var(--teal)}.tutorial-action[hidden]{display:none}.tutorial-skip{border:1px solid #5a4c3b;background:#28221c;color:#d5cbbb}.tutorial-skip:hover{border-color:var(--brass);color:var(--brass-pale)}.tutorial-target{outline:4px solid var(--brass-pale)!important;outline-offset:6px!important;box-shadow:0 0 0 8px #d7a84d2e,0 0 25px #d7a84d85!important;animation:tutorial-target-pulse 1.25s ease-in-out infinite}.socket.tutorial-target{border-radius:50%}.tutorial-announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@keyframes tutorial-target-pulse{0%,to{outline-color:var(--brass-pale)}50%{outline-color:#fff2bd}}@media (max-width: 760px){.tutorial-skip-confirm{width:calc(100vw - 20px);padding:20px}.tutorial-skip-confirm-actions{align-items:stretch;flex-direction:column-reverse}.tutorial-card{width:calc(100vw - 20px);padding:17px}.tutorial-card h2{font-size:21px}.tutorial-card>p:not(.tutorial-progress){font-size:14px}.tutorial-actions{align-items:stretch;flex-direction:column-reverse}.tutorial-layer.modal .tutorial-scrim{background:#08070685;backdrop-filter:none}.tutorial-layer.modal .tutorial-card{top:auto;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;width:auto;max-height:min(48dvh,360px);transform:none}.tutorial-layer.coach .tutorial-card{width:calc(100vw - 16px);max-height:148px;padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"progress actions" "title actions" "body actions";column-gap:10px;align-items:center;overflow:auto}.tutorial-layer.coach .tutorial-progress{grid-area:progress;margin:0 0 2px;font-size:9px}.tutorial-layer.coach .tutorial-card h2{grid-area:title;margin-bottom:3px;font-size:17px}.tutorial-layer.coach .tutorial-card>p:not(.tutorial-progress){grid-area:body;font-size:11px;line-height:1.32}.tutorial-layer.coach .tutorial-actions{grid-area:actions;margin:0;align-items:center;flex-direction:row}.tutorial-layer.coach .tutorial-skip{min-width:58px;min-height:36px;padding:0 9px}}@media (prefers-reduced-motion: reduce){.tutorial-target{animation:none}}