.c4{display:flex;flex-direction:column;gap:var(--cc-space-2, 8px);margin:0 calc(-1 * var(--cc-space-2, 8px))}.c4__you{margin:0;display:flex;align-items:center;justify-content:center;gap:var(--cc-space-2, 8px);font:800 var(--cc-text-sm, .9375rem) var(--cc-font-display, sans-serif)}.c4__chip{width:18px;height:18px;border:var(--cc-outline, 3px solid #161310);border-radius:50%}.c4__board{position:relative;border:var(--cc-outline, 3px solid #161310);border-radius:var(--cc-radius-md, 14px);background:var(--cc-teal, #1fb5a8);box-shadow:var(--cc-shadow, 5px 5px 0 #161310);overflow:hidden}.c4__grid{display:grid;grid-template-rows:repeat(6,auto)}.c4__row,.c4__cols{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.c4__cell{position:relative;aspect-ratio:1;display:block}.c4__cell:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:var(--cc-outline, 3px solid #161310);border-radius:50%;background:var(--cc-paper, #fff8ec)}.c4__disc{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:var(--cc-outline, 3px solid #161310);border-radius:50%;box-shadow:inset -3px -3px 0 0 var(--cc-ink, #161310)}.c4__disc--red{background:var(--cc-tomato, #ff5a3c)}.c4__disc--yellow{background:var(--cc-sunflower, #ffc93c)}.c4__chip--red{background:var(--cc-tomato, #ff5a3c)}.c4__chip--yellow{background:var(--cc-sunflower, #ffc93c)}.c4__disc--drop{animation:c4-drop calc(.18s + var(--c4-fall, 1) * 60ms) var(--cc-ease-bounce, ease-out) both}@keyframes c4-drop{0%{transform:translateY(calc(var(--c4-fall, 1) * -125%))}to{transform:translateY(0)}}.c4__cell--win .c4__disc{box-shadow:inset -3px -3px 0 0 var(--cc-ink, #161310),0 0 0 3px var(--cc-white, #fff),0 0 0 6px var(--cc-ink, #161310);z-index:1;animation:c4-win .7s var(--cc-ease-bounce, ease-out) .3s 3 alternate}@keyframes c4-win{to{transform:scale(1.12)}}.c4__cols{position:absolute;top:0;right:0;bottom:0;left:0}.c4__col{min-width:var(--cc-touch-min, 44px);min-height:var(--cc-touch-min, 44px);margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.c4__col:not(:disabled):hover,.c4__col:not(:disabled):active{box-shadow:inset 0 0 0 3px var(--cc-ink, #161310)}.c4__col:disabled{cursor:default}.c4__col:focus-visible{outline:3px solid var(--cc-white, #fff);outline-offset:-6px}@media (prefers-reduced-motion: reduce){.c4__disc--drop,.c4__cell--win .c4__disc{animation:none}}.rps{display:flex;flex-direction:column;gap:var(--cc-space-3);width:100%;min-width:0}.rps__top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--cc-space-2);flex-wrap:wrap}.rps__score{margin:0;display:flex;gap:var(--cc-space-2);font-family:var(--cc-font-display);font-size:var(--cc-text-lg);font-weight:800}.rps__round{margin:0;font-weight:700}.rps__sub,.rps__status{color:var(--cc-ink-soft)}.rps__status{margin:0;text-align:center;font-weight:700}.rps__picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cc-space-2)}.rps__pick{min-width:var(--cc-touch-min);min-height:calc(var(--cc-touch-min) * 2.4);border:var(--cc-outline);border-radius:var(--cc-radius-md);box-shadow:var(--cc-shadow);color:var(--cc-ink);font-family:var(--cc-font-display);font-size:var(--cc-text-sm);font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cc-space-1);padding:var(--cc-space-2);cursor:pointer;transition:transform var(--cc-press-ms),box-shadow var(--cc-press-ms)}.rps__pick:not(:disabled):active{transform:translate(4px,4px);box-shadow:var(--cc-shadow-pressed)}.rps__pick:focus-visible{outline:3px solid var(--cc-ink);outline-offset:3px}.rps__pick:disabled{cursor:default;box-shadow:var(--cc-shadow-pressed);transform:translate(4px,4px);opacity:.55}.rps__pick--chosen,.rps__pick--chosen:disabled{opacity:1;outline:3px solid var(--cc-tomato);outline-offset:3px}.rps__icon{width:100%;max-width:56px;height:auto;aspect-ratio:1}.rps__reveal{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--cc-space-2);border:var(--cc-outline);border-radius:var(--cc-radius-md);background:var(--cc-white);padding:var(--cc-space-3)}.rps__reveal--won{background:var(--cc-sunflower)}.rps__side{display:flex;flex-direction:column;align-items:center;gap:var(--cc-space-1);font-weight:700;text-align:center;animation:rps-reveal-left .42s var(--cc-ease-bounce) both}.rps__side--flip{animation-name:rps-reveal-right}.rps__side-icon{width:56px}.rps__vs{font-family:var(--cc-font-display);font-weight:800}.rps__verdict{grid-column:1 / -1;margin:0;text-align:center;font-family:var(--cc-font-display);font-weight:800}.rps__history{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--cc-space-1)}.rps__chip{border:var(--cc-outline);border-radius:var(--cc-radius-pill);padding:2px var(--cc-space-2);font-size:var(--cc-text-xs);font-weight:700;background:var(--cc-white)}.rps__chip--won{background:var(--cc-teal)}.rps__chip--lost{background:var(--cc-tomato)}@keyframes rps-reveal-left{0%{transform:translate(-40%) rotate(-20deg) scale(.4);opacity:0}to{transform:none;opacity:1}}@keyframes rps-reveal-right{0%{transform:translate(40%) rotate(20deg) scale(.4);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.rps__side{animation:none}.rps__pick{transition:none}}.pool{--pool-felt: var(--cc-felt, #2e9e6b);display:flex;flex-direction:column;gap:var(--cc-space-3, 12px);width:100%;font-family:var(--cc-font-body, sans-serif);color:var(--cc-ink, #161310)}.pool__status{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--cc-space-2, 8px);font-size:var(--cc-text-sm, .9375rem)}.pool__table{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none}.pool__table--ready{cursor:crosshair}.pool__rail{fill:var(--cc-ink-soft, #4a433b);stroke:var(--cc-ink, #161310);stroke-width:6}.pool__felt{fill:var(--pool-felt);stroke:var(--cc-ink, #161310);stroke-width:5}.pool__diamond{fill:var(--cc-paper, #fff8ec)}.pool__headline{stroke:var(--cc-paper, #fff8ec);stroke-opacity:.35;stroke-width:2;stroke-dasharray:6 8}.pool__pocket{fill:var(--cc-ink, #161310);stroke:var(--cc-ink, #161310);stroke-width:4}.pool__ball,.pool__ball-base{stroke:var(--cc-ink, #161310);stroke-width:4}.pool__ball-base,.pool__ball--cue{fill:var(--cc-white, #fff)}.pool__ball--eight{fill:var(--cc-ink, #161310)}.pool__eight-spot{fill:var(--cc-white, #fff)}.pool__ball--outline{fill:none}.pool__guide{stroke:var(--cc-white, #fff);stroke-width:4;stroke-dasharray:10 10;stroke-linecap:round}.pool__stick{stroke:var(--cc-sunflower, #ffc93c);stroke-width:10;stroke-linecap:round;filter:drop-shadow(3px 3px 0 var(--cc-ink, #161310))}.pool__racks{display:grid;gap:var(--cc-space-1, 4px)}.pool__rack{display:flex;align-items:center;justify-content:space-between;gap:var(--cc-space-2, 8px);font-size:var(--cc-text-xs, .8125rem)}.pool__rack-label{font-weight:700}.pool__chips{display:flex;flex-wrap:wrap;gap:2px;min-height:20px}.pool__chip{width:20px;height:20px}.pool__none{color:var(--cc-ink-soft, #4a433b)}.pool__controls{display:grid;gap:var(--cc-space-3, 12px)}.pool__field{display:grid;gap:var(--cc-space-1, 4px);font-size:var(--cc-text-sm, .9375rem)}.pool__field input[type=range]{width:100%;min-height:var(--cc-touch-min, 44px);accent-color:var(--cc-teal, #1fb5a8)}.pool__nudge{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--cc-space-2, 8px)}.pool__meter{height:14px;border:var(--cc-outline, 3px solid #161310);border-radius:var(--cc-radius-pill, 999px);background:var(--cc-white, #fff);overflow:hidden}.pool__meter-fill{height:100%;background:var(--cc-tomato, #ff5a3c)}.pool__btn{min-width:var(--cc-touch-min, 44px);min-height:var(--cc-touch-min, 44px);border:var(--cc-outline, 3px solid #161310);border-radius:var(--cc-radius-md, 14px);background:var(--cc-white, #fff);box-shadow:var(--cc-shadow-pressed, 1px 1px 0 #161310);font:inherit;font-size:var(--cc-text-lg, 1.375rem);font-weight:700;color:var(--cc-ink, #161310);cursor:pointer;transition:transform var(--cc-press-ms, 90ms)}.pool__btn:active:not(:disabled){transform:translate(1px,1px)}.pool__btn:focus-visible{outline:3px solid var(--cc-teal, #1fb5a8);outline-offset:2px}.pool__btn:disabled{opacity:.5;cursor:default}.pool__btn--shoot{width:100%;background:var(--cc-sunflower, #ffc93c);box-shadow:var(--cc-shadow, 5px 5px 0 #161310);font-family:var(--cc-font-display, sans-serif)}.ttt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--cc-space-2, 8px);width:100%;aspect-ratio:1}.ttt__cell{min-width:var(--cc-touch-min, 44px);min-height:var(--cc-touch-min, 44px);border:var(--cc-outline, 3px solid #161310);border-radius:var(--cc-radius-md, 14px);background:var(--cc-white, #fff);padding:14%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--cc-press-ms, 90ms),box-shadow var(--cc-press-ms, 90ms)}.ttt__cell:not(:disabled):hover{background:var(--cc-paper, #fff8ec)}.ttt__cell:not(:disabled):active{transform:translate(2px,2px)}.ttt__cell:disabled{cursor:default;color:inherit}.ttt__cell:focus-visible{outline:3px solid var(--cc-teal, #1fb5a8);outline-offset:2px}.ttt__cell--win{background:var(--cc-sunflower, #ffc93c);box-shadow:var(--cc-shadow, 5px 5px 0 #161310)}.ttt__glyph{width:100%;height:100%;fill:none;stroke-width:6;stroke-linecap:round;animation:ttt-pop .26s var(--cc-ease-bounce, ease-out)}.ttt__glyph--x{stroke:var(--cc-tomato, #ff5a3c);filter:drop-shadow(2px 2px 0 var(--cc-ink, #161310))}.ttt__glyph--o{stroke:var(--cc-teal, #1fb5a8);filter:drop-shadow(2px 2px 0 var(--cc-ink, #161310))}@keyframes ttt-pop{0%{transform:scale(.3) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.trivia{display:flex;flex-direction:column;gap:var(--cc-space-3);width:100%}.trivia__score{display:flex;align-items:center;justify-content:center;gap:var(--cc-space-2)}.trivia__chip{border:var(--cc-outline);border-radius:var(--cc-radius-pill);background:var(--cc-white);padding:var(--cc-space-1) var(--cc-space-3);font-size:var(--cc-text-sm);font-weight:700}.trivia__chip strong{font-family:var(--cc-font-display);font-size:var(--cc-text-md);margin-left:var(--cc-space-1)}.trivia__vs{font-size:var(--cc-text-xs);color:var(--cc-ink-soft)}.trivia__card,.trivia__reveal{border:var(--cc-outline);border-radius:var(--cc-radius-md);background:var(--cc-sunflower);box-shadow:var(--cc-shadow);padding:var(--cc-space-4)}.trivia__reveal{background:var(--cc-white);display:flex;flex-direction:column;gap:var(--cc-space-3);animation:trivia-pop .28s var(--cc-ease-bounce)}.trivia__meta{display:flex;justify-content:space-between;gap:var(--cc-space-2);font-size:var(--cc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.trivia__prompt{margin:var(--cc-space-2) 0 0;font-family:var(--cc-font-display);font-size:var(--cc-text-lg);font-weight:800;line-height:1.15}.trivia__verdict{margin:0;font-family:var(--cc-font-display);font-size:var(--cc-text-xl);font-weight:800;color:var(--cc-tomato)}.trivia__verdict--right{color:var(--cc-teal)}.trivia__options{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cc-space-2);margin:0;padding:0;list-style:none}.trivia__option{display:flex;align-items:center;gap:var(--cc-space-3);min-height:calc(var(--cc-touch-min) + var(--cc-space-3));width:100%;border:var(--cc-outline);border-radius:var(--cc-radius-md);background:var(--cc-white);box-shadow:var(--cc-shadow-pressed);padding:var(--cc-space-2) var(--cc-space-3);color:var(--cc-ink);font:inherit;font-weight:700;text-align:left;cursor:pointer;transition:transform var(--cc-press-ms),box-shadow var(--cc-press-ms)}button.trivia__option:not(:disabled){box-shadow:var(--cc-shadow)}button.trivia__option:not(:disabled):active{transform:translate(4px,4px);box-shadow:var(--cc-shadow-pressed)}button.trivia__option:disabled{cursor:default}.trivia__option:focus-visible{outline:3px solid var(--cc-teal);outline-offset:2px}.trivia__option--picked{background:var(--cc-sunflower)}.trivia__option--static{cursor:default}.trivia__option--correct{background:var(--cc-teal);color:var(--cc-white);animation:trivia-pop .32s var(--cc-ease-bounce)}.trivia__option--wrong{background:var(--cc-tomato);color:var(--cc-white)}.trivia__letter{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:var(--cc-outline);border-radius:var(--cc-radius-sm);background:var(--cc-paper);color:var(--cc-ink);font-family:var(--cc-font-display)}.trivia__text{flex:1;overflow-wrap:anywhere}.trivia__tag{flex:none;border:var(--cc-outline);border-radius:var(--cc-radius-pill);background:var(--cc-white);color:var(--cc-ink);padding:0 var(--cc-space-2);font-size:var(--cc-text-xs)}.trivia__status{margin:0;text-align:center;font-weight:700}.trivia__next{min-height:var(--cc-touch-min);border:var(--cc-outline);border-radius:var(--cc-radius-pill);background:var(--cc-white);box-shadow:var(--cc-shadow);color:var(--cc-ink);font:inherit;font-weight:700;cursor:pointer}@keyframes trivia-pop{0%{transform:scale(.92)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.trivia__reveal,.trivia__option--correct{animation:none}.trivia__option{transition:none}}.app{min-height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;gap:var(--cc-space-5);padding:var(--cc-space-5) var(--cc-space-4) var(--cc-space-6)}.screen--tinted{background:var(--cc-teal)}.screen__head{display:flex;align-items:center;gap:var(--cc-space-3)}.screen__head h1{font-size:var(--cc-text-xl);flex:1;min-width:0}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:var(--cc-space-3)}.row{display:flex;align-items:center;gap:var(--cc-space-3)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cc-space-3)}.eyebrow{margin:0;font-family:var(--cc-font-body);font-size:var(--cc-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cc-ink-soft)}.screen--tinted .eyebrow{color:var(--cc-ink)}.muted{color:var(--cc-ink-soft);font-size:var(--cc-text-sm);margin:0}.center{text-align:center}.section-title{font-size:var(--cc-text-lg)}.logo{font-family:var(--cc-font-display);font-weight:800;font-size:1.75rem;letter-spacing:-.02em;margin:0}.logo__clash{display:inline-block;margin-left:var(--cc-space-1);padding:0 var(--cc-space-2);background:var(--cc-sunflower);border:var(--cc-outline);border-radius:var(--cc-radius-sm);box-shadow:4px 4px 0 var(--cc-ink);transform:rotate(-3deg)}.logo--big{font-size:3rem}.btn{min-height:var(--cc-touch-min);display:inline-flex;align-items:center;justify-content:center;gap:var(--cc-space-2);padding:var(--cc-space-3) var(--cc-space-5);font:700 var(--cc-text-md) var(--cc-font-body);color:var(--cc-ink);text-decoration:none;background:var(--cc-white);border:var(--cc-outline);border-radius:var(--cc-radius-pill);box-shadow:4px 4px 0 var(--cc-ink);cursor:pointer;transition:transform var(--cc-press-ms) ease-out,box-shadow var(--cc-press-ms) ease-out;-webkit-tap-highlight-color:transparent}.btn:hover{color:var(--cc-ink)}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:var(--cc-shadow-pressed)}.btn:focus-visible{outline:3px dashed var(--cc-teal);outline-offset:4px}.btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.btn--primary{background:var(--cc-tomato)}.btn--accent{background:var(--cc-sunflower)}.btn--teal{background:var(--cc-teal)}.btn--flat{box-shadow:none}.btn--lg{min-height:64px;font-family:var(--cc-font-display);font-weight:800;font-size:var(--cc-text-lg);box-shadow:var(--cc-shadow)}.btn--block{width:100%}.btn--icon{width:var(--cc-touch-min);height:var(--cc-touch-min);padding:0;border-radius:12px;box-shadow:none;flex:none}.link-btn{background:none;border:none;padding:var(--cc-space-2);min-height:var(--cc-touch-min);font:700 var(--cc-text-sm) var(--cc-font-body);color:var(--cc-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.card{background:var(--cc-white);border:var(--cc-outline);border-radius:var(--cc-radius-md);padding:var(--cc-space-4);display:flex;flex-direction:column;gap:var(--cc-space-2)}.card--raised{box-shadow:var(--cc-shadow)}.card--paper{background:var(--cc-paper)}.card--sun{background:var(--cc-sunflower)}.card--teal{background:var(--cc-teal)}.card--dashed{border-style:dashed}a.card{color:var(--cc-ink);text-decoration:none}.amount{display:inline-flex;flex-direction:column;line-height:1.05}.amount__sats{font-family:var(--cc-font-display);font-weight:800;color:var(--cc-money);-webkit-text-stroke:1px var(--cc-ink);paint-order:stroke fill}.amount--sm .amount__sats{font-size:var(--cc-text-lg)}.amount--md .amount__sats{font-size:var(--cc-text-xl)}.amount--lg .amount__sats{font-size:var(--cc-text-2xl);-webkit-text-stroke-width:1.5px}.amount__fiat{font-size:var(--cc-text-sm);color:var(--cc-ink-soft)}.pill{display:inline-flex;align-items:center;gap:var(--cc-space-1);padding:var(--cc-space-1) var(--cc-space-3);border:2px solid var(--cc-ink);border-radius:var(--cc-radius-pill);background:var(--cc-white);font-weight:700;font-size:var(--cc-text-sm);white-space:nowrap}.netpick{position:relative}.badge{min-height:var(--cc-touch-min);display:inline-flex;align-items:center;gap:var(--cc-space-1);padding:0 var(--cc-space-3);border:var(--cc-outline);border-radius:var(--cc-radius-pill);font:700 var(--cc-text-xs) var(--cc-font-body);letter-spacing:.08em;color:var(--cc-ink);cursor:pointer}.badge--test{background:var(--cc-teal)}.badge--real{background:var(--cc-tomato)}.menu{position:absolute;right:0;top:calc(100% + var(--cc-space-2));z-index:20;min-width:230px;background:var(--cc-white);border:var(--cc-outline);border-radius:var(--cc-radius-md);box-shadow:var(--cc-shadow);padding:var(--cc-space-2);display:flex;flex-direction:column;gap:var(--cc-space-1)}.menu__item{min-height:var(--cc-touch-min);display:flex;align-items:center;gap:var(--cc-space-2);padding:var(--cc-space-2) var(--cc-space-3);border:2px solid transparent;border-radius:var(--cc-radius-sm);background:none;font:700 var(--cc-text-sm) var(--cc-font-body);color:var(--cc-ink);text-align:left;cursor:pointer}.menu__item[aria-checked=true]{border-color:var(--cc-ink);background:var(--cc-paper)}.menu__item:disabled{cursor:not-allowed;color:var(--cc-ink-soft)}.menu__dot{width:14px;height:14px;flex:none;border:2px solid var(--cc-ink);border-radius:50%}.menu__note{margin-left:auto;font-size:var(--cc-text-xs);font-weight:500}.field{display:flex;flex-direction:column;gap:var(--cc-space-1);font-weight:700;font-size:var(--cc-text-sm)}.input{min-height:52px;padding:var(--cc-space-2) var(--cc-space-3);border:var(--cc-outline);border-radius:var(--cc-radius-md);background:var(--cc-white);font:500 var(--cc-text-md) var(--cc-font-body);color:var(--cc-ink)}.input:focus-visible{outline:3px solid var(--cc-teal);outline-offset:2px}.error{margin:0;padding:var(--cc-space-2) var(--cc-space-3);border:2px solid var(--cc-ink);border-radius:var(--cc-radius-sm);background:var(--cc-tomato);font-weight:700;font-size:var(--cc-text-sm)}.stake{display:flex;align-items:center;gap:var(--cc-space-2)}.stake__input{flex:1;min-width:0;width:100%;text-align:center;font-family:var(--cc-font-display);font-weight:800;font-size:2.1rem;color:var(--cc-money);-webkit-text-stroke:1.5px var(--cc-ink);paint-order:stroke fill;background:var(--cc-paper);border:var(--cc-stroke) dashed var(--cc-ink);border-radius:12px;padding:var(--cc-space-1) var(--cc-space-2)}.stake__input:focus-visible{outline:3px solid var(--cc-teal);outline-offset:2px}.stake__step{width:48px;height:48px;flex:none;border:var(--cc-outline);border-radius:12px;background:var(--cc-paper);font:800 1.75rem var(--cc-font-display);color:var(--cc-ink);cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:var(--cc-space-2)}.chip{min-height:var(--cc-touch-min);padding:0 var(--cc-space-4);border:var(--cc-outline);border-radius:var(--cc-radius-pill);background:var(--cc-white);font:700 var(--cc-text-sm) var(--cc-font-body);color:var(--cc-ink);cursor:pointer}.chip[aria-pressed=true]{background:var(--cc-sunflower);box-shadow:3px 3px 0 var(--cc-ink)}.game-tile{min-height:104px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--cc-space-2);padding:var(--cc-space-3);border:var(--cc-outline);border-radius:var(--cc-radius-md);font:700 var(--cc-text-sm) var(--cc-font-body);color:var(--cc-ink);text-align:left;cursor:pointer;transition:transform var(--cc-press-ms)}.game-tile[aria-pressed=true]{box-shadow:var(--cc-shadow);outline:3px solid var(--cc-ink);outline-offset:3px}.game-tile:disabled{cursor:not-allowed;opacity:.6}.game-tile__soon{display:block;font-size:var(--cc-text-xs);font-weight:500}.game-icon{width:40px;height:40px;flex:none}.game-badge{width:48px;height:48px;flex:none;display:flex;align-items:center;justify-content:center;border:var(--cc-outline);border-radius:12px}.game-badge .game-icon{width:32px;height:32px}.match-row{display:flex;align-items:center;gap:var(--cc-space-3);padding:var(--cc-space-3);background:var(--cc-white);border:var(--cc-outline);border-radius:var(--cc-radius-md);color:var(--cc-ink);text-decoration:none}.match-row--hot{background:var(--cc-sunflower);box-shadow:4px 4px 0 var(--cc-ink)}.match-row__text{flex:1;min-width:0;display:flex;flex-direction:column}.match-row__text strong{overflow-wrap:anywhere}.match-row__text span{font-size:var(--cc-text-xs)}.friend-tile{display:flex;flex-direction:column;gap:var(--cc-space-1);padding:var(--cc-space-3);background:var(--cc-white);border:var(--cc-outline);border-radius:var(--cc-radius-md);color:var(--cc-ink);text-decoration:none}.streak{display:flex;align-items:center;gap:var(--cc-space-1);font:800 var(--cc-text-md) var(--cc-font-display);white-space:nowrap}.streak--none{color:var(--cc-ink-soft)}.proposals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--cc-space-2)}.proposals li{display:flex;justify-content:space-between;gap:var(--cc-space-3);padding:var(--cc-space-1) 0}.proposals li.is-latest{margin:0 calc(-1 * var(--cc-space-2));padding:var(--cc-space-1) var(--cc-space-2);background:var(--cc-sunflower);border:2px solid var(--cc-ink);border-radius:var(--cc-radius-sm)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cc-space-3) var(--cc-space-2);margin:0}.facts dt{font-size:var(--cc-text-xs);font-weight:700;color:var(--cc-ink-soft)}.facts dd{margin:0;font-weight:700}.lock-card{min-height:140px;align-items:center;justify-content:center;text-align:center}.lock-card--done{background:var(--cc-teal);box-shadow:var(--cc-shadow)}.timer{display:inline-flex;flex-direction:column;align-items:center;padding:var(--cc-space-1) var(--cc-space-3);border:var(--cc-outline);border-radius:12px;background:var(--cc-sunflower)}.timer .eyebrow{white-space:nowrap}.timer__value{font:800 var(--cc-text-lg) var(--cc-font-display);font-variant-numeric:tabular-nums}.timer--urgent{background:var(--cc-tomato)}.board-frame{padding:var(--cc-space-3);background:var(--cc-sunflower);border:var(--cc-outline);border-radius:var(--cc-radius-md);box-shadow:var(--cc-shadow)}.turn{font:800 var(--cc-text-lg) var(--cc-font-display)}.banner{padding:var(--cc-space-2) var(--cc-space-3);border:2px solid var(--cc-ink);border-radius:var(--cc-radius-sm);background:var(--cc-white);font-weight:700;font-size:var(--cc-text-sm)}.result-hero{position:relative;overflow:hidden;align-items:center;text-align:center;padding:var(--cc-space-6) var(--cc-space-4)}.result-hero h1{font-size:2.5rem}.coin{position:absolute;left:50%;top:55%;width:22px;height:22px;border:2px solid var(--cc-ink);border-radius:50%;background:var(--cc-money);animation:coin-burst .9s var(--cc-ease-bounce) forwards;pointer-events:none}@keyframes coin-burst{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1);opacity:0}}.bottom-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--cc-white);border-top:var(--cc-outline);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:var(--cc-text-xs);color:var(--cc-ink);text-decoration:none}.bottom-nav a+a{border-left:var(--cc-outline)}.bottom-nav a.active{background:var(--cc-sunflower)}.net-banner{display:flex;align-items:center;gap:var(--cc-space-3);margin:var(--cc-space-3) var(--cc-space-4) 0;padding:var(--cc-space-3);background:var(--cc-tomato);border:var(--cc-outline);border-radius:var(--cc-radius-md);box-shadow:4px 4px 0 var(--cc-ink);font-size:var(--cc-text-sm)}.net-banner .btn--icon{background:var(--cc-white)}.secured{display:inline-flex;align-items:center;gap:var(--cc-space-2);font-size:var(--cc-text-sm)}.secured__by{color:var(--cc-ink-soft);font-weight:500}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;max-width:calc(100vw - 32px);padding:var(--cc-space-3) var(--cc-space-4);background:var(--cc-ink);color:var(--cc-paper);border-radius:var(--cc-radius-md);font-weight:700;font-size:var(--cc-text-sm)}.toast::selection{background:var(--cc-sunflower)}.loading{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--cc-space-7)}.dots span{display:inline-block;width:12px;height:12px;margin:0 4px;border:2px solid var(--cc-ink);border-radius:50%;background:var(--cc-sunflower);animation:dot-bounce .9s infinite var(--cc-ease-bounce)}.dots span:nth-child(2){background:var(--cc-tomato);animation-delay:.12s}.dots span:nth-child(3){background:var(--cc-teal);animation-delay:.24s}@keyframes dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root{--cc-paper: #fff8ec;--cc-ink: #161310;--cc-tomato: #ff5a3c;--cc-sunflower: #ffc93c;--cc-teal: #1fb5a8;--cc-white: #ffffff;--cc-ink-soft: #4a433b;--cc-money: #f7931a;--cc-bg: var(--cc-paper);--cc-fg: var(--cc-ink);--cc-primary: var(--cc-tomato);--cc-accent: var(--cc-sunflower);--cc-secondary: var(--cc-teal);--cc-danger: var(--cc-tomato);--cc-font-display: "Bricolage Grotesque", "Arial Black", sans-serif;--cc-font-body: "Space Grotesk", "Trebuchet MS", sans-serif;--cc-text-xs: .8125rem;--cc-text-sm: .9375rem;--cc-text-md: 1.0625rem;--cc-text-lg: 1.375rem;--cc-text-xl: 2rem;--cc-text-2xl: 2.75rem;--cc-stroke: 3px;--cc-outline: var(--cc-stroke) solid var(--cc-ink);--cc-radius-sm: 8px;--cc-radius-md: 14px;--cc-radius-pill: 999px;--cc-shadow-offset: 5px;--cc-shadow: var(--cc-shadow-offset) var(--cc-shadow-offset) 0 0 var(--cc-ink);--cc-shadow-pressed: 1px 1px 0 0 var(--cc-ink);--cc-space-1: 4px;--cc-space-2: 8px;--cc-space-3: 12px;--cc-space-4: 16px;--cc-space-5: 24px;--cc-space-6: 32px;--cc-space-7: 48px;--cc-touch-min: 44px;--cc-press-ms: 90ms;--cc-ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion: reduce){:root{--cc-press-ms: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--cc-bg);color:var(--cc-fg);font-family:var(--cc-font-body);font-size:var(--cc-text-md);line-height:1.4;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--cc-font-display);font-weight:800;line-height:1.05;letter-spacing:-.01em;margin:0}
