/* 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:50% 40%;
  --motif:"✦";
}
#rules-content h2::before{content:counter(section,decimal-leading-zero);}
.opening-initial::first-letter{float:left;font:var(--weight) 4.1em/.85 var(--display);padding:.08em .13em 0 0;color:var(--accent)}
.opening-initial::first-letter{border:3px double #e2ac27;box-shadow:inset 0 0 0 1px #c8332b;margin:.08em .15em 0 0;padding:.1em;font-size:3.2em}
#card-gallery figure{background:#f3ead3;padding:12px;border-radius:8px}#card-gallery figcaption{color:#1b2227}

.initial,[data-toy] button{font:inherit;cursor:pointer;touch-action:manipulation}
.initial:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[data-toy] button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[data-toy=n-round]{height:460px;position:relative;margin:24px 0}
.table{inset:0;border:5px double #a7854c;background:#332d22 url(art/table.webp) 50%/cover;overflow:hidden;color:#f3e4bd}
.table,.table>*{position:absolute}
.creatures{top:12px;left:16px;right:16px;display:flex;justify-content:space-between}
.creature{width:82px;height:96px;position:relative}
.creature img{width:82px;height:82px}
.count{position:absolute;bottom:0;right:3px;background:#302416;color:#f2dfa9;width:28px;text-align:center}
.arrow{left:calc(50% - 30px);top:7px;font:60px Georgia;color:#d6b36f}
.pile{left:calc(50% - 43px);top:100px}
.card{position:relative;display:inline-block;width:78px;height:112px;overflow:hidden;border:3px double #dbc493;background:var(--card);color:#fff1d6}
.card img{left:3%;top:25%;width:94%;height:72%;object-fit:contain}
.card img,.index{position:absolute}
.index{top:2px;left:4px;font:700 18px Georgia}
.pile .card{width:86px;height:123px}
.hand{left:14px;right:14px;top:286px;height:130px;display:flex;justify-content:center;padding-right:24px}
.pick{position:relative;width:10%;flex-shrink:1;min-width:0;height:115px;padding:0;border:0;background:none}
.pick[data-legal=true]:focus-visible{translate:0 -16px;z-index:2}
.pick[data-legal=true]:hover{translate:0 -16px;z-index:2}
.pick:focus-visible{z-index:3}
.deck{left:18px;top:177px}
.deck,.penalty{position:absolute;width:48px;height:70px;padding:0;background:none;border:0;transform:rotate(-9deg)}
.deck img,.penalty img{width:100%;height:100%;object-fit:cover}
.book{top:174px}
.book,.call{right:12px}
.book,.call,.one-reset,.reset{background:#594225;color:#f4d7a2;border:3px double #a8844b;padding:4px 10px}
.call{top:222px}
.reset{top:12px;right:calc(50% - 15px);opacity:0}
.reset:focus-visible{opacity:1}
.reset:hover{opacity:1}
.plate{bottom:8px;left:8px;right:8px;text-align:center}
.colours{top:228px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:4}
.roundel{width:42px;height:42px;border:4px double #edc477;background:var(--colour);color:#fff0c9;border-radius:50%}
[data-toy=n-one]{position:relative;margin:22px 0;height:238px}
.one{border-block:2px solid #aa8c50;inset:0}
.last-hand{display:flex;justify-content:center;gap:8px;top:15px;left:10px;right:92px}
.last-card{border:0;padding:0;background:none}
.last-card,.last-card .card{width:62px;height:96px}
.monk{width:76px;height:76px;top:15px;right:8px}



/* CSS stand-ins: art-wanted.md. */.bell{border-radius:50% 50% 14% 14%;left:calc(50% - 76px);bottom:18px;width:66px;height:75px;border:3px double #674923;background:#c9a045 url(art/rules-bell.webp) 50%/contain no-repeat;color:#281d13}
.closed-book{left:calc(50% + 20px);bottom:20px;width:56px;height:68px;border:5px double #c2a368;background:#633824 url(art/rules-closed-book.webp) 50%/contain;color:#e9cb83}
.penalty{left:calc(50% - 24px);top:auto;bottom:14px}
[data-toy=n-house]{margin:24px 0;height:auto;min-height:0}
.tabs{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;height:auto;padding:16px 4px;gap:12px}
.wax{position:relative;width:92px;height:64px;padding:15px 4px 4px;border:1px solid #9f814d;background:#503c27;color:#f4dba6;font:14px Georgia!important}
.wax::before{content:"";position:absolute;top:-8px;left:32px;width:26px;height:26px;border:4px double #ae6653;border-radius:47%;background:#823c2b url(art/rules-wax-seal.webp) 50%/contain}
.wax[aria-pressed=true]::before{clip-path:polygon(0 0,70% 0,40% 40%,80% 55%,50% 100%,0 100%);transform:rotate(-22deg)}
.small-table{border:4px double #a4864c;position:relative;inset:auto;height:auto;padding:4px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 6px}
.step{position:relative;margin:0;min-width:0;text-align:center}
.step .card{width:61px;height:90px}
.step figcaption{font:14px/1.45 serif;color:#ecd7ac;margin-top:12px;font-size:13px}
.owed{position:absolute;right:0;top:80px;background:#a1442f;color:#fff;width:34px}
[data-toy=n-die]{height:138px;position:relative;margin:0}
.die{position:absolute;left:12px;top:15px;width:90px;height:90px;border:0;background:none;padding:0}
.die img,.snail>img{width:100%;height:100%}
.die-value{position:absolute;bottom:-12px;left:30px;background:#573e29;color:#f6da9d;width:34px}
.snail{right:22px;top:5px;width:115px;height:115px}



/* Rider stand-ins. */.knight,.snail{position:absolute}
.knight{inset:0;background:url(art/rules-snail-rider.webp) 50%/contain no-repeat,url(art/cast-limax.webp) 50%/contain;clip-path:polygon(27% 0,65% 0,69% 50%,74% 78%,50% 80%,25% 51%)}
.snail[data-fallen=true]>img{clip-path:polygon(0 40%,27% 42%,40% 57%,53% 64%,75% 72%,72% 40%,100% 30%,100% 100%,0 100%);background:url(art/rules-empty-snail.webp) 50%/contain}
.snail[data-fallen=true] .knight{transform:translate(28px,20px) rotate(65deg)}
[data-toy=n-initial]{height:0}
.opening-initial{position:relative;padding-left:84px;min-height:84px}
.opening-initial::first-letter{float:none;font:inherit;padding:0}
.initial{position:absolute;left:0;top:4px;width:68px;height:80px;background:#785b2d;border:4px double #d6ae59}
.initial img{width:100%;height:100%;object-fit:contain}
.eyes{position:absolute;left:30%;right:30%;top:48%;height:5px;background:#583e20;opacity:0}
[data-toy=n-rabbit]{height:110px;position:relative;overflow:hidden}
.rabbit{position:absolute;left:8px;top:10px;width:88px;height:88px;background:none;border:0;padding:0}
.rabbit img{width:100%}
.rabbit.hiding{transform:translateX(-72px)}
.arc{animation:n-arc .36s}
.flick{animation:n-flick .25s}
.leap{animation:n-leap .45s}
.roll,.turn{animation:n-roll .5s}
.nod{animation:n-flick .3s}
.draw,.ink{animation:n-draw .3s}
.blink{animation:n-blink .3s}
@keyframes n-arc{0%{transform:translateY(110px) rotate(-25deg)}
50%{transform:translateY(-15px) rotate(8deg)}}
@keyframes n-flick{50%{transform:translateY(7px) rotate(5deg)}}
@keyframes n-leap{50%{transform:translate(-65px,-15px) rotate(35deg)}}
@keyframes n-roll{to{transform:rotate(1turn)}}
@keyframes n-draw{0%{transform:translateX(-22px);opacity:.4}}
@keyframes n-blink{40%{opacity:1}
65%{opacity:1}}
@media(max-width:480px){.pick .card{width:60px;height:100px}
.hand{left:8px;right:8px}}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-toy] [hidden]{display:none!important}
.one,.small-table{background:#332d22 url(art/table.webp) 50%/cover}
.one,.one>*{position:absolute}
.one-reset{top:110px;right:20px}
[data-toy] *{transition:transform .3s,translate .3s,opacity .3s}
@media(prefers-reduced-motion:reduce){[data-toy],[data-toy] *{animation:none!important;transition:none!important}}