.demo-page{width:92%;max-width:72rem;margin:0 auto;padding:1.5rem 0 4rem;color:#e5e7eb}.demo-page-head{margin-bottom:1.5rem}.demo-page-kicker{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#a3e635}.demo-page-title{font-size:2rem;font-weight:700;line-height:1.15;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}.demo-page-lede{max-width:46rem;margin-top:.5rem;color:#d1d5db;line-height:1.55}.demo-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.demo-nav-link{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.15);background:rgba(0,0,0,.3);color:#e5e7eb;font-size:.85rem;font-weight:500;transition:background-color .15s,border-color .15s}.demo-nav-link:hover{background:rgba(0,0,0,.45);border-color:rgba(163,230,53,.5);color:#fff}.demo-panel{margin-bottom:1.25rem;padding:1.15rem 1.25rem 1.35rem;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;background:rgba(0,0,0,.38);box-shadow:0 8px 24px rgba(0,0,0,.25)}.demo-panel-head{margin-bottom:1rem}.demo-panel-title{font-size:1.05rem;font-weight:700;color:#fff}.demo-panel-note{max-width:52rem;margin-top:.3rem;font-size:.875rem;line-height:1.5;color:#9ca3af}.demo-panel-body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.25rem}.demo-stack .demo-panel-body{display:block}.demo-specimen{display:flex;flex-direction:column;gap:.5rem}.demo-specimen-stage{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:3rem;padding:.75rem;border:1px dashed hsla(0,0%,100%,.12);border-radius:.5rem;background:rgba(0,0,0,.25)}.demo-specimen-caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.8rem;font-weight:600;color:#e5e7eb}.demo-specimen-hint{font-weight:400;color:#9ca3af}.demo-swatch{display:flex;align-items:center;gap:.65rem;min-width:13rem}.demo-swatch-chip{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:.4rem;border:1px solid hsla(0,0%,100%,.2)}.demo-swatch-text{display:flex;flex-direction:column;line-height:1.35}.demo-swatch-name{font-size:.85rem;font-weight:600;color:#f3f4f6}.demo-swatch-value{font-size:.75rem;color:#a3e635}.demo-swatch-usage{font-size:.75rem;color:#9ca3af}.demo-measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.5rem 1.5rem;width:100%}.demo-measure{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px solid hsla(0,0%,100%,.07);font-size:.85rem}.demo-measure dt{color:#d1d5db}.demo-measure dd code{color:#a3e635;font-size:.8rem}.demo-card{flex:0 0 auto;box-shadow:.1em .1em .35em rgba(0,0,0,.6)}.demo-card.is-sm{width:46.8px;height:71.5px}.demo-card.is-md{width:72px;height:110px}.demo-card.is-lg{width:97.2px;height:148.5px}.demo-card.is-fill{width:100%;height:100%}.demo-fan{display:flex;align-items:flex-end}.demo-fan .demo-card+.demo-card{margin-left:-1.6rem}.demo-fan.is-tight .demo-card+.demo-card{margin-left:-2.4rem}.demo-deck{position:relative;display:inline-flex}.demo-deck .demo-card{position:absolute;top:0;left:0}.demo-deck .demo-card:first-child{position:relative}.demo-deck .demo-card:nth-child(2){transform:translate(2px,-2px)}.demo-deck .demo-card:nth-child(3){transform:translate(4px,-4px)}.demo-table{position:relative;padding:1.5rem;border:2px solid rgba(0,0,0,.35);border-radius:1.25rem;background:radial-gradient(ellipse at 50% 0,hsla(0,0%,100%,.07),transparent 60%),radial-gradient(circle at 50% 45%,#0a7a35 0,#065c28 55%,#03411c 100%);box-shadow:inset 0 0 60px rgba(0,0,0,.45)}.demo-table-rail{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid hsla(0,0%,100%,.12);font-size:.85rem;color:#d1fae5}.demo-ring{display:grid;grid-template-areas:".     north  ." "west  middle east" ".     south  .";grid-template-columns:1fr auto 1fr;justify-items:center;align-items:center;gap:1rem}.demo-ring-north{grid-area:north}.demo-ring-east{grid-area:east}.demo-ring-south{grid-area:south}.demo-ring-west{grid-area:west}.demo-ring-middle{grid-area:middle}.cribbage-board{height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));font-family:inherit}.cribbage-board.is-vertical{width:auto;max-width:100%;height:32rem}.cribbage-board.is-horizontal{width:100%;max-width:44rem}.demo-boards{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem}.demo-track-key{display:flex;flex-wrap:wrap;gap:1rem}.demo-track{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#e5e7eb}.demo-track-dot{width:1rem;height:1rem;border-radius:999px;border:1px solid rgba(0,0,0,.55)}.demo-track[data-idle=true]{opacity:.5}.demo-toast{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.4)}.demo-toast[data-tone=info]{background:#3e8ed0}.demo-toast[data-tone=success]{background:#48c78e}.demo-toast[data-tone=warning]{background:#ffe08a;color:#573b00}.demo-toast[data-tone=danger]{background:#f14668}.demo-log{width:100%;max-height:14rem;overflow-y:auto;padding:.5rem .75rem;border-radius:.5rem;background:rgba(0,0,0,.35);font-size:.85rem;line-height:1.6}.demo-log-line{display:flex;gap:.6rem;padding:.15rem 0;color:#d1d5db}.demo-log-line+.demo-log-line{border-top:1px solid hsla(0,0%,100%,.05)}.demo-log-who{flex:0 0 auto;min-width:5rem;font-weight:600;color:#a3e635}.demo-log-line[data-kind=system] .demo-log-who{color:#9ca3af;font-style:italic}.demo-throw{display:flex;flex-direction:column;gap:.85rem;width:100%}.demo-throw-dice{display:flex;flex-wrap:wrap;gap:.4rem}.demo-throw-pick{padding:.3rem .7rem;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;background:rgba(0,0,0,.3);color:#d1d5db;font-size:.8rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.demo-throw-pick:hover{border-color:rgba(163,230,53,.5);color:#fff}.demo-throw-pick[data-on=true]{border-color:#a3e635;background:rgba(163,230,53,.15);color:#a3e635}.demo-throw .dice-tray{width:100%;min-height:calc(72px*var(--scale-size))}.demo-throw-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.demo-throw-bar button:disabled{opacity:.45;cursor:not-allowed}.demo-throw-hint{flex:1 1 14rem;color:#9ca3af;font-size:.8rem;line-height:1.5}.demo-trays{gap:.9rem}.demo-trays,.demo-trays>div{display:flex;flex-direction:column}.demo-trays>div{gap:.4rem}.demo-turn-row{width:100%}.demo-turn-row .player-seat{order:-1;flex:0 0 auto;width:11rem;min-width:0;margin-right:.5rem}.demo-turn-score{order:1;margin-left:auto;padding:.15rem .55rem;border-radius:999px;background:rgba(0,0,0,.55);font-size:.85rem;font-weight:700;color:#e5e7eb}@media(max-width:640px){.demo-page{width:100%;padding:1rem .85rem 3rem}.demo-page-title{font-size:1.5rem}.demo-page-lede,.demo-panel-note{font-size:.825rem}.demo-nav{flex-wrap:nowrap;overflow-x:auto;margin-inline:-.85rem;padding-inline:.85rem;padding-bottom:.35rem;scrollbar-width:none}.demo-nav::-webkit-scrollbar{display:none}.demo-nav-link{flex:0 0 auto}.demo-panel{padding:.9rem .85rem 1rem;border-radius:.6rem}.demo-panel-body{gap:.85rem}.demo-specimen-stage{padding:.5rem}.demo-panel-body>.demo-specimen{min-width:0}.demo-swatch{min-width:100%}.demo-table{padding:.85rem .6rem}.demo-log-who{min-width:4rem}.demo-turn-row .player-seat{width:100%;margin-right:0}.demo-turn-score{margin-left:0}.demo-throw-hint{flex:1 1 100%}}