html:has(.lobby-banner) .instructions-page{width:100%;min-width:0;max-width:none;margin:0 auto;padding:20px;border:1px solid #343b45;border-radius:var(--radius);background:#1c2128;color:#f6f0e7}html:has(.lobby-banner) .instructions-heading{margin-bottom:22px}html:has(.lobby-banner) .instructions-heading h2{margin:5px 0 0;color:#fff7ee;font-size:34px;font-weight:750;letter-spacing:-.04em;line-height:1.15}html:has(.lobby-banner) .instructions-sections{display:grid;grid-gap:12px;gap:12px}html:has(.lobby-banner) .instructions-section{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;grid-gap:18px;gap:18px;min-width:0;padding:22px;border:1px solid #343b45;border-radius:var(--radius);background:#242a33}html:has(.lobby-banner) .instructions-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid #bc454f55;border-radius:var(--radius);background:#a92c3733;color:#ff919a;font-size:13px;font-weight:750;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}html:has(.lobby-banner) .instructions-section h3{margin:3px 0 8px;color:#fff7ee;font-size:18px;font-weight:700;line-height:1.35}html:has(.lobby-banner) .instructions-section p{max-width:80ch;margin:0;color:#d0d5dd;font-size:15px;line-height:1.75;overflow-wrap:anywhere}@media (max-width:760px) and (pointer:coarse){html:has(.lobby-banner) .instructions-page{border-radius:var(--radius)}html:has(.lobby-banner) .instructions-heading h2{font-size:28px}html:has(.lobby-banner) .instructions-section{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px 14px}html:has(.lobby-banner) .instructions-number{width:28px;height:28px;border-radius:var(--radius);font-size:11px}html:has(.lobby-banner) .instructions-section h3{margin-top:2px;font-size:16px}html:has(.lobby-banner) .instructions-section p{font-size:14px;line-height:1.7}}@media (max-width:420px) and (pointer:coarse){html:has(.lobby-banner) .instructions-section{grid-template-columns:minmax(0,1fr);gap:8px}}html:has(.instructions-heading) .instructions-heading h2{font-size:clamp(29px,3.1vw,43px);font-weight:600;line-height:1.1;color:#f6f0e7}html:has(.instructions-sections) .instructions-sections{display:block;max-width:68ch}html:has(.instructions-section) .instructions-section{display:block;margin-top:30px;padding:24px 0 0;border:0;border-top:1px solid #2c333d;border-radius:0;background:none}html:has(.instructions-section) .instructions-section:first-child{margin-top:0;padding-top:0;border-top:0}html:has(.instructions-number) .instructions-number{display:none}html:has(.instructions-section) .instructions-section h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--font-title);font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:#fff7ee}html:has(.instructions-section) .instructions-section h3:before{content:"";flex:none;width:4px;height:.95em;border-radius:2px;background:var(--accent)}html:has(.instructions-section) .instructions-section p{max-width:none;font-size:15px;line-height:1.7;color:#c3c9d2}html:has(.instructions-sections) .instructions-sections:has(.instructions-figure){max-width:none}html:has(.instructions-figure) .instructions-figure{width:100%;max-width:360px;margin:16px 0 0;overflow:hidden;border:1px solid #343b45;border-radius:var(--radius,12px);background:#242a33}html:has(.instructions-figure) .instructions-figure img{display:block;width:100%;height:auto}@media (min-width:1100px),not all and (pointer:coarse){html:has(.instructions-section) .instructions-section:has(>.instructions-figure){display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:start;grid-column-gap:36px;column-gap:36px}html:has(.instructions-section) .instructions-section>.instructions-figure{margin-top:4px}}@media (max-width:760px) and (pointer:coarse){html:has(.instructions-section) .instructions-section{margin-top:24px;padding-top:20px}html:has(.instructions-section) .instructions-section h3{font-size:18px}html:has(.instructions-section) .instructions-section p{font-size:14.5px}}html:has(.instructions-facts) .instructions-facts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}html:has(.instructions-facts) .instructions-facts li{padding:4px 12px;border:1px solid #bc454f66;border-radius:999px;background:#a92c3722;color:#ffb3ba;font-size:13px;font-weight:650;line-height:1.4}html:has(.instructions-play) .instructions-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:30px;padding:16px 20px;border:1px solid #343b45;border-radius:var(--radius,12px);background:#242a33}html:has(.instructions-play) .instructions-play p{margin:0;color:#fff7ee;font-family:var(--font-title);font-size:18px;font-weight:600;letter-spacing:-.01em}html:has(.instructions-related) .instructions-related{margin-top:30px;padding-top:24px;border-top:1px solid #2c333d}html:has(.instructions-related) .instructions-related h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-family:var(--font-title);font-size:20px;font-weight:600;letter-spacing:-.02em;color:#fff7ee}html:has(.instructions-related) .instructions-related h3:before{content:"";flex:none;width:4px;height:.95em;border-radius:2px;background:var(--accent)}html:has(.instructions-related) .instructions-related ul{display:grid;margin:0;padding:0;list-style:none}html:has(.instructions-related) .instructions-related a{display:grid;grid-template-columns:30px minmax(120px,190px) minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:10px 8px;border-bottom:1px solid #262c35;border-radius:8px;color:#c9d1dc;font-size:14px;line-height:1.4;text-decoration:none}html:has(.instructions-related) .instructions-related li:last-child a{border-bottom:0}html:has(.instructions-related) .instructions-related a:hover{background:#242a33}html:has(.instructions-related) .instructions-related a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}html:has(.instructions-related) .instructions-related-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#e4464b,#b42736)}html:has(.instructions-related) .instructions-related-mark:before{content:"";width:24px;height:24px;background:var(--game-icon) center /contain no-repeat}html:has(.instructions-related) .instructions-related-name{color:#fff7ee;font-weight:650}html:has(.instructions-related) .instructions-related-desc{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}html:has(.instructions-related) .instructions-related-seats{color:#9aa4b2;font-size:13px;white-space:nowrap}@media (max-width:760px) and (pointer:coarse){html:has(.instructions-related) .instructions-related a{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"mark name seats" "mark desc desc";row-gap:2px;column-gap:12px}html:has(.instructions-related) .instructions-related-mark{grid-area:mark;align-self:start}html:has(.instructions-related) .instructions-related-name{grid-area:name}html:has(.instructions-related) .instructions-related-desc{grid-area:desc;font-size:13.5px}html:has(.instructions-related) .instructions-related-seats{grid-area:seats}html:has(.instructions-play) .instructions-play{padding:14px 16px}html:has(.instructions-play) .instructions-play .btn{flex:1 1 100%}}