/* GENERATED by scripts/build-guide.mjs skewers — do not edit; re-run the script.
   The page look (the "charcoal" board scheme, as the other how-it-works pages), the tokens the board's
   rules read (resolved on the board in its default look), and the app's own Skewers rules from skewers.css +
   DieRenderer's .dr-* rules — only those the lifted boards use, with the @media rules a 1280 px desktop
   matches flattened in (#id → .gid-id). */
.cg-page {
  --pgr-bg: radial-gradient(125% 120% at 50% -10%,#1c1e24 0%,#141519 58%,#0d0e11 100%);
  --pgr-seat: rgba(255,255,255,.025);
  --pgr-panel: rgba(255,255,255,.04);
  --pgr-line: rgba(255,255,255,.075);
  --pgr-txt: #e9e8e4;
  --pgr-dim: #83858b;
  --pgr-track: rgba(255,255,255,.07);
  --pgr-sel: oklch(.74 .14 152);
  --pgr-btn: linear-gradient(180deg,#333841,#22252b);
  --pgr-btnTxt: #e9e8e4;
  --pgr-bubbleBg: #2b2d33;
  --pgr-bubbleTxt: #f1f0ec;
  --pgr-selBg: oklch(.74 .14 152 / .16);
  --pgr-gold: oklch(.80 .15 85);
  --pgr-solid: #15161b;
  --pgr-goldBg: color-mix(in oklch, oklch(.80 .15 85) 16%, transparent);
  --cg-base: #141519;
}
.skg-gfig {
  --sk-av: rgba(245, 236, 223, .14);
  --sk-card: rgba(255, 255, 255, .045);
  --sk-card-line: rgba(245, 236, 223, .14);
  --sk-card-on: rgba(240, 134, 58, .10);
  --sk-chalk: #f7f0e0;
  --sk-chalk-soft: rgba(247, 240, 224, .20);
  --sk-chip: rgba(0, 0, 0, .34);
  --sk-danger: #e05e3c;
  --sk-danger-soft: rgba(224, 94, 60, .20);
  --sk-die: 60px;
  --sk-dim: rgba(245, 236, 223, .58);
  --sk-dim2: rgba(245, 236, 223, .34);
  --sk-dis: rgba(255, 255, 255, .05);
  --sk-dis-ink: rgba(245, 236, 223, .40);
  --sk-ember: #f0863a;
  --sk-ember-soft: rgba(240, 134, 58, .20);
  --sk-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sk-g-banner: linear-gradient(180deg, #33291d, #1e1811);
  --sk-g-board: radial-gradient(120% 95% at 50% -14%, #31261a 0%, #1d1711 56%, #12100c 100%);
  --sk-g-grate: repeating-linear-gradient(0deg, rgba(0, 0, 0, .34) 0 2px, rgba(0, 0, 0, 0) 2px 10px);
  --sk-g-hatch: repeating-linear-gradient(45deg, rgba(224, 94, 60, .34) 0 3px, rgba(224, 94, 60, .05) 3px 7px);
  --sk-g-out: repeating-linear-gradient(45deg, rgba(245, 236, 223, .16) 0 3px, rgba(245, 236, 223, .03) 3px 7px);
  --sk-g-roll: linear-gradient(180deg, #f39340, #cf6a26);
  --sk-g-slab: linear-gradient(180deg, #d3c2a0, #ad9c7b);
  --sk-g-stop: linear-gradient(180deg, #f4edda, #d8ceb6);
  --sk-g-tile: linear-gradient(180deg, #f0e3c7 0%, #dccaa6 100%);
  --sk-gdie: 46px;
  --sk-ghost: rgba(245, 236, 223, .20);
  --sk-ink: #f5ecdf;
  --sk-line: rgba(245, 236, 223, .15);
  --sk-out-ink: rgba(245, 236, 223, .46);
  --sk-out-line: rgba(245, 236, 223, .18);
  --sk-panel: rgba(255, 255, 255, .05);
  --sk-r-box: 16px;
  --sk-r-btn: 11px;
  --sk-r-card: 10px;
  --sk-r-chip: 99px;
  --sk-r-panel: 11px;
  --sk-r-tile: 7px;
  --sk-roll-ink: #1d1207;
  --sk-roll-line: #f4ae6e;
  --sk-sausage: #a8532f;
  --sk-slab-line: rgba(0, 0, 0, .4);
  --sk-socket: rgba(0, 0, 0, .30);
  --sk-socket-ink: rgba(245, 236, 223, .34);
  --sk-socket-line: rgba(245, 236, 223, .22);
  --sk-stop-ink: #1d1913;
  --sk-stop-line: rgba(255, 255, 255, .5);
  --sk-tile-ink: #2a231a;
  --sk-tile-ink2: rgba(42, 35, 26, .72);
}
@keyframes sk-rise { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes sk-pulse { 
  0%, 100% { box-shadow: 0 0 0 3px var(--sk-chalk-soft); }
  50% { box-shadow: rgba(247, 240, 224, 0.05) 0px 0px 0px 6px; }
}
@keyframes dr-bop { 
  0%, 100% { transform: translateY(0px) rotate(-2.5deg) scale(1); }
  50% { transform: translateY(-10px) rotate(2.5deg) scale(1.06); }
}
@keyframes dr-land { 
  0% { transform: scale(1.15) rotate(2deg); }
  55% { transform: scale(0.94) rotate(-1deg); }
  80% { transform: scale(1.03) rotate(0.4deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@keyframes dr-gentle { 
  0% { transform: rotate(-13deg) scale(0.91); filter: blur(1px); }
  22% { transform: rotate(9deg) scale(0.95); filter: blur(1.6px); }
  44% { transform: rotate(-8deg) scale(0.93); filter: blur(1.4px); }
  66% { transform: rotate(6deg) scale(0.95); filter: blur(1.1px); }
  88% { transform: rotate(-4deg) scale(0.97); filter: blur(0.6px); }
  100% { transform: rotate(-13deg) scale(0.91); filter: blur(1px); }
}
@keyframes dr-spin { 
  0% { transform: rotate(-26deg) scale(0.88); filter: blur(2px); }
  20% { transform: rotate(22deg) scale(0.93); filter: blur(3px); }
  40% { transform: rotate(-18deg) scale(0.9); filter: blur(2.6px); }
  60% { transform: rotate(14deg) scale(0.93); filter: blur(2px); }
  80% { transform: rotate(-8deg) scale(0.96); filter: blur(1px); }
  100% { transform: rotate(-26deg) scale(0.88); filter: blur(2px); }
}
@keyframes dr-tumble { 
  0% { transform: rotate(-44deg) scale(0.86); filter: blur(3px); }
  25% { transform: rotate(38deg) scale(0.92); filter: blur(4.5px); }
  50% { transform: rotate(-32deg) scale(0.88); filter: blur(4px); }
  75% { transform: rotate(26deg) scale(0.92); filter: blur(3.5px); }
  100% { transform: rotate(-44deg) scale(0.86); filter: blur(3px); }
}
@keyframes dr-tumble-t1 { 
  0% { transform: rotate(-6deg) scale(0.97); opacity: 0.11; }
  25% { transform: rotate(-44deg) scale(0.92); opacity: 0.07; }
  50% { transform: rotate(20deg) scale(0.94); opacity: 0.1; }
  75% { transform: rotate(-10deg) scale(0.96); opacity: 0.07; }
  100% { transform: rotate(-6deg) scale(0.97); opacity: 0.11; }
}
@keyframes dr-tumble-t2 { 
  0% { transform: rotate(20deg) scale(0.94); opacity: 0.07; }
  25% { transform: rotate(-16deg) scale(0.93); opacity: 0.05; }
  50% { transform: rotate(40deg) scale(0.91); opacity: 0.07; }
  75% { transform: rotate(24deg) scale(0.93); opacity: 0.05; }
  100% { transform: rotate(20deg) scale(0.94); opacity: 0.07; }
}
@keyframes dr-flip { 
  0% { transform: scaleX(1) rotate(0deg) scale(1); filter: blur(0px); }
  16% { transform: scaleX(0) rotate(7deg) scale(0.92); filter: blur(1.5px); }
  33% { transform: scaleX(-1) rotate(-5deg) scale(0.91); filter: blur(0.5px); }
  50% { transform: scaleX(0) rotate(4deg) scale(0.93); filter: blur(1.5px); }
  67% { transform: scaleX(1) rotate(-3deg) scale(0.96); filter: blur(0.4px); }
  84% { transform: scaleX(0) rotate(2deg) scale(0.98); filter: blur(1px); }
  100% { transform: scaleX(1) rotate(0deg) scale(1); filter: blur(0px); }
}
@keyframes dr-wobble { 
  0% { transform: skewX(-16deg) scale(0.92); filter: blur(2px); }
  25% { transform: skewX(14deg) scale(0.95); filter: blur(3px); }
  50% { transform: skewX(-11deg) scale(0.93); filter: blur(2.5px); }
  75% { transform: skewX(9deg) scale(0.96); filter: blur(1.5px); }
  100% { transform: skewX(-16deg) scale(0.92); filter: blur(2px); }
}
@keyframes dr-fade { 
  0% { transform: rotate(-10deg) scale(0.93); filter: blur(1.5px); opacity: 0.72; }
  25% { transform: rotate(8deg) scale(0.96); filter: blur(2.5px); opacity: 0.4; }
  50% { transform: rotate(-7deg) scale(0.94); filter: blur(2px); opacity: 0.66; }
  75% { transform: rotate(5deg) scale(0.96); filter: blur(1.5px); opacity: 0.44; }
  100% { transform: rotate(-10deg) scale(0.93); filter: blur(1.5px); opacity: 0.72; }
}
@keyframes dr-bounce { 
  0% { transform: translateY(0px) rotate(-6deg) scale(1.07, 0.93); }
  14% { transform: translateY(-5px) rotate(-2deg) scale(0.96, 1.05); }
  50% { transform: translateY(-15px) rotate(9deg) scale(1); }
  86% { transform: translateY(-5px) rotate(2deg) scale(0.96, 1.05); }
  100% { transform: translateY(0px) rotate(-6deg) scale(1.07, 0.93); }
}
@keyframes dr-shake { 
  0% { transform: translateX(-4px) rotate(-5deg); }
  25% { transform: translateX(3px) rotate(4deg); }
  50% { transform: translateX(-3px) rotate(-3deg); }
  75% { transform: translateX(4px) rotate(5deg); }
  100% { transform: translateX(-4px) rotate(-5deg); }
}
@keyframes dr-jelly { 
  0% { transform: scale(1.14, 0.86); }
  25% { transform: scale(0.92, 1.08); }
  50% { transform: scale(0.86, 1.14); }
  75% { transform: scale(1.08, 0.92); }
  100% { transform: scale(1.14, 0.86); }
}
@keyframes dr-orbit { 
  0% { transform: translate(7px, 0px) rotate(0deg); }
  25% { transform: translate(0px, 7px) rotate(90deg); }
  50% { transform: translate(-7px, 0px) rotate(180deg); }
  75% { transform: translate(0px, -7px) rotate(270deg); }
  100% { transform: translate(7px, 0px) rotate(360deg); }
}
@keyframes dr-glitch { 
  0% { transform: translate(0px, 0px); opacity: 1; }
  17% { transform: translate(3px, -1px) skewX(8deg); opacity: 0.75; }
  33% { transform: translate(-4px, 1px); opacity: 1; }
  50% { transform: translate(1px, 2px) skewX(-10deg); opacity: 0.55; }
  67% { transform: translate(-2px, -2px) scale(1.04); opacity: 1; }
  83% { transform: translate(4px, 0px) skewX(5deg); opacity: 0.8; }
  100% { transform: translate(0px, 0px); opacity: 1; }
}
@keyframes dr-land-bounce { 
  0% { transform: translateY(-16px); }
  38% { transform: translateY(0px) scale(1.14, 0.84); }
  58% { transform: translateY(-6px) scale(0.95, 1.05); }
  78% { transform: translateY(0px) scale(1.04, 0.96); }
  100% { transform: none; }
}
@keyframes dr-land-shake { 
  0% { transform: scale(1.2); }
  38% { transform: scale(0.9) translateX(3px); }
  52% { transform: scale(1.02) translateX(-3px); }
  70% { transform: translateX(1.5px); }
  100% { transform: none; }
}
@keyframes dr-land-jelly { 
  0% { transform: scale(1.22, 0.78); }
  28% { transform: scale(0.84, 1.16); }
  48% { transform: scale(1.09, 0.91); }
  68% { transform: scale(0.96, 1.04); }
  86% { transform: scale(1.02, 0.98); }
  100% { transform: none; }
}
@keyframes dr-land-orbit { 
  0% { transform: translate(9px, -9px) rotate(120deg) scale(0.82); }
  100% { transform: none; }
}
@keyframes dr-land-glitch { 
  0% { transform: translate(4px, 0px) skewX(12deg); opacity: 0.6; }
  20% { transform: translate(-4px, 1px); opacity: 1; }
  40% { transform: translate(2px, -1px) skewX(-8deg); opacity: 0.7; }
  60% { transform: translate(-1px, 0px); opacity: 1; }
  100% { transform: none; opacity: 1; }
}
@keyframes dr-gentle2 { 
  0% { transform: rotate(-15deg) translateY(0px) scale(1.04, 0.96); filter: blur(0.5px); }
  25% { transform: rotate(0deg) translateY(-6px) scale(0.98, 1.02); filter: blur(0.9px); }
  50% { transform: rotate(15deg) translateY(0px) scale(1.04, 0.96); filter: blur(0.5px); }
  75% { transform: rotate(0deg) translateY(-6px) scale(0.98, 1.02); filter: blur(0.9px); }
  100% { transform: rotate(-15deg) translateY(0px) scale(1.04, 0.96); filter: blur(0.5px); }
}
@keyframes dr-land-gentle { 
  0% { transform: rotate(-9deg) translateY(-7px); }
  55% { transform: rotate(3deg) translateY(0px) scale(1.05, 0.95); }
  78% { transform: rotate(-1deg) scale(0.98, 1.02); }
  100% { transform: none; }
}
@keyframes dr-wobble2 { 
  0% { transform: perspective(170px) rotateX(24deg) rotateY(0deg); }
  25% { transform: perspective(170px) rotateX(0deg) rotateY(24deg); }
  50% { transform: perspective(170px) rotateX(-24deg) rotateY(0deg); }
  75% { transform: perspective(170px) rotateX(0deg) rotateY(-24deg); }
  100% { transform: perspective(170px) rotateX(24deg) rotateY(0deg); }
}
@keyframes dr-land-wobble { 
  0% { transform: perspective(170px) rotateX(22deg) rotateY(0deg); }
  16% { transform: perspective(170px) rotateX(0deg) rotateY(17deg); }
  29% { transform: perspective(170px) rotateX(-13deg) rotateY(0deg); }
  40% { transform: perspective(170px) rotateX(0deg) rotateY(-10deg); }
  49% { transform: perspective(170px) rotateX(7deg) rotateY(0deg); }
  57% { transform: perspective(170px) rotateX(0deg) rotateY(5deg); }
  63% { transform: perspective(170px) rotateX(-3deg) rotateY(0deg); }
  68% { transform: perspective(170px) rotateX(0deg) rotateY(2deg); }
  72% { transform: perspective(170px) rotateX(1deg) rotateY(0deg); }
  100% { transform: perspective(170px) rotateX(0deg) rotateY(0deg); }
}
@keyframes dr-fade2 { 
  0% { opacity: 1; transform: translateY(0px) scale(1); }
  50% { opacity: 0.22; transform: translateY(-4px) scale(0.9); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes dr-land-fade { 
  0% { opacity: 0; transform: scale(1.22); filter: brightness(1.9); }
  45% { opacity: 1; transform: scale(0.97); filter: brightness(1.35); }
  72% { transform: scale(1.02); filter: brightness(1.05); }
  100% { opacity: 1; transform: none; filter: none; }
}
@keyframes dr-spin2 { 
  0% { transform: rotate(0deg) scale(0.92); }
  50% { transform: rotate(180deg) scale(0.96); }
  100% { transform: rotate(360deg) scale(0.92); }
}
@keyframes dr-land-spin { 
  0% { transform: rotate(-200deg) scale(0.93); }
  72% { transform: rotate(9deg) scale(1.03); }
  88% { transform: rotate(-3deg); }
  100% { transform: none; }
}
@keyframes dr-shrinkout { 
  0% { transform: scale(1) rotate(0deg); }
  14% { transform: scale(1.1, 0.9) rotate(0deg); }
  32% { transform: scale(0.42) rotate(-14deg); }
  50% { transform: scale(0.48) rotate(10deg); }
  68% { transform: scale(0.38) rotate(-9deg); }
  84% { transform: scale(0.45) rotate(6deg); }
  100% { transform: scale(0.4) rotate(0deg); }
}
@keyframes dr-shrinkout-loop { 
  0% { transform: scale(0.42) rotate(-12deg); }
  50% { transform: scale(0.47) rotate(10deg); }
  100% { transform: scale(0.42) rotate(-12deg); }
}
@keyframes dr-land-shrinkout { 
  0% { transform: scale(0.4); }
  36% { transform: scale(1.24, 1.16); }
  52% { transform: scale(0.86, 1.14); }
  68% { transform: scale(1.09, 0.92); }
  84% { transform: scale(0.97, 1.03); }
  100% { transform: none; }
}
@keyframes dr-drift1 { 
  0% { transform: translateX(-40%) rotate(-5deg); }
  50% { transform: translateX(36%) rotate(6deg); }
  100% { transform: translateX(-40%) rotate(-5deg); }
}
@keyframes dr-drift2 { 
  0% { transform: translateX(32%) rotate(7deg); }
  50% { transform: translateX(-30%) rotate(-6deg); }
  100% { transform: translateX(32%) rotate(7deg); }
}
@keyframes dr-pulse { 
  0%, 100% { box-shadow: 0 0 6px var(--g1),0 0 13px var(--g2); }
  50% { box-shadow: 0 0 11px var(--g1),0 0 24px var(--g2); }
}
@keyframes dr-glint { 
  0%, 80%, 100% { opacity: 0; transform: scale(0.15) rotate(-15deg); }
  87% { opacity: 1; transform: scale(1) rotate(0deg); }
  94% { opacity: 0; transform: scale(0.3) rotate(15deg); }
}
@keyframes dr-hue { 
  0% { --dr-h: 0; }
  100% { --dr-h: 360; }
}
.sk-root { --sk-page: #0f0e0c; --sk-ink: #f5ecdf; --sk-dim: rgba(245, 236, 223, .58); --sk-dim2: rgba(245, 236, 223, .34); --sk-panel: rgba(255, 255, 255, .05); --sk-line: rgba(245, 236, 223, .15); --sk-ember: #f0863a; --sk-ember-soft: rgba(240, 134, 58, .20); --sk-chalk: #f7f0e0; --sk-chalk-soft: rgba(247, 240, 224, .20); --sk-danger: #e05e3c; --sk-danger-soft: rgba(224, 94, 60, .20); --sk-tile-ink: #2a231a; --sk-tile-ink2: rgba(42, 35, 26, .72); --sk-sausage: #a8532f; --sk-socket: rgba(0, 0, 0, .30); --sk-socket-line: rgba(245, 236, 223, .22); --sk-socket-ink: rgba(245, 236, 223, .34); --sk-out-ink: rgba(245, 236, 223, .46); --sk-out-line: rgba(245, 236, 223, .18); --sk-slab-line: rgba(0, 0, 0, .4); --sk-ghost: rgba(245, 236, 223, .20); --sk-card: rgba(255, 255, 255, .045); --sk-card-line: rgba(245, 236, 223, .14); --sk-card-on: rgba(240, 134, 58, .10); --sk-av: rgba(245, 236, 223, .14); --sk-chip: rgba(0, 0, 0, .34); --sk-roll-ink: #1d1207; --sk-roll-line: #f4ae6e; --sk-stop-ink: #1d1913; --sk-stop-line: rgba(255, 255, 255, .5); --sk-dis: rgba(255, 255, 255, .05); --sk-dis-ink: rgba(245, 236, 223, .40); --sk-font: "Helvetica Neue", Helvetica, Arial, sans-serif; --sk-r-box: 16px; --sk-r-tile: 7px; --sk-r-card: 10px; --sk-r-panel: 11px; --sk-r-btn: 11px; --sk-r-chip: 99px; --sk-g-board: radial-gradient(120% 95% at 50% -14%, #31261a 0%, #1d1711 56%, #12100c 100%); --sk-g-grate: repeating-linear-gradient(0deg, rgba(0, 0, 0, .34) 0 2px, rgba(0, 0, 0, 0) 2px 10px); --sk-g-tile: linear-gradient(180deg, #f0e3c7 0%, #dccaa6 100%); --sk-g-out: repeating-linear-gradient(45deg, rgba(245, 236, 223, .16) 0 3px, rgba(245, 236, 223, .03) 3px 7px); --sk-g-slab: linear-gradient(180deg, #d3c2a0, #ad9c7b); --sk-g-hatch: repeating-linear-gradient(45deg, rgba(224, 94, 60, .34) 0 3px, rgba(224, 94, 60, .05) 3px 7px); --sk-g-roll: linear-gradient(180deg, #f39340, #cf6a26); --sk-g-stop: linear-gradient(180deg, #f4edda, #d8ceb6); --sk-g-banner: linear-gradient(180deg, #33291d, #1e1811); --sk-die: 46px; --sk-gdie: 26px; }
.sk-root { position: relative; box-sizing: border-box; display: flex; flex-direction: column; gap: 6px; overflow: hidden; width: 100%; height: var(--sk-phone-h, 740px); padding: 8px; background: var(--sk-g-board); color: var(--sk-ink); font-family: var(--sk-font); border-radius: 10px; }
.sk-root *, .sk-root ::before, .sk-root ::after { box-sizing: border-box; }
.sk-root button { font-family: var(--sk-font); -webkit-tap-highlight-color: transparent; }
.sk-head { flex: 0 0 auto; height: 26px; display: flex; align-items: center; gap: 8px; }
.sk-turnchip { flex: 0 0 auto; width: 84px; text-align: center; overflow: hidden; text-overflow: ellipsis; font-size: 9px; font-weight: 700; letter-spacing: 0.08em; padding: 3px 4px; white-space: nowrap; border-radius: var(--sk-r-chip); border: 2px solid var(--sk-dim2); background: var(--sk-chip); color: var(--sk-dim); }
.sk-turnchip[data-tone="ember"] { border-color: var(--sk-ember); background: var(--sk-ember-soft); color: var(--sk-ember); }
.sk-turnchip[data-tone="danger"] { border-color: var(--sk-danger); background: var(--sk-danger-soft); color: var(--sk-danger); }
.sk-brand { font-size: 9.5px; font-weight: 700; letter-spacing: 0.18em; color: var(--sk-dim); white-space: nowrap; }
.sk-headspace { flex: 1 1 0%; }
.sk-headr { flex: 0 0 auto; width: 112px; text-align: right; overflow: hidden; font-size: 9px; font-weight: 700; letter-spacing: 0.08em; color: var(--sk-dim); white-space: nowrap; }
.sk-menu, .sk-info { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px; border: 1px solid var(--sk-line); background: var(--sk-panel); color: var(--sk-ink); font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.sk-info { font-weight: 700; display: none; }
.sk-grill { flex: 0 0 auto; display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; padding: 4px 0px; background: var(--sk-g-grate); border-radius: var(--sk-r-panel); }
.sk-tile { height: 48px; min-width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; overflow: hidden; border-radius: var(--sk-r-tile); background: var(--sk-g-tile); border: 2px solid rgba(0, 0, 0, 0.34); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 0px; color: var(--sk-tile-ink); transition: box-shadow 0.15s, border-color 0.15s, background 0.2s; }
.sk-tnum { font-size: 16px; font-weight: 700; line-height: 1; }
.sk-saus { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.sk-saus i { display: block; width: 10px; height: 3.5px; border-radius: 99px; background: var(--sk-sausage); }
.sk-tcnt { display: none; font-size: 9px; font-weight: 700; line-height: 1; color: var(--sk-tile-ink2); }
.sk-tmark { display: none; }
.sk-tile[data-state="taken"] { background: var(--sk-socket); border: 2px dashed var(--sk-socket-line); box-shadow: none; color: var(--sk-socket-ink); }
.sk-tile[data-state="out"] { background: var(--sk-g-out); border: 2px solid var(--sk-out-line); box-shadow: none; color: var(--sk-out-ink); }
.sk-tile[data-state="taken"] .sk-saus, .sk-tile[data-state="out"] .sk-saus, .sk-tile[data-state="back"] .sk-saus, .sk-tile[data-state="flip"] .sk-saus { display: none; }
.sk-tile[data-state="out"] .sk-tcnt, .sk-tile[data-state="taken"] .sk-tcnt { display: block; color: inherit; }
.sk-tile[data-state="target"] { border: 2px solid var(--sk-chalk); box-shadow: 0 0 0 4px var(--sk-chalk-soft), 0 2px 0 rgba(0, 0, 0, .4); }
.sk-tile[data-state="back"] { background: transparent; border: 2px dashed var(--sk-chalk); box-shadow: none; color: var(--sk-chalk); }
.sk-tile[data-state="back"] .sk-tcnt, .sk-tile[data-state="flip"] .sk-tcnt { display: block; color: inherit; }
.sk-tile[data-state="flip"] { background: var(--sk-g-out); border: 2px solid var(--sk-danger); box-shadow: 0 0 0 4px var(--sk-danger-soft); color: var(--sk-out-ink); }
.sk-tile[data-state="flip"] .sk-tcnt { color: var(--sk-danger); }
.sk-seats { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.sk-seat { width: calc(25% - 4.5px); height: 62px; flex: 0 0 auto; display: flex; flex-direction: column; gap: 3px; padding: 5px 6px; overflow: hidden; border-radius: var(--sk-r-card); background: var(--sk-card); border: 2px solid var(--sk-card-line); transition: border-color 0.15s, box-shadow 0.15s, background 0.15s; }
.sk-seat[data-active="1"] { background: var(--sk-card-on); border: 2px solid var(--sk-ember); box-shadow: 0 0 0 3px var(--sk-ember-soft); }
.sk-seat[data-steal="1"] { border: 2px solid var(--sk-chalk); box-shadow: 0 0 0 4px var(--sk-chalk-soft); animation: 1.4s ease-in-out 0s infinite normal none running sk-pulse; }
.sk-seathead { flex: 0 0 auto; display: flex; align-items: center; gap: 4px; min-width: 0px; }
.sk-av { position: relative; flex: 0 0 auto; width: 16px; height: 16px; border-radius: 50%; background: var(--sk-av); display: flex; align-items: center; justify-content: center; font-style: normal; }
.sk-av b { font-size: 8px; font-weight: 700; color: var(--sk-ink); line-height: 1; }
.sk-av::after { content: ""; position: absolute; right: -2px; bottom: -2px; width: 7px; height: 7px; background: var(--sk-ink); }
.sk-av[data-sh="sq"]::after { border-radius: 2px; }
.sk-av[data-sh="ci"]::after { border-radius: 50%; }
.sk-av[data-sh="tr"]::after { clip-path: polygon(50% 0px, 100% 100%, 0px 100%); }
.sk-av[data-sh="di"]::after { border-radius: 1px; transform: rotate(45deg) scale(0.85); }
.sk-av[data-sh="ri"]::after { border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 2px var(--sk-ink); }
.sk-av[data-sh="hx"]::after { clip-path: polygon(25% 0px, 75% 0px, 100% 50%, 75% 100%, 25% 100%, 0px 50%); }
.sk-av[data-sh="cr"]::after { clip-path: polygon(38% 0px, 62% 0px, 62% 38%, 100% 38%, 100% 62%, 62% 62%, 62% 100%, 38% 100%, 38% 62%, 0px 62%, 0px 38%, 38% 38%); }
.sk-sname { flex: 1 1 0%; min-width: 0px; font-size: 9.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-sflag { flex: 0 0 auto; width: 10px; font-style: normal; font-size: 9.5px; font-weight: 700; line-height: 1; color: var(--sk-ember); text-align: right; }
.sk-seat[data-steal="1"] .sk-sflag { color: var(--sk-chalk); }
.sk-seatmid { flex: 1 1 0%; min-height: 0px; display: flex; align-items: flex-end; gap: 5px; }
.sk-stack { position: relative; flex: 0 0 auto; width: 34px; height: 34px; --off: 2px; --slabh: 3.5px; --toph: 20px; }
.sk-slabs i { position: absolute; left: 2px; right: 2px; bottom: calc(var(--k) * var(--off)); height: var(--slabh); border-radius: var(--sk-r-tile); background: var(--sk-g-slab); border: 1px solid var(--sk-slab-line); }
.sk-top { position: absolute; left: 0px; right: 0px; bottom: calc(var(--k, 0) * var(--off)); height: var(--toph); display: flex; align-items: center; justify-content: center; gap: 2px; border-radius: var(--sk-r-tile); background: var(--sk-g-tile); border: 1.5px solid rgba(0, 0, 0, 0.34); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 0px; }
.sk-top b { font-size: 11px; font-weight: 700; line-height: 1; color: var(--sk-tile-ink); }
.sk-dots { display: flex; flex-direction: column; gap: 1.5px; }
.sk-dots i { display: block; width: 2.5px; height: 2.5px; border-radius: 99px; background: var(--sk-sausage); }
.sk-stack[data-empty="1"] .sk-top { background: transparent; border: 1.5px dashed var(--sk-socket-line); box-shadow: none; }
.sk-seatnums { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; justify-content: flex-end; gap: 1px; }
.sk-ssaus { font-size: 14px; font-weight: 700; line-height: 1; }
.sk-slbl { display: none; }
.sk-sdeep { font-size: 8.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--sk-dim); white-space: nowrap; }
.sk-smark { display: none; }
.sk-root[data-seats="5"] .sk-seat, .sk-root[data-seats="6"] .sk-seat, .sk-root[data-seats="7"] .sk-seat { height: 44px; flex-direction: row; align-items: center; gap: 4px; padding: 4px 5px; }
.sk-root[data-seats="5"] .sk-seathead, .sk-root[data-seats="6"] .sk-seathead, .sk-root[data-seats="7"] .sk-seathead { gap: 0px; }
.sk-root[data-seats="5"] .sk-sname, .sk-root[data-seats="6"] .sk-sname, .sk-root[data-seats="7"] .sk-sname { display: none; }
.sk-root[data-seats="5"] .sk-seatmid, .sk-root[data-seats="6"] .sk-seatmid, .sk-root[data-seats="7"] .sk-seatmid { align-items: center; }
.sk-root[data-seats="5"] .sk-stack, .sk-root[data-seats="6"] .sk-stack, .sk-root[data-seats="7"] .sk-stack { width: 26px; height: 30px; --off: 1.4px; --toph: 17px; }
.sk-root[data-seats="5"] .sk-sdeep, .sk-root[data-seats="6"] .sk-sdeep, .sk-root[data-seats="7"] .sk-sdeep { display: none; }
.sk-root[data-seats="5"] .sk-seatnums, .sk-root[data-seats="6"] .sk-seatnums, .sk-root[data-seats="7"] .sk-seatnums { align-items: flex-end; justify-content: center; }
.sk-root[data-seats="5"] .sk-seathead .sk-sflag, .sk-root[data-seats="6"] .sk-seathead .sk-sflag, .sk-root[data-seats="7"] .sk-seathead .sk-sflag { display: none; }
.sk-act { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; gap: 6px; }
.sk-panel { border-radius: var(--sk-r-panel); background: var(--sk-panel); border: 1.5px solid var(--sk-line); }
.sk-plbl { font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em; color: var(--sk-dim); white-space: nowrap; }
.sk-pnote { font-size: 9px; font-weight: 600; letter-spacing: 0.06em; color: var(--sk-dim); white-space: nowrap; }
.sk-prow { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
.sk-rollp { flex: 1 1 auto; min-height: 0px; overflow: hidden; padding: 9px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
.sk-rollp > .sk-plbl, .sk-rollp > .sk-phint { align-self: flex-start; }
.sk-phint { max-width: 100%; height: 12px; line-height: 12px; font-size: 9px; font-weight: 700; letter-spacing: 0.06em; color: var(--sk-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-phint[data-hot="1"] { color: var(--sk-chalk); }
.sk-rollp[data-mine="0"] .sk-dgrid, .sk-asidep[data-mine="0"] .sk-groups { opacity: 0.55; }
.sk-dgrid { flex: 0 0 auto; display: grid; grid-template-columns: repeat(4, var(--sk-die)); gap: 7px; }
.sk-dslot { position: relative; width: var(--sk-die); height: var(--sk-die); border-radius: 10px; overflow: visible; border: 1.5px dashed var(--sk-ghost); transition: box-shadow 0.12s, filter 0.12s, transform 0.08s; }
.sk-dslot[data-live="1"] { border-color: transparent; }
.sk-die { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.sk-hatch, .sk-used { display: none; position: absolute; pointer-events: none; font-style: normal; }
.sk-hatch { inset: 0px; border-radius: 10px; background: var(--sk-g-hatch); border: 2px dashed var(--sk-danger); }
.sk-used { top: 2px; right: 3px; padding: 0px 2px; border-radius: 2px; background: var(--sk-chip); font-size: 8px; font-weight: 700; color: var(--sk-danger); letter-spacing: 0.02em; }
.sk-dslot[data-used="1"] .sk-hatch, .sk-dslot[data-used="1"] .sk-used { display: block; }
.sk-dslot[data-used="1"] .sk-die { opacity: 0.8; }
.sk-dslot[data-pick="1"] { cursor: pointer; }
.sk-dslot[data-used="1"], .sk-rollp[data-mine="0"] .sk-dslot { cursor: not-allowed; }
.sk-dslot[data-hot="1"] { box-shadow: 0 0 0 3px var(--sk-chalk), 0 0 16px -2px rgba(247, 240, 224, .55); }
.sk-asidep { flex: 0 0 auto; padding: 7px 9px; display: flex; flex-direction: column; gap: 5px; }
.sk-groups { display: flex; gap: 5px; justify-content: center; }
.sk-grp { flex: 1 1 0px; min-width: 0px; height: 46px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: var(--sk-r-panel); background: transparent; border: 1.5px dashed rgba(245, 236, 223, 0.14); }
.sk-grp[data-on="1"] { background: rgba(240, 134, 58, 0.1); border: 1.5px solid rgba(240, 134, 58, 0.45); }
.sk-gdie { width: var(--sk-gdie); height: var(--sk-gdie); flex: 0 0 auto; display: flex; border-radius: 6px; border: 1.5px dashed var(--sk-ghost); }
.sk-grp[data-on="1"] .sk-gdie { border-color: transparent; }
.sk-gn { font-size: 9.5px; font-weight: 700; line-height: 1; }
.sk-gpts { display: none; font-size: 9px; font-weight: 700; line-height: 1; color: var(--sk-dim); }
.sk-colC { flex: 0 0 auto; display: flex; flex-direction: column; gap: 6px; }
.sk-pvwrap { flex: 0 0 auto; height: 64px; display: flex; gap: 6px; }
.sk-totp { flex: 0 0 auto; width: 176px; padding: 8px; display: flex; align-items: center; gap: 6px; }
.sk-total { flex: 0 0 auto; width: 1.3em; font-size: 28px; font-weight: 700; line-height: 1; text-align: left; }
.sk-totlbl { flex: 1 1 auto; min-width: 0px; overflow: hidden; display: flex; flex-direction: column; gap: 2px; }
.sk-totlbl small { font-size: 9px; font-weight: 700; letter-spacing: 0.06em; color: var(--sk-dim); }
.sk-totlbl span { display: none; }
.sk-flamechip { flex: 0 0 auto; width: 76px; height: 22px; line-height: 1; display: flex; align-items: center; justify-content: center; gap: 4px; padding: 0px; white-space: nowrap; border-radius: var(--sk-r-chip); background: var(--sk-chip); border: 2px solid var(--sk-dim2); color: var(--sk-dim); font-size: 9px; font-weight: 700; letter-spacing: 0.06em; }
.sk-flamechip[data-on="1"] { background: var(--sk-ember-soft); border-color: var(--sk-ember); color: var(--sk-ember); }
.sk-flame { width: 12px; height: 12px; display: block; flex: 0 0 auto; }
.sk-flame path { fill: currentcolor; }
.sk-preview { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: 7px; padding: 6px 8px; overflow: hidden; border-radius: var(--sk-r-panel); background: var(--sk-panel); border: 2px solid var(--sk-line); }
.sk-preview[data-kind="take"] { background: var(--sk-chalk-soft); border-color: var(--sk-chalk); }
.sk-preview[data-kind="steal"] { background: var(--sk-chalk-soft); border-color: var(--sk-chalk); }
.sk-preview[data-kind="none"] { background: var(--sk-danger-soft); border-color: var(--sk-danger); }
.sk-pvtile { flex: 0 0 auto; width: 26px; height: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: var(--sk-r-tile); border: 1.5px dashed var(--sk-socket-line); color: var(--sk-dim); }
.sk-pvtile b { font-size: 12px; font-weight: 700; line-height: 1; }
.sk-preview[data-kind="take"] .sk-pvtile, .sk-preview[data-kind="steal"] .sk-pvtile { background: var(--sk-g-tile); border: 1.5px solid rgba(0, 0, 0, 0.34); color: var(--sk-tile-ink); }
.sk-preview[data-kind="steal"] .sk-pvtile { border: 2.5px solid var(--sk-chalk); }
.sk-preview[data-kind="none"] .sk-pvtile { border: 2px dashed var(--sk-danger); color: var(--sk-danger); }
.sk-pvtxt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.sk-pvtxt small { font-size: 8.5px; font-weight: 700; letter-spacing: 0.12em; color: var(--sk-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-pvtxt b { font-size: 12px; font-weight: 700; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-pvtxt span { font-size: 9px; font-weight: 600; line-height: 1.3; color: var(--sk-dim); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.sk-preview[data-kind="take"] small, .sk-preview[data-kind="steal"] small, .sk-preview[data-kind="steal"] .sk-pvtxt b { color: var(--sk-chalk); }
.sk-preview[data-kind="none"] small, .sk-preview[data-kind="none"] .sk-pvtxt b { color: var(--sk-danger); }
.sk-btns { flex: 0 0 auto; display: flex; gap: 8px; position: relative; }
.sk-clock { position: absolute; left: 0px; right: 0px; top: -5px; height: 3px; pointer-events: none; border-radius: 2px; transform-origin: left center; transform: scaleX(0); background: var(--sk-dim); opacity: 0; transition: opacity 0.18s linear; }
.sk-clock[data-on="1"] { opacity: 0.85; }
.sk-clock[data-mine="1"] { background: var(--sk-ember); }
.sk-clock[data-low="1"] { background: var(--sk-danger); }
.sk-seat[data-left="1"] { opacity: 0.45; }
.sk-seat[data-left="1"][data-steal="1"] { opacity: 1; }
.sk-btn { flex: 1 1 0px; min-width: 0px; height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; cursor: pointer; border-radius: var(--sk-r-btn); transition: filter 0.12s, box-shadow 0.12s, transform 0.08s; }
.sk-btn b { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; white-space: nowrap; }
.sk-btn small { font-size: 9px; font-weight: 600; letter-spacing: 0.04em; white-space: nowrap; opacity: 0.85; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.sk-btn[data-kind="roll"] { background: var(--sk-g-roll); border: 2px solid var(--sk-roll-line); color: var(--sk-roll-ink); }
.sk-btn[data-kind="stop"] { background: var(--sk-g-stop); border: 2px solid var(--sk-stop-line); color: var(--sk-stop-ink); }
.sk-btn:disabled { background: var(--sk-dis); border: 2px dashed var(--sk-socket-line); color: var(--sk-dis-ink); cursor: not-allowed; box-shadow: none; filter: none; }
.sk-feed { flex: 0 0 auto; height: 24px; display: flex; align-items: center; gap: 7px; padding: 0px 9px; overflow: hidden; border-radius: var(--sk-r-panel); background: var(--sk-panel); border: 1.5px solid var(--sk-line); }
.sk-feed small { flex: 0 0 auto; font-size: 9px; font-weight: 700; letter-spacing: 0.14em; color: var(--sk-dim); }
.sk-feed span { flex: 1 1 0%; min-width: 0px; font-size: 10.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-fx { position: absolute; inset: 0px; pointer-events: none; z-index: 8; }
.sk-banner { position: absolute; left: 50%; top: 42%; width: calc(100% - 28px); max-width: 360px; transform: translate(-50%, -50%); z-index: 9; pointer-events: none; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--sk-r-panel); background: var(--sk-g-banner); border: 2px solid var(--sk-ember); box-shadow: rgba(0, 0, 0, 0.6) 0px 22px 54px; }
.sk-banner[data-on="0"] { visibility: hidden; }
.sk-banner[data-on="1"] { animation: 0.25s ease-out 0s 1 normal none running sk-rise; }
.sk-banner[data-tone="danger"] { border-color: var(--sk-danger); }
.sk-banner b { flex: 0 0 auto; font-size: 17px; font-weight: 700; letter-spacing: 0.02em; line-height: 1; color: var(--sk-danger); white-space: nowrap; }
.sk-banner span { flex: 1 1 0%; min-width: 0px; font-size: 10.5px; font-weight: 600; line-height: 1.35; color: var(--sk-ink); }
.sk-banner small { flex: 0 0 auto; font-size: 8.5px; font-weight: 700; letter-spacing: 0.12em; color: var(--sk-dim); white-space: nowrap; }
.sk-endrows { display: flex; flex-direction: column; gap: 6px; }
.sk-endrow { display: grid; grid-template-columns: 1fr auto 44px; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 8px; }
.sk-endrow[data-win="1"] { background: rgba(240, 134, 58, 0.16); }
.sk-endnm { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.sk-endnm .sk-av { width: 22px; height: 22px; background: rgba(127, 127, 127, 0.25); }
.sk-endnm .sk-av b { font-size: 10px; color: inherit; }
.sk-endnm .sk-av::after { background: currentcolor; }
.sk-endst { font-size: 11px; opacity: 0.75; font-family: ui-monospace, monospace; }
.sk-endsc { text-align: right; font-weight: 800; font-size: 16px; }
.sk-root { width: 1280px; height: 553px; padding: 14px; gap: 10px; border-radius: var(--sk-r-box); --sk-die: 60px; --sk-gdie: 46px; }
.sk-menu { display: none; }
.sk-info { display: inline-flex; }
.sk-head { height: 34px; }
.sk-turnchip { width: 136px; font-size: 10px; padding: 4px 6px; }
.sk-brand { font-size: 10.5px; }
.sk-headr { width: 300px; font-size: 12px; letter-spacing: 0.12em; }
.sk-grill { grid-template-columns: repeat(16, 1fr); gap: 5px; padding: 5px 0px; }
.sk-tile { height: 92px; gap: 3px; }
.sk-tnum { font-size: 26px; }
.sk-saus { gap: 3px; }
.sk-saus i { width: 15px; height: 5px; }
.sk-tcnt { display: block; font-size: 10px; }
.sk-tmark { display: flex; height: 14px; align-items: center; font-size: 8px; font-weight: 700; letter-spacing: 0.08em; white-space: nowrap; color: var(--sk-dim); }
.sk-tile[data-state="target"] .sk-tmark, .sk-tile[data-state="back"] .sk-tmark { color: var(--sk-chalk); }
.sk-tile[data-state="flip"] .sk-tmark { color: var(--sk-danger); }
.sk-seats { flex-wrap: nowrap; gap: 8px; }
.sk-seat, .sk-root[data-seats] .sk-seat { width: 172px; height: 118px; padding: 10px; gap: 4px; flex-direction: column; align-items: stretch; }
.sk-root[data-seats] .sk-seathead { gap: 5px; }
.sk-av { width: 24px; height: 24px; }
.sk-av b { font-size: 10px; }
.sk-av::after { width: 11px; height: 11px; }
.sk-av[data-sh="ri"]::after { box-shadow: inset 0 0 0 3px var(--sk-ink); }
.sk-root[data-seats] .sk-sname { display: block; font-size: 13px; }
.sk-root[data-seats] .sk-seathead .sk-sflag { display: block; }
.sk-sflag { font-size: 13px; width: 14px; }
.sk-root[data-seats] .sk-seatmid { align-items: flex-end; gap: 6px; }
.sk-stack, .sk-root[data-seats] .sk-stack { width: 54px; height: 52px; --off: 3px; --slabh: 5px; --toph: 30px; }
.sk-top b { font-size: 15px; }
.sk-top { gap: 3px; }
.sk-dots i { width: 4px; height: 4px; }
.sk-root[data-seats] .sk-seatnums { align-items: flex-start; justify-content: flex-end; }
.sk-ssaus { font-size: 21px; }
.sk-slbl { display: block; font-size: 10px; font-weight: 600; letter-spacing: 0.06em; color: var(--sk-dim); white-space: nowrap; }
.sk-root[data-seats] .sk-sdeep { display: block; font-size: 10px; letter-spacing: 0.06em; }
.sk-smark { display: flex; flex: 0 0 auto; height: 14px; align-items: center; overflow: hidden; font-size: 8px; font-weight: 700; letter-spacing: 0.1em; white-space: nowrap; color: var(--sk-dim2); }
.sk-seat[data-active="1"] .sk-smark { color: var(--sk-ember); }
.sk-seat[data-steal="1"] .sk-smark { color: var(--sk-chalk); }
.sk-root[data-seats="7"] .sk-seat { width: 172px; }
.sk-act { flex-direction: row; gap: 10px; }
.sk-rollp { flex: 1 0 auto; width: 330px; padding: 12px; gap: 7px; }
.sk-plbl { font-size: 10.5px; }
.sk-phint { font-size: 10px; height: 13px; line-height: 13px; }
.sk-dgrid { gap: 8px; }
.sk-dslot { border-radius: 10px; }
.sk-used { font-size: 10px; }
.sk-asidep { width: 462px; padding: 12px; gap: 7px; justify-content: center; }
.sk-pnote { font-size: 10px; }
.sk-groups { gap: 8px; }
.sk-grp { flex: 0 0 auto; width: 66px; height: 120px; gap: 5px; }
.sk-gdie { border-radius: 10px; }
.sk-gn { font-size: 10.5px; }
.sk-gpts { display: block; font-size: 10px; }
.sk-colC { width: 440px; gap: 10px; }
.sk-pvwrap { flex: 1 1 auto; height: auto; min-height: 0px; flex-direction: column; gap: 10px; }
.sk-totp { width: auto; height: 54px; flex: 0 0 auto; padding: 0px 12px; gap: 10px; }
.sk-total { font-size: 40px; width: 1.25em; }
.sk-totlbl small { font-size: 10px; letter-spacing: 0.16em; }
.sk-totlbl span { display: block; font-size: 10px; font-weight: 600; color: var(--sk-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-flamechip { width: 100px; height: 26px; font-size: 10px; gap: 5px; }
.sk-flame { width: 13px; height: 13px; }
.sk-preview { flex: 1 1 auto; min-height: 0px; padding: 8px 12px; gap: 9px; }
.sk-pvtile { width: 42px; height: 52px; gap: 3px; }
.sk-pvtile b { font-size: 22px; }
.sk-pvtile .sk-dots i { width: 4px; height: 4px; }
.sk-pvtxt { gap: 3px; }
.sk-pvtxt small { font-size: 10px; letter-spacing: 0.14em; }
.sk-pvtxt b { font-size: 15px; }
.sk-pvtxt span { font-size: 10px; -webkit-line-clamp: 1; white-space: nowrap; text-overflow: ellipsis; display: block; }
.sk-btns { gap: 10px; }
.sk-btn { height: 54px; }
.sk-btn b { font-size: 15px; }
.sk-btn small { font-size: 10px; }
.sk-feed { height: 30px; }
.sk-feed small { font-size: 10px; }
.sk-feed span { font-size: 12px; }
.sk-banner { left: 14px; top: auto; bottom: 150px; width: 792px; max-width: none; transform: none; justify-content: flex-start; padding: 12px 16px; gap: 12px; }
.sk-banner b { font-size: 24px; }
.sk-banner span { font-size: 12px; }
.sk-banner small { font-size: 10px; }
.dr-die { will-change: transform; transition: box-shadow 0.2s, border-color 0.2s, background 0.2s; }