.match-tutorial[data-lesson]{box-sizing:border-box;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-width:0;top:calc((100dvh + env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / 2);touch-action:none;overscroll-behavior:none;overflow:hidden;width:min(420px, calc(100dvw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))!important;border-radius:20px!important;gap:12px!important;max-width:none!important;padding:16px!important}.match-tutorial[data-lesson] *,.match-tutorial[data-lesson] :before,.match-tutorial[data-lesson] :after{box-sizing:border-box;min-width:0}.match-tutorial[data-lesson] .match-tutorial-heading{padding-right:34px}.match-tutorial[data-lesson] .match-tutorial-heading small{letter-spacing:.14em;color:#e9c680;font-size:10px}.match-tutorial[data-lesson] h2{margin:4px 0 0;font-size:22px;line-height:1.15}.match-tutorial[data-lesson] .match-tutorial-body{gap:12px;min-height:0;display:grid}.match-tutorial[data-lesson] .match-tutorial-copy{gap:8px;display:grid}.match-tutorial[data-lesson] .match-tutorial-copy p{overflow-wrap:break-word;margin:0;font-size:13px;line-height:1.4}.match-tutorial[data-lesson] .match-tutorial-board{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));width:min(152px,25dvh)}.match-tutorial[data-lesson] .match-tutorial-board>span{aspect-ratio:1;min-height:0}.match-tutorial[data-lesson] .match-tutorial-board>span>svg{width:100%;max-width:100%;height:100%;max-height:100%;display:block}.match-tutorial[data-lesson] .match-tutorial-board .demo-origin b{font-size:20px;top:0;right:0}.match-tutorial[data-lesson] .match-tutorial-combo-card{background:#0b142b;border-radius:12px;gap:8px;padding:10px;display:grid}.match-tutorial[data-lesson] .match-tutorial-formula{text-align:center;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:4px;display:grid}.match-tutorial[data-lesson] .match-tutorial-formula figure{grid-template-rows:64px auto;place-items:center;gap:4px;margin:0;display:grid}.match-tutorial[data-lesson] .match-tutorial-formula figure>svg{width:64px;max-width:100%;height:64px;max-height:64px;display:block}.match-tutorial[data-lesson] .match-tutorial-formula figcaption{color:#ffe3ab;width:100%;font-size:12px;line-height:1.2}.match-tutorial[data-lesson] .match-tutorial-effect{color:#f5d694;place-items:center;width:64px;max-width:100%;height:64px;font-size:38px;display:grid}.match-tutorial[data-lesson] .match-tutorial-combo-nav{text-align:center;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;font-size:13px;display:grid}.match-tutorial[data-lesson] .match-tutorial-combo-nav button{color:#f7edd4;background:#263650;border:1px solid #8399ba77;border-radius:10px;min-width:44px;height:44px;font-size:20px}.match-tutorial[data-lesson] .match-tutorial-damage{color:#b4c5df;font-size:12px}.match-tutorial[data-lesson] .match-tutorial-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.match-tutorial[data-lesson] .match-tutorial-footer select{color:#e1e9f9;width:100%;min-height:44px;font:inherit;background:#1c2b45;border:1px solid #8399ba77;border-radius:10px;padding:6px;font-size:13px}.match-tutorial[data-lesson] .match-tutorial-footer option{background:#1c2b45}.match-tutorial[data-lesson] .match-tutorial-footer .match-primary{width:100%;min-height:44px;margin:0;padding:6px;font-size:13px;line-height:1.2}.match-tutorial[data-lesson] .match-tutorial-footer .match-tutorial-pause{text-align:center;grid-column:1/-1;margin:0;font-size:11px;line-height:1.3}.match-tutorial[data-lesson]>button:last-child{opacity:1;place-items:center;width:44px;height:44px;display:grid;top:6px;right:6px}@media (height<=650px){.match-tutorial[data-lesson]{gap:8px!important;padding:12px!important}.match-tutorial[data-lesson] .match-tutorial-body{gap:8px}.match-tutorial[data-lesson] h2{font-size:20px}.match-tutorial[data-lesson] .match-tutorial-copy{gap:6px}}@media (height<=440px) and (width>=500px){.match-tutorial[data-lesson]{width:min(720px, calc(100dvw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))!important}.match-tutorial[data-lesson] .match-tutorial-body{grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);align-items:center;gap:16px}.match-tutorial[data-lesson] .match-tutorial-board{width:min(128px,36dvh)}.match-tutorial[data-lesson] h2{margin:2px 0 0}.match-tutorial[data-lesson] .match-tutorial-heading small{font-size:9px}.match-tutorial[data-lesson] .match-tutorial-combo-card{gap:4px;padding:6px}.match-tutorial[data-lesson] .match-tutorial-formula figure{grid-template-rows:48px auto;gap:2px}.match-tutorial[data-lesson] .match-tutorial-formula figure>svg{width:48px;height:48px;max-height:48px}.match-tutorial[data-lesson] .match-tutorial-formula figcaption{min-height:24px;font-size:11px;line-height:1.1}.match-tutorial[data-lesson] .match-tutorial-effect{width:48px;height:48px;font-size:32px}}