@font-face { font-family: "Rye"; src: url("../fonts/rye/Rye-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "League Gothic"; src: url("../fonts/league-gothic/LeagueGothic-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IM Fell English SC"; src: url("../fonts/im-fell-english-sc/IMFellEnglishSC-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IM Fell DW Pica"; src: url("../fonts/im-fell-dw-pica/IMFellDWPica-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IM Fell DW Pica"; src: url("../fonts/im-fell-dw-pica/IMFellDWPica-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Pinyon Script"; src: url("../fonts/pinyon-script/PinyonScript-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
	--ec-ink: #1B120D;
	--ec-ink-2: #3A2A20;
	--ec-ink-3: #5A4636;
	--ec-mute: rgba(27, 18, 13, .74);
	--ec-bone: #F4EAD2;
	--ec-paper: #E9DCBC;
	--ec-paper-2: #DCCA9E;
	--ec-sepia: #C49A63;
	--ec-dust: #B88A55;
	--ec-rust: #8E3B1F;
	--ec-blood: #A31F1A;
	--ec-blood-dk: #7A1512;
	--ec-sunset: #E2611E;
	--ec-mustard: #D9A03A;
	--ec-sun: #F6C453;
	--ec-brass: #C8952F;
	--ec-money: #4F6B47;
	--ec-violet: #57407F;
	--ec-olive: #3B4529;
	--ec-fde: #A88B62;
	--ec-odg: #5A6138;
	--ec-steel: #C7CDD3;
	--ec-nitride: #2D2F33;
	--ec-display: "Rye", Georgia, "Times New Roman", serif;
	--ec-gothic: "League Gothic", "Oswald", "Arial Narrow", Impact, sans-serif;
	--ec-fell: "IM Fell DW Pica", Georgia, "Times New Roman", serif;
	--ec-fellsc: "IM Fell English SC", Georgia, "Times New Roman", serif;
	--ec-script: "Pinyon Script", "Snell Roundhand", cursive;
	--ec-body: "Switzer", Arial, sans-serif;
	--ec-sky: linear-gradient(#2B1410 0 20%, #4A1711 20% 34%, #6E1D16 34% 46%, #9A2918 46% 57%, #C5421C 57% 66%, #E2611E 66% 72%, #F0A23A 72% 76.7%, #1B120D 76.7%);
	--ec-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .05 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
	--ec-fibers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .32 0 0 0 0 .18 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
	--ec-ink-bleed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.09' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -6 4.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");
	--ec-shadow: 0 2px 0 var(--ec-ink), 0 18px 40px -22px rgba(27, 18, 13, .6);
}

html { scroll-behavior: smooth; }
body.ec-page { min-width: 320px; background: var(--ec-paper); color: var(--ec-ink); font-family: var(--ec-body); font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body.ec-page .main-page-wrapper { background: var(--ec-paper); overflow-x: clip; }
.ec-main { position: relative; isolation: isolate; padding-top: var(--ec-hh, 120px); background-color: var(--ec-paper); background-image: var(--ec-fibers); }
.ec-main::after { content: ""; position: fixed; inset: 0; z-index: 50; pointer-events: none; background-image: var(--ec-grain); opacity: .07; }
:where(.ec-main) *, :where(.ec-main) *::before, :where(.ec-main) *::after { box-sizing: border-box; }
:where(.ec-main) :where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure, table) { margin: 0; padding: 0; }
:where(.ec-main) :where(ul) { list-style: none; }
:where(.ec-main) :where(a) { color: inherit; }
:where(.ec-main) :where(button, input, select) { font: inherit; color: inherit; }
:where(.ec-main) :where(button) { cursor: pointer; }
:where(.ec-main) :where(img, svg) { display: block; max-width: 100%; }
.ec-main ::selection { color: var(--ec-bone); background: var(--ec-blood); }
.ec-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ec-wrap { position: relative; z-index: 1; width: min(1440px, 100%); margin: 0 auto; padding-inline: clamp(18px, 4vw, 60px); }
.ec-main :focus-visible { outline: 3px solid var(--ec-blood) !important; outline-offset: 3px; }
.ec-cine-sec :focus-visible, .ec-fine-sec :focus-visible { outline-color: var(--ec-mustard) !important; }

.ec-rv { transition: opacity .8s cubic-bezier(.16, 1, .3, 1), transform .8s cubic-bezier(.16, 1, .3, 1); }
.ec-js .ec-rv:not(.on) { opacity: 0; transform: translateY(calc(26px * var(--ec-rv-dir, 1))); transition: none; }
.ec-js .ec-rv-top { --ec-rv-dir: -1; }

body.ec-page .theme-main-menu.menu-style-one.menu-overlay { background: #fff; }
body.ec-page .theme-main-menu .inner-content { position: relative; }
body.ec-page .theme-main-menu .top-header { position: relative; z-index: 2; }
body.ec-page .theme-main-menu .logo { position: relative; z-index: 3; }
body.ec-page .theme-main-menu .ec-loot { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; transition: opacity .18s ease-out; }
body.ec-page .theme-main-menu .ec-loot.is-moving { opacity: 0; transition: none; }
body.ec-page .theme-main-menu.fixed .ec-loot, body.ec-page .theme-main-menu:has(.navbar-collapse.show) .ec-loot, body.ec-page .theme-main-menu:has(.navbar-collapse.collapsing) .ec-loot { display: none; }
.ec-loot .ec-prop { position: absolute; left: 0; top: 0; display: block; visibility: hidden; }
.ec-loot.is-placed .ec-prop { visibility: visible; }
.ec-loot.is-placed .ec-prop.is-off { visibility: hidden; }
.ec-loot .ec-pi { position: absolute; inset: 0; display: block; }
.ec-loot .ec-pi img { display: block; width: 100%; height: 100%; max-width: none; filter: drop-shadow(1px 1px 0 rgba(27, 18, 13, .14)); }
.ec-loot .ec-prop.is-ground::before { content: ""; position: absolute; left: 10%; right: 10%; bottom: -2px; height: 4px; border-radius: 50%; background: rgba(27, 18, 13, .2); }
.ec-loot .ec-prop-whip::before { left: 14%; right: 8%; }
.ec-loot .ec-prop-tumble::before { left: 16%; right: 16%; }
.ec-loot .ec-prop-arc::before { left: -30%; right: -30%; }
.ec-loot .ec-prop-edge::before { left: 18%; right: 18%; }
.ec-loot .ec-prop-cash::before { left: 4%; right: 10%; bottom: -1px; height: 3px; }
.ec-loot .ec-prop-hung .ec-pi { transform-origin: 99% 1.39%; }
.ec-loot .ec-prop-holster .ec-pi { transform-origin: 7.45% 9.16%; }
.ec-loot .ec-prop-edge .ec-pi { transform-origin: 50% 100%; }
.ec-loot.is-placed .ec-prop-whip .ec-pi { animation: ecPropDrop .62s linear var(--d) both; }
.ec-loot.is-placed .ec-prop-arc .ec-pi { animation: ecPropHop .66s linear var(--d) both; }
.ec-loot.is-placed .ec-prop-lying .ec-pi { animation: ecPropDrop .56s linear var(--d) both; }
.ec-loot.is-placed .ec-prop-tumble { animation: ecTwRoll var(--ec-dur, 1.5s) linear var(--d) both; }
.ec-loot.is-placed .ec-prop-tumble .ec-pi { animation: ecTwHop var(--ec-dur, 1.5s) linear var(--d) both; }
.ec-loot.is-placed .ec-prop-tumble img { animation: ecTwSpin var(--ec-dur, 1.5s) linear var(--d) both; }
.ec-loot.is-placed .ec-prop-edge { animation: ecEdgeRoll .9s cubic-bezier(.25, .7, .4, 1) var(--d) both; }
.ec-loot.is-placed .ec-prop-edge img { animation: ecEdgeSpin .9s cubic-bezier(.25, .7, .4, 1) var(--d) both; }
.ec-loot.has-tw .ec-prop-edge .ec-pi { animation: ecKnock .6s ease-out var(--ec-hit, 1.3s) both; }
.ec-loot.is-placed .ec-prop-cash .ec-pi { animation: ecCashFloat 1.3s ease-in-out var(--d) both; }
.ec-loot.is-placed .ec-prop-hung .ec-pi { animation: ecHang 1.8s linear var(--d) both; }
.ec-loot.is-placed .ec-prop-coin1 .ec-pi, .ec-loot.is-placed .ec-prop-coin2 .ec-pi, .ec-loot.is-placed .ec-prop-coin3 .ec-pi { animation: ecCoinDrop .56s linear var(--d) both; }
.ec-loot.is-placed .ec-prop-holster .ec-pi { animation: ecSwing 1.9s linear var(--d) both; }
.ec-loot.is-placed .is-ground::before { animation: ecShade var(--sh, .62s) linear var(--d) both; }
.ec-loot.is-placed .ec-prop-cash::before { --sh: 1.3s; }
.ec-loot.is-placed .ec-prop-tumble::before, .ec-loot.is-placed .ec-prop-edge::before { animation: none; }
.ec-loot.is-done .ec-prop, .ec-loot.is-done .ec-prop .ec-pi, .ec-loot.is-done .ec-prop img, .ec-loot.is-done .ec-prop::before { animation: none; }
@keyframes ecShade { 0%, 62% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ecPropDrop { 0% { opacity: 0; transform: translateY(-34px); animation-timing-function: cubic-bezier(.55, 0, .9, .45); } 12% { opacity: 1; } 58% { transform: translateY(0); animation-timing-function: cubic-bezier(.1, .6, .4, 1); } 74% { transform: translateY(-3px); animation-timing-function: cubic-bezier(.6, 0, .9, .5); } 88%, 100% { opacity: 1; transform: translateY(0); } }
@keyframes ecPropHop { 0% { opacity: 0; transform: translateY(-38px) rotate(-24deg); animation-timing-function: cubic-bezier(.55, 0, .9, .45); } 12% { opacity: 1; } 52% { transform: translateY(0) rotate(-6deg); animation-timing-function: cubic-bezier(.1, .6, .4, 1); } 68% { transform: translateY(-6px) rotate(9deg); animation-timing-function: cubic-bezier(.6, 0, .9, .5); } 82% { transform: translateY(0) rotate(-3deg); animation-timing-function: ease-out; } 92% { transform: translateY(0) rotate(1.2deg); } 100% { opacity: 1; transform: translateY(0) rotate(0); } }
@keyframes ecCoinDrop { 0% { opacity: 0; transform: translateY(-38px) rotate(-16deg); animation-timing-function: cubic-bezier(.55, 0, .9, .45); } 14% { opacity: 1; } 60% { transform: translateY(0) rotate(0); animation-timing-function: cubic-bezier(.1, .6, .4, 1); } 76% { transform: translateY(-2.5px) rotate(5deg); animation-timing-function: cubic-bezier(.6, 0, .9, .5); } 88% { transform: translateY(0) rotate(-2deg); } 100% { opacity: 1; transform: translateY(0) rotate(0); } }
@keyframes ecTwRoll { 0% { transform: translateX(var(--ec-roll, 320px)); animation-timing-function: cubic-bezier(.3, .45, .6, .85); } 80% { transform: translateX(0); animation-timing-function: cubic-bezier(.2, .7, .4, 1); } 89% { transform: translateX(3px); animation-timing-function: cubic-bezier(.5, 0, .5, 1); } 100% { transform: translateX(0); } }
@keyframes ecTwSpin { 0% { transform: rotate(var(--ec-spin, 1146deg)); animation-timing-function: cubic-bezier(.3, .45, .6, .85); } 80% { transform: rotate(0deg); animation-timing-function: cubic-bezier(.2, .7, .4, 1); } 89% { transform: rotate(10.7deg); animation-timing-function: cubic-bezier(.5, 0, .5, 1); } 100% { transform: rotate(0deg); } }
@keyframes ecTwHop { 0% { transform: translateY(0); animation-timing-function: cubic-bezier(.2, .7, .4, 1); } 6% { transform: translateY(-11px); animation-timing-function: cubic-bezier(.6, 0, .8, .3); } 13% { transform: translateY(0); animation-timing-function: cubic-bezier(.2, .7, .4, 1); } 20% { transform: translateY(-8px); animation-timing-function: cubic-bezier(.6, 0, .8, .3); } 28% { transform: translateY(0); animation-timing-function: cubic-bezier(.2, .7, .4, 1); } 37% { transform: translateY(-5px); animation-timing-function: cubic-bezier(.6, 0, .8, .3); } 47% { transform: translateY(0); animation-timing-function: cubic-bezier(.2, .7, .4, 1); } 57% { transform: translateY(-2.5px); animation-timing-function: cubic-bezier(.6, 0, .8, .3); } 67%, 80% { transform: translateY(0); animation-timing-function: cubic-bezier(.2, .7, .4, 1); } 85% { transform: translateY(-2px); animation-timing-function: cubic-bezier(.6, 0, .8, .3); } 91%, 100% { transform: translateY(0); } }
@keyframes ecEdgeRoll { 0% { opacity: 0; transform: translateX(46px); } 14% { opacity: 1; } 80% { transform: translateX(-1.5px); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes ecEdgeSpin { 0% { transform: rotate(351deg); } 80% { transform: rotate(-11deg); } 90% { transform: rotate(3deg); } 100% { transform: rotate(0deg); } }
@keyframes ecKnock { 0% { transform: rotate(0); } 20% { transform: rotate(-4deg); } 48% { transform: rotate(2deg); } 74% { transform: rotate(-.8deg); } 100% { transform: rotate(0); } }
@keyframes ecCashFloat { 0% { opacity: 0; transform: translate(-16px, -46px) rotate(-20deg); } 12% { opacity: 1; } 38% { transform: translate(9px, -26px) rotate(14deg); } 64% { transform: translate(-5px, -9px) rotate(-8deg); } 84% { transform: translate(2px, -1px) rotate(3deg); } 100% { opacity: 1; transform: translate(0, 0) rotate(0); } }
@keyframes ecHang { 0% { opacity: 0; transform: translate(-20px, -44px) rotate(-26deg); animation-timing-function: ease-in-out; } 8% { opacity: 1; } 22% { transform: translate(7px, -29px) rotate(20deg); animation-timing-function: ease-in-out; } 38% { transform: translate(-6px, -12px) rotate(-4deg); animation-timing-function: ease-in; } 50% { transform: translate(0, 0) rotate(30deg); animation-timing-function: cubic-bezier(.5, 0, .9, .45); } 62% { transform: translate(0, 0) rotate(0); animation-timing-function: cubic-bezier(.1, .55, .4, 1); } 72% { transform: rotate(9deg); animation-timing-function: cubic-bezier(.6, 0, .9, .45); } 82% { transform: rotate(0); animation-timing-function: cubic-bezier(.1, .55, .4, 1); } 90% { transform: rotate(2.5deg); animation-timing-function: cubic-bezier(.6, 0, .9, .45); } 100% { opacity: 1; transform: rotate(0); } }
@keyframes ecSwing { 0% { opacity: 0; transform: translateY(-10px) rotate(0); animation-timing-function: cubic-bezier(.5, 0, .9, .4); } 8% { opacity: 1; transform: translateY(0) rotate(0); animation-timing-function: cubic-bezier(.2, .6, .4, 1); } 24% { transform: rotate(-13deg); animation-timing-function: cubic-bezier(.6, 0, .8, .4); } 38% { transform: rotate(0); animation-timing-function: cubic-bezier(.2, .6, .4, 1); } 52% { transform: rotate(-6deg); animation-timing-function: cubic-bezier(.6, 0, .8, .4); } 64% { transform: rotate(0); animation-timing-function: cubic-bezier(.2, .6, .4, 1); } 76% { transform: rotate(-2deg); animation-timing-function: cubic-bezier(.6, 0, .8, .4); } 88%, 100% { opacity: 1; transform: rotate(0); } }
@media (prefers-reduced-motion: reduce) {
	.ec-loot .ec-prop, .ec-loot .ec-prop .ec-pi, .ec-loot .ec-prop img, .ec-loot .ec-prop::before { animation: none !important; }
}

body.ec-page .theme-main-menu .nav-item .nav-link.ec-arms { position: relative; }
.ec-arms .ec-hat { position: absolute; left: 50%; top: -19px; width: 50px; height: 29px; margin-left: -29px; pointer-events: none; transform-origin: 50% 100%; transform: rotate(-8deg); animation: ecHatDrop 1.1s cubic-bezier(.3, 1.4, .5, 1) .35s both; }
.ec-arms .ec-hat svg { width: 100%; height: 100%; }
.ec-arms:hover .ec-hat, .ec-arms:focus-visible .ec-hat { animation: ecHatTip .6s ease-in-out both; }
@keyframes ecHatDrop { 0% { opacity: 0; transform: translateY(-34px) rotate(-30deg); } 60% { opacity: 1; transform: translateY(2px) rotate(-4deg); } 100% { opacity: 1; transform: translateY(0) rotate(-8deg); } }
@keyframes ecHatTip { 0%, 100% { transform: translateY(0) rotate(-8deg); } 40% { transform: translateY(-8px) rotate(-8deg); } 70% { transform: translateY(1px) rotate(-8deg); } }
body.ec-page .theme-main-menu .navbar .dropdown-menu .dropdown-item.ec-menu-item { font-weight: 700; }

.ec-scene { --ec-hz: 76.7%; position: relative; z-index: 2; height: max(104px, 10.4vw); overflow: hidden; background: linear-gradient(#2B1410 0 calc(var(--ec-hz) * .2608), #4A1711 0 calc(var(--ec-hz) * .4433), #6E1D16 0 calc(var(--ec-hz) * .5997), #9A2918 0 calc(var(--ec-hz) * .7431), #C5421C 0 calc(var(--ec-hz) * .8605), #E2611E 0 calc(var(--ec-hz) * .9387), #F0A23A 0 var(--ec-hz), #1B120D 0); }
.ec-scene::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--ec-grain); opacity: .16; mix-blend-mode: multiply; }
.ec-scene::before { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 18%; pointer-events: none; background-color: var(--ec-ink); background-image: var(--ec-grain); -webkit-mask-image: linear-gradient(transparent, #000 88%); mask-image: linear-gradient(transparent, #000 88%); }
.ec-scene-art, .ec-scene-art svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.ec-scene .ec-sc-signtext { font-family: var(--ec-display); }
.ec-scene-tight .ec-sc-sign-wide, .ec-scene:not(.ec-scene-tight) .ec-sc-sign-tall { display: none; }
@keyframes ecShow { to { opacity: 1; } }
@keyframes ecHide { to { opacity: 0; } }
@keyframes ecMuzzle { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes ecSmoke { 0% { opacity: 0; transform: scale(.3); } 12% { opacity: .9; transform: scale(.8); } 100% { opacity: 0; transform: translateY(-14px) scale(1.7); } }

.ec-hero { position: relative; padding: clamp(40px, 5vw, 76px) 0 clamp(56px, 6vw, 96px); overflow: hidden; }
.ec-hero::before { content: ""; position: absolute; z-index: 0; right: -16vw; top: 2vw; width: min(1100px, 90vw); aspect-ratio: 1; border-radius: 50%; background: repeating-conic-gradient(from 0deg, rgba(142, 59, 31, .13) 0deg 6deg, transparent 6deg 14deg); mask-image: radial-gradient(circle, #000 0, #000 40%, transparent 70%); -webkit-mask-image: radial-gradient(circle, #000 0, #000 40%, transparent 70%); pointer-events: none; }
.ec-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.ec-hero-copy { position: relative; }

.ec-pricetag { position: absolute; z-index: 4; right: 0; top: -6px; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px 22px 16px 40px; border-style: solid; border-color: transparent; border-width: 3px 8px 8px 3px; border-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><path fill='%231B120D' d='M27 5H91a9 9 0 0 1 9 9V91a9 9 0 0 1-9 9H27L5 78V27Z'/><path fill='%231B120D' d='M22 0H86a9 9 0 0 1 9 9V86a9 9 0 0 1-9 9H22L0 73V22Z'/><path fill='%23F4EAD2' d='M23.24 3H86a6 6 0 0 1 6 6V86a6 6 0 0 1-6 6H23.24L3 71.76V23.24Z'/></svg>") 30 20 34 30 fill / 30px 20px 34px 30px stretch; transform: rotate(5deg); text-align: center; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.ec-pricetag::before { content: ""; position: absolute; left: 11px; top: 50%; width: 11px; height: 11px; margin-top: -5.5px; border-radius: 50%; background: var(--ec-paper); box-shadow: inset 1px 1px 0 1px rgba(27, 18, 13, .45), 0 0 0 2.5px var(--ec-brass), 0 0 0 4px var(--ec-ink); }
.ec-pt-was { display: flex; align-items: baseline; justify-content: center; gap: 20px; }
.ec-pt-old, .ec-pt-now { margin: 0; line-height: 1; }
.ec-pt-old s { position: relative; font-family: var(--ec-display); font-size: 23px; color: var(--ec-ink-3); text-decoration: none; }
.ec-pt-old s::after { content: ""; position: absolute; left: -4px; right: -4px; top: 52%; height: 3px; background: var(--ec-blood); transform: rotate(-9deg); border-radius: 2px; }
.ec-pt-now b { display: block; margin-top: 2px; font-family: var(--ec-display); font-weight: 400; font-size: 56px; line-height: .95; color: var(--ec-blood); text-shadow: 2px 2px 0 var(--ec-ink); }

.ec-hero-kicker { display: inline-block; margin: 0 0 16px; padding: 6px 14px 3px; border: 3px solid var(--ec-blood); color: var(--ec-blood); font-family: var(--ec-gothic); font-size: clamp(26px, 2.6vw, 34px); line-height: 1.05; letter-spacing: .05em; text-transform: uppercase; transform: rotate(-3deg); -webkit-mask-image: var(--ec-ink-bleed); mask-image: var(--ec-ink-bleed); -webkit-mask-size: 220px; mask-size: 220px; }
.ec-title { position: relative; margin: 0 0 18px; color: var(--ec-ink); font-family: var(--ec-display); font-weight: 400; line-height: .9; text-transform: uppercase; }
.ec-title-main { display: block; font-size: clamp(64px, 9.6vw, 152px); letter-spacing: .005em; color: var(--ec-blood); -webkit-text-stroke: 2px var(--ec-ink); paint-order: stroke fill; text-shadow: 3px 3px 0 var(--ec-ink), 6px 6px 0 var(--ec-ink), 9px 9px 0 #5A100E, 11px 11px 0 var(--ec-ink); }
.ec-stache { display: block; width: clamp(150px, 19vw, 280px); margin: clamp(-6px, -.4vw, -2px) 0 4px clamp(40px, 9vw, 140px); }
.ec-stache svg { width: 100%; height: auto; }
.ec-title em { display: block; padding-bottom: 4px; font-style: normal; font-size: clamp(42px, 6.2vw, 96px); color: var(--ec-bone); -webkit-text-stroke: 2px var(--ec-ink); paint-order: stroke fill; text-shadow: 3px 3px 0 var(--ec-blood), 6px 6px 0 var(--ec-ink); letter-spacing: .02em; }
.ec-role { max-width: 640px; margin-top: 16px; color: var(--ec-ink-2); font: 400 18px/1.6 var(--ec-gothic); letter-spacing: .08em; text-transform: uppercase; }
.ec-lede { max-width: 620px; margin-top: 24px; color: var(--ec-ink); font-size: 19px; line-height: 1.7; text-wrap: pretty; }

.ec-picker { position: relative; margin-top: 26px; max-width: 640px; padding: 22px 20px 16px; border: 3px solid var(--ec-ink); border-radius: 6px; background: var(--ec-bone); box-shadow: 6px 6px 0 var(--ec-ink); }
.ec-picker::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 10px; background-color: var(--ec-ink); background-image: radial-gradient(circle, var(--ec-brass) 0 2.2px, transparent 2.8px); background-size: 22px 10px; background-position: 6px 0; }
.ec-picker-head { margin: 6px 0 10px; }
.ec-picker-title { font-family: var(--ec-display); font-size: clamp(22px, 2.1vw, 28px); line-height: 1; text-transform: uppercase; color: var(--ec-ink); }
.ec-picker-row { display: grid; grid-template-columns: 70px minmax(0, 1fr); align-items: center; gap: 10px; margin-top: 10px; }
.ec-picker-label { font: 400 17px/1 var(--ec-gothic); letter-spacing: .07em; text-transform: uppercase; }
.ec-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ec-seg-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 8px 10px; border: 2px solid var(--ec-ink); border-radius: 4px; background: var(--ec-paper); color: var(--ec-ink); font-family: var(--ec-gothic); font-weight: 400; font-size: 19px; letter-spacing: .05em; text-transform: uppercase; line-height: 1.1; transition: background .18s, transform .18s, box-shadow .18s; }
.ec-seg-btn:hover { transform: translateY(-1px); box-shadow: 0 3px 0 var(--ec-ink); }
.ec-seg-btn[aria-checked="true"] { background: var(--ec-ink); color: var(--ec-bone); box-shadow: inset 0 0 0 2px var(--ec-mustard); }
.ec-swatch { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; border: 2px solid currentColor; }
.ec-swatch-fde { background: var(--ec-fde); }
.ec-swatch-odg { background: var(--ec-odg); }
.ec-swatch-ss { background: linear-gradient(135deg, #f4f6f8, var(--ec-steel) 45%, #8E979F); }
.ec-swatch-cmv { background: linear-gradient(135deg, #55585e, var(--ec-nitride) 55%, #121315); }
.ec-picker-out { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 14px; padding-top: 12px; border-top: 2px dashed rgba(27, 18, 13, .3); }
.ec-picker-out p { font-size: 15px; line-height: 1.45; }
.ec-picker-out b { color: var(--ec-blood); }
.ec-picker-price { flex: 0 0 auto; font-family: var(--ec-display); font-size: 34px; line-height: 1; color: var(--ec-ink); }

.ec-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.ec-btn, .ec-btn-ghost { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 8px 26px; text-align: center; border: 3px solid var(--ec-ink); border-radius: 4px; font: 400 20px/1 var(--ec-gothic); letter-spacing: .07em; text-transform: uppercase; text-decoration: none; transition: transform .18s, box-shadow .18s, background .18s; }
.ec-btn { background: var(--ec-blood); color: var(--ec-bone); box-shadow: 4px 4px 0 var(--ec-ink); }
.ec-btn:hover { color: var(--ec-bone); background: var(--ec-blood-dk); transform: translate(-1px, -1px); box-shadow: 6px 6px 0 var(--ec-ink); }
.ec-btn:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--ec-ink); }
.ec-btn-ghost { background: var(--ec-bone); color: var(--ec-ink); box-shadow: 4px 4px 0 var(--ec-ink); }
.ec-btn-ghost:hover { color: var(--ec-ink); background: var(--ec-mustard); transform: translate(-1px, -1px); box-shadow: 6px 6px 0 var(--ec-ink); }

.ec-wanted-col { position: relative; z-index: 1; }
.ec-wanted { position: relative; margin: 0 auto; width: min(440px, 100%); padding: 26px 26px 30px; background: #E8D3A2; color: var(--ec-ink); text-align: center; border-radius: 3px; box-shadow: 0 30px 50px -28px rgba(27, 18, 13, .8), inset 0 0 70px rgba(110, 50, 18, .5), inset 0 0 0 2px rgba(27, 18, 13, .22); transform: rotate(1.6deg); transform-origin: 50% 0; clip-path: polygon(0 1.2%, 6% 0, 14% .9%, 23% .1%, 33% 1%, 44% 0, 56% .8%, 67% .1%, 79% 1%, 90% 0, 100% .9%, 99.4% 12%, 100% 26%, 99.3% 41%, 100% 57%, 99.4% 73%, 100% 88%, 99.2% 100%, 88% 99.1%, 76% 100%, 63% 99.2%, 50% 100%, 37% 99.1%, 24% 100%, 12% 99.2%, 0 100%, .6% 86%, 0 70%, .7% 54%, 0 39%, .6% 23%, 0 9%); }
.ec-wanted::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--ec-fibers); opacity: .9; mix-blend-mode: multiply; }
.ec-nail { position: absolute; z-index: 2; top: 9px; width: 12px; height: 12px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #d7d2c9, #6a645e 60%, #1B120D); box-shadow: 0 2px 2px rgba(0, 0, 0, .35); }
.ec-nail-1 { left: 16px; } .ec-nail-2 { right: 16px; }
.ec-wanted-top b { position: relative; display: block; font-family: var(--ec-display); font-weight: 400; font-size: clamp(48px, 5.8vw, 76px); line-height: .9; letter-spacing: .04em; text-transform: uppercase; color: var(--ec-blood); text-shadow: 2px 2px 0 rgba(27, 18, 13, .3); }
.ec-wanted-photo { position: relative; margin: 14px auto 12px; border: 3px solid var(--ec-ink); background: var(--ec-paper); }
.ec-wanted-photo img { width: 100%; height: auto; aspect-ratio: 5 / 5.4; object-fit: cover; filter: sepia(.25) contrast(1.04); }
.ec-wanted-soon { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%) rotate(-3deg); padding: 6px 12px; background: var(--ec-bone); border: 2px solid var(--ec-ink); font: 400 17px/1 var(--ec-gothic); letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
.ec-wanted-bottom { position: relative; display: block; }
.ec-wanted-name { display: block; font-family: var(--ec-display); font-size: clamp(40px, 4.8vw, 62px); line-height: .95; text-transform: uppercase; letter-spacing: .02em; }
.ec-wanted-cal { display: block; margin-top: 6px; font: 400 18.5px/1.3 var(--ec-gothic); letter-spacing: .08em; text-transform: uppercase; }
.ec-wanted-reward { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 10px; padding: 8px 0; border-top: 2px solid var(--ec-ink); border-bottom: 2px solid var(--ec-ink); }
.ec-wanted-reward small { font-family: var(--ec-gothic); font-size: 24px; line-height: 1; letter-spacing: .06em; text-transform: uppercase; }
.ec-wanted-reward b { font-family: var(--ec-display); font-weight: 400; font-size: 46px; line-height: 1; color: var(--ec-blood); }
.ec-wanted-crime { display: block; margin-top: 10px; font-family: var(--ec-fell); font-style: italic; font-size: clamp(19px, 1.9vw, 23px); line-height: 1.15; color: var(--ec-ink-2); }
.ec-wanted-alive { display: block; margin-top: 8px; font-family: var(--ec-display); font-size: clamp(26px, 2.6vw, 34px); line-height: 1; text-transform: uppercase; color: var(--ec-ink); letter-spacing: .04em; }
.ec-wanted-report { display: block; margin-top: 8px; padding-top: 8px; border-top: 2px solid var(--ec-ink); font: 400 17px/1.2 var(--ec-gothic); letter-spacing: .09em; text-transform: uppercase; }
.ec-wanted-stamp { position: absolute; z-index: 3; right: 1%; top: 33%; width: 34%; transform: rotate(-14deg); }
.ec-hole { position: absolute; z-index: 3; width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle, #120a06 0 38%, #5E3216 40% 52%, rgba(94, 50, 22, 0) 70%); opacity: 0; transform: scale(.4); }
.ec-hole-1 { left: 5%; top: 46%; } .ec-hole-2 { right: 5%; top: 24%; } .ec-hole-3 { right: 14%; top: 60%; }
.ec-wanted.on .ec-hole { animation: ecBang .22s ease-out forwards; }
.ec-wanted.on .ec-hole-1 { animation-delay: 1.15s; } .ec-wanted.on .ec-hole-2 { animation-delay: 1.45s; } .ec-wanted.on .ec-hole-3 { animation-delay: 1.7s; }
@keyframes ecBang { 0% { opacity: 0; transform: scale(2.2); } 100% { opacity: .95; transform: scale(1); } }

.ec-stamp { display: block; overflow: visible; color: var(--ec-violet); opacity: .82; -webkit-mask-image: var(--ec-ink-bleed); mask-image: var(--ec-ink-bleed); -webkit-mask-size: 220px; mask-size: 220px; pointer-events: none; }
.ec-stamp-ring { font-family: var(--ec-fellsc); font-size: 17px; letter-spacing: .08em; fill: currentColor; }
.ec-stamp-word { font-family: var(--ec-gothic); font-size: 38px; letter-spacing: .06em; fill: currentColor; }
.ec-stamp-small { font-family: var(--ec-fellsc); font-size: 13px; letter-spacing: .02em; fill: currentColor; }
.ec-stamp-vobo { font-family: var(--ec-fell); font-style: italic; font-size: 40px; fill: currentColor; }
.ec-stamp-cert-a { font-family: var(--ec-gothic); font-size: 52px; letter-spacing: .05em; fill: currentColor; }
.ec-stamp-cert-b { font-family: var(--ec-gothic); font-size: 28px; letter-spacing: .05em; fill: currentColor; }
.ec-feo { position: absolute; right: 10px; bottom: 6px; width: 120px; transform: rotate(-12deg); }
.ec-stamp-us { color: var(--ec-blood); }

.ec-signs { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 34px auto 0; width: min(520px, 100%); }
.ec-sign { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 92px; padding: 14px 16px 12px; border: 3px solid var(--ec-ink); border-radius: 3px; background-color: var(--ec-ink-2); background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, .04) 0 2px, transparent 2px 9px), linear-gradient(90deg, rgba(0, 0, 0, .25), transparent 30%, transparent 70%, rgba(0, 0, 0, .25)); color: var(--ec-bone); font-family: var(--ec-fellsc); font-size: 17px; line-height: 1.2; text-align: center; box-shadow: 3px 3px 0 var(--ec-ink); }
.ec-sign::before, .ec-sign::after { content: ""; position: absolute; top: 6px; width: 5px; height: 5px; border-radius: 50%; background: var(--ec-brass); box-shadow: 0 1px 0 rgba(0, 0, 0, .5); }
.ec-sign::before { left: 6px; } .ec-sign::after { right: 6px; }
.ec-sign:nth-child(2) { transform: rotate(-1.2deg); } .ec-sign:nth-child(3) { transform: rotate(1deg); } .ec-sign:nth-child(4) { transform: rotate(-.8deg); }
.ec-sign:not(.ec-sign-money) { font-family: var(--ec-gothic); text-transform: uppercase; font-size: clamp(19px, 1.6vw, 23px); line-height: 1.08; letter-spacing: .03em; color: var(--ec-bone); }
.ec-sign-money b { display: block; font-family: var(--ec-display); font-weight: 400; font-size: clamp(21px, 1.85vw, 27px); line-height: 1.02; text-transform: uppercase; text-wrap: balance; color: var(--ec-mustard); }
.ec-sign-money span { display: block; margin-top: 4px; font: 400 17px/1.25 var(--ec-gothic); letter-spacing: .06em; text-transform: uppercase; }

.ec-section { position: relative; padding: clamp(60px, 7vw, 110px) 0; }
#combos, #order { scroll-margin-top: 88px; }
.ec-head { max-width: 900px; margin: 0 auto clamp(30px, 4vw, 50px); text-align: center; }
.ec-kicker { display: inline-block; margin-bottom: 14px; padding: 6px 14px 4px; border: 3px solid currentColor; color: var(--ec-blood); font-family: var(--ec-gothic); font-size: clamp(24px, 2.3vw, 30px); line-height: 1.05; letter-spacing: .05em; text-transform: uppercase; transform: rotate(-2.5deg); -webkit-mask-image: var(--ec-ink-bleed); mask-image: var(--ec-ink-bleed); -webkit-mask-size: 220px; mask-size: 220px; }
.ec-head h2 { text-wrap: balance; font-family: var(--ec-gothic); font-weight: 400; font-size: clamp(52px, 7.4vw, 110px); line-height: .92; letter-spacing: .01em; text-transform: uppercase; color: var(--ec-ink); }
.ec-head p { max-width: 660px; margin: 14px auto 0; font-size: 18px; line-height: 1.6; color: var(--ec-ink-2); text-wrap: pretty; }

.ec-run { position: relative; z-index: 2; height: clamp(120px, 12vw, 170px); margin: calc(-1 * clamp(60px, 7vw, 110px)) 0 clamp(44px, 5vw, 70px); overflow: hidden; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60 L0 44 L80 44 L104 30 L220 30 L244 46 L520 48 L548 36 L566 36 L576 22 L650 22 L662 36 L700 40 L740 52 L1000 54 L1030 42 L1110 42 L1134 26 L1260 26 L1284 44 L1330 46 L1352 34 L1390 34 L1410 50 L1600 52 L1600 60 Z' fill='%232B1410'/%3E%3C/svg%3E") left bottom 23.3% / 100% 16% no-repeat, var(--ec-sky); }
.ec-run::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--ec-grain); opacity: .14; mix-blend-mode: multiply; }
.ec-run-donkey { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60 L0 44 L80 44 L104 30 L220 30 L244 46 L520 48 L548 36 L566 36 L576 22 L650 22 L662 36 L700 40 L740 52 L1000 54 L1030 42 L1110 42 L1134 26 L1260 26 L1284 44 L1330 46 L1352 34 L1390 34 L1410 50 L1600 52 L1600 60 Z' fill='%23B07A44'/%3E%3C/svg%3E") left bottom 23.3% / 100% 16% no-repeat, linear-gradient(#F3DFAE 0 22%, #EED29A 22% 40%, #E8C484 40% 56%, #E0B26C 56% 68%, #D59B55 68% 76.7%, #3B2412 76.7%); }
.ec-run-donkey::before { display: none; }
.ec-run::before { content: ""; position: absolute; left: 50%; bottom: 23.3%; width: clamp(120px, 14vw, 200px); aspect-ratio: 2; margin-left: calc(clamp(120px, 14vw, 200px) / -2); border-radius: 200px 200px 0 0; background: var(--ec-sun); opacity: .9; }
.ec-runner { position: absolute; left: 0; bottom: 20.5%; z-index: 1; height: 70%; will-change: transform; }
.ec-runner svg { width: auto; height: 100%; overflow: visible; }
.ec-runner .ec-f { display: none; }
.ec-runner[data-frame="1"] .ec-f1, .ec-runner[data-frame="2"] .ec-f2, .ec-runner[data-frame="3"] .ec-f3, .ec-runner[data-frame="4"] .ec-f4, .ec-runner[data-frame="5"] .ec-f5, .ec-runner[data-frame="6"] .ec-f6, .ec-runner[data-frame="lift"] .ec-f-lift, .ec-runner[data-frame="turn"] .ec-f-turn, .ec-runner[data-frame="shoot"] .ec-f-shoot { display: inline; }
.ec-runner .ec-flash, .ec-runner .ec-smoke { opacity: 0; transform-box: fill-box; transform-origin: 50% 50%; }
.ec-js .ec-run .ec-runner { transform: translate3d(-200%, 0, 0); }
.ec-run-donkey .ec-runner { height: 62%; bottom: 19.6%; }
.ec-poop { position: absolute; left: 0; bottom: 20%; z-index: 1; width: clamp(22px, 2.4vw, 32px); opacity: 0; }
.ec-poop svg { width: 100%; height: auto; overflow: visible; }
.ec-poop .ec-poop-pile, .ec-poop .ec-poop-stink { opacity: 0; }
.ec-poop .ec-poop-pile, .ec-poop .ec-poop-stink path { transform-box: fill-box; transform-origin: 50% 100%; }
.ec-poop.landed { opacity: 1; }
.ec-poop.landed .ec-poop-fall { opacity: 0; }
.ec-poop.landed .ec-poop-pile, .ec-poop.landed .ec-poop-stink { opacity: 1; }
.ec-crack { position: fixed; z-index: 10001; width: min(56vw, 280px); pointer-events: none; transform: translate(-50%, -50%); }
.ec-crack img { width: 100%; height: auto; transition: opacity .5s ease; }
.ec-crack.ec-crack-out img { opacity: 0; }
.ec-run-chase { height: clamp(100px, calc(6vw + 60px), 146px); margin-top: calc(-1 * clamp(60px, 7vw, 110px) + clamp(14px, 2.4vw, 34px)); background: none; }
.ec-run-chase::before, .ec-run-chase::after { display: none; }
.ec-ch-stage { position: absolute; top: 0; bottom: 0; left: max(clamp(18px, 4vw, 60px), calc((100% - 1440px) / 2 + clamp(18px, 4vw, 60px))); right: max(clamp(18px, 4vw, 60px), calc((100% - 1440px) / 2 + clamp(18px, 4vw, 60px))); overflow: hidden; contain: layout paint; }
.ec-ch-stage .ec-runner { bottom: 8.197%; height: 81.967%; }
.ec-ch-sign { position: absolute; left: 0; bottom: 9.836%; z-index: 3; height: 55.738%; }
.ec-ch-sign svg { width: auto; height: 100%; }
.ec-ch-sign-tall { height: 60.656%; }
.ec-ch-sign-tall { display: none; }
.ec-ch-banker[data-frame="hide"] .ec-f-hide { display: inline; }
.ec-ch-banker .ec-ch-hf { transform-box: fill-box; transform-origin: 50% 50%; }
.ec-ch-banker.ec-ch-look .ec-ch-hf { transform: scaleX(-1); }
.ec-ch-banker { z-index: 2; }
.ec-ch-hat { transform: translateY(calc(var(--ec-ch-hop, 0) * -1px)); }
.ec-run-chase .ec-sc-signtext { font-family: var(--ec-display); }
.ec-ch-cash { position: absolute; left: 0; bottom: 11.475%; opacity: 0; transform-origin: 50% 100%; will-change: transform; }
.ec-ch-bill { height: max(9px, 7.8%); aspect-ratio: 2.1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 20'%3E%3Crect x='.7' y='.7' width='40.6' height='18.6' rx='1.8' fill='%23567549' stroke='%2322301C' stroke-width='1.4'/%3E%3Crect x='3.4' y='3.2' width='35.2' height='13.6' rx='1' fill='none' stroke='%23C9D2B0' stroke-opacity='.5' stroke-width='1'/%3E%3Ccircle cx='8.2' cy='10' r='2.2' fill='%23C9D2B0' fill-opacity='.55'/%3E%3Ccircle cx='33.8' cy='10' r='2.2' fill='%23C9D2B0' fill-opacity='.55'/%3E%3Cellipse cx='21' cy='10' rx='6.4' ry='6.8' fill='%23DCE3C6'/%3E%3Cpath d='M23.7 7.3C23.2 6.2 22.2 5.7 21 5.7c-1.5 0-2.6.8-2.6 2 0 2.7 5.3 1.9 5.3 4.7 0 1.3-1.2 2.1-2.7 2.1-1.3 0-2.3-.6-2.8-1.6M21 4.1v11.8' fill='none' stroke='%2322301C' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.ec-ch-coin { height: max(7px, 6.2%); aspect-ratio: 1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='%237A5418'/%3E%3Ccircle cx='10' cy='10' r='8' fill='%23D9A43A'/%3E%3Ccircle cx='10' cy='10' r='5.5' fill='none' stroke='%23A9772A' stroke-width='1.1'/%3E%3Cellipse cx='7' cy='6.5' rx='2.7' ry='1.6' transform='rotate(-38 7 6.5)' fill='%23FFF0C0'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.ec-ch-puff { position: absolute; left: 0; bottom: 9%; z-index: 1; height: 15%; aspect-ratio: 2.6; opacity: 0; transform-origin: 50% 100%; background: radial-gradient(circle at 28% 66%, rgba(196, 154, 99, .7) 0 16%, rgba(196, 154, 99, 0) 32%), radial-gradient(circle at 52% 44%, rgba(184, 138, 85, .62) 0 20%, rgba(184, 138, 85, 0) 38%), radial-gradient(circle at 76% 68%, rgba(196, 154, 99, .6) 0 14%, rgba(196, 154, 99, 0) 30%); }
:root:not(.ec-js) .ec-run-chase .ec-runner, :root:not(.ec-js) .ec-run-chase .ec-ch-cash { left: calc(var(--x, 50) * 1%); transform: none; }
:root:not(.ec-js) .ec-run-chase .ec-ch-cash { opacity: 1; transform: rotate(calc(var(--r, 0) * 1deg)) scaleY(.55); }
:root:not(.ec-js) .ec-run-chase .ec-ch-coin { transform: scaleY(.6); }
@media (max-width: 767px) {
	.ec-ch-sign-wide, .ec-ch-mob-4 { display: none; }
	:root:not(.ec-js) .ec-run-chase .ec-ch-mob-3 { --x: 33; }
	:root:not(.ec-js) .ec-run-chase .ec-ch-mob-2 { --x: 45; }
	:root:not(.ec-js) .ec-run-chase .ec-ch-mob-1 { --x: 57; }
	.ec-ch-sign-tall { display: block; }
	:root:not(.ec-js) .ec-run-chase .ec-ch-bill:nth-child(even), :root:not(.ec-js) .ec-run-chase .ec-ch-coin:nth-child(odd) { display: none; }
}

.ec-cine-sec { background-color: var(--ec-ink); color: var(--ec-bone); background-image: radial-gradient(ellipse at 50% 40%, rgba(226, 97, 30, .2), transparent 62%), var(--ec-grain); }
.ec-witness-card { container-type: inline-size; position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; justify-items: end; height: clamp(230px, 25vw, 360px); margin: calc(-1 * clamp(60px, 7vw, 110px)) 0 clamp(40px, 5vw, 70px); padding: 0 7cqi 7cqi 5cqi; overflow: hidden; background-color: #B8231A; background-image: radial-gradient(circle at 15% 86%, #EFE6D0 0 10cqi, transparent 10.2cqi); }
.ec-witness-card::before { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(#110D0B 0 9%, transparent 9% 91%, #110D0B 91%); }
.ec-witness-card::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background-image: var(--ec-grain); opacity: .22; mix-blend-mode: multiply; }
.ec-witness-mesa { position: absolute; left: 0; right: 0; bottom: 8%; z-index: 1; width: 100%; height: 22%; }
.ec-witness-title { position: relative; z-index: 2; margin: 0; white-space: nowrap; font-family: var(--ec-display); font-weight: 400; font-size: clamp(30px, 8.6cqi, 150px); line-height: .9; letter-spacing: .01em; text-transform: uppercase; color: #EFE6D0; transform: rotate(-5deg); transform-origin: 100% 60%; }
.ec-wt { display: inline-block; }
.ec-ww { display: inline-block; white-space: nowrap; }
.ec-wt span[style] { display: inline-block; font-size: calc((.6 + .4 * var(--i) / (var(--n) - 1)) * 1em); text-shadow: 0 .03em 0 #110D0B, .03em 0 0 #110D0B, 0 -.03em 0 #110D0B, -.03em 0 0 #110D0B, -.012em .014em 0 #6E1410, -.024em .028em 0 #651210, -.036em .042em 0 #5A100E, -.048em .056em 0 #4F0E0C, -.06em .07em 0 #430C0A, -.072em .084em 0 #370A09, -.084em .098em 0 #2A0807, -.096em .112em 0 #1C0605, -.108em .126em 0 #110D0B, -.14em .2em .18em rgba(17, 13, 11, .55); }
.ec-js .ec-witness-card:not(.on) .ec-wt span[style] { opacity: 0; }
.ec-js .ec-witness-card.on .ec-wt span[style] { animation: ecLetter .45s cubic-bezier(.3, 1.5, .5, 1) both; animation-delay: calc(var(--i) * .04s); }
@keyframes ecLetter { 0% { opacity: 0; transform: translateY(calc(.35em * var(--ec-rv-dir, 1))) scale(.7); } 100% { opacity: 1; transform: none; } }
@container (max-width: 600px) {
	.ec-witness-card { background-image: radial-gradient(circle at 16% 84%, #EFE6D0 0 14cqi, transparent 14.2cqi); }
	.ec-witness-title { white-space: normal; text-align: right; font-size: 15.5cqi; transform: rotate(-4deg); }
	.ec-ww:first-child { display: block; }
}
@media (forced-colors: active) {
	.ec-witness-title { transform: none; }
}
.ec-cine { max-width: 1100px; margin: 0 auto; }
.ec-cine-screen { position: relative; overflow: hidden; border: 14px solid #0d0806; border-image: none; border-radius: 6px; background: #120a07; box-shadow: 0 0 0 2px #3a2a20, 0 30px 60px -30px #000; aspect-ratio: 16 / 9; }
.ec-cine-screen::before, .ec-cine-screen::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: 14px; background-image: radial-gradient(circle at 50% 50%, rgba(244, 234, 210, .55) 0 3px, transparent 3.6px); background-size: 14px 22px; pointer-events: none; }
.ec-cine-screen::before { left: -14px; } .ec-cine-screen::after { right: -14px; }
.ec-cine-screen img { width: 100%; height: 100%; object-fit: cover; transition: opacity .2s; }
.ec-cine-screen img.switching { opacity: .15; }
.ec-cine-tag { position: absolute; left: 50%; bottom: clamp(12px, 3vw, 30px); transform: translateX(-50%) rotate(-2deg); padding: 7px 18px 5px; border: 3px solid var(--ec-ink); background: var(--ec-mustard); color: var(--ec-ink); font: 400 clamp(18px, 2vw, 22px)/1 var(--ec-gothic); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; box-shadow: 3px 3px 0 var(--ec-ink); }
.ec-cine-thumbs { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 18px; }
.ec-cine-thumbs button { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 6px; border: 2px solid rgba(244, 234, 210, .3); border-radius: 4px; background: transparent; color: var(--ec-bone); font: 400 17px/1 var(--ec-gothic); letter-spacing: .06em; text-transform: uppercase; transition: border-color .18s, transform .18s; }
.ec-cine-thumbs button img { width: 84px; height: 84px; border-radius: 2px; object-fit: cover; background: var(--ec-paper); }
.ec-cine-thumbs button:hover { transform: translateY(-2px); border-color: var(--ec-mustard); }
.ec-cine-thumbs button.active { border-color: var(--ec-mustard); background: rgba(217, 160, 58, .12); }

#combos { background-color: #D8BE8A; background-image: var(--ec-fibers), radial-gradient(ellipse at 50% 0, rgba(255, 255, 255, .22), transparent 60%); }
.ec-board { position: relative; padding: clamp(22px, 3vw, 38px); border: 4px solid var(--ec-ink); border-radius: 4px; background: var(--ec-bone); box-shadow: 10px 10px 0 var(--ec-ink); }
.ec-board::before { content: ""; position: absolute; inset: 8px; border: 2px solid rgba(27, 18, 13, .5); outline: 1px solid rgba(27, 18, 13, .35); outline-offset: 3px; pointer-events: none; }
.ec-board-top { position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; margin: -2px auto 24px; text-align: center; }
.ec-board-top span { font-family: var(--ec-gothic); font-size: clamp(36px, 4vw, 54px); line-height: 1; letter-spacing: .03em; text-transform: uppercase; color: var(--ec-ink); }
.ec-board-top b { padding: 4px 16px 2px; border: 3px solid var(--ec-ink); background: var(--ec-blood); color: var(--ec-bone); font-family: var(--ec-display); font-weight: 400; font-size: clamp(30px, 3.6vw, 46px); line-height: 1.1; transform: rotate(-3deg); box-shadow: 4px 4px 0 var(--ec-ink); }
.ec-combos { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 22px); }
.ec-combo { position: relative; display: flex; flex-direction: column; padding: 18px 16px 16px; border: 3px solid var(--ec-ink); border-radius: 3px; background: #FBF4E2; transition: transform .2s, box-shadow .2s; }
.ec-combo:hover { transform: translateY(-4px); box-shadow: 0 8px 0 var(--ec-ink); }
.ec-combo.is-selected { background: #FFF8E6; box-shadow: 0 0 0 4px var(--ec-blood), 0 8px 0 var(--ec-ink); }
.ec-combo.is-selected::after { content: "Chosen"; content: "Chosen" / ""; position: absolute; right: 10px; top: 12px; padding: 4px 10px 2px; border: 3px solid var(--ec-blood); color: var(--ec-blood); font-family: var(--ec-gothic); font-size: 22px; line-height: 1.05; letter-spacing: .06em; text-transform: uppercase; transform: rotate(8deg); -webkit-mask-image: var(--ec-ink-bleed); mask-image: var(--ec-ink-bleed); -webkit-mask-size: 160px; mask-size: 160px; animation: ecStampIn .3s cubic-bezier(.3, 1.6, .5, 1) both; }
@keyframes ecStampIn { from { opacity: 0; transform: rotate(8deg) scale(1.8); } to { opacity: 1; transform: rotate(8deg) scale(1); } }
.ec-combo-art { margin: 0 -6px 12px; padding: 12px 6px; border: 2px solid var(--ec-ink); border-radius: 2px; background: linear-gradient(#E9D7AE, #D9BF88); }
.ec-combo-art svg { width: 100%; height: auto; }
.ec-rifle--odg .ec-r-stock .ec-fill, .ec-rifle--odg .ec-r-upper .ec-fill { fill: #5A6138; }
.ec-rifle--odg .ec-r-stock .ec-shade, .ec-rifle--odg .ec-r-upper .ec-shade { fill: #474D2C; }
.ec-rifle--odg .ec-r-grip .ec-fill, .ec-rifle--odg .ec-r-lower .ec-fill { fill: #6A7146; }
.ec-rifle--odg .ec-r-grip .ec-shade, .ec-rifle--odg .ec-r-lower .ec-shade { fill: #545A36; }
.ec-rifle--odg .ec-r-hg .ec-fill { fill: #646B3F; }
.ec-rifle--odg .ec-r-hg .ec-shade { fill: #4F5532; }
.ec-rifle--cmv .ec-r-barrel .ec-fill { fill: #2D2F33; }
.ec-rifle--cmv .ec-r-barrel .ec-shade { fill: #1E1F22; }
.ec-combo h3 { font-family: var(--ec-display); font-weight: 400; font-size: clamp(22px, 2vw, 28px); line-height: 1.05; text-transform: uppercase; text-wrap: balance; }
.ec-combo .ec-combo-steel { margin-top: 6px; font: 400 17px/1.2 var(--ec-gothic); letter-spacing: .06em; text-transform: uppercase; text-wrap: balance; color: var(--ec-ink-2); }
.ec-combo p:not(.ec-combo-steel) { margin-top: 10px; font-size: 15px; line-height: 1.5; color: var(--ec-ink-2); }
@supports (grid-template-rows: subgrid) {
	.ec-combo { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; }
	.ec-combo-foot { align-self: end; }
}
.ec-combo-foot { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin-top: auto; padding-top: 14px; }
.ec-main .ec-combo-btn { min-height: 46px; padding: 6px 12px; border: 3px solid var(--ec-ink); border-radius: 3px; background: var(--ec-ink); color: var(--ec-bone); font: 400 18.5px/1.15 var(--ec-gothic); letter-spacing: .06em; text-transform: uppercase; box-shadow: 3px 3px 0 var(--ec-blood); transition: transform .15s, box-shadow .15s, background .15s; }
.ec-main .ec-combo-btn:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--ec-blood); background: var(--ec-ink-2); }
.ec-board-note { position: relative; margin-top: 20px; text-align: center; font-family: var(--ec-fell); font-style: italic; font-size: 17px; line-height: 1.45; color: var(--ec-ink-2); text-wrap: pretty; }

#specs { background-color: var(--ec-paper); }
.ec-specs-title { display: inline-flex; align-items: center; justify-content: center; gap: clamp(10px, 2vw, 26px); }
.ec-specs-word { display: block; }
.ec-tamb { display: block; flex: 0 0 auto; width: clamp(48px, 6.4vw, 92px); transform-origin: 50% 50%; will-change: transform; }
.ec-tamb svg { width: 100%; height: auto; overflow: visible; }
.ec-tamb-r svg { transform: scaleX(-1); }
.ec-menu { position: relative; max-width: 1040px; margin: 0 auto; padding: clamp(22px, 3.4vw, 46px); border: 4px double var(--ec-ink); border-radius: 3px; background-color: #F6EED9; box-shadow: 0 30px 60px -36px rgba(27, 18, 13, .8), 8px 8px 0 var(--ec-ink); }
.ec-menu-combo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 18px; padding-bottom: 18px; border-bottom: 3px solid var(--ec-ink); }
.ec-menu-combo-label { display: block; font: 400 17px/1 var(--ec-gothic); letter-spacing: .08em; text-transform: uppercase; color: var(--ec-mute); }
.ec-menu-combo b { display: block; margin-top: 6px; font-family: var(--ec-fellsc); font-weight: 400; font-size: 24px; line-height: 1.15; word-spacing: .14em; color: var(--ec-blood); }
.ec-menu-combo b span { display: block; }
.ec-menu-id { flex: 0 1 340px; min-width: 0; }
.ec-menu-switch { display: flex; flex-wrap: wrap; gap: 10px; }
.ec-seg-sm .ec-seg-btn { min-height: 44px; font-size: 18px; padding: 6px 10px; }
.ec-tabs { display: flex; gap: 8px; margin: 18px 0 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
.ec-tabs::-webkit-scrollbar { display: none; }
.ec-tabs button { flex: 0 0 auto; padding: 11px 16px 9px; text-align: left; border: 2px solid var(--ec-ink); border-radius: 3px; background: var(--ec-bone); font-family: var(--ec-gothic); font-weight: 400; font-size: 19px; letter-spacing: .05em; text-transform: uppercase; line-height: 1.1; transition: background .15s, transform .15s; }
.ec-tabs button:hover { transform: translateY(-1px); }
.ec-tabs button[aria-selected="true"] { background: var(--ec-ink); color: var(--ec-bone); box-shadow: inset 0 -3px 0 var(--ec-blood); }
.ec-pane { min-height: 300px; padding-top: 6px; }
.ec-pane:focus-visible { outline-offset: 6px; }
.ec-row { display: grid; grid-template-columns: minmax(150px, 230px) minmax(0, 1fr); align-items: baseline; gap: 4px 14px; padding: 13px 0; border-bottom: 1px solid rgba(27, 18, 13, .2); }
.ec-pane.anim .ec-row { animation: ecRowIn .45s ease both; animation-delay: var(--d, 0s); }
@keyframes ecRowIn { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: none; } }
.ec-row-key { position: relative; display: flex; align-items: baseline; gap: 10px; font: 400 19.5px/1.4 var(--ec-gothic); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.ec-row-key::after { content: ""; flex: 1 1 auto; min-width: 24px; border-bottom: 2px dotted rgba(27, 18, 13, .45); transform: translateY(-4px); }
.ec-row-val { font-size: 16px; line-height: 1.5; }
.ec-row-val a { color: var(--ec-blood); text-decoration: underline; text-underline-offset: 3px; }
.ec-row.is-variant .ec-row-val { text-decoration: underline dotted var(--ec-blood); text-decoration-thickness: 2px; text-underline-offset: .22em; }
.ec-row.is-changed .ec-row-val { animation: ecFlashRow 1.2s ease; }
@keyframes ecFlashRow { 0% { background-color: rgba(163, 31, 26, .22); } 100% { background-color: transparent; } }

#order { background-color: #2A1C14; background-image: var(--ec-grain), repeating-linear-gradient(90deg, rgba(0, 0, 0, .14) 0 2px, transparent 2px 140px), repeating-linear-gradient(0deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 7px); color: var(--ec-bone); }
.ec-req { max-width: 800px; margin: 0 auto; transform: rotate(-.5deg); }
.ec-req-paper { position: relative; padding: clamp(24px, 4vw, 44px) clamp(18px, 4vw, 48px) clamp(26px, 4vw, 40px); background-color: #EFE3C3; background-image: var(--ec-fibers), radial-gradient(ellipse at 50% 50%, transparent 55%, rgba(120, 72, 30, .28)); color: var(--ec-ink); border-radius: 2px; box-shadow: 0 40px 60px -30px rgba(0, 0, 0, .8), 0 2px 0 rgba(0, 0, 0, .25); font-family: var(--ec-fell); }
.ec-req-paper::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(27, 18, 13, .55); outline: 3px double rgba(27, 18, 13, .55); outline-offset: 4px; pointer-events: none; }
.ec-req-head { position: relative; text-align: center; padding-bottom: 14px; border-bottom: 3px double rgba(27, 18, 13, .7); }
.ec-req-dup { position: absolute; top: 0; font-family: var(--ec-fell); font-style: italic; font-size: 14px; color: var(--ec-ink-2); }
.ec-req-dup { right: 0; font-family: var(--ec-fellsc); font-style: normal; letter-spacing: .12em; }
.ec-req-hq { font-family: var(--ec-fellsc); font-size: clamp(14px, 1.5vw, 17px); letter-spacing: .14em; }
.ec-req-title { margin-top: 4px; font-family: var(--ec-fellsc); font-size: clamp(40px, 6vw, 64px); line-height: .95; letter-spacing: .04em; }
.ec-req-for { margin-top: 4px; font-family: var(--ec-fell); font-style: italic; font-size: clamp(17px, 1.8vw, 21px); }
.ec-req-use { margin-top: 10px; font-style: italic; font-size: 16px; color: var(--ec-ink-2); }
.ec-req-use i { margin-left: 4px; padding: 0 10px 2px; border-bottom: 1px dotted rgba(27, 18, 13, .6); font-family: var(--ec-script); font-style: normal; font-size: 26px; line-height: 1; color: #3B2A1A; }
.ec-nb { white-space: nowrap; }
.ec-req-fields { display: grid; grid-template-columns: 1fr 1fr auto; gap: 14px; margin: 20px 0 8px; }
.ec-field label, .ec-field-label { display: block; margin-bottom: 6px; font-family: var(--ec-fellsc); font-size: 16px; letter-spacing: .1em; color: var(--ec-ink); }
.ec-select { position: relative; }
.ec-select::after { content: ""; position: absolute; right: 16px; top: 50%; width: 9px; height: 9px; margin-top: -7px; border-right: 3px solid var(--ec-ink); border-bottom: 3px solid var(--ec-ink); transform: rotate(45deg); pointer-events: none; }
.ec-select select { width: 100%; min-height: 50px; padding: 0 42px 0 12px; border: 0; border-bottom: 2px solid var(--ec-ink); border-radius: 0; background: rgba(255, 255, 255, .35); font-family: var(--ec-fell); font-style: italic; font-size: 18px; appearance: none; -webkit-appearance: none; cursor: pointer; }
.ec-qty { display: inline-flex; width: max-content; align-items: stretch; height: 50px; border: 2px solid var(--ec-ink); border-radius: 2px; overflow: hidden; background: rgba(255, 255, 255, .45); }
.ec-qty button { width: 44px; border: 0; background: var(--ec-ink); color: var(--ec-bone); font-size: 22px; font-weight: 700; line-height: 1; }
.ec-qty input { width: 48px; border: 0; background: transparent; text-align: center; font-family: var(--ec-fell); font-size: 20px; -moz-appearance: textfield; }
.ec-qty input::-webkit-outer-spin-button, .ec-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ec-req-lines { width: 100%; margin-top: 14px; border-collapse: collapse; }
.ec-req-lines th { padding: 6px 4px; border-top: 2px solid var(--ec-ink); border-bottom: 1px solid var(--ec-ink); font-family: var(--ec-fellsc); font-weight: 400; font-size: 15px; letter-spacing: .12em; text-align: left; }
.ec-req-lines th:last-child, .ec-req-lines td:last-child { text-align: right; white-space: nowrap; }
.ec-req-lines td { padding: 12px 4px; vertical-align: top; font-size: 18px; line-height: 1.35; border-bottom: 1px solid rgba(27, 18, 13, .25); }
.ec-req-lines td:first-child { width: 48px; font-style: italic; }
.ec-req-lines td b { display: block; font-family: var(--ec-fellsc); font-weight: 400; font-size: 20px; }
.ec-req-lines td span { display: block; font-style: italic; font-size: 16px; color: var(--ec-ink-2); }
.ec-req-lines tfoot th, .ec-req-lines tfoot td { padding-top: 12px; border-top: 3px double var(--ec-ink); border-bottom: 0; font-size: 17px; }
.ec-req-lines tfoot td { font-family: var(--ec-display); font-size: 42px; line-height: 1; color: var(--ec-blood); }
.ec-req-actions { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
#order .ec-req .ec-btn, #order .ec-req .ec-btn-ghost { font-family: var(--ec-fellsc); font-size: 17px; font-weight: 400; letter-spacing: .1em; text-transform: none; }
#order .ec-req .ec-req-sarc { line-height: 1.2; }
@media (min-width: 900px) {
	#order .ec-req #ecBuy { min-width: 240px; min-height: 58px; font-size: 19px; }
	#order .ec-req .ec-req-sarc { font-size: 15px; box-shadow: 2px 2px 0 var(--ec-ink); border-width: 2px; }
}
#order .ec-req .ec-req-sarc > span { text-wrap: balance; }
#order .ec-req .ec-buy-note { margin: 14px 0 0; padding: 0; border: 0; background: none; font-family: var(--ec-fell); font-style: italic; font-size: 16px; line-height: 1.45; color: var(--ec-ink-2); }
#order .ec-req .ec-buy-note.is-error { color: var(--ec-blood); }
.ec-req-status { margin-top: 18px; font-family: var(--ec-fellsc); font-size: 15px; line-height: 1.5; letter-spacing: .06em; color: var(--ec-ink-2); }
.ec-req-status b { font-weight: 400; color: var(--ec-ink); }
.ec-req-sign { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: 4px 12px; margin-top: 10px; padding-bottom: 6px; font-family: var(--ec-fell); font-size: 16px; }
.ec-req-sign i { font-family: var(--ec-script); font-style: normal; font-size: 38px; line-height: 1; color: #1D2A4A; transform: rotate(-4deg); }
.ec-req-sign small { flex-basis: 100%; text-align: right; font-style: italic; font-size: 14px; color: var(--ec-ink-2); }
.ec-req-stamp-rec { position: absolute; right: 3.5%; top: 9%; width: clamp(120px, 19vw, 170px); transform: rotate(-9deg); }
.ec-req-stamp-us { position: absolute; left: 5%; bottom: 5.5%; width: clamp(120px, 18vw, 180px); transform: rotate(-5deg); }

.ec-gbu-sec { overflow: hidden; background-color: #D5B987; background-image: var(--ec-fibers), radial-gradient(ellipse at 50% 120%, rgba(163, 31, 26, .25), transparent 60%); }
.ec-gbu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 26px); }
.ec-duel { position: relative; padding: 0 0 22px; border: 4px solid var(--ec-ink); border-radius: 3px; background: var(--ec-bone); box-shadow: 8px 8px 0 var(--ec-ink); overflow: hidden; }
.ec-duel-tag { position: relative; padding: 24px 22px 18px; color: var(--ec-bone); overflow: hidden; }
.ec-duel-good .ec-duel-tag { background: var(--ec-olive); }
.ec-duel-bad .ec-duel-tag { background: var(--ec-blood); }
.ec-duel-ugly .ec-duel-tag { background: var(--ec-ink); }
.ec-duel-ugly .ec-duel-tag::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: linear-gradient(90deg, var(--ec-fde) 0 22%, #B39A72 22% 41%, #9C8058 41% 58%, var(--ec-odg) 58% 79%, #6B7246 79%); }
.ec-duel-tag::after { content: ""; position: absolute; right: -54px; bottom: -66px; width: 150px; height: 150px; border-radius: 50%; background: repeating-conic-gradient(from 0deg, rgba(244, 234, 210, .2) 0deg 6deg, transparent 6deg 14deg); }
.ec-duel-tag .ec-duel-h { margin: 0; position: relative; z-index: 1; display: block; font-family: var(--ec-gothic); font-weight: 400; font-size: clamp(46px, 4.6vw, 68px); line-height: .9; letter-spacing: .02em; text-transform: uppercase; }
.ec-shot { position: absolute; z-index: 2; right: 30%; top: 26%; width: 26px; height: 26px; border-radius: 50%; background: radial-gradient(circle, #0E0907 0 30%, rgba(244, 234, 210, .9) 33% 40%, rgba(14, 9, 7, .55) 43% 52%, transparent 58%); opacity: 0; transform: scale(2.2); }
.ec-duel-bad .ec-shot { right: 18%; top: 44%; }
.ec-duel-ugly .ec-shot { right: 36%; top: 18%; }
.ec-duel.on .ec-shot { animation: ecBang .2s ease-out .55s forwards; }
.ec-duel-bad.on .ec-shot { animation-delay: .7s; }
.ec-duel-ugly.on .ec-shot { animation-delay: .85s; }
:root:not(.ec-js) .ec-shot { opacity: .95; transform: none; }
.ec-duel ul { padding: 18px 22px 0; }
.ec-duel li { position: relative; padding: 9px 0 9px 32px; font-size: 16px; line-height: 1.5; border-bottom: 1px dashed rgba(27, 18, 13, .25); }
.ec-duel li:last-child { border-bottom: 0; }
.ec-duel li a { color: var(--ec-blood); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ec-duel li a:hover { color: var(--ec-blood-dk); }
.ec-duel li::before { content: ""; position: absolute; left: 0; top: 11px; width: 21px; height: 21px; background: url("../images/el-cheapo/el-cheapo-icon-star.svg") center / contain no-repeat; }
.ec-duel-good li::before { background-image: url("../images/el-cheapo/el-cheapo-icon-round.svg"); }
.ec-duel-bad li::before { background-image: url("../images/el-cheapo/el-cheapo-icon-hole.svg"); }
.ec-js .ec-gbu-sec .ec-duel.ec-rv:not(.on) { transform: translateX(-40px); }
.ec-js .ec-gbu-sec .ec-duel-ugly.ec-rv:not(.on) { transform: translateX(40px); }
.ec-js .ec-gbu-sec .ec-duel-bad.ec-rv:not(.on) { transform: translateY(calc(40px * var(--ec-rv-dir, 1))); }

.ec-brace-sec { background: var(--ec-paper); }
.ec-brace { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 1200px; margin: 0 auto; }
.ec-brace-box { padding: 22px 24px; border: 3px solid var(--ec-ink); border-radius: 3px; background: var(--ec-bone); }
.ec-brace-no { display: block; font: 400 17px/1 var(--ec-gothic); letter-spacing: .08em; text-transform: uppercase; color: var(--ec-blood); }
.ec-brace-box h3 { margin-top: 8px; font-family: var(--ec-gothic); font-weight: 400; font-size: 28px; line-height: 1.05; letter-spacing: .02em; text-transform: uppercase; }
.ec-brace-box p { margin-top: 10px; font-size: 16px; line-height: 1.6; color: var(--ec-ink-2); }
.ec-brace-box a { color: var(--ec-blood); text-decoration: underline; text-underline-offset: 3px; }

.ec-fine-sec { padding: 46px 0 60px; background-color: var(--ec-ink); background-image: var(--ec-grain); color: rgba(244, 234, 210, .8); }
.ec-fine { max-width: 1100px; margin: 0 auto; font-size: 13.5px; line-height: 1.7; }
.ec-fine b { color: var(--ec-bone); }
body.ec-page .footer-one .name span { background: linear-gradient(180deg, #D9A03A 10%, #F4EAD2 113%); -webkit-background-clip: text; background-clip: text; }

.ec-doors { position: fixed; inset: var(--ec-hh, 120px) 0 0 0; z-index: 9999; display: none; pointer-events: auto; perspective: 1400px; cursor: pointer; }
.ec-doors-on .ec-doors { display: block; animation: ecDoorsFailsafe .01s linear 6s forwards; }
@keyframes ecDoorsFailsafe { to { visibility: hidden; pointer-events: none; } }
.ec-door { position: absolute; top: 0; bottom: 0; width: 50.2%; transform-style: preserve-3d; backface-visibility: hidden; }
.ec-door svg { width: 100%; height: 100%; }
.ec-door-l { left: 0; transform-origin: 0 50%; }
.ec-door-r { right: 0; transform-origin: 100% 50%; }
.ec-door-r svg { transform: scaleX(-1); }
.ec-doors-sign { position: absolute; left: 50%; top: 50%; z-index: 2; width: min(440px, 80vw); padding: 22px 20px 18px; border: 4px solid var(--ec-ink); border-radius: 4px; background-color: #6B3A1E; background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 2px, transparent 2px 10px); color: var(--ec-bone); text-align: center; transform: translate(-50%, -50%) rotate(-3deg); box-shadow: 8px 8px 0 var(--ec-ink); }
.ec-doors-sign b { display: block; font-family: var(--ec-display); font-weight: 400; font-size: clamp(44px, 9vw, 76px); line-height: .95; text-transform: uppercase; color: var(--ec-mustard); text-shadow: 3px 3px 0 var(--ec-ink); }
.ec-doors-sign small { display: block; margin-top: 10px; font: 400 18.5px/1.2 var(--ec-gothic); letter-spacing: .09em; text-transform: uppercase; }
.ec-doors.open .ec-door-l { animation: ecDoorL 1.5s cubic-bezier(.25, .8, .3, 1) forwards; }
.ec-doors.open .ec-door-r { animation: ecDoorR 1.5s cubic-bezier(.25, .8, .3, 1) forwards; }
.ec-doors.open .ec-doors-sign { animation: ecSignOut .3s ease forwards; }
.ec-doors.done { opacity: 0; transition: opacity .3s ease; pointer-events: none; }
@keyframes ecDoorL { 0% { transform: rotateY(0); } 35% { transform: rotateY(-108deg); } 55% { transform: rotateY(-62deg); } 72% { transform: rotateY(-96deg); } 86% { transform: rotateY(-80deg); } 100% { transform: rotateY(-90deg); } }
@keyframes ecDoorR { 0% { transform: rotateY(0); } 35% { transform: rotateY(108deg); } 55% { transform: rotateY(62deg); } 72% { transform: rotateY(96deg); } 86% { transform: rotateY(80deg); } 100% { transform: rotateY(90deg); } }
@keyframes ecSignOut { to { opacity: 0; transform: translate(-50%, -80%) rotate(-3deg) scale(.9); } }

.ec-burst { position: fixed; z-index: 10000; left: 0; top: 0; width: 0; height: 0; pointer-events: none; }
.ec-burst i { position: absolute; left: 0; top: 0; will-change: transform, opacity; }
.ec-burst-bill { width: 16px; height: 8px; border-radius: 1px; background: #CFD7B8; box-shadow: inset 0 0 0 1.5px var(--ec-money), inset 0 0 0 3px #CFD7B8, inset 0 0 0 4px var(--ec-money); }
.ec-burst-brass { width: 4px; height: 12px; border-radius: 1px 1px 0 0; background: linear-gradient(90deg, #8C6420, #E9C46A 45%, var(--ec-brass)); }

body.ec-page .footer-one { padding-top: 80px; }

.ec-hero { padding-bottom: 0; }
.ec-hero-grid { row-gap: clamp(56px, 6vw, 96px); }
.ec-hero-grid > .ec-hero-copy { grid-column: 1; grid-row: 1; }
.ec-hero-grid > .ec-wanted-col { grid-column: 2; grid-row: 1; align-self: center; }
.ec-hero-grid > .ec-cine-sec { grid-column: 1 / -1; grid-row: 2; margin-inline: calc(50% - 50vw); }
@media (max-width: 899px) {
	.ec-hero-grid { row-gap: 0; }
	.ec-hero-grid > .ec-hero-copy, .ec-hero-grid > .ec-wanted-col, .ec-hero-grid > .ec-cine-sec { grid-column: 1; grid-row: auto; }
	.ec-hero-grid > .ec-cine-sec { margin-top: clamp(52px, 9vw, 72px); }
	.ec-hero-grid > .ec-wanted-col { margin: clamp(44px, 8vw, 64px) auto clamp(56px, 9vw, 84px); }
}
@media (max-width: 991px) {
	#combos, #order { scroll-margin-top: 76px; }
	body.ec-page .footer-one { padding-bottom: calc(min(95px, 19.5vw) + 56px); }
	body.ec-page .footer-one .name { bottom: 0; line-height: 1; }
}

@media (max-width: 1199px) {
	.ec-combos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1199px) {
	.ec-pricetag { position: relative; top: auto; right: auto; width: max-content; max-width: 100%; margin: 10px 0 8px 4px; padding: 12px 22px 13px 40px; transform: rotate(-2deg); }
	.ec-pt-now b { font-size: 48px; }
	.ec-js .ec-pricetag.ec-rv:not(.on) { transform: translateY(calc(26px * var(--ec-rv-dir, 1))); }
}
@media (min-width: 900px) and (max-width: 1120px) {
	.ec-hero-grid { grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 32px; }
}
@media (max-width: 899px) {
	.ec-hero-grid { grid-template-columns: minmax(0, 1fr); }
	.ec-wanted-col { max-width: 560px; margin: 10px auto 0; width: 100%; }
	.ec-hero::before { right: -40vw; top: 40%; width: 120vw; }
}
@media (max-width: 991px) {
	.ec-gbu { grid-template-columns: minmax(0, 1fr); max-width: 640px; margin: 0 auto; }
	.ec-duel-ugly { padding-bottom: 96px; }
	.ec-feo { width: 118px; bottom: 10px; }
	.ec-js .ec-gbu-sec .ec-duel.ec-rv:not(.on), .ec-js .ec-gbu-sec .ec-duel-ugly.ec-rv:not(.on), .ec-js .ec-gbu-sec .ec-duel-bad.ec-rv:not(.on) { transform: translateY(calc(30px * var(--ec-rv-dir, 1))); }
	.ec-brace { grid-template-columns: minmax(0, 1fr); max-width: 720px; }
	.ec-arms .ec-hat { top: 2px; left: 12px; margin-left: 0; width: 42px; height: 25px; }
	body.ec-page .theme-main-menu .navbar-collapse .nav-link.ec-arms { padding-top: 26px; }
	body.ec-page .theme-main-menu .ec-loot { display: none; }
}
@media (max-width: 767px) {
	.ec-req-fields { grid-template-columns: 1fr 1fr; }
	.ec-field-qty { grid-column: 1 / -1; }
	.ec-req { transform: none; }
	body.ec-page .footer-one { padding-top: 56px; }
}
@media (max-width: 600px) {
	body.ec-page { font-size: 16px; }
	.ec-tabs { display: grid; grid-template-columns: 1fr 1fr; overflow: visible; }
	.ec-tabs button { width: 100%; padding: 10px 12px; }
	.ec-menu-switch, .ec-menu-switch .ec-seg { width: 100%; }
	.ec-menu-combo b { font-size: min(24px, 5vw); }
	.ec-menu-switch .ec-seg { display: grid; grid-template-columns: 1fr 1fr; }
	.ec-combo-foot { padding-top: 10px; }
	.ec-wanted { transform: rotate(.8deg); width: calc(100% - 8px); }
	.ec-js .ec-wanted.ec-rv:not(.on) { transform: translateY(calc(26px * var(--ec-rv-dir, 1))); }
	.ec-combos { grid-template-columns: minmax(0, 1fr); }
	.ec-lede { font-size: 17.5px; }
	.ec-picker { padding: 20px 14px 14px; box-shadow: 4px 4px 0 var(--ec-ink); }
	.ec-picker-row { grid-template-columns: minmax(0, 1fr); gap: 6px; }
	.ec-picker-out { flex-direction: column; align-items: flex-start; }
	.ec-seg-btn { font-size: 18px; }
	.ec-pt-was { gap: 16px; }
	.ec-pt-old s { font-size: 20px; }
	.ec-pt-now b { font-size: 44px; }
	.ec-actions .ec-btn, .ec-actions .ec-btn-ghost, .ec-req-actions .ec-btn, .ec-req-actions .ec-btn-ghost { width: 100%; }
	.ec-row { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.ec-row-key { white-space: normal; }
	.ec-row-key::after { display: none; }
	.ec-req-fields { grid-template-columns: minmax(0, 1fr); }
	.ec-wanted { padding: 20px 16px 18px; }
	.ec-cine-thumbs button img { width: 64px; height: 64px; }
	.ec-board { box-shadow: 6px 6px 0 var(--ec-ink); }
	.ec-req-lines td { font-size: 16px; }
	.ec-req-lines td b { font-size: 18px; }
	.ec-req-lines td:first-child { width: 30px; }
	.ec-main .ec-btn, .ec-main .ec-btn-ghost { letter-spacing: .08em; padding: 8px 18px; }
	.ec-combo-art { padding: 6px; }
	.ec-req-lines tfoot td { font-size: 34px; }
	.ec-signs { gap: 10px; }
	.ec-sign { min-height: 84px; padding: 12px 10px 10px; }
	.ec-sign:not(.ec-sign-money) { font-size: 17px; }
	.ec-req-stamp-us { bottom: 2.2%; left: 4%; right: auto; width: 118px; }
	.ec-req-stamp-rec { width: 96px; top: 14px; right: 12px; }
	.ec-req-paper { padding-top: 88px; padding-bottom: 64px; }
	.ec-req-dup { position: static; display: inline-block; margin: 0 8px 8px; }
}
@media (max-width: 430px) {
	.ec-cine-thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
	.ec-cine-thumbs button img { width: 100%; height: auto; aspect-ratio: 1; }
	#order .ec-req .ec-req-sarc { letter-spacing: .06em; font-size: 15px; }
	.ec-tamb { width: 48px; }
	.ec-specs-title { gap: 8px; }
}
@media (max-width: 575px) {
	.ec-title-main { line-height: 1; }
}
@media (max-width: 380px) {
	.ec-title-main { text-shadow: 2px 2px 0 var(--ec-ink), 4px 4px 0 var(--ec-ink), 6px 6px 0 #5A100E, 8px 8px 0 var(--ec-ink); }
	.ec-seg-btn { padding: 6px; font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	body.ec-page .theme-main-menu { animation: none !important; transition: none !important; }
	body.ec-page .theme-main-menu .ec-loot { transition: none; }
	.ec-rv { transition: none; }
	.ec-js .ec-rv:not(.on) { opacity: 1; transform: none; }
	.ec-loot img, .ec-arms .ec-hat, .ec-row, .ec-scene *, .ec-combo.is-selected::after, .ec-wt span[style] { animation: none !important; }
	.ec-doors { display: none !important; }
	.ec-wanted .ec-hole, .ec-shot { opacity: .95; transform: none; animation: none !important; }
	.ec-js .ec-gbu-sec .ec-duel.ec-rv:not(.on) { transform: none; }
	.ec-main::after { display: none; }
}
@media print {
	.ec-js .ec-rv:not(.on) { opacity: 1; transform: none; }
	.ec-js .ec-pricetag.ec-rv:not(.on) { transform: none; }
	.ec-doors, .ec-loot, .ec-run, .ec-burst, .ec-crack, .ec-main::after { display: none !important; }
}
:root:not(.ec-js) .ec-runner { left: 50%; transform: translateX(-50%); }
