.academy-guide-dialog{width:min(900px,calc(100vw - 24px));max-width:900px;max-height:calc(100dvh - 24px);padding:0;border:1px solid #6d83a4;border-radius:18px;background:#09101f;color:#eef4ff;box-shadow:0 28px 100px #000d,0 0 45px #4775d34d;overflow:auto}
.academy-world-filters{scrollbar-width:none}.academy-world-filters::-webkit-scrollbar{display:none}
.academy-guide-dialog::backdrop{background:rgba(2,5,15,.83);backdrop-filter:blur(10px)}
.academy-guide-shell{border-top:3px solid var(--tutorial-color);background:radial-gradient(circle at 90% 2%,color-mix(in srgb,var(--tutorial-color) 13%,transparent),transparent 35%),#09101f}
.academy-guide-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:26px 30px 20px;border-bottom:1px solid #7f95be38}.academy-guide-head h2{margin:7px 0;font-size:clamp(24px,4vw,38px)}.academy-guide-head p:last-child{margin:0;color:var(--tutorial-color)}.academy-guide-close{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #8094bc6b;border-radius:50%;font-size:27px;line-height:1}.academy-guide-close:hover{background:#293654}
.academy-guide-body{padding:28px 30px 34px}.academy-guide-body>h3{margin:30px 0 14px;color:#e8f4ff}.academy-guide-body p{line-height:1.65}.academy-guide-goal{font-size:19px;color:#e9f5ff}.academy-guide-body .inline-note{border-left:3px solid var(--tutorial-color);padding:14px 18px;background:#111e32}.academy-guide-body .inline-note p{margin:5px 0 0}.academy-guide-body .micro{color:#b6c4dc}
.academy-guide-steps{list-style:none;counter-reset:guide-step;display:grid;gap:11px;padding:0;margin:0}.academy-guide-steps li{counter-increment:guide-step;position:relative;padding:17px 19px 18px 64px;border:1px solid #667b9d55;border-radius:12px;background:#111b2c}.academy-guide-steps li::before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:17px;top:18px;color:var(--tutorial-color);font-weight:700;letter-spacing:.1em}.academy-guide-steps h4{font-size:17px;margin:0 0 7px}.academy-guide-steps p{margin:0 0 10px}.academy-guide-steps p:last-child{margin-bottom:0}.academy-guide-expect{color:#d5e7ff}
.academy-guide-example{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);border:1px solid #667b9d55;border-radius:12px;overflow:hidden}.academy-guide-example dt,.academy-guide-example dd{padding:11px 14px;border-bottom:1px solid #667b9d40}.academy-guide-example dt{background:#19253c;color:#cce7ff;font-weight:700}.academy-guide-example dd{margin:0;background:#101a2b;overflow-wrap:anywhere}.academy-guide-help details{border-top:1px solid #667b9d55;padding:12px 2px}.academy-guide-help summary{cursor:pointer;color:#d7e8ff;font-weight:600}.academy-guide-help p{padding:10px 0 0;margin:0;color:#bbcae0}.academy-guide-footer{position:sticky;bottom:0;display:flex;gap:10px;flex-wrap:wrap;padding:15px 30px;background:#09101ff2;border-top:1px solid #667b9d55;backdrop-filter:blur(12px)}
@media(max-width:620px){.academy-guide-head{padding:19px}.academy-guide-body{padding:20px 19px}.academy-guide-steps li{padding:17px 15px 17px 54px}.academy-guide-steps li::before{left:13px}.academy-guide-example{grid-template-columns:1fr}.academy-guide-example dt{border-bottom:0;padding-bottom:3px}.academy-guide-example dd{padding-top:3px}.academy-guide-footer{padding:12px 19px}.academy-guide-footer .button{flex:1}}