/* ROBINHOOD — «указ из Шервуда» на КИСЛОТНОМ ЛАЙМЕ (арт v2: малиновка
   в худи на зелёном #8fcd07). Drenched-зелёный: фон = цвет монеты,
   чернильный худи для рамок/текста, ржавая грудка — акцент, глубокий
   шервуд — успех. Pirata One + Alegreya + Courier Prime. Рамки, печати,
   гвозди; постер бесшовно сливается с фоном (фото уже на лайме). */

:root{
  --paper:#8fcd07;         /* лайм из арта — фон всего */
  --paper-2:#80b906;        /* тёмный лайм: шапки/поверхности */
  --paper-3:#a3dc2b;        /* светлый лайм: ховеры/фокус */
  --ink:#0c0e08;            /* худи */
  --ink-2:#273010;
  --ink-3:#42511b;
  --rust:#ba5505;          /* грудка: главный акцент */
  --rust-deep:#8f4104;
  --rust-soft:rgba(12,14,8,.10);
  --green:#1e4d12;         /* глубокий шервуд: успех/received */
  --green-soft:rgba(30,77,18,.16);
  --red:#8e2205;           /* лузы: тёмно-красный, читается на лайме */
  --display:"Pirata One",serif;
  --serif:"Alegreya",Georgia,serif;
  --mono:"Courier Prime",ui-monospace,Menlo,monospace;
  --frame:2.5px solid var(--ink);
  --ease:cubic-bezier(.3,.7,0,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper);scroll-behavior:smooth}
body{
  color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.55;
  background:
    radial-gradient(circle at 1px 1px, rgba(12,14,8,.07) 1px, transparent 0) 0 0/23px 23px,
    radial-gradient(120% 80% at 50% 0%, rgba(12,14,8,.09), transparent 55%),
    var(--paper);
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--rust-soft)}
a{color:var(--ink)}
b{font-weight:800}

/* ── topbar ─────────────────────────────────────────────────── */
.topbar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 26px;background:var(--paper);
  border-bottom:var(--frame);
}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.brand-arrow{width:40px;height:15px;color:var(--rust);flex:none}
.brand-title{
  font-family:var(--display);font-size:29px;line-height:1;letter-spacing:.03em;
  white-space:nowrap;
}
.topbar-right{display:flex;align-items:center;gap:10px}
.ca-pill{
  font-family:var(--mono);font-size:12.5px;color:var(--ink-2);cursor:pointer;
  background:var(--paper-2);border:2px solid var(--ink);padding:6px 12px;
  max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  transition:background .15s var(--ease);
}
.ca-pill:hover{background:var(--paper-3)}
.ca-pill.copied{background:var(--green-soft);color:var(--green)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--serif);font-weight:800;font-size:14.5px;letter-spacing:.04em;
  padding:10px 20px;border:var(--frame);cursor:pointer;text-decoration:none;
  color:var(--ink);background:var(--paper);
  box-shadow:3px 3px 0 var(--ink);
  transition:transform .14s var(--ease),box-shadow .14s var(--ease),background .14s var(--ease);
  white-space:nowrap;
}
.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn-primary{background:var(--rust);color:#fdfdf6}
.btn-primary:hover{background:var(--rust-deep);color:#fdfdf6}
.btn-buy{background:var(--rust);color:#fdfdf6;padding:8px 18px}
.btn-ghost{background:transparent}

/* ── hero ───────────────────────────────────────────────────── */
.page{max-width:1160px;margin:0 auto;padding:0 26px 64px}
.hero{
  display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;
  padding:58px 0 44px;
}
.hero-kicker{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:14px;
}
.hero-title{
  font-family:var(--display);font-weight:400;
  font-size:clamp(44px,6.4vw,78px);line-height:.96;letter-spacing:.01em;
  margin-bottom:20px;
}
.hero-title em{font-style:normal;color:var(--rust-deep)}
.hero-sub{max-width:56ch;font-size:17.5px;color:var(--ink-2);margin-bottom:26px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.hero-note{font-family:var(--mono);font-size:12.5px;color:var(--ink-3)}

/* разыскной постер */
.poster{position:relative;justify-self:center;transform:rotate(1.6deg);transition:transform .3s var(--ease)}
.poster:hover{transform:rotate(0)}
.poster-inner{
  position:relative;background:var(--paper);border:3px solid var(--ink);
  outline:1.5px solid var(--ink);outline-offset:5px;
  padding:16px 18px 14px;width:min(340px,78vw);
}
.poster-inner::before,.poster-inner::after{
  content:"";position:absolute;top:9px;width:7px;height:7px;border-radius:50%;
  background:var(--ink);
}
.poster-inner::before{left:9px}
.poster-inner::after{right:9px}
.poster-head{
  font-family:var(--display);text-align:center;font-size:40px;line-height:1;
  border-bottom:2px dashed var(--ink);padding-bottom:8px;margin-bottom:12px;
  letter-spacing:.12em;
}
.poster-img{display:block;width:100%;height:auto}
.poster-caption{
  text-align:center;font-family:var(--mono);font-size:13px;font-weight:700;
  border-top:2px dashed var(--ink);padding-top:9px;margin-top:10px;
}
.poster-caption span{font-weight:400;color:var(--ink-3);font-size:11.5px}
.poster-stamp{
  position:absolute;right:-22px;bottom:26px;transform:rotate(-14deg);
  font-family:var(--display);font-size:19px;line-height:1.05;text-align:center;
  color:var(--rust-deep);border:3px solid var(--rust-deep);border-radius:6px;
  padding:7px 10px;letter-spacing:.06em;
  mix-blend-mode:multiply;opacity:.85;
  -webkit-mask-image:radial-gradient(circle at 30% 40%, #000 55%, rgba(0,0,0,.55));
          mask-image:radial-gradient(circle at 30% 40%, #000 55%, rgba(0,0,0,.55));
}

/* ── ledger ─────────────────────────────────────────────────── */
.ledger{border:var(--frame);background:var(--paper-2);margin-bottom:28px}
.ledger-row{display:flex;flex-wrap:wrap}
.ledger-cell{
  flex:1 1 150px;min-width:150px;padding:15px 18px 13px;
  border-right:2px dashed var(--ink);
}
.ledger-cell:last-child{border-right:none}
.ledger-label{
  display:flex;justify-content:space-between;gap:8px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:5px;white-space:nowrap;
}
.ledger-label i{font-style:normal;color:var(--ink-2);letter-spacing:.02em}
.ledger-value{
  font-family:var(--mono);font-size:21px;font-weight:700;
  font-variant-numeric:tabular-nums;line-height:1.15;
}
.ledger-value.accent{color:var(--rust-deep)}
.ledger-fuel{flex:1.4 1 210px}
.fuel{height:16px;border:2px solid var(--ink);background:var(--paper);padding:2px;margin-top:4px}
.fuel-fill{
  height:100%;width:0;background:var(--rust);
  transition:width .45s var(--ease);
}
.fuel-fill.ready{background:var(--green)}
.alms{
  border-top:var(--frame);padding:8px 18px;min-height:36px;
  font-family:var(--mono);font-size:12.5px;color:var(--ink-2);
  display:flex;gap:26px;overflow:hidden;white-space:nowrap;
}
.alms span b{color:var(--green)}

/* ── frames (list / checker / decree) ───────────────────────── */
.frame{border:var(--frame);background:var(--paper);margin-bottom:28px;box-shadow:5px 5px 0 rgba(12,14,8,.25)}
.frame-head{
  display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;
  padding:14px 20px;border-bottom:var(--frame);background:var(--paper-2);
}
.frame-title{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:.05em}
.frame-note{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.frame-note b{color:var(--ink-2)}

.table-wrap{overflow:auto;max-height:430px}
.poor-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.poor-table th{
  position:sticky;top:0;background:var(--paper);z-index:1;
  text-align:left;font-family:var(--mono);font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);
  padding:10px 18px;border-bottom:2px solid var(--ink);
}
.poor-table td{padding:10px 18px;border-bottom:1.5px solid rgba(12,14,8,.22);font-variant-numeric:tabular-nums}
.poor-table tr:last-child td{border-bottom:none}
.poor-table tr:hover td{background:var(--rust-soft)}
.poor-table .empty td{text-align:center;color:var(--ink-3);padding:30px}
.c-rank{width:44px;color:var(--ink-3);font-family:var(--mono)}
.c-num{text-align:right;font-family:var(--mono)}
.pnl-neg{color:var(--red);font-weight:700}
.recv{color:var(--green);font-weight:700}
.wallet{font-family:var(--mono);font-size:13px}

/* ── checker ────────────────────────────────────────────────── */
.judge-row{display:flex;gap:12px;padding:20px;flex-wrap:wrap}
.judge-in{
  flex:1;min-width:230px;font-family:var(--mono);font-size:14.5px;color:var(--ink);
  background:var(--paper-2);border:var(--frame);padding:11px 14px;outline:none;
}
.judge-in:focus{background:var(--paper);box-shadow:3px 3px 0 rgba(12,14,8,.3)}
.judge-in::placeholder{color:var(--ink-3)}
#chk-out{padding:0 20px 20px}
#chk-out:empty{padding:0 0 6px}
.verdict{
  border:2px dashed var(--ink);padding:16px 18px;background:var(--paper-2);
  display:flex;flex-direction:column;gap:6px;
}
.verdict-level{font-family:var(--display);font-size:24px;letter-spacing:.04em}
.verdict-level.poor{color:var(--rust-deep)}
.verdict-level.rich{color:var(--green)}
.verdict-row{display:flex;justify-content:space-between;gap:14px;font-family:var(--mono);font-size:13.5px;color:var(--ink-2)}
.verdict-row b{font-variant-numeric:tabular-nums}
.verdict-note{font-size:13.5px;color:var(--ink-3);font-style:italic}

/* ── decree ─────────────────────────────────────────────────── */
.decree-steps{list-style:none;counter-reset:d;padding:22px 24px 8px;display:flex;flex-direction:column;gap:15px;max-width:72ch}
.decree-steps li{
  counter-increment:d;position:relative;padding-left:42px;color:var(--ink-2);font-size:16px;
}
.decree-steps li::before{
  content:counter(d,upper-roman);position:absolute;left:0;top:1px;
  font-family:var(--display);font-size:19px;color:var(--paper);
  background:var(--ink);min-width:30px;height:26px;text-align:center;line-height:26px;
  padding:0 4px;
}
.decree-steps em{font-style:normal;font-weight:800;color:var(--ink)}
.decree-foot{padding:14px 24px 22px;font-size:15.5px;color:var(--ink-2)}
.decree-foot b{color:var(--rust-deep)}

/* ── footer ─────────────────────────────────────────────────── */
.foot{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:18px 2px 0;border-top:var(--frame);
  font-family:var(--mono);font-size:12.5px;color:var(--ink-3);
}
.foot-mode{font-size:11px;letter-spacing:.1em;text-transform:uppercase}

/* ── responsive ─────────────────────────────────────────────── */
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:34px;padding:38px 0 34px}
  .poster{justify-self:center}
  .ledger-cell{flex:1 1 46%;min-width:46%;border-right:none;border-bottom:2px dashed var(--ink)}
  .ledger-fuel{flex-basis:100%;min-width:100%}
}
@media(max-width:480px){
  .page{padding:0 14px 48px}
  .topbar{padding:10px 14px}
  .brand-title{font-size:23px}
  .brand-arrow{width:30px}
  .ca-pill{max-width:150px}
  .hero-title{font-size:clamp(40px,12vw,54px)}
  .frame-head{padding:12px 14px}
  .judge-row{padding:14px}
  #chk-out{padding:0 14px 14px}
  .decree-steps{padding:18px 16px 6px}
  .decree-foot{padding:12px 16px 18px}
}
@media(prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}