#tutorial-card{position:fixed;top:78px;left:12px;z-index:35;width:min(300px,calc(100vw - 24px));max-height:calc(100vh - 100px);overflow:auto;padding:12px;border:1px solid #c9ac69;background:linear-gradient(145deg,#443d2af7,#292d24f5);box-shadow:0 8px 24px #0006;color:#f4ead0;font-size:13px;line-height:1.5;box-sizing:border-box}
#tutorial-card header{display:flex;align-items:center;justify-content:space-between;color:#d6c490;font-size:12px}#tutorial-card header button{padding:0 6px;font-size:20px;border:0;background:transparent;color:#ead9ac}#tutorial-card h3{font-size:16px;margin:7px 0}#tutorial-card p{margin:7px 0}#tutorial-card .tutorial-status{font-size:12px;color:#ded4b9;min-height:18px}#tutorial-card .tutorial-status.ready{color:#bfe09f}
#tutorial-card button{cursor:pointer;font:inherit;color:#fff1cf;border:1px solid #a99058;background:#635638;padding:6px 10px}#tutorial-card button:disabled{opacity:.5;cursor:default}#tutorial-card .tutorial-open{width:100%;margin:4px 0 7px;background:#806735}#tutorial-card .tutorial-navigation{display:flex;gap:8px}#tutorial-card .tutorial-navigation button{flex:1}#tutorial-card footer{display:flex;justify-content:space-between;margin-top:6px}#tutorial-card footer button{font-size:11px;background:transparent;border:0;padding:3px 0;color:#cbbb90}
.tutorial-highlight{outline:3px solid #ffdd70!important;outline-offset:3px;box-shadow:0 0 12px #d9b74d99!important}
@media(max-height:650px){#tutorial-card{top:72px;max-height:calc(100vh - 280px);font-size:12px;padding:9px}#tutorial-card h3{font-size:14px}#tutorial-card p{margin:4px 0}}