:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.jbRoot{box-sizing:border-box;isolation:isolate;background:radial-gradient(120% 80% at 50% -15%,#64a0ff38,#0000 55%),radial-gradient(90% 60% at 15% 25%,#3c64c81f,#0000 50%),radial-gradient(80% 55% at 85% 20%,#2850b424,#0000 48%),linear-gradient(165deg,#030a1a 0%,#061228 38%,#020814 100%);border:1px solid #78aaff47;border-radius:clamp(18px,2.5vw,26px);width:100%;max-width:min(920px,100%);margin-inline:auto;padding:clamp(14px,3.5vw,22px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059,0 28px 80px #00081ea6,0 4px 24px #0006}.jbRoot:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1f,inset 0 -40px 60px #00000059}.jbRoot:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(#0000 45%,#0004128c 100%);position:absolute;inset:0}.jbAmbient{pointer-events:none;z-index:0;border-radius:inherit;position:absolute;inset:-20%;overflow:hidden}.jbBokeh{filter:blur(42px);opacity:.55;border-radius:50%;animation:22s ease-in-out infinite jbAmbientDrift;position:absolute}.jbBokeh1{background:radial-gradient(circle,#508cff59,#0000 68%);width:min(340px,55vw);height:min(340px,55vw);animation-delay:0s;top:-8%;left:5%}.jbBokeh2{background:radial-gradient(circle,#78c8ff38,#0000 70%);width:min(280px,48vw);height:min(280px,48vw);animation-duration:26s;animation-delay:-7s;top:12%;right:-5%}.jbBokeh3{background:radial-gradient(circle,#3c64c847,#0000 72%);width:min(220px,40vw);height:min(220px,40vw);animation-duration:19s;animation-delay:-12s;bottom:15%;left:35%}.jbSpot{filter:blur(28px);pointer-events:none;opacity:.85;background:radial-gradient(at 50% 0,#b4d2ff33,#0000 62%);width:min(90%,720px);height:55%;position:absolute;top:-25%;left:50%;transform:translate(-50%)}@keyframes jbAmbientDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(2%,-1.5%)scale(1.03)}66%{transform:translate(-1.5%,2%)scale(.98)}}.jbInner{z-index:3;flex-direction:column;gap:clamp(12px,2.5vw,18px);display:flex;position:relative}.jbHeader{text-align:center;padding-bottom:2px}.jbTitle{letter-spacing:.14em;color:#f0f4ff;text-shadow:0 1px #00000073,0 0 24px #8cb4ff59;margin:0;font-size:clamp(1.05rem,3.2vw,1.45rem);font-weight:900}.jbSub{color:#b4cdffd1;margin:8px 0 0;font-size:clamp(.72rem,2.1vw,.82rem);font-weight:500;line-height:1.45}.jbTablePerspective{perspective:1400px;perspective-origin:50% 35%}.jbTable{transform-style:preserve-3d;background:radial-gradient(100% 85% at 50% 100%,#00193c73,#0000 55%),radial-gradient(90% 70% at 50% 0,#64a0ff14,#0000 50%),repeating-linear-gradient(-12deg,#ffffff04 0 1px,#0000 1px 4px),linear-gradient(168deg,#0d2a5c 0%,#0a1f4a 42%,#061632 100%);border:1px solid #508cdc59;border-radius:clamp(14px,2vw,20px);padding:clamp(12px,2.8vw,20px);position:relative;transform:rotateX(5.5deg);box-shadow:inset 0 2px #ffffff24,inset 0 -18px 40px #00000073,0 22px 48px #0008238c,inset 0 0 0 1px #00000040}.jbTable:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(#ffffff12 0%,#0000 22%);position:absolute;inset:0}.jbCardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.8vw,11px);display:grid}@media (width>=380px){.jbCardGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=520px){.jbCardGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=680px){.jbCardGrid{grid-template-columns:repeat(6,minmax(0,1fr))}}.jbCard{appearance:none;-webkit-tap-highlight-color:transparent;aspect-ratio:.72;cursor:default;width:100%;min-height:0;transform-style:preserve-3d;border:none;border-radius:clamp(9px,2vw,12px);margin:0;padding:0;transition:transform .22s cubic-bezier(.34,1.2,.64,1),box-shadow .22s,filter .22s,opacity .2s;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff1f,inset 0 -1px #00000059,0 10px 18px #0004148c,0 3px 6px #00000059}.jbCard:focus-visible{outline-offset:2px;outline:2px solid #c8dcffd9}.jbCardInteractive{cursor:pointer}@media (hover:hover) and (pointer:fine){.jbCardInteractive:hover:not(:disabled){transform:translateY(-4px)rotateX(4deg)rotateY(-2deg)scale(1.02);box-shadow:inset 0 2px #ffffff26,0 18px 32px #00061e99,0 6px 12px #0006}}.jbCardInteractive:active:not(:disabled){transition-duration:80ms;transform:translateY(1px)scale(.97)}.jbCardBack{background:radial-gradient(120% 80% at 40% 20%,#78aaff33,#0000 55%),linear-gradient(152deg,#153a8c 0%,#0a2460 48%,#061a45 100%);border:2px solid #ffffffeb;box-shadow:inset 0 0 0 1px #0f2864d9,inset 0 2px #ffffff1f,inset 0 -2px #00000040,0 10px 18px #0004148c}.jbCardBackInner{box-sizing:border-box;text-align:center;border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:6px;display:flex;position:relative;overflow:hidden}.jbCardBackInner:after{content:"";pointer-events:none;border:1px solid #ffffff38;border-radius:clamp(5px,1.2vw,8px);position:absolute;inset:5px}.jbCardBackBadge{color:#c8dcffe0;letter-spacing:.18em;font-size:clamp(.55rem,1.5vw,.62rem);font-weight:900}.jbCardBackTitle{color:#fff;letter-spacing:.06em;text-shadow:0 1px 2px #0006;margin-top:3px;font-size:clamp(.58rem,1.65vw,.72rem);font-weight:900;line-height:1.1}.jbCardBackLine{background:linear-gradient(90deg,#0000,#ffffff73,#0000);border-radius:999px;width:65%;height:2px;margin-top:6px}.jbCardBackIndex{text-align:center;color:#ffffff7a;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(.55rem,1.4vw,.62rem);font-weight:700;position:absolute;bottom:5px;left:0;right:0}.jbCardLocked{opacity:.68;filter:saturate(.88)}.jbCardFace{border:2px solid #fffffff2;animation:.4s cubic-bezier(.34,1.15,.64,1) both jbCardReveal;box-shadow:inset 0 0 0 1px #14285080,0 10px 20px #00041473}.jbCardFace.jbCardWinning{animation:.4s cubic-bezier(.34,1.15,.64,1) both jbCardReveal,2.4s ease-in-out .45s infinite jbWinPulse}.jbCardFaceStd{background:linear-gradient(168deg,#fff 0%,#e8eefc 100%)}.jbCardRevealedLose{box-shadow:inset 0 0 0 1px #506ea059,0 10px 20px #00041473}.jbFaceStd{color:#0b1730;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:8px;font-weight:700;display:flex}.jbCardFaceJoker{background:linear-gradient(168deg,#fff8e8 0%,#f0d78c 55%,#e8c86a 100%)}.jbFaceJoker{color:#2a1a00;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:8px;font-weight:900;display:flex}.jbCornerTop{text-align:left;font-size:clamp(.58rem,1.6vw,.72rem)}.jbCenterSuit{text-align:center;font-size:clamp(1.1rem,4vw,1.45rem);line-height:1.1}.jbCornerBottom{text-align:right;font-size:clamp(.58rem,1.6vw,.72rem)}.jbJokerMark{text-align:center;filter:drop-shadow(0 1px 1px #00000026);font-size:clamp(1.15rem,4.2vw,1.5rem);line-height:1.1}.jbCardWinning{box-shadow:0 0 0 2px #ffe6a0bf,0 0 28px #ffd27873,0 0 48px #ffbe5a33,0 12px 24px #00041480}@keyframes jbCardReveal{0%{opacity:.85;transform:rotateX(-8deg)scale(.96)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes jbWinPulse{0%,to{box-shadow:0 0 0 2px #ffe6a0a6,0 0 24px #ffd27861,0 0 40px #ffbe5a26,0 12px 24px #00041480}50%{box-shadow:0 0 0 3px #fff0c8e6,0 0 36px #ffdc8c8c,0 0 56px #ffc86447,0 14px 28px #0004148c}}.jbRootPublic{border-color:#82b9ff52}.jbRootPicker{border-color:#ffbe8c52;box-shadow:inset 0 0 0 1px #00000059,0 28px 80px #00081ea6,0 0 40px #ffb47814}.jbRevealOverlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 50% 30%,#14326459,#020612e0);justify-content:center;align-items:center;padding:clamp(16px,4vw,24px);animation:.35s jbOverlayIn;display:flex;position:fixed;inset:0}@keyframes jbOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes jbRevealPop{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.jbRevealCard{text-align:center;color:#0b1730;background:linear-gradient(168deg,#fffffffa 0%,#e8f0fff5 100%);border:1px solid #b4c8f0a6;border-radius:clamp(18px,3vw,26px);width:min(440px,92vw);padding:clamp(20px,4vw,28px);animation:.45s cubic-bezier(.34,1.15,.64,1) jbRevealPop;box-shadow:inset 0 4px #ffffffa6,0 32px 80px #000a2873,0 0 60px #6496ff1f}.jbRevealTitle{color:#071228;letter-spacing:.02em;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:900;line-height:1.15}.jbRevealBig{filter:drop-shadow(0 4px 12px #0000001f);margin:10px 0;font-size:clamp(3rem,14vw,4.5rem);line-height:1}.jbRevealText{color:#22345c;margin-bottom:18px;font-size:clamp(.88rem,2.4vw,1rem);line-height:1.45}.jbRevealPot{color:#0c3a9e;text-shadow:0 0 24px #5078ff40;margin-bottom:18px;font-size:clamp(1.15rem,3.2vw,1.45rem);font-weight:900}.jbRevealFlash{letter-spacing:.12em;color:#7a5200;margin-top:2px;font-size:clamp(.65rem,1.8vw,.72rem);font-weight:900}.jbRevealButtons{gap:10px;display:grid}.jbRevealNote{color:#4a5a78;margin-top:8px;font-size:clamp(.82rem,2.2vw,.92rem);line-height:1.45}