.it-tutorial{margin:2rem 0 3rem;border:1px solid var(--rule-strong);border-radius:16px;overflow:hidden;background:#091813;scroll-margin-top:25px}.it-poster{position:relative;isolation:isolate;min-height:370px;background:#13251b url('/assets/design-20261110/combat-arena.webp') center/cover;display:flex;align-items:center;overflow:hidden}.it-poster:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071711f5,#071711cc 50%,#07171130)}.it-intro{position:relative;width:65%;padding:38px;color:#eee9d9}.it-intro .ed-label{color:#e4cb93;font-size:10px}.it-intro h2{font:400 clamp(34px,4vw,54px)/1.04 var(--serif);letter-spacing:-.025em;margin:12px 0 18px;color:#fff2d8}.it-intro>p:not(.ed-label){font-size:14px;line-height:1.9;max-width:48ch;color:#d4dfd2;margin-bottom:24px}.it-intro .ed-button{cursor:pointer;white-space:normal;text-align:left}.it-intro small{display:block;font-size:10px;color:#c5d1c5;margin-top:15px}.it-guardian{position:absolute;right:5%;bottom:22px;width:28%;height:290px;object-fit:contain;filter:drop-shadow(0 12px 16px #0007)}.it-frame{display:block;width:100%;border:0;background:#091813}.it-direct{padding:14px 22px;margin:0!important;border-top:1px solid #c4cba530;font-size:12px!important}.it-direct a{color:#ddc38a;text-underline-offset:4px}.it-poster[hidden]{display:none!important}.it-tutorial noscript{color:#b4c1b7;padding:16px;display:block}
@media(max-width:650px){.it-poster{min-height:450px;align-items:flex-end}.it-guardian{right:9px;top:18px;bottom:auto;width:42%;height:190px;opacity:.9}.it-poster:before{background:linear-gradient(0deg,#071711 15%,#071711c9 60%,#07171155)}.it-intro{padding:24px 20px;width:100%}.it-intro .ed-label{max-width:53%;min-height:70px;font-size:9px;line-height:1.9;margin-bottom:18px}.it-intro h2{font-size:37px;max-width:7ch}.it-intro>p:not(.ed-label){font-size:13px;line-height:1.8}.it-intro .ed-button{width:100%;font-size:12px;padding:13px 15px}.it-intro small{font-size:9px}.it-direct{padding:14px 18px;font-size:11px!important}}