/* Нейтральна тема симулятора (simulator-mini, simulator-intensive, 04.11.2026).
   Лише для neutral.html, поверх quiz.css: розкладка й поведінка ті самі,
   міняються кольори, шрифти й форма елементів. Стиль — за макетом замовника
   «Симулятор логіста»: світлий теплий фон, білі картки, золото для акцентів і
   вибору, червоний бренду для дій і грошей, Oswald у заголовках.
   Шрифти — свої файли (Oswald, Manrope; SIL OFL 1.1), лише кирилиця й латиниця. */
@font-face{font-family:Oswald;src:url('assets/oswald-cyrillic.woff2') format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;src:url('assets/oswald-latin.woff2') format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url('assets/manrope-cyrillic.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#f4f2ee; --surface:#fff; --surface-2:#faf8f3; --line:#e6e1d6; --line-2:#d6cfbf;
  --fg:#1b1a17; --muted:#6b675f; --soft:#8f897d;
  /* --pumpkin лишився іменем акценту з quiz.css: тут це червоний бренду */
  --pumpkin:#c8281f; --pumpkin-ink:#fff; --pumpkin-soft:#fdf1ef; --red-line:#f1cdc8;
  --gold1:#f6e1a6; --gold2:#e2b552; --gold-deep:#b98a26; --gold-text:#7d5f12; --gold-soft:#fff8e6; --gold-line:#efdcab;
  --ok:#1b7a49; --ok-soft:#eef7f1; --ok-line:#cbe5d5; --warn:#7d5f12; --bad:#b42318;
  --bubble:#fff; --paper:#fffdf8; --paper-ink:#2a2620; --paper-line:#d9d1bf; --stamp:#1b7a49;
  --shadow:0 1px 2px rgba(27,26,23,.04),0 8px 24px -14px rgba(27,26,23,.16);
  --f-display:"Oswald","Arial Narrow",Arial,sans-serif;
  --f-spook:"Oswald","Arial Narrow",Arial,sans-serif;
  --f-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light;
}
body{background:radial-gradient(ellipse 80% 40% at 85% 0%,#fff,transparent 70%) no-repeat,var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}
:focus-visible{outline-color:var(--gold-deep)}
.btn:focus-visible,.choice:focus-visible,.pick:focus-visible,.carrier-card:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}
::selection{background:#f6e1a6}

/* ── Шапка ── */
.top{background:#ffffffeb;border-bottom:1px solid var(--line);box-shadow:0 1px 0 #fff inset}
.quiz-brand{color:var(--fg);font-family:var(--f-display);font-weight:700;font-size:24px;letter-spacing:.04em;gap:4px}
.bar .quiz-brand{font-size:23px}
.quiz-brand small{font-family:var(--f-body);font-weight:700;font-size:8px;letter-spacing:4.6px;color:var(--muted)}
.where svg{width:30px;height:30px}
.where b{font-family:var(--f-display);font-weight:600;font-size:15px;letter-spacing:.03em;text-transform:uppercase;color:var(--fg)}
.where span{font-size:12px;color:var(--muted);margin-top:2px}
.earn{padding:6px 18px 7px;border-radius:999px;background:linear-gradient(90deg,var(--gold1),var(--gold2));box-shadow:0 6px 16px -10px rgba(185,138,38,.9)}
.earn span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#5c4710}
.earn b{font-family:var(--f-display);font-weight:700;font-size:21px;letter-spacing:.01em;color:var(--fg);margin-top:1px}
.prog{height:3px;background:#efe9db}
.prog i{background:linear-gradient(90deg,var(--gold2),var(--pumpkin))}

/* ── Етапи зліва ── */
.mission-eyebrow{font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.mission-list li{color:var(--soft)}
.mission-list b{font-size:13px;color:inherit}
.mission-list div>span{font-size:11px}
.mission-number{background:#fff;border-color:var(--line-2);color:var(--soft);font-weight:700}
.mission-list li:not(:last-child):after{border-color:var(--line-2)}
.mission-list .active{color:var(--fg)}
.mission-list .active .mission-number{color:#fff;border-color:var(--pumpkin);background:var(--pumpkin);box-shadow:0 6px 16px -8px rgba(200,40,31,.8)}
.mission-list .complete{color:var(--muted)}
.mission-list .complete .mission-number{color:#fff;border-color:var(--ok);background:var(--ok)}

/* ── Екран ── */
.pane h1,.pane h2{font-family:var(--f-display);font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.16;color:var(--fg);text-wrap:balance}
.pane h1{font-size:36px}
.pane h2{font-size:29px}
.pane h2[style]{font-size:20px!important}
.lead{color:var(--muted);font-size:15px;line-height:1.7}
.fine{color:var(--muted);font-size:12px}
.spook{font-family:var(--f-display);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--pumpkin)}
.answer-label{font-weight:800;color:var(--soft);letter-spacing:.12em}
/* «Кейс 1 · Фура з Іспанії · Крок 2 з 6» — плашка-капсула */
.step{justify-self:start;display:inline-flex;align-items:center;gap:12px;padding:5px 18px 5px 5px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:var(--shadow)}
.step .spook{font-family:var(--f-display);font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--fg);background:linear-gradient(90deg,var(--gold1),var(--gold2));border:0;border-radius:999px;padding:6px 14px}
.step span:last-child{font-size:13px;font-weight:600;color:var(--muted)}

/* ── Кнопки ── */
.btn{border-radius:999px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;font-size:13px;padding:15px 26px}
.btn-main{color:#fff;background:linear-gradient(90deg,#e0372b,#b3221b);border-color:transparent;box-shadow:0 12px 24px -14px rgba(179,34,27,.85)}
.btn-main:hover:not(:disabled){filter:brightness(1.07)}
.btn-ghost{background:#fff;border-color:var(--line-2);color:var(--fg)}
.btn-ghost:hover:not(:disabled){border-color:var(--gold2);filter:none}
.btn-wide{font-size:14px}
.change-answer{color:var(--muted)}
.change-answer:hover{color:var(--fg)}

/* ── Листування ── */
.chat-avatar{background:#e6ebf2;border-color:#fff;color:#34425a;box-shadow:0 0 0 1px var(--line)}
.carrier .chat-avatar{background:#f3e6c6;color:#6b5420}
.message-bubble{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.carrier .message-bubble{background:#fffaf0;border-color:#eee2c4}
.msg .who{color:var(--muted);font-weight:800;font-size:11px}
.message-meta time{color:var(--soft);font-size:10px}
.msg.message{font-size:15px;line-height:1.65}
.me .message-bubble{background:#fdf1ef;border-color:var(--red-line)}
.me .who{color:#a8201a}
.me time{color:#b9827c}
.message-receipt{color:var(--pumpkin)}
.msg.anna img.chat-avatar{border:0;box-shadow:0 0 0 2px var(--gold2)}
.msg.anna .message-bubble{background:linear-gradient(135deg,var(--gold-soft),#fff);border-color:var(--gold-line)}
.msg.anna .who{color:var(--gold-text)}
/* Підказка Анни в листуванні — тепла картка, а не рядок дрібним шрифтом */
.guide-note{align-items:flex-start;gap:12px;padding:13px 16px;border:1px solid var(--gold-line);border-radius:14px;background:var(--gold-soft);color:#4a4130;font-size:14px;line-height:1.7}
.guide-icon{width:22px;height:22px;border:0;background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--fg);font-weight:800;font-size:12px;margin-top:1px}
.conversation-label{color:var(--soft);font-weight:800;border-color:var(--line)}

/* ── Варіанти відповіді ── */
.choice,.pick{background:#fff;border:1px solid var(--line);color:var(--fg);box-shadow:var(--shadow)}
.choice{font-size:15px;font-weight:500}
.pick b{font-size:15px;font-weight:700}
.pick>span:not(.pic){font-size:13px;color:var(--muted)}
.pick:before{color:var(--soft);font-weight:700}
.pick .pic,.pick:has(.pic) .pic{color:#b7ae9c}
.pick:after,.choice:after{border-color:var(--line-2);background:#fff}
.pick:hover:not(:disabled),.choice:hover:not(:disabled){background:#fffdf7;border-color:var(--gold2)}
.pick.picked,.choice.picked{background:var(--gold-soft);border-color:var(--gold2)}
.pick.picked:before{color:var(--gold-text)}
.pick.picked .pic{color:var(--gold-deep)}
.pick.picked:after,.choice.picked:after{border:5px solid var(--gold-deep);background:#fff}
.choice:disabled,.pick:disabled{opacity:.5}
.choice.picked,.pick.picked{opacity:1}

/* Висновок після відповіді */
.note{background:#fff;border:1px solid var(--line);border-left:3px solid var(--ok);border-radius:12px;font-size:14px;line-height:1.7;color:var(--fg);box-shadow:var(--shadow)}
.note.ok{background:var(--ok-soft);border-color:var(--ok-line);border-left-color:var(--ok)}
.note.ok b{color:var(--ok)}
.note.hint{background:var(--pumpkin-soft);border-color:var(--red-line);border-left-color:var(--pumpkin)}
.note.hint b{color:#a8201a}
.note b{font-size:15px}
.tipline{padding:11px 15px;border:1px solid var(--gold-line);border-radius:12px;background:var(--gold-soft);color:#4a4130;font-size:14px;line-height:1.65}
.tipline b{color:var(--gold-text)}
.chips{gap:8px}
.chip{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--fg);font-size:13px;font-weight:600;padding:6px 12px}

/* Біржа перевізників */
.row.carrier-card{background:#fff;border:1px solid var(--line);color:var(--fg);box-shadow:var(--shadow);border-radius:14px}
.carrier-card:hover:not(:disabled){background:#fffdf7;border-color:var(--gold2)}
.carrier-truck{color:#b7ae9c}
.carrier-details .t-name{font-size:15px}
.carrier-details .t-spec{font-size:13px;color:var(--muted)}
.t-route{font-size:13px;color:var(--muted)}
.carrier-price .t-price{font-family:var(--f-display);font-weight:600;font-size:23px;letter-spacing:.01em}
.card-radio{border-color:var(--line-2);background:#fff}
.row.carrier-card.right{border-color:var(--ok);background:var(--ok-soft)}
.carrier-card.right .card-radio{border:5px solid var(--ok);background:#fff}
.carrier-card.right .carrier-truck{color:var(--ok)}

/* Розрахунок */
.sum{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.calc-row{font-size:14px;color:var(--muted)}
.calc-row b{color:var(--fg)}
.calc-row.total{border-color:var(--line);color:var(--fg);font-weight:700}
.big{font-family:var(--f-display);font-weight:700;letter-spacing:.01em;color:var(--pumpkin)}

/* Договір */
.doc{background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 40px -26px rgba(27,26,23,.45);font-size:14px}
.doc h3{font-family:var(--f-display);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:17px}
.doc dt{color:var(--muted);opacity:1}
.stampx{background:#fffdf8f0;color:var(--stamp);border-color:var(--stamp)}

/* Рейс і доставка */
.shipment-history{background:#fff;border-color:var(--line);box-shadow:var(--shadow);font-size:13px}
.shipment-history li{color:var(--muted);font-size:13px}
.shipment-history time{color:var(--soft);font-size:11px}
.shipment-history .current{color:var(--fg)}
.shipment-history .current time{color:var(--pumpkin)}
.delivery-confirmation{background:var(--ok-soft);border-color:var(--ok-line)}
.delivery-check{border-color:var(--ok);background:var(--ok);color:#fff}
.delivery-confirmation b{color:var(--ok)}
.delivery-confirmation p{color:#4c5a51;font-size:13px}
.delivery-confirmation strong{color:var(--fg)}

/* Кейс закрито */
.closed{background:linear-gradient(160deg,var(--gold-soft),#fff 70%);border:1px solid var(--gold-line);border-radius:22px;box-shadow:var(--shadow)}
.closed .spook{font-size:24px;color:var(--fg);letter-spacing:.04em}
.closed .lbl{color:var(--gold-text);font-weight:800}
.closed .big{font-size:52px}
.closed p{color:var(--muted);font-size:14px}
/* У «В'їзді» картка стоїть у .arrival-flow, де кнопки — ліворуч */
.arrival-flow .closed .btn{justify-self:center}

/* Три клієнти */
.cl{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.cl b{font-size:15px}
.cl span{font-size:13px;color:var(--muted)}
.fill{border-color:var(--gold-deep)}
.fill .box{background:var(--gold2);color:var(--fg)}
.fill .b2{background:var(--gold1);opacity:1}

/* ── Форма ── */
.formcard{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 50px -30px rgba(27,26,23,.4)}
.formcard>b{font-size:16px}
.gets{font-size:14px}
.gets li::before{background:var(--gold2)}
.field label{font-size:12px;font-weight:700;color:var(--muted)}
.field input,.field select{background:#f6f4ef;border:1px solid transparent;color:var(--fg);border-radius:12px}
.field input::placeholder{color:#a39d90}
.field input:focus,.field select:focus{background:#fff;border-color:var(--gold2)}
.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%236b675f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.phone-line{background:#f6f4ef;border:1px solid transparent;border-radius:12px}
.phone-line:focus-within{background:#fff;border-color:var(--gold2)}
.phone-pick{color:var(--fg);border-right-color:var(--line)}
.phone-menu{background:#fff;border-color:var(--line);box-shadow:0 18px 40px -12px rgba(27,26,23,.3)}
.phone-opt{color:var(--fg)}
.phone-opt[aria-selected="true"]{background:var(--gold-soft)}
@media(hover:hover) and (pointer:fine){.phone-opt:hover{background:#f6f4ef}}
.err{color:var(--bad)}

/* ── Результат: золота шапка з рівнем, навички — на білому ── */
.level{background:linear-gradient(135deg,#f8e7b4,#e4b956);border:0;border-radius:22px;color:var(--fg);padding:26px 28px;overflow:hidden;box-shadow:0 20px 50px -30px rgba(125,95,18,.7)}
.level>.fine{color:#5c4710;font-size:13px}
.level .spook{color:var(--fg);font-size:36px;letter-spacing:.02em}
.level>p{color:#3d3320;font-size:14px}
.level .kv span{color:#5c4710;font-weight:800}
.level .kv b{font-family:var(--f-display);font-weight:700;font-size:30px;color:var(--fg)}
.level .skills{margin:6px -28px -26px;padding:22px 28px 26px;background:#fff;border-top:0}
.sk{font-size:13px;color:var(--fg)}
.sk b{color:var(--muted)}
.sk .tr{height:6px;background:#efebe2}
.sk .tr i{background:linear-gradient(90deg,var(--gold2),var(--pumpkin));border-radius:6px}

/* ── Фінал з бонусами ── */
.fx-eyebrow{justify-self:start;gap:8px;padding:7px 15px;border-radius:999px;background:linear-gradient(90deg,var(--gold1),var(--gold2));color:var(--fg);font-family:var(--f-display);font-weight:600;font-size:13px;letter-spacing:.06em}
.fx-eyebrow:before{display:none}
.fx-head{gap:14px}
.fx-head em{color:var(--pumpkin)}
.fx-head .lead{font-size:15px;line-height:1.7}
.fx-timer{background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold-text);font-size:13px;border-radius:16px;padding:12px 18px}
.fx-timer b{font-family:var(--f-display);font-weight:600;font-size:24px;letter-spacing:.03em;color:var(--pumpkin)}
.fx-video{border:0;border-radius:18px;box-shadow:0 26px 50px -26px rgba(27,26,23,.55)}
.fx-card{background:#fff;border-color:var(--line);border-radius:20px;box-shadow:var(--shadow)}
.anna-quote>img{border:0;box-shadow:0 0 0 2px var(--gold2)}
.anna-quote blockquote{color:var(--fg);font-size:15px;line-height:1.75}
.anna-quote figcaption{color:var(--gold-text);font-weight:700;font-size:12px}
.fx-tinfo>div{background:#fff;border-color:var(--line);border-radius:18px;box-shadow:var(--shadow)}
.fx-tinfo>.is-vip{border-color:var(--gold2);background:linear-gradient(135deg,var(--gold-soft),#fff 70%)}
.fx-tinfo b{font-family:var(--f-display);font-weight:600;font-size:22px;letter-spacing:.03em}
.fx-tinfo span{font-size:13px;color:var(--muted)}
.fx-tag{background:linear-gradient(90deg,var(--gold1),var(--gold2));color:var(--fg);font-size:10px;border-radius:999px;padding:3px 10px}
.fx-bonus{background:#fff;border-color:var(--line);border-radius:18px;box-shadow:var(--shadow)}
.fx-bonus.is-vip{border-color:var(--gold-line);background:linear-gradient(135deg,var(--gold-soft),#fff 60%)}
.fx-bonus.is-hero{border-color:var(--red-line);background:radial-gradient(120% 90% at 0% 0%,#fdebe8,transparent 60%),#fff}
.fx-bonus.is-vip.is-hero{border-color:var(--gold2);background:radial-gradient(120% 90% at 0% 0%,#fbecc4,transparent 60%),#fff}
.fx-bonus-top{font-size:11px;letter-spacing:.1em}
.fx-bonus-ic{color:var(--pumpkin);background:var(--pumpkin-soft);border-color:var(--red-line)}
.fx-bonus.is-vip .fx-bonus-ic{color:var(--gold-text);background:var(--gold-soft);border-color:var(--gold-line)}
.fx-bonus-n{color:var(--soft)}
.fx-bonus-top em{color:var(--soft);font-size:10px}
.fx-bonus.is-vip .fx-bonus-top em{color:var(--fg);background:linear-gradient(90deg,var(--gold1),var(--gold2));border-radius:999px;padding:3px 10px}
.fx-bonus h3{font-size:17px;line-height:1.4;color:var(--fg)}
.fx-bonus.is-hero h3{font-size:19px}
.fx-bonus p,.fx-bonus ul{font-size:14px;color:var(--muted)}
.fx-bonus .fx-value{border-top-color:var(--line);font-size:12px;color:var(--muted)}
.fx-value s{font-family:var(--f-display);font-weight:600;font-size:18px;color:var(--fg);text-decoration-color:var(--pumpkin)}
.fx-value b{color:var(--ok);font-size:11px}
.fx-vip-line{color:var(--gold-text);font-size:13px;letter-spacing:.02em}
.fx-total{border-top-color:var(--line-2)}
.fx-total span{color:var(--muted);font-size:14px}
.fx-total b{font-family:var(--f-display);font-weight:700;font-size:30px;color:var(--pumpkin)}
.fx-proof>div{background:#fff;border-color:var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px 10px}
.fx-proof b{font-family:var(--f-display);font-weight:700;font-size:28px;color:var(--pumpkin)}
.fx-proof span{font-size:12px;color:var(--muted)}
.fx-offer{border:1.5px solid var(--red-line);background:radial-gradient(ellipse at top right,#fdebe8,transparent 60%),#fff}
.fx-offer>p{color:var(--muted);font-size:14px}
.fx-offer .fx-offer-title{font-family:var(--f-display);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:24px;line-height:1.2;color:var(--fg)}
@keyframes fx-flash{35%{box-shadow:0 0 0 3px var(--gold2),0 0 50px rgba(226,181,82,.7)}}
.fx-steps{background:#fff;border-color:var(--line);border-radius:20px;box-shadow:var(--shadow)}
.fx-steps b{background:linear-gradient(135deg,var(--gold1),var(--gold2));color:var(--fg);border-radius:50%}
.fx-steps p{font-size:14px}
.fx-paid{color:var(--soft)}

/* ── Вступ (лише тут; на інших сайтах — лендинг index.html) ── */
.nx-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:8px 28px;align-items:end;margin-bottom:-22px}
.nx-hero-txt{display:grid;gap:16px;align-content:start;padding-bottom:34px}
.nx-badge{justify-self:start;padding:8px 16px;border-radius:999px;background:linear-gradient(90deg,var(--gold1),var(--gold2));font-family:var(--f-display);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.nx-hero h1{font-size:40px;line-height:1.1}
.nx-only{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nx-only li{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:var(--shadow);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.nx-only li:before{content:"✓";width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--gold1),var(--gold2));font-size:11px}
.nx-hero-img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.nx-card{position:relative;z-index:1;display:grid;gap:8px;padding:22px 24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 20px 50px -30px rgba(27,26,23,.45)}
.nx-card b{font-size:16px}
.nx-card p{font-size:15px;line-height:1.7;color:#3a3732}
.nx-card em{font-style:normal;font-weight:700;color:var(--pumpkin)}

/* ── Панелі внизу й підвал ── */
.dock{background:#ffffffef;border-top:1px solid var(--line);box-shadow:0 -12px 30px -22px rgba(27,26,23,.5)}
.dock-in span{color:var(--muted);font-size:12px}
.dock-in span b{font-family:var(--f-display);font-weight:600;font-size:22px;color:var(--pumpkin);letter-spacing:.02em}
.dock .btn{font-size:12px}
.nextbar{background:linear-gradient(to top,var(--bg) 62%,rgba(244,242,238,0))}
.nextbar .btn{box-shadow:0 12px 30px -10px rgba(179,34,27,.6)}
footer{background:transparent;border-color:var(--line);color:var(--muted);font-size:12px}

@media(min-width:761px) and (max-height:860px){
  .pane h2{font-size:26px}
  .pane h1{font-size:32px}
  .nx-hero h1{font-size:34px}
  .nx-hero{grid-template-columns:minmax(0,1fr) 205px}
  .closed .big{font-size:44px}
}
@media(max-width:1000px) and (min-width:761px){
  .nx-hero{grid-template-columns:minmax(0,1fr) 180px}
  .nx-hero h1{font-size:34px}
}
@media(max-width:760px){
  .bar{padding-block:8px 9px}
  .where svg{width:24px;height:24px}
  .where b{font-size:13px}
  .where span{font-size:11px}
  .earn{padding:5px 14px 6px}
  .earn span{font-size:8px}
  .earn b{font-size:18px}
  .pane h2{font-size:22px;line-height:1.18;letter-spacing:.005em}
  .pane h1{font-size:25px;line-height:1.15}
  .pane h2[style]{font-size:17px!important}
  .pane > .spook[style]{font-size:18px!important}
  .msg.message{font-size:14px;line-height:1.55}
  .msg .who{font-size:10px}
  .guide-note{padding:10px 12px;font-size:13px;line-height:1.55}
  .guide-icon{width:20px;height:20px}
  .choice{font-size:14px}
  .pick b{font-size:14px}
  .pick>span:not(.pic){font-size:12px}
  .note{font-size:13px;line-height:1.55}
  .note b{font-size:14px}
  .tipline{font-size:13px;padding:9px 12px;line-height:1.5}
  .chip{font-size:12px;padding:5px 10px}
  .btn{font-size:13px;padding:12px 20px}
  .carrier-details .t-name{font-size:14px}
  .carrier-details .t-spec,.t-route{font-size:12px}
  .carrier-price .t-price{font-size:20px}
  .calc-row{font-size:13px}
  .closed .spook{font-size:20px}
  .closed .big{font-size:38px}
  .closed p{font-size:13px}
  .level{padding:20px 18px}
  .level .spook{font-size:27px}
  .level .kv b{font-size:24px}
  .level .skills{margin:4px -18px -20px;padding:18px 18px 20px}
  .fx-timer b{font-size:21px}
  .fx-offer .fx-offer-title{font-size:20px}
  .fx-total b{font-size:26px}
  .fx-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .fx-proof>div{padding:12px 6px}
  .fx-proof b{font-size:21px}
  .fx-proof span{font-size:11px}
  .fx-bonus h3{font-size:16px}
  .fx-bonus.is-hero h3{font-size:17px}
  .fx-bonus p,.fx-bonus ul{font-size:13px}
  .dock-in span{font-size:11px}
  .dock-in span b{font-size:19px}
  .nx-hero{display:block;margin:0}
  .nx-hero-img{display:none}
  .nx-hero-txt{gap:14px;padding:0}
  .nx-badge{font-size:12px;padding:6px 13px}
  .nx-hero h1{font-size:27px;line-height:1.1}
  .nx-only li{font-size:10px;padding:5px 11px 5px 5px}
  .nx-only li:before{width:18px;height:18px}
  .nx-card{padding:16px 17px;border-radius:18px}
  .nx-card b{font-size:15px}
  .nx-card p{font-size:14px;line-height:1.6}
  footer{font-size:11px}
}
@media(max-width:760px) and (max-height:600px){
  .pane h2{font-size:20px}
  .nx-hero h1{font-size:23px}
}
@media(max-width:360px){
  .pane h2{font-size:20px}
  .nx-hero h1{font-size:24px}
  .earn{padding:4px 11px 5px}
}