: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;box-sizing:border-box;border:none;flex-direction:column;width:100%;max-width:none;min-height:100dvh;margin:0;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{--jb-navy:#000b29;--jb-royal:#0f2860;--jb-felt:#061a42;box-sizing:border-box;isolation:isolate;background:radial-gradient(ellipse 120% 90% at 50% -12%, #6ea5ff38, transparent 56%), radial-gradient(ellipse 70% 50% at 12% 28%, #ff96500d, transparent 52%), radial-gradient(ellipse 65% 48% at 88% 22%, #4678dc1f, transparent 50%), linear-gradient(168deg, #010818 0%, var(--jb-navy) 40%, #01040c 100%);border:1px solid #82afff4d;border-radius:clamp(12px,2.5vw,22px);width:100%;max-width:min(960px,100%);margin-inline:auto;padding:clamp(10px,3vw,22px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000073,0 32px 90px #000414b8,0 6px 20px #00000073}.jbRoot:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 2px #ffffff1a,inset 0 -48px 70px #0000006b}.jbRoot:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(#0000 38%,#00020e9e 100%);position:absolute;inset:0}.jbAmbient{pointer-events:none;z-index:0;border-radius:inherit;position:absolute;inset:-22%;overflow:hidden}.jbAmbient:before{content:"";filter:blur(16px);pointer-events:none;opacity:.95;background:linear-gradient(93deg,#0000 18%,#a0d2ff17 49%,#0000 58%),linear-gradient(87deg,#0000 35%,#78b9ff1c 50%,#0000 62%),radial-gradient(95% 60% at 50% -8%,#c8e1ff38,#0000 58%);position:absolute;inset:-18% -5% 20%}.jbAmbient:after{content:"";filter:blur(26px);pointer-events:none;background:radial-gradient(at 50% 0,#64a0ff1f,#0000 62%);width:120%;height:65%;position:absolute;top:-5%;left:50%;transform:translate(-50%)}.jbBokeh{filter:blur(46px);opacity:.52;border-radius:50%;animation:22s ease-in-out infinite jbAmbientDrift;position:absolute}.jbBokeh1{background:radial-gradient(circle,#5a96ff61,#0000 68%);width:min(360px,58vw);height:min(360px,58vw);top:-10%;left:2%}.jbBokeh2{background:radial-gradient(circle,#ffaf781f,#0000 70%);width:min(300px,50vw);height:min(300px,50vw);animation-duration:27s;animation-delay:-7s;top:10%;right:-8%}.jbBokeh3{background:radial-gradient(circle,#325ac852,#0000 72%);width:min(240px,42vw);height:min(240px,42vw);animation-duration:19s;animation-delay:-12s;bottom:12%;left:32%}.jbSpot{filter:blur(30px);pointer-events:none;opacity:.88;background:radial-gradient(at 50% 0,#bed7ff38,#0000 60%);width:min(92%,760px);height:58%;position:absolute;top:-28%;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:.12em;color:#f4f7ff;text-shadow:0 2px 4px #0000008c,0 0 28px #8cb9ff59;margin:0;font-size:clamp(.92rem,3.6vw,1.45rem);font-weight:900}.jbSub{color:#b9d2ffe0;text-shadow:0 1px 3px #00000073;margin:8px 0 0;font-size:clamp(.72rem,2.1vw,.82rem);font-weight:500;line-height:1.45}.jbChromeRail{opacity:.85;background:linear-gradient(90deg,#0000 0%,#ffffff1f 12%,#ffffff6b 50%,#ffffff1f 88%,#0000 100%);border-radius:2px;flex-shrink:0;height:2px;margin:6px clamp(4px,2vw,14px) 4px;box-shadow:0 1px #00000073,0 -1px #ffffff0f}.jbTablePerspective{perspective:1200px;perspective-origin:50% 28%}.jbTable{--felt-noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.035'/%3E%3C/svg%3E");transform-style:preserve-3d;background:radial-gradient(ellipse 88% 75% at 50% 38%, #3778dc33, transparent 62%), radial-gradient(ellipse 100% 90% at 50% 100%, #000f2d8c, transparent 58%), var(--felt-noise), repeating-linear-gradient(-18deg, #ffffff05 0px, #ffffff05 1px, transparent 1px, transparent 5px), linear-gradient(172deg, #0a2a62 0%, var(--jb-felt) 38%, #030c24 100%);border:1px solid #5a96e661;border-radius:clamp(14px,2vw,20px);padding:clamp(10px,2.4vw,18px);position:relative;transform:rotateX(11deg);box-shadow:inset 0 3px #ffffff1f,inset 0 -22px 50px #00000080,0 26px 56px #00061c9e,inset 0 0 0 1px #00000059}.jbTable:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(185deg,#ffffff17 0%,#0000 28%);position:absolute;inset:0}.jbTable:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(70% 55% at 50% 42%,#ffffff0a,#0000 65%);position:absolute;inset:0}.jbCardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.5vw,10px);display:grid;transform:translateZ(0)}@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 .24s cubic-bezier(.34,1.2,.64,1),box-shadow .24s,filter .24s,opacity .22s;position:relative;overflow:hidden;box-shadow:inset 1px 0 #ffffff47,inset 0 1px #fff3,inset 0 -2px 2px #00000038,5px 14px 18px #00021094,2px 4px 8px #00000059}.jbCard:focus-visible{outline-offset:2px;outline:2px solid #d2e1fff2}.jbCardInteractive{cursor:pointer}@media (hover:hover) and (pointer:fine){.jbCardInteractive:hover:not(:disabled){transform:translateY(-5px)rotateX(5deg)rotateY(-3deg)scale(1.025);box-shadow:inset 0 2px #ffffff38,inset 0 -2px 2px #0000002e,8px 22px 32px #0004169e,3px 8px 14px #0006}}.jbCardInteractive:active:not(:disabled){transition-duration:90ms;transform:translateY(2px)scale(.97)}.jbCardBack{background:radial-gradient(130% 90% at 35% 12%,#82b9ff47,#0000 52%),linear-gradient(168deg,#1a4aa8 0%,#0c2d72 42%,#061c4a 100%);border:2px solid #f2f6ff;box-shadow:inset 0 0 0 1px #0a1e50f2,inset 0 2px 1px #ffffff59,inset 0 -3px 6px #00000059,5px 14px 18px #00021094,2px 4px 8px #00000059}.jbCardBackInner{box-sizing:border-box;text-align:center;border-radius:inherit;flex-direction:column;justify-content:center;align-items:stretch;width:100%;height:100%;padding:5px 6px 20px;display:flex;position:relative;overflow:hidden}.jbCardBackInner:before{content:"";pointer-events:none;border-radius:clamp(5px,1.2vw,8px);position:absolute;inset:4px;box-shadow:0 0 0 1px #ffffff47,inset 0 0 0 2px #0f2d78a6,inset 0 3px 6px #00000040}.jbCardBackShine{border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;opacity:.85;background:linear-gradient(128deg,#ffffff2e 0%,#0000 42% 58%,#ffffff0d 100%);position:absolute;inset:0}.jbCardBackContent{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:0;padding:4px 4px 2px;display:flex;position:relative}.jbCardBackThe{letter-spacing:.42em;color:#e6f0fff2;text-shadow:0 1px 2px #00000080;font-size:clamp(.45rem,1.2vw,.52rem);font-weight:900}.jbCardBackTitleBlock{flex-direction:column;align-items:center;gap:0;line-height:1.05;display:flex}.jbCardBackLineMain{letter-spacing:.14em;color:#fff;text-shadow:0 1px 3px #0000008c,0 0 14px #8cb4ff4d;font-size:clamp(.58rem,1.65vw,.74rem);font-weight:900}.jbCardBackMascotWrap{filter:drop-shadow(0 2px 6px #00000080);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(34px,12vw,52px);height:clamp(42px,15vw,62px);margin-top:3px;display:flex;overflow:hidden}.jbCardBackMascotWrap .jbCardBackMascotImg{object-fit:cover;object-position:center 56%;pointer-events:none;-webkit-user-select:none;user-select:none;mix-blend-mode:normal;filter:saturate(1.06)contrast(1.03);width:100%;height:100%}.jbCardBackIndex{text-align:center;color:#ffffff6b;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;text-shadow:0 1px 2px #0006;font-size:clamp(.5rem,1.35vw,.58rem);font-weight:700;position:absolute;bottom:4px;left:0;right:0}.jbCardLocked{opacity:.66;filter:saturate(.85)brightness(.94)}.jbCardFace{border:2px solid #f7f9ff;animation:.45s cubic-bezier(.34,1.15,.64,1) both jbCardReveal;box-shadow:inset 0 0 0 1px #192d5a73,inset 0 2px #ffffffa6,inset 0 -2px 4px #00000014,5px 14px 20px #00021085,2px 5px 10px #00000052}.jbCardFace.jbCardWinning{animation:.45s cubic-bezier(.34,1.15,.64,1) both jbCardReveal,2.6s ease-in-out .48s infinite jbWinPulse}.jbFacePaperShine{pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:.5;background:linear-gradient(135deg,#ffffff73 0%,#0000 45% 60%,#ffffff14 100%);position:absolute;inset:0}.jbCardFaceStd{background:radial-gradient(90% 80% at 30% 15%,#fffffff2,#0000 55%),linear-gradient(168deg,#fff 0%,#e4ebfa 55%,#d2dcf0 100%)}.jbCardRevealedLose{box-shadow:inset 0 0 0 1px #465f9659,inset 0 2px #ffffff8c,5px 14px 18px #0002107a,2px 4px 8px #00000047}.jbFaceStd{color:#0a1630;box-sizing:border-box;z-index:1;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:8px;font-weight:700;display:flex;position:relative}.jbCardFaceJoker{background:radial-gradient(100% 85% at 40% 10%,#fffcf0f2,#0000 50%),linear-gradient(168deg,#fff9ec 0%,#f2d888 48%,#e0bc58 100%)}.jbFaceJoker{color:#2c1a05;box-sizing:border-box;z-index:1;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:8px;font-weight:900;display:flex;position:relative}.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 2px 3px #0003);font-size:clamp(1.15rem,4.2vw,1.5rem);line-height:1.1}.jbCardWinning{box-shadow:0 0 0 2px #ffebbed9,0 0 32px #ffd78273,0 0 52px #ffc35a38,6px 16px 26px #00041285}@keyframes jbCardReveal{0%{opacity:.88;transform:rotateX(-10deg)scale(.95)}to{opacity:1;transform:rotateX(0)scale(1)}}@keyframes jbWinPulse{0%,to{box-shadow:0 0 0 2px #ffe6afbf,0 0 26px #ffd27866,0 0 44px #ffbe5a29,6px 16px 26px #00041285}50%{box-shadow:0 0 0 3px #fff5d2f2,0 0 40px #ffe1968c,0 0 60px #ffc86e47,7px 18px 30px #0004128c}}.jbRootPublic{border-color:#8cbeff57}.jbRootPicker{border-color:#ffc39657;box-shadow:inset 0 0 0 1px #00000073,0 32px 90px #000414b8,0 0 44px #ffaf781a}.jbRevealOverlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(at 50% 28%,#1e468c61,#00030ee6);justify-content:center;align-items:center;padding:clamp(16px,4vw,24px);animation:.38s jbOverlayIn;display:flex;position:fixed;inset:0}@keyframes jbOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes jbRevealPop{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.jbRevealCard{text-align:center;color:#0b1730;background:linear-gradient(172deg,#fffffffc 0%,#ecf2fff7 100%);border:1px solid #aac3f0bf;border-radius:clamp(18px,3vw,26px);width:min(440px,92vw);padding:clamp(20px,4vw,28px);animation:.48s cubic-bezier(.34,1.15,.64,1) jbRevealPop;box-shadow:inset 0 3px #ffffffbf,0 36px 88px #0008237a,0 0 70px #6496ff24}.jbRevealTitle{color:#050d22;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:#0a3288;text-shadow:0 0 28px #5a82ff47;margin-bottom:18px;font-size:clamp(1.15rem,3.2vw,1.45rem);font-weight:900}.jbRevealFlash{letter-spacing:.12em;color:#6a4810;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}@media (width<=720px){.jbRoot{border-left:none;border-right:none;border-radius:0;max-width:100%;margin-inline:0;padding:clamp(6px,2vw,12px)}}.jd-app-page{--jd-deep:#000b29;--jd-mid:#06153a;--jd-glow-blue:#64a0ff59;--jd-glow-warm:#ffaa5a1f;box-sizing:border-box;color:#e8eeff;background:radial-gradient(ellipse 85% 55% at 50% -8%, #78afff33, transparent 58%), radial-gradient(ellipse 50% 40% at 12% 35%, #ffa05a0f, transparent 55%), radial-gradient(ellipse 45% 38% at 88% 30%, #508cff1a, transparent 52%), radial-gradient(ellipse 70% 50% at 50% 100%, #001e508c, transparent 65%), linear-gradient(168deg, #000716 0%, var(--jd-deep) 28%, #020510 100%);justify-content:center;align-items:center;width:100%;min-height:100dvh;margin:0;padding:clamp(16px,4vw,28px);font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.jd-app-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 32%,#00020cb8 100%);position:absolute;inset:0}.jd-app-bokeh{pointer-events:none;filter:blur(48px);z-index:0;opacity:.65;border-radius:50%;animation:24s ease-in-out infinite jdBokehFloat;position:absolute}.jd-app-bokeh--1{background:radial-gradient(circle,#4678dc66,#0000 68%);width:min(380px,70vw);height:min(380px,70vw);top:-12%;left:-8%}.jd-app-bokeh--2{background:radial-gradient(circle,#ffbe8224,#0000 70%);width:min(300px,55vw);height:min(300px,55vw);animation-duration:28s;animation-delay:-8s;top:8%;right:-6%}.jd-app-bokeh--3{background:radial-gradient(circle,#3c64c852,#0000 72%);width:min(260px,50vw);height:min(260px,50vw);animation-duration:21s;animation-delay:-14s;bottom:5%;left:28%}.jd-app-spot{pointer-events:none;filter:blur(22px);opacity:.9;z-index:0;background:radial-gradient(at 50% 0,#c8dcff2e,#0000 58%);width:min(96%,900px);height:58%;position:absolute;top:-18%;left:50%;transform:translate(-50%)}.jd-app-pillars{pointer-events:none;z-index:0;opacity:.14;filter:blur(28px);background-color:#0000;background-image:linear-gradient(95deg,#0000 0%,#b4d2ff80 48%,#0000 52%),linear-gradient(88deg,#0000 0%,#b4d2ff59 48%,#0000 52%);background-position:22% 0,78% 0;background-repeat:no-repeat;background-size:18% 100%,22% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.jd-app-vignette{pointer-events:none;z-index:1;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 120px #0000008c,inset 0 0 40px #00051466}@keyframes jdBokehFloat{0%,to{transform:translate(0)scale(1)}40%{transform:translate(2%,-2%)scale(1.04)}70%{transform:translate(-2%,1.5%)scale(.98)}}.jd-app-shell-glow{filter:blur(56px);pointer-events:none;z-index:0;background:radial-gradient(circle,#3764c824,#0000 62%);border-radius:50%;width:min(760px,120vw);height:min(760px,120vw);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.jd-app-shell-card{box-sizing:border-box}@media (width<=720px){.jd-app-page{align-items:stretch;padding:clamp(4px,2vw,10px)}.jd-app-shell-card{width:100%!important;max-width:100%!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:clamp(4px,2vw,10px)!important}}
