/* 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:#150d0b; /* games/big-two/style.css body[data-skin="yumcha"] --bg: #150d0b */
  --sheet:#150d0b; /* games/big-two/style.css body[data-skin="yumcha"] --bg: #150d0b */
  --ink:#f8f0e0; /* games/big-two/style.css body[data-skin="yumcha"] --text: #f8f0e0 */
  --muted:#d9c5ab; /* games/big-two/style.css body[data-skin="yumcha"] --muted: #d9c5ab */
  --accent:#f2c94c; /* games/big-two/style.css body[data-skin="yumcha"] --lime: #f2c94c */
  --line:#4d3226; /* games/big-two/style.css body[data-skin="yumcha"] --line: #4d3226 */
  --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:#f8f0e0; /* games/big-two/style.css body[data-skin="yumcha"] --text: #f8f0e0 */
  --dot:#f2c94c; /* games/big-two/style.css body[data-skin="yumcha"] --lime: #f2c94c */
  --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:#f2c94c; /* games/big-two/style.css body[data-skin="yumcha"] --lime: #f2c94c */
  --buttonInk:#2a1c02; /* games/big-two/style.css body[data-skin="yumcha"] --lime-ink: #2a1c02 */
  --buttonBorder:#f2c94c; /* games/big-two/style.css body[data-skin="yumcha"] --lime: #f2c94c */
  --buttonRadius:8px; /* games/straits-deal/style.css button: 8px */
  --buttonShadow:none; /* games/straits-deal/style.css button: none */
  --panel:#21140f; /* games/big-two/style.css body[data-skin="yumcha"] --panel: #21140f */
  --panelInk:#f8f0e0; /* games/big-two/style.css body[data-skin="yumcha"] --text: #f8f0e0 */
  --panelMuted:#d9c5ab; /* games/big-two/style.css body[data-skin="yumcha"] --muted: #d9c5ab */
  --panelBorder:#7d5a44; /* games/big-two/style.css body[data-skin="yumcha"] --line-2: #7d5a44 */
  --panelRadius:14px; /* games/straits-deal/style.css .sd-entry-card: 14px */
  --panelShadow:none; /* games/straits-deal/style.css button: none */
  --cover-position:50% 32%;
  --motif:"♦";
}
#rules-content h2::before{content:counter(section,decimal-leading-zero);}
#rules-content ul>li:nth-child(4n+1)::before{content:"♦"}#rules-content ul>li:nth-child(4n+2)::before{content:"♣"}#rules-content ul>li:nth-child(4n+3)::before{content:"♥"}#rules-content ul>li:nth-child(4n)::before{content:"♠"}

/* CSS furniture and number-card stand-ins: exact files in art-wanted.md. */[data-toy] button{font:inherit;cursor:pointer;touch-action:manipulation}
[data-toy] button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
[data-toy=tea-table]{height:425px;position:relative;margin:24px 0}
.table{position:absolute;inset:0;overflow:hidden;border-radius:45% 45% 12px 12px;background:#6c1f19 url(skins/yumcha/art/table.webp) 50%/cover;border:3px solid #bd873f}
.susan{position:absolute;left:10%;top:14px;width:70%;height:205px;background:#922c21 url(skins/yumcha/art/rules-susan.webp) 50%/contain no-repeat;border:9px double #d29f4b;border-radius:50%;color:#f8ecc9;isolation:isolate}
.susan::before{content:"";position:absolute;inset:8px;border:2px dashed #dda85266;border-radius:50%;transform:rotate(var(--turn,0deg))}
.old,.tray{position:absolute;inset:27px 10px;display:flex;justify-content:center;pointer-events:none;gap:6px}
.old{opacity:0}
.card{display:inline-block;position:relative;flex:none;width:72px;height:106px;background-color:#f6e6c1;background-position:50%;background-size:contain;border:1px solid #af8b50;border-radius:5px;color:#211b19;overflow:hidden;text-align:left}
.card[data-red=true]{color:#a02520}
.card img{inset:20px 3px 4px;width:calc(100% - 6px);height:calc(100% - 24px);object-fit:contain}
.card img,.index{position:absolute}
.index{top:2px;left:4px;font:700 17px Georgia;z-index:1}
.pip{display:block;text-align:center;padding-top:27px;font:42px Georgia}
.hand{position:absolute;left:12px;right:12px;top:265px;height:130px;display:flex;justify-content:center;padding-right:26px}
.pick{width:clamp(35px,10%,64px);height:110px;border:0;padding:0;background:none;position:relative;flex-shrink:1;min-width:0}
.pick .card{width:72px;max-width:none}
.pick[aria-pressed=true]{translate:0 -24px;z-index:2}
.pick:focus-visible{z-index:3}
.cup{right:10px;top:170px;width:66px;height:58px;background:#628575 url(skins/yumcha/art/rules-cup.webp) 50%/contain no-repeat;border:5px double #d7dfbe;border-radius:20% 20% 48% 48%;color:#fff0d0}
.cup,.cup::before{position:absolute}
.cup::before{content:"";top:-8px;left:0;right:0;height:13px;border-radius:50%;background:#9a5824;border:3px solid #b5c2a3}
.cup span{font:14px Georgia}
.deck{position:absolute;left:18px;top:174px;width:42px;height:62px;background:none;padding:0;border:0;transform:rotate(-12deg)}
.deck img{width:100%;height:100%;object-fit:cover;border-radius:4px}
[data-toy=tea-fives]{position:relative;margin:24px 0;height:auto;padding:12px 0}
.rail{height:42px;width:100%;border:2px solid #a16b31;background:#5b211b;color:#ffe0a2;letter-spacing:.12em}
.examples{display:grid;align-content:start;padding-top:12px;height:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.example,.example-static{position:relative;align-items:center;margin:0;border:0;border-bottom:1px solid #b7834355;background:transparent;color:var(--ink);height:150px;flex-direction:column;gap:10px;padding:8px 2px;text-align:center}
.example,.example-static,.five-fan{display:flex;width:100%;justify-content:center}
.five-fan{flex:none;padding-right:0}
.five-fan .card{transform:rotate(-4deg);width:42px;height:65px;margin-right:-29px}
.five-fan .card:nth-child(2n){transform:rotate(3deg)}
.kind{font:16px/1.3 Georgia;max-width:150px;font-size:13px}
.example[aria-pressed=true] .five-fan{translate:0 -9px}
.chopsticks{position:absolute;left:0;height:5px;border-top:3px solid #caa460;border-bottom:3px solid #e0c388;transform:rotate(-7deg);pointer-events:none;width:90%;bottom:0}
[data-toy=tea-suits]{position:relative;height:180px;display:grid;place-items:center;isolation:isolate}
.suits{display:flex;gap:12px;z-index:1;padding-top:35px}
.suit{width:50px;height:62px;border:3px double #ce9e50;background:#641e18;color:#f8dfaa;font:32px Georgia!important;border-radius:6px}
.suit[aria-pressed=true]{translate:0 -12px}
.boss{position:absolute;top:60px;left:calc(50% - 36px);opacity:0}
[data-solved=true] .boss{translate:0 -57px;opacity:1}
.steam{position:absolute;left:44%;top:12px;width:35px;height:65px;background:radial-gradient(ellipse,#fff7cf99,transparent 65%);opacity:0}
.cover-copy,.steam{pointer-events:none}
.cover-copy{position:relative}
.cover-copy a{pointer-events:auto}
.lid{position:absolute;inset:-18px -5px 10px;background:#c59b5c url(skins/yumcha/art/rules-steamer-lid.webp) 50%/contain;border:4px double #63421f;border-radius:50%}
.basket.open .lid{transform:translateY(-24px) rotate(-12deg)}
.glasses{position:absolute;inset:0;background:url(skins/yumcha/art/cast-popo.webp) 50%/contain;clip-path:polygon(23% 32%,78% 23%,81% 48%,24% 56%)}
@media(max-width:480px){.susan{left:5%;width:77%}
.card{width:65px}
.pick .card{width:60px;height:100px}}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-toy] [hidden]{display:none!important}
.cover{container-type:size;overflow:clip;--iw:max(100cqw,150cqh);--ih:max(100cqh,66.666667cqw)}
.basket[data-found].open .lid{opacity:1}
.basket[data-found] .steam{visibility:visible}
.popo[data-found] .glasses{opacity:1}
.header-susan[data-found]{border-radius:50%;box-shadow:inset 0 0 0 2px #d29f4b99,inset 0 0 22px #f8ecc922}
.header-susan[data-found]::after{content:none}
.five-fan .card:last-child{margin-right:0}
.five-fan .index{font-size:11px;left:1px}
.five-fan .pip{font-size:25px;padding-top:20px}
@media(max-width:560px){.examples{grid-template-columns:1fr}
.example,.example-static{height:96px;flex-direction:row;justify-content:start;text-align:left}
.five-fan{width:175px;flex:none}
.five-fan .card{width:54px;height:80px;margin-right:-27px}
.kind{font-size:14px}}
.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}
.basket[data-found]{background:url(skins/yumcha/art/rules-steamer.webp) 50%/contain no-repeat}
.cover-hit{position:absolute;inset:auto;left:calc((100cqw - var(--iw)) * .5 + var(--iw) * var(--x));top:calc((100cqh - var(--ih)) * .32 + var(--ih) * var(--y));width:calc(var(--iw) * var(--w));height:calc(var(--ih) * var(--h));z-index:1}
[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}}