#mini-tutorial{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;border:0;background:transparent;color:#17372d;overflow:hidden;font-family:inherit}
#mini-tutorial::backdrop{background:#102b251c}
.tutorial-ring{position:absolute;border:2px solid #e2b75e;border-radius:14px;box-shadow:0 0 0 200vmax #102b258f;pointer-events:none}
.tutorial-card{position:absolute;box-sizing:border-box;width:min(370px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;background:#fffdf5;border:1px solid #e1e7d8;border-radius:20px;padding:18px;box-shadow:0 16px 60px #061e2540}
.tutorial-card header,.tutorial-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-card header>span{font-size:10px;font-weight:800;letter-spacing:1px}.tutorial-card button{font:inherit;cursor:pointer;min-height:44px;border-radius:12px;border:0;padding:10px 14px;font-size:13px;font-weight:750;background:#eaf0e5;color:#234b3b}.tutorial-card button:focus-visible{outline:3px solid #cc932a;outline-offset:3px}.tutorial-card button:disabled{opacity:.45;cursor:default}.tutorial-card #tutorial-skip{background:transparent;padding:8px;color:#526358;font-size:12px}.tutorial-track{height:3px;border-radius:4px;background:#e5eadd;margin:3px 0 16px;overflow:hidden}.tutorial-track i{display:block;height:100%;background:#c18b30}.tutorial-card h2{font-size:23px;line-height:1.15;letter-spacing:-.6px;margin:0 0 12px;outline:0}.tutorial-card p{font-size:13px;line-height:1.65;margin:0 0 12px}.tutorial-card .tutorial-hint{font-size:12px;line-height:1.5;color:#5b675b;padding:10px 12px;background:#f0f2e7;border-radius:10px}.tutorial-card #tutorial-next{background:#244e3c;color:white}.tutorial-practice{display:grid;gap:7px;margin:8px 0 12px;padding:12px;border:1px dashed #a6bba2;border-radius:12px}.tutorial-practice small,.tutorial-practice span{font-size:11px;line-height:1.5}.tutorial-practice button{background:#e8d6a4}.tutorial-card footer{margin-top:14px}
@media(max-height:520px){.tutorial-card{width:330px;padding:12px}.tutorial-card h2{font-size:19px;margin-bottom:8px}.tutorial-card p{font-size:12px;line-height:1.45;margin-bottom:8px}.tutorial-card .tutorial-hint{font-size:11px;padding:7px}.tutorial-track{margin-bottom:10px}.tutorial-card footer{margin-top:8px}.tutorial-practice{padding:8px;gap:4px}}

.tutorial-card{display:flex;flex-direction:column;overflow:hidden}.tutorial-card header,.tutorial-card footer,.tutorial-track{flex-shrink:0}#tutorial-copy{min-height:0;overflow-y:auto;overscroll-behavior:contain}.tutorial-card footer{background:#fffdf5;padding-top:8px}