#stTutorialOverlay{position:fixed;inset:0;z-index:13220;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,5,8,.78)} #stTutorialOverlay.open{display:flex} .st-tutorial-card{width:min(650px,calc(100vw - 36px));box-sizing:border-box;padding:20px;border:1px solid #806a3f;background:linear-gradient(180deg,#181e24,#0b1116);box-shadow:0 24px 70px rgba(0,0,0,.75);color:#e8e1cf} .st-tutorial-kicker{color:#8f969c;font:800 10px/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px} .st-tutorial-head{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start} .st-tutorial-head .st-unit-info-art{width:68px;height:62px} .st-tutorial-name{color:#e7cb8d;font:900 27px/1 Georgia,serif;letter-spacing:.045em;text-transform:uppercase} .st-tutorial-type{margin-top:5px;font:800 11px/1.2 Arial,sans-serif}.st-tutorial-type.core{color:#70c77a}.st-tutorial-type.special{color:#c9a45b} .st-tutorial-lead{margin-top:14px;color:#f1ead9;font:700 15px/1.45 Arial,sans-serif} .st-tutorial-body{margin-top:10px;color:#bec2c4;font:13px/1.58 Arial,sans-serif}.st-tutorial-body p{margin:0 0 9px}.st-tutorial-body p:last-child{margin-bottom:0} .st-tutorial-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px} .st-tutorial-actions button{padding:10px 11px;border:1px solid #6d5a37;background:#171d23;color:#ddd3bd;font:900 11px/1.25 Arial,sans-serif;letter-spacing:.035em;cursor:pointer} .st-tutorial-actions button.primary{border-color:#9b7a42;background:#292315;color:#f0d89f} .st-tutorial-actions button:hover{filter:brightness(1.1)} @media(max-width:570px){.st-tutorial-actions{grid-template-columns:1fr}.st-tutorial-card{padding:17px}.st-tutorial-name{font-size:23px}}