.koc-tutorial{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;background:rgba(2,5,10,.78);backdrop-filter:blur(4px)}.koc-tutorial-card{width:min(440px,94vw);padding:25px;border:1px solid #d0a84d;border-radius:14px;background:linear-gradient(145deg,#18243a,#090d16);box-shadow:0 24px 90px #000;color:#e9e5da;text-align:center}.koc-tutorial-card>img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 12px #e1b64a)}.koc-tutorial-card small{display:block;margin-top:7px;color:#d6ae56;font:800 10px system-ui;letter-spacing:.16em}.koc-tutorial-card h2{margin:9px 0;font:900 23px Georgia,serif;color:#ffe6a7}.koc-tutorial-card p{min-height:58px;margin:0;color:#bdc9d9;font:15px/1.5 system-ui}.koc-tutorial-progress{display:flex;gap:6px;justify-content:center;margin:19px 0}.koc-tutorial-progress i{width:38px;height:4px;border-radius:9px;background:#3b4657}.koc-tutorial-progress i.active{background:#e0b24e}.koc-tutorial-card>div:last-child{display:flex;justify-content:space-between;gap:9px}.koc-tutorial-card button{min-height:40px;padding:0 18px;border:1px solid #6b7890;border-radius:7px;background:#172333;color:#e2e9f2;font-weight:800;cursor:pointer}.koc-tutorial-card [data-next]{border-color:#c69337;background:linear-gradient(#a57526,#5e3d10);color:#fff0c8}@media(max-width:600px){.koc-tutorial-card{padding:20px 16px}.koc-tutorial-card h2{font-size:20px}.koc-tutorial-card p{font-size:13px}}