@font-face{font-family:'Baloo 2';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Baloo2-600.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Baloo2-700.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Baloo2-800.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NunitoSans-400.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/NunitoSans-600.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/NunitoSans-700.woff2) format('woff2')}

@font-face{font-family:'Suit Symbols';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/NotoSansSymbols2-suits.woff2) format('woff2');unicode-range:U+2660,U+2663,U+2665-2666}


:root {
  
  --bu-violet: #6D28D9;        
  --bu-violet-deep: #5B21B6;     
  --bu-tint: #EDE9FE;            
  --bu-ink: #1E1030;              
  --bu-white: #FFFFFF;          
  --bu-red: #E0455E;              

  
  --bu-font-display: 'Baloo 2', 'Nunito Sans', system-ui, sans-serif;   
  --bu-font-body: 'Nunito Sans', system-ui, sans-serif;                  

  
  --bu-radius-card: 14px;
  --bu-radius-chip: 999px;
  --bu-radius-tile: 22.5%;      

  
  --bu-motif-opacity-on-violet: 0.10;  
  --bu-motif-opacity-on-white: 0.06;   
}


:root {
  --bu-ink-muted: #574969;
  --bu-ink-faint: #6F6284;
  --bu-ink-disabled: #B7AFC6;
  --bu-rule: #E6E1F0;
  --bu-rule-soft: #F0EDF7;
  --bu-mist: #F5F3FC;
  --bu-canvas: #F7F5FB;
  --bu-canvas-deep: #EFEBF9;
  --bu-shell: #FBFAFE;

  --bu-table: #2A1548;
  --bu-table-deep: #1E1030;
  --bu-table-soft: #3D2566;
  --bu-table-line: rgba(255,255,255,0.14);

  --bu-red-deep: #B93248;
  --bu-red-soft: #FBE9EC;
  --bu-success: #15803D;
  --bu-success-soft: #E4F3EA;
  --bu-warning: #B45309;
  --bu-warning-soft: #FCF1E2;

  
  --bu-motion-deal-stagger: 25ms;
  --bu-motion-deal-total: 900ms;
  --bu-motion-card-play: 250ms;
  --bu-motion-trick-gather: 350ms;
  --bu-motion-card-flip: 250ms;
  --bu-motion-call-entrance: 150ms;

  
  --bu-font-display: 'Baloo 2', 'Suit Symbols', 'Nunito Sans', system-ui, sans-serif;
  --bu-font-body: 'Nunito Sans', 'Suit Symbols', system-ui, sans-serif;
}

*{box-sizing:border-box}
body{margin:0;background:var(--bu-white);color:var(--bu-ink);font:400 18px/1.6 var(--bu-font-body)}
main{max-width:840px;margin:0 auto;padding:32px 24px 64px}
h1,h2{font-family:var(--bu-font-display);font-weight:700;line-height:1.2}
h1{font-size:40px;margin:16px 0 12px}
h2{font-size:28px;margin:48px 0 12px;padding-top:16px;border-top:1px solid var(--bu-rule)}
h3{font-size:20px;margin:28px 0 4px}
p{margin:8px 0}
.lead{font-size:20px;color:var(--bu-ink-muted)}
.meta{font-size:15px;color:var(--bu-ink-muted)}
a{color:var(--bu-violet);font-weight:700;text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--bu-violet-deep)}
a:focus-visible{outline:3px solid var(--bu-violet);outline-offset:2px;border-radius:4px}
.back a{display:inline-flex;align-items:center;min-height:44px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bu-mist);border:1px solid var(--bu-rule-soft);border-radius:var(--bu-radius-card);padding:16px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--bu-ink)}