/* Generated by game-rules.mjs. Edit game-rules-themes.mjs. */
@font-face{font-family:"SD Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("/play/games/straits-deal/fonts/geist-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"SD Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("/play/games/straits-deal/fonts/geist-latin.woff2") format('woff2');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:"SD Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("/play/games/straits-deal/fonts/geist-mono-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"SD Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("/play/games/straits-deal/fonts/geist-mono-latin.woff2") format('woff2');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:#0a1014; /* games/straits-deal/style.css :root --bg: #0a1014 */
  --sheet:#0a1014; /* games/straits-deal/style.css :root --bg: #0a1014 */
  --ink:#eff4ee; /* games/straits-deal/style.css :root --text: #eff4ee */
  --muted:#b1c1c3; /* games/straits-deal/style.css :root --muted: #b1c1c3 */
  --accent:#d9ed96; /* games/straits-deal/style.css :root --lime: #d9ed96 */
  --line:#33454c; /* games/straits-deal/style.css :root --line: #33454c */
  --display:"SD Geist",Arial,Helvetica,sans-serif; /* games/straits-deal/style.css :root --font: "SD Geist",Arial,Helvetica,sans-serif */
  --reading:"SD Geist",Arial,Helvetica,sans-serif; /* games/straits-deal/style.css :root --font: "SD Geist",Arial,Helvetica,sans-serif */
  --label:"SD Geist Mono",ui-monospace,Consolas,monospace; /* games/straits-deal/style.css :root --mono: "SD Geist Mono",ui-monospace,Consolas,monospace */
  --titleInk:#eff4ee; /* games/straits-deal/style.css :root --text: #eff4ee */
  --dot:#d9ed96; /* games/straits-deal/style.css :root --lime: #d9ed96 */
  --weight:750; /* games/straits-deal/style.css .sd-hero h1: 750 */
  --tracking:-.035em; /* games/straits-deal/style.css .sd-hero h1: -.035em */
  --casing:none; /* games/straits-deal/style.css [hidden]: none */
  --italic:normal; /* games/straits-deal/style.css @font-face: normal */
  --buttonBg:#d9ed96; /* games/straits-deal/style.css :root --lime: #d9ed96 */
  --buttonInk:#17210a; /* games/straits-deal/style.css :root --lime-ink: #17210a */
  --buttonBorder:#d9ed96; /* games/straits-deal/style.css :root --lime: #d9ed96 */
  --buttonRadius:8px; /* games/straits-deal/style.css button: 8px */
  --buttonShadow:none; /* games/straits-deal/style.css button: none */
  --panel:#131d23; /* games/straits-deal/style.css :root --panel: #131d23 */
  --panelInk:#eff4ee; /* games/straits-deal/style.css :root --text: #eff4ee */
  --panelMuted:#b1c1c3; /* games/straits-deal/style.css :root --muted: #b1c1c3 */
  --panelBorder:#4e666d; /* games/straits-deal/style.css :root --line-2: #4e666d */
  --panelRadius:14px; /* games/straits-deal/style.css .sd-entry-card: 14px */
  --panelShadow:none; /* games/straits-deal/style.css button: none */
  --cover-position:58% 36%;
  --motif:"⌂";
}
#rules-content h2::before{content:counter(section,decimal-leading-zero);}
#rules-content ul>li::before{content:"";width:13px;height:15px;top:8px;background:var(--accent);clip-path:polygon(50% 0,100% 40%,85% 40%,85% 100%,15% 100%,15% 40%,0 40%)}
#rules-content ul>li:nth-child(10n+1)::before{background:#b07a52}
#rules-content ul>li:nth-child(10n+2)::before{background:#8fd6f2}
#rules-content ul>li:nth-child(10n+3)::before{background:#f284bd}
#rules-content ul>li:nth-child(10n+4)::before{background:#f6a04a}
#rules-content ul>li:nth-child(10n+5)::before{background:#ee5253}
#rules-content ul>li:nth-child(10n+6)::before{background:#f4d651}
#rules-content ul>li:nth-child(10n+7)::before{background:#45c382}
#rules-content ul>li:nth-child(10n+8)::before{background:#4a6cf0}
#rules-content ul>li:nth-child(10n+9)::before{background:#d3dadd}
#rules-content ul>li:nth-child(10n+10)::before{background:#a8e6cf}

[data-toy=edition-boxes],[data-toy=rent-counter],[data-toy=street-deal]{position:relative;margin:24px 0;height:auto;min-height:0}
.table{background:linear-gradient(#092625df,#092625ed),url(art/table.webp) 50%/cover;border:3px solid #52796a;color:#f5e8c7;display:grid;position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:12px}
.box,.table button{font:inherit;cursor:pointer}
button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
#rules-content [data-toy] strong{color:inherit}
.bank,.plays{display:flex;gap:10px;align-items:center}
.coin,.play{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edc264;color:#172e2a}
.play[data-spent=true]{opacity:.2}
.bank{background:url(art/m-2.webp) 0/54px auto no-repeat}
.value{font:700 28px Georgia}
.sets{grid-column:1/-1;display:flex;gap:9px;align-items:end;min-height:100px;padding-top:45px}
.lot{position:relative;flex:1;min-width:0;isolation:isolate}
.lot .paper{height:62px}
.lot .paper img{height:25px}
.lot .print{display:none}
.lot[data-complete=true] .paper+.paper{margin-top:-20px}
.plate{display:block;font:700 12px/24px Arial;text-align:center}
.lot[data-complete=true] .plate{background:#f6c957;color:#152921}
.house{position:absolute;left:20%;width:60%;background:url(art/rules-shophouse.webp) 50%/contain no-repeat,#c59b57;clip-path:polygon(0 22%,50% 0,100% 22%,100% 100%,0 100%);opacity:0;z-index:-1;top:-45px;height:60px}
.lot[data-complete=true] .house{opacity:1}
.hand{grid-column:1/-1;display:grid;gap:9px;align-content:start;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:114px}
.paper{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0 0 6px;background:#f2e6ca;color:#172522;border:0}
.paper img{width:100%;height:61px;object-fit:cover}
.paper strong{font:700 13px/1.1 Arial;padding:4px;overflow-wrap:anywhere}
.print{font:11px Arial}
.hand .paper:hover{transform:translateY(-6px)}
.again,.debt,.deck{bottom:18px}
.again,.debt,.deck,.reset{position:absolute;color:#f5d591;background:#182e27;border:0;padding:0;min-height:44px}
.deck{right:15px;width:75px}
.deck img{width:40px}
.again span,.debt span,.deck span{display:block;font:12px Arial}
.reset{width:44px;font-size:23px;bottom:18px;right:95px}
.receipt{grid-column:1/-1;margin-right:130px;font:15px/1.35 Georgia;min-height:60px}
.demand[data-returned=true]{transform:translateY(-20px) rotate(-12deg);opacity:.3}
.pay{color:#f4dcac;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;background:#16352e}
.pay .value,.pay strong{width:100%}
.pay strong{font:12px Arial}
.no{border:0;padding:0;background:#e9dcc1;color:#21362c}
.no img{width:100%;height:100px;object-fit:cover}
.no[data-played=true]{transform:rotate(-9deg) translateY(-7px)}
.reply{min-width:0}
.reply img{width:100%;height:100px;object-fit:contain}
.again,.debt{width:65px;font:12px Arial}
.again{right:87px}
.debt{right:12px}
.again img,.debt img{width:65px;height:43px;object-fit:cover}
.box-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;height:auto;padding:14px 5px}
.box{background:#eddfb8;border:0;min-width:0;transform:rotate(-3deg);color:#21372e;height:145px}
.box img{width:100%;height:96px;object-fit:cover}
.box span{font:13px Arial}
.box[aria-pressed=true]{transform:translateY(-12px) rotate(2deg)}
.cover{container-type:size;--iw:max(100cqw,150cqh);--ih:max(100cqh,66.666667cqw);overflow:clip}
.cover-copy{pointer-events:none}
.cover-copy a{pointer-events:auto}
.train{display:block;width:120px;height:24px;opacity:0;background:#ecd9a8 url(art/rules-mrt-train.webp) 50%/contain no-repeat;border-bottom:6px solid #d5463f}
.track[data-crossed=true] .train{animation:sd-train 1.2s ease-in-out}
[data-toy=cover-hand]{position:absolute;left:calc((100cqw - var(--iw)) * var(--crop-x,.58) + var(--iw) * .445);top:calc((100cqh - var(--ih)) * .36 + var(--ih) * .43);width:calc(var(--iw) * .24);height:calc(var(--ih) * .2);overflow-clip-margin:24px}
.fan{position:relative;border:0;background:transparent;width:100%;height:100%;padding:0;cursor:pointer;clip-path:polygon(0 42%,22% 8%,45% 0,80% 11%,100% 46%,76% 100%,30% 100%);transform-origin:50% 50%}
.fan img{position:absolute;width:416.667%;height:500%;max-width:none;left:-185.417%;top:-215%}
.arrival{animation:sd-rise .3s ease-out}
.full .house{animation:sd-rise .45s ease-out}
.paid::after{content:attr(data-paid);position:absolute;border-radius:50%;background:#edc264;color:#172e2a;padding:8px;animation:sd-pay .45s forwards}
@keyframes sd-rise{0%{transform:translateY(35px);opacity:.2}}
@keyframes sd-pay{to{transform:translateX(-100px);opacity:0}}
@keyframes sd-train{0%{opacity:1;transform:translateX(-130px)}
85%{opacity:1}
to{opacity:0;transform:translateX(550px)}}
@media(prefers-reduced-motion:reduce){.track[data-crossed=true] .train{opacity:1}
.paid::after{display:none}}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-toy] [hidden]{display:none!important}
.track[data-found] .train{visibility:visible}
.lamp[data-found][aria-pressed=true]{background:radial-gradient(ellipse,#ffd97dbb,transparent 68%)!important}
.fan[aria-pressed=true]{transform:scaleX(1.06) rotate(-2deg)}
.hand .paper img{height:48px}
.rent-table{grid-template-rows:180px 145px auto}
@media(max-width:560px){.table{padding:10px;gap:8px}
.hand{grid-auto-rows:112px}
.paper strong{font-size:11px}
.print{font-size:10px}
.bank,.plays{gap:4px}
.coin,.play{width:24px;height:24px}}
.cover .art-hit{background:none;border:0;padding:0;outline:0;cursor:default}
.art-hit:hover{cursor:pointer}
.art-hit:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.art-hit::after,.art-hit::before,.art-hit>*{opacity:0;visibility:hidden}
.art-hit[data-found]::after,.art-hit[data-found]>span{visibility:visible}
.cover-hit{position:absolute;inset:auto;left:calc((100cqw - var(--iw)) * var(--crop-x,.58) + var(--iw) * var(--x));top:calc((100cqh - var(--ih)) * .36 + var(--ih) * var(--y));width:calc(var(--iw) * var(--w));height:calc(var(--ih) * var(--h));z-index:1}
@media(max-width:560px){.cover{--crop-x:0.75;--cover-position:75% 36%}}
[data-toy] *{transition:transform .3s,translate .3s,opacity .3s}
.cover-hit>button{width:100%;height:100%}
@media(prefers-reduced-motion:reduce){[data-toy],[data-toy] *{animation:none!important;transition:none!important}}