.mode-intro.modal{z-index:16000;padding:20px;background:rgba(3,8,6,.88);display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain}
.mode-intro .mode-intro-card{position:relative;width:min(620px,100%);max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;margin:auto;padding:26px;border:1px solid #9f8543;border-radius:20px;background:linear-gradient(145deg,#20291e,#101812);box-shadow:0 24px 90px #000b;color:#f2efd8;text-align:left}
.mode-intro header{padding-right:30px}.mode-intro .pp-kicker{font-size:11px;letter-spacing:1.4px;color:#eac775}.mode-intro h2{font-size:28px;line-height:1.15;margin:12px 0}.mode-intro header p{font-size:17px;line-height:1.45;color:#fff4cc;margin:0}
.mode-intro .mode-intro-close{position:absolute;right:14px;top:14px;width:40px;min-height:40px;padding:0;font:28px sans-serif;border-radius:50%}
.mode-intro ol{padding:0;list-style:none;counter-reset:step;display:grid;gap:14px;margin:24px 0}.mode-intro li{counter-increment:step;position:relative;padding-left:43px;font-size:15px;line-height:1.5;color:#d7dccb}.mode-intro li:before{content:counter(step);position:absolute;left:0;top:0;width:29px;height:29px;display:grid;place-items:center;border:1px solid #827442;border-radius:9px;background:#b994291a;color:#f4cf72;font-weight:bold}
.mode-intro-result{padding:15px 17px;background:#090f0b99;border:1px solid #526142;border-radius:12px}.mode-intro-result b{font-size:13px;color:#edce85}.mode-intro-result p{margin:6px 0 0;font-size:14px;line-height:1.5;color:#d7dccb}
.mode-intro footer{margin-top:22px;display:flex;align-items:center;gap:18px;justify-content:space-between}.mode-intro footer small{font-size:12px;line-height:1.5;color:#b5bba6;max-width:200px}.mode-intro footer div{display:flex;gap:8px}.mode-intro footer button{min-height:44px;white-space:nowrap;padding:10px 18px}.mode-help{min-height:40px;padding:8px 14px;margin-top:12px;color:#efd28b;border:1px solid #77673b;border-radius:10px;background:#1a2216;font:inherit;cursor:pointer}
.mode-intro button{background:#263022;border:1px solid #6e784c;color:#f1e6be;border-radius:9px}.mode-intro footer button.big{width:auto;margin:0;background:linear-gradient(#e1b34c,#a77323);border-color:#e8c06b;color:#1a180b;font-weight:bold}.mode-intro button:hover{filter:brightness(1.15)}.mode-intro button:focus-visible,.mode-help:focus-visible{outline:3px solid #f9d778;outline-offset:3px}
@media(max-width:600px){.mode-intro.modal{padding:12px}.mode-intro .mode-intro-card{padding:21px 18px;max-height:calc(100dvh - 24px);border-radius:16px}.mode-intro h2{font-size:24px}.mode-intro header p{font-size:16px}.mode-intro li{font-size:14px}.mode-intro footer{align-items:stretch;flex-direction:column;gap:12px}.mode-intro footer small{max-width:none}.mode-intro footer div{justify-content:flex-end}.mode-intro footer button{flex:1}.mode-intro .pp-kicker{font-size:10px;letter-spacing:.8px}}
@media(max-height:500px) and (min-width:601px){.mode-intro .mode-intro-card{width:min(800px,100%);padding:18px 22px;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.mode-intro header{grid-column:1}.mode-intro h2{font-size:23px;margin:8px 0}.mode-intro header p{font-size:15px}.mode-intro ol{grid-column:1;margin:0;gap:10px}.mode-intro li{font-size:13px;padding-left:36px}.mode-intro-result{grid-column:2;grid-row:1/3;margin-right:24px;align-self:center}.mode-intro-result p{font-size:13px}.mode-intro footer{grid-column:1/-1;margin:0}.mode-intro footer small{max-width:none}}