/* 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:#0a0f1c; /* games/the-yakuza/style.css body[data-skin="irezumi"] --bg: #0a0f1c */
  --sheet:#0a0f1c; /* games/the-yakuza/style.css body[data-skin="irezumi"] --bg: #0a0f1c */
  --ink:#f5eedc; /* games/the-yakuza/style.css body[data-skin="irezumi"] --text: #f5eedc */
  --muted:#cfc6ad; /* games/the-yakuza/style.css body[data-skin="irezumi"] --muted: #cfc6ad */
  --accent:#e9b949; /* games/the-yakuza/style.css body[data-skin="irezumi"] --lime: #e9b949 */
  --line:#2c3c5e; /* games/the-yakuza/style.css body[data-skin="irezumi"] --line: #2c3c5e */
  --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:#f5eedc; /* games/the-yakuza/style.css body[data-skin="irezumi"] --text: #f5eedc */
  --dot:#e9b949; /* games/the-yakuza/style.css body[data-skin="irezumi"] --lime: #e9b949 */
  --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:#e9b949; /* games/the-yakuza/style.css body[data-skin="irezumi"] --lime: #e9b949 */
  --buttonInk:#241a02; /* games/the-yakuza/style.css body[data-skin="irezumi"] --lime-ink: #241a02 */
  --buttonBorder:#e9b949; /* games/the-yakuza/style.css body[data-skin="irezumi"] --lime: #e9b949 */
  --buttonRadius:8px; /* games/straits-deal/style.css button: 8px */
  --buttonShadow:none; /* games/straits-deal/style.css button: none */
  --panel:#111a2c; /* games/the-yakuza/style.css body[data-skin="irezumi"] --panel: #111a2c */
  --panelInk:#f5eedc; /* games/the-yakuza/style.css body[data-skin="irezumi"] --text: #f5eedc */
  --panelMuted:#cfc6ad; /* games/the-yakuza/style.css body[data-skin="irezumi"] --muted: #cfc6ad */
  --panelBorder:#526a96; /* games/the-yakuza/style.css body[data-skin="irezumi"] --line-2: #526a96 */
  --panelRadius:14px; /* games/straits-deal/style.css .sd-entry-card: 14px */
  --panelShadow:none; /* games/straits-deal/style.css button: none */
  --cover-position:50% 35%;
  --motif:"◉";
}
#rules-content h2::before{content:counter(section,decimal-leading-zero);}
#rules-content ul{counter-reset:chip}#rules-content li{counter-increment:chip}#rules-content ul>li::before{content:counter(chip);font:850 12px/22px var(--reading);border:2px dashed var(--accent);border-radius:50%;width:24px;height:24px;top:3px}
.rule-chip{display:grid;place-items:center;width:var(--piece-size);height:var(--piece-size);font:850 calc(var(--piece-size) * .48)/1 var(--reading);--chip:#f4efe2;--chip-ink:#1c2740;border:3px dashed color-mix(in srgb,var(--chip-ink) 55%,transparent);border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--chip) 80%,#fff),var(--chip) 60%,color-mix(in srgb,var(--chip) 78%,#000));color:var(--chip-ink);box-shadow:0 3px 0 color-mix(in srgb,var(--chip) 55%,#000),0 6px 10px #0008}
.rule-chip[data-chip-color="yellow"]{--chip:#f1c93d}
.rule-chip[data-chip-color="orange"]{--chip:#ef8a2e}
.rule-chip[data-chip-color="red"]{--chip:#d8483a;--chip-ink:#fff7ea}

[data-toy] button{font:inherit;cursor:pointer;touch-action:manipulation}
[data-toy] button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[data-toy=y-heist]{height:600px;position:relative;margin:24px 0}
.table{position:absolute;inset:0;background:#242d31 url(skins/irezumi/art/table.webp) 50%/cover;border:6px double #957744;padding:14px;overflow:hidden;color:#f2e2be}
.seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:240px}
.seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.portrait{width:64px;height:64px;border:2px solid #ae8e62}
.pocket{display:flex;justify-content:center;gap:4px}
.seat .pocket{gap:0}
.seat .card{width:36px;height:53px}
.card{display:inline-block;position:relative;width:57px;height:82px;background:#eadfbf;color:#192b32;border:1px solid #a28e67;overflow:hidden;flex:none;text-align:left}
.card[data-red=true]{color:#a22726}
.card img{position:absolute;inset:20% 2% 2%;width:96%;height:78%;object-fit:contain}
.card:not([data-card]) img{inset:0;width:100%;height:100%;object-fit:cover}
.index{position:absolute;top:1px;left:2px;z-index:1;font:700 15px Georgia}
.pip{margin-top:22px}
.pip,.stage{display:block;text-align:center}
.stage{height:24px}
.board{display:flex;justify-content:center;gap:5px;height:86px}
.empty{width:57px;height:82px;border:1px dashed #e9d5a344;min-width:0}
.board .card{min-width:0;flex-shrink:1}
.middle{display:flex;justify-content:center;gap:12px;height:65px;padding-top:8px}
.chip{width:44px;height:44px;flex:none;border:6px dashed #262b31;background:var(--chip,#e9dfca);color:#161c20;font:700 21px Georgia!important;border-radius:50%}
.history{display:block;font:11px Georgia;max-width:110px;height:28px}
.hand-name,.history{text-align:center;color:#f2e2be}
.hand-name{position:absolute;bottom:1px;font:12px Georgia;max-width:100%;overflow-wrap:anywhere}
.you{justify-content:center;gap:15px;height:98px}
.place,.you{display:flex}
.place{flex-direction:column;align-items:center;gap:4px}
.deck{position:absolute;right:12px;bottom:14px;width:46px;height:68px;padding:0;border:0;background:transparent;transform:rotate(7deg)}
.deck img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.result{position:absolute;left:12px;bottom:12px;width:60px;height:60px;perspective:400px}
.result img{width:100%;height:100%;object-fit:contain}
.open img{transform:rotateY(-25deg)}
[data-toy=y-silence]{height:190px;position:relative;margin:20px 0}
.silence{display:flex;align-items:center;justify-content:center;gap:20px;height:100%}
.silent-portrait{width:100px;height:100px}
.speech{width:160px;height:135px;position:relative;border:0;background:none;color:#f5dfb9}
.speech-cards{position:absolute;inset:5px 0 16px;background:#e4d1a7;border:3px solid #263b45;display:flex;gap:6px;align-items:center;justify-content:center;transform-origin:50% 100%}
.speech-chip{position:absolute;bottom:0;left:58px;width:44px;height:44px;background:#dabb42;border:6px dashed #27323b;color:#202d36;z-index:1}
.speech[aria-pressed=true] .speech-cards{transform:scaleX(.16) rotate(-12deg);opacity:0}
[data-toy=y-vaults]{height:auto;position:relative;margin:24px 0}
.safe{position:relative;display:grid;grid-template-rows:78px 78px 64px;gap:8px;padding:8px;background:#172830;border:5px double #607077}
.counter{display:flex;justify-content:center;gap:22px}
.dial{display:block;width:78px;height:78px;opacity:.25;filter:grayscale(1)}
.dial[data-filled=true]{opacity:1;filter:none}
.dial img{width:100%;height:100%;object-fit:contain}
.tokens{display:flex;justify-content:center;gap:28px}
.token{color:#182a31;border:0;background:transparent;padding:0}
.cover-copy{position:relative;pointer-events:none}
.cover-copy a{pointer-events:auto}
.headphones{inset:0;background:url(skins/irezumi/art/cast-rin.webp) 50%/contain;clip-path:polygon(12% 43%,32% 41%,59% 64%,66% 84%,49% 87%,31% 67%,17% 65%)}



/* CSS koi/cup: art-wanted.md. */.headphones,.koi{position:absolute}
.koi{left:13%;bottom:10%;width:24px;height:10px;border-radius:70% 20% 70% 20%;background:#cd7040 url(skins/irezumi/art/rules-koi.webp) 50%/contain no-repeat;transform:rotate(-30deg)}
[data-toy=y-sake]{height:88px;position:relative;margin-top:18px}
.sake{border-radius:0 0 40% 40%;position:absolute;left:28px;top:12px;width:54px;height:56px;border:5px double #869797;background:#c9c6a7 url(skins/irezumi/art/rules-sake-cup.webp) 50%/contain no-repeat;overflow:hidden}
.sake::after{content:"";position:absolute;inset:4px 2px;background:#ead6a2;transform:translateY(40px);border-radius:40%}
.sake.full::after{transform:translateY(0)}
@media(max-width:480px){.table{padding:10px 5px}
.board{gap:3px}
.board .card,.empty{width:48px;height:73px}}
[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)}
.rin[data-found] .headphones,.tattoo[data-found] .koi{opacity:1}
.token,.token img{width:64px;height:64px}
.token img{object-fit:contain}
.token:active{transform:rotate(18deg)}
.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,.5) + var(--iw) * var(--x));top:calc((100cqh - var(--ih)) * .35 + 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.78;--cover-position:78% 35%}}
[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}}