:root{--bg:#0b0a14;--surface:#15131f;--line:#2a2740;--text:#f3f2fa;--muted:#a7a3c7;--accent:#f5c451;--great:#5ee6b0;--fair:#8ec5ff;--high:#ffb547;--over:#ff8a7a;--lime:#f5c451;--great-bg:#5ee6b024}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font-variant-numeric:tabular-nums;background:radial-gradient(120% 40% at 30% 0%, #5a6eff1a, #0b0a1400 70%), var(--bg);background-attachment:fixed;font-family:Manrope,system-ui,sans-serif}h1,h2,.display{letter-spacing:-.02em;font-family:Manrope,system-ui,sans-serif}.wrap{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:32px 18px 64px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px}.muted{color:var(--muted)}.row{border-top:1px solid #24213a;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.row:first-of-type{border-top:0}.pill{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.ok{color:var(--great);background:#5ee6b024}.no{color:var(--over);background:#ff8a7a26}input{width:100%;height:48px;color:var(--text);font:inherit;background:#100e19;border:1px solid #2f2b48;border-radius:14px;padding:0 14px;font-size:15px}.btn{background:var(--accent);color:#0b0a14;height:48px;font:inherit;cursor:pointer;border:0;border-radius:999px;font-size:15px;font-weight:700}.btn:hover{background:#ffe08a}.select{width:100%;height:48px;color:var(--text);font:inherit;background:#100e19;border:1px solid #2f2b48;border-radius:14px;padding:0 12px}.chipline{cursor:pointer;border:1px solid #2f2b48;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:flex}a{color:var(--accent)}.cg-screen{max-width:480px;min-height:100dvh;margin:0 auto;position:relative}.cg-page{flex-direction:column;gap:16px;padding:20px 18px 120px;display:flex}.cg-d{text-transform:uppercase;letter-spacing:.01em;font-family:Big Shoulders Display,sans-serif;font-weight:900}.cg-k{letter-spacing:.09em;color:#8c88ad;text-transform:uppercase;font-size:11px;font-weight:800}.cg-mut{color:var(--muted)}.cg-surf{background:#15131f;border:1px solid #2a2740;border-radius:20px}.cg-row{color:var(--text);border-top:1px solid #24213a;align-items:center;gap:12px;padding:11px 0;text-decoration:none;display:flex}.cg-row:first-child{border-top:0}.cg-btn{text-transform:uppercase;letter-spacing:.03em;color:#0b0a14;cursor:pointer;background:linear-gradient(120deg,#fff3c4,#f5c451 50%,#e8a93a);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:13px;font-family:Big Shoulders Display,sans-serif;font-size:21px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 8px 24px #f5c45140}.cg-btn:hover{filter:brightness(1.06);color:#0b0a14}.cg-btn:disabled{opacity:.6;cursor:default}.cg-btn2{font:inherit;color:#eceaf6;cursor:pointer;background:0 0;border:1px solid #2f2b48;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:13px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.cg-btn2:hover{color:#fff;border-color:#4a4566}.cg-input{height:52px;color:var(--text);font:inherit;background:#15131f;border:1px solid #2f2b48;border-radius:14px;width:100%;padding:0 14px;font-size:16px}.cg-chip{color:#dddaf0;white-space:nowrap;background:#ffffff12;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600}.cg-pill{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.cg-tile{object-fit:cover;border-radius:7px;flex:none;display:block;position:relative;overflow:hidden;box-shadow:0 8px 18px #0006}.cg-mono{text-align:center;justify-content:center;align-items:center;padding:4px;font-family:Big Shoulders Display,sans-serif;font-weight:900;line-height:.9;display:flex;position:absolute;inset:0}.cg-nav{left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#15131ff0;border:1px solid #262a31;border-radius:22px;justify-content:space-around;align-items:center;width:min(452px,100% - 28px);height:66px;padding:0 4px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #00000080}.cg-ni{color:#8c88ad;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:60px;min-height:48px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.cg-ni:hover,.cg-ni[aria-current=page]{color:var(--text)}.cg-chk{color:var(--lime);flex-direction:column;align-items:center;gap:3px;margin-top:-30px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.cg-chk span{color:#0b0a14;width:60px;height:60px;box-shadow:0 0 0 4px var(--bg), 0 10px 30px #f5c45173;background:linear-gradient(135deg,#fff3c4,#f5c451 45%,#e8a93a);border-radius:20px;justify-content:center;align-items:center;display:flex}.cg-chk:hover{color:var(--lime)}.cg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;display:grid}.cg-ib{width:44px;height:44px;color:var(--text);cursor:pointer;background:#ffffff14;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;text-decoration:none;display:flex}.cg-ib:hover{color:#fff}.cg-opt{cursor:pointer;border-radius:999px;min-height:40px;padding:9px 13px;font-family:inherit;font-size:13px;font-weight:600}.cg-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cg-actions{box-sizing:border-box;z-index:19;width:min(480px,100%);padding:26px 20px calc(max(14px, env(safe-area-inset-bottom)) + 80px);background:linear-gradient(to top, var(--bg) 78%, #0b0d1000);grid-template-columns:1fr 1.5fr;gap:8px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.cg-page-actions{padding-bottom:230px!important}.sr-foil{background:linear-gradient(#15131f,#15131f) 0 0/100% 100% padding-box padding-box,linear-gradient(120deg,#ff7ad9,#ffd66b,#7cffcb,#6bb8ff,#b28cff,#ff7ad9,#ffd66b) 0 0/300% 300% border-box;border:1.5px solid #0000;animation:6s linear infinite sr-foil}.sr-gold{background:linear-gradient(#1a1608,#14121a) 0 0/100% 100% padding-box padding-box,linear-gradient(120deg,#8a6a1c,#ffe08a,#f5c451,#fff3c4,#b8892a,#ffe08a) 0 0/300% 300% border-box;border:1.5px solid #0000;animation:5s linear infinite sr-foil}.sr-ice{background:linear-gradient(#111827,#13111d) 0 0/100% 100% padding-box padding-box,linear-gradient(120deg,#3b5b8f,#cfe6ff,#8ec5ff,#e8f3ff,#5b7fb8,#cfe6ff) 0 0/300% 300% border-box;border:1.5px solid #0000;animation:6s linear infinite sr-foil}.sr-text{background:linear-gradient(110deg,#f5c451,#fff3c4 30%,#ffd66b 45%,#ff9fe6 60%,#9fffe0 75%,#f5c451) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite sr-foil}@keyframes sr-foil{0%{background-position:0 0,0%}to{background-position:0 0,300%}}.sr-shine{pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffff0d 45%,#f4f6ff1c 50%,#ffffff0d 55%,#0000 62%) 0 0/250% 100%;animation:5s ease-in-out infinite sr-shine;position:absolute;inset:0}@keyframes sr-shine{0%{background-position:120% 0}50%{background-position:-20% 0}to{background-position:120% 0}}.sr-float{animation:6s ease-in-out infinite sr-float}@keyframes sr-float{0%,to{transform:perspective(800px)rotateY(-7deg)rotateX(3deg)translateY(0)}50%{transform:perspective(800px)rotateY(7deg)rotateX(-2deg)translateY(-5px)}}.sr-twinkle{pointer-events:none;animation:2.6s ease-in-out infinite sr-tw;position:absolute}@keyframes sr-tw{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.sr-reveal{animation:.9s cubic-bezier(.2,.9,.25,1.2) both sr-reveal}@keyframes sr-reveal{0%{opacity:0;transform:perspective(900px)rotateY(180deg)scale(.85)}60%{opacity:1}to{transform:perspective(900px)rotateY(0)scale(1)}}.sr-pip{background:#2a2740;border-radius:2px;width:14px;height:6px}.sr-chip{color:#c9c5e6;cursor:pointer;background:0 0;border:1px solid #2f2b48;border-radius:999px;flex:none;padding:7px 11px;font-family:inherit;font-size:12px;font-weight:800;text-decoration:none}.sr-chip[aria-current=true],.sr-chip[aria-pressed=true]{color:#0b0a14;background:#f3f2fa;border-color:#f3f2fa}.sr-panel{background:#15131f;border:1px solid #2a2740;border-radius:20px}.holo-text{color:inherit}.sr-spin{animation:.9s linear infinite sr-spin}@keyframes sr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sr-foil,.sr-gold,.sr-ice,.sr-text,.sr-shine,.sr-float,.sr-twinkle,.sr-reveal,.sr-spin{animation:none}}.sr-field:focus-within{box-shadow:0 0 0 3px #f5c45126;border-color:#f5c451bf!important}.sr-slab{--s:120px;--w:calc(var(--s) * .64);--t:calc(var(--s) * .07);width:calc(var(--s) * 1.05);height:calc(var(--s) * 1.1);perspective:calc(var(--s) * 6);flex:none;display:inline-block}.sr-slab-tilt{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative;transform:rotateX(14deg)rotate(-8deg)}.sr-slab-body{width:var(--w);height:var(--s);transform-style:preserve-3d;animation:7s cubic-bezier(.65,0,.35,1) infinite sr-slab-spin;position:relative}.sr-slab-layer{border-radius:calc(var(--s) * .085);background:linear-gradient(90deg,#8f7a3e,#f1dc9a 30%,#fff6d6 50%,#e7c66c 70%,#8f7a3e);position:absolute;inset:0}.sr-slab-face{border-radius:calc(var(--s) * .085);backface-visibility:hidden;box-shadow:inset 0 0 0 calc(var(--s) * .014) #fff4d68c, inset 0 0 0 calc(var(--s) * .03) #14121ee6, inset 0 0 0 calc(var(--s) * .036) #f5c45173;background:linear-gradient(150deg,#4a4268 0%,#221e33 34%,#15131f 60%,#34304e 100%);position:absolute;inset:0;overflow:hidden}.sr-slab-back{transform:rotateY(180deg) translateZ(calc(var(--t) / 2))}.sr-slab-front{transform:translateZ(calc(var(--t) / 2))}.sr-slab-label{border-radius:calc(var(--s) * .02);height:17%;box-shadow:inset 0 calc(var(--s) * -.008) 0 #0000002e, 0 calc(var(--s) * .006) calc(var(--s) * .012) #0006;box-sizing:border-box;color:#14121e;background:linear-gradient(135deg,#fff3c4,#f5c451 45%,#c8892a);justify-content:space-between;align-items:center;padding:0 7%;font-family:Big Shoulders Display,sans-serif;font-weight:900;display:flex;position:absolute;top:6.5%;left:9%;right:9%}.sr-slab-label span{gap:calc(var(--s) * .008);flex-direction:column;display:flex}.sr-slab-label b{font-size:calc(var(--s) * .062);letter-spacing:.04em;white-space:nowrap;line-height:1}.sr-slab-label small{font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:calc(var(--s) * .032);opacity:.7;white-space:nowrap;line-height:1}.sr-slab-label em{font-style:normal;font-size:calc(var(--s) * .11);line-height:1}.sr-slab-label i{opacity:.75;background:repeating-linear-gradient(90deg,#14121e 0 1.5px,#0000 1.5px 3px,#14121e 3px 4px,#0000 4px 6px);width:22%;height:42%}.sr-slab-window{border-radius:calc(var(--s) * .02);box-shadow:inset 0 calc(var(--s) * .01) calc(var(--s) * .03) #000000d9, inset 0 0 0 calc(var(--s) * .006) #ffffff1f;background:radial-gradient(90% 70% at 50% 35%,#2b2445,#0e0c16 75%);justify-content:center;align-items:center;display:flex;position:absolute;inset:28% 9% 7%}.sr-slab-glare{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff38 45%,#ffffff0d 55%,#0000 65%) 0 0/260% 100%;animation:7s cubic-bezier(.65,0,.35,1) infinite sr-slab-glare;position:absolute;inset:0}.sr-slab-sr{align-items:center;gap:calc(var(--s) * .03);font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:calc(var(--s) * .26);line-height:1;display:flex}.sr-slab-sr .s{color:#f3f2fa;transform:translateY(-22%)}.sr-slab-sr .r{background:linear-gradient(135deg,#fff3c4,#f5c451 45%,#c8892a);color:#0000;-webkit-background-clip:text;background-clip:text;transform:translateY(22%)}.sr-slab-sr .slash{width:calc(var(--s) * .035);height:calc(var(--s) * .34);background:linear-gradient(#fff3c4,#f5c451 45%,#c8892a);border-radius:99px;transform:rotate(22deg)}@keyframes sr-slab-spin{0%,38%{transform:rotateY(0)}50%,88%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes sr-slab-glare{0%,30%{background-position:110% 0}50%,80%{background-position:-10% 0}to{background-position:110% 0}}@media (prefers-reduced-motion:reduce){.sr-slab-body,.sr-slab-glare{animation:none}}.cg-why>summary::-webkit-details-marker{display:none}.cg-why[open]>summary span{display:inline-block;transform:rotate(90deg)}.sr-pull{animation:.9s cubic-bezier(.2,.9,.25,1.15) both sr-pull;position:relative}@keyframes sr-pull{0%{opacity:0;transform:translateY(28px)scale(.92)}60%{opacity:1}to{transform:none}}.sr-pull-big:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#fff3c4d9,#f5c4514d 50%,#f5c45100);border-radius:50%;width:150px;height:150px;margin-top:-75px;animation:1.4s ease-out .35s both sr-burst;position:absolute;top:50%;left:0}@keyframes sr-burst{0%{opacity:0;transform:scale(.2)}30%{opacity:1}to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.sr-pull{animation:none}.sr-pull-big:before{display:none}}.sr-live{animation:2s ease-in-out infinite sr-live}@keyframes sr-live{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.sr-live{animation:none}}.sr-held{z-index:60;padding:calc(env(safe-area-inset-top,0px) + 20px) max(16px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 20px) max(16px, env(safe-area-inset-left,0px));background:radial-gradient(70% 50% at 50% 42%,#7850ff47,#0b0a14f5 70%),#0b0a14f7;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.sr-held-close{top:calc(env(safe-area-inset-top,0px) + 14px);right:max(16px, env(safe-area-inset-right,0px));color:#f3f2fa;cursor:pointer;background:#15131fd9;border:1px solid #2a2740;border-radius:999px;width:44px;height:44px;font-size:22px;position:absolute}.sr-held-scene{perspective:1100px;aspect-ratio:5/7;touch-action:none;cursor:grab;width:min(78vw,340px,71.4dvh - 178.5px)}.sr-held-card{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;position:relative}.sr-held-face{backface-visibility:hidden;background:#15131f;border-radius:4.6%/3.3%;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px #000000a6,0 0 0 1px #ffffff0f}.sr-held-face>img{object-fit:cover;width:100%;height:100%;display:block}.sr-held-blank{justify-content:center;align-items:center;width:100%;height:100%;font-family:Big Shoulders Display,sans-serif;font-size:28px;font-weight:900;display:flex}.sr-held-foil{pointer-events:none;mix-blend-mode:color-dodge;opacity:calc(.1 + var(--energy,0) * .28);background:repeating-linear-gradient(115deg,#ff7aa8 0%,#ffd36b 7%,#7bffcf 14%,#7cc4ff 21%,#c58bff 28%,#ff7aa8 35%) 0 0/500% 500%;background-position:calc(var(--mx,50%) * 1.4) calc(var(--my,50%) * 1.4);filter:saturate(1.3)brightness(.85);position:absolute;inset:0}.sr-held-glitter{pointer-events:none;mix-blend-mode:color-dodge;opacity:calc(.15 + var(--energy,0) * .4);background-image:radial-gradient(circle at 20% 30%,#ffffffe6 0 .6px,#0000 1.4px),radial-gradient(circle at 70% 60%,#ffe6a0d9 0 .6px,#0000 1.4px),radial-gradient(circle at 40% 80%,#aadcffd9 0 .5px,#0000 1.3px),radial-gradient(circle at 85% 15%,#ffb4f0d9 0 .5px,#0000 1.3px);background-size:23px 29px,31px 37px,41px 43px,47px 53px;background-position:calc(var(--mx,50%) * .5) calc(var(--my,50%) * .5);position:absolute;inset:0}.sr-held-glare{pointer-events:none;mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--mx,50%) var(--my,50%), #ffffffb3 8%, #ffffff38 26%, #0000004d 90%);opacity:calc(.4 + var(--energy,0) * .4);position:absolute;inset:0}.sr-held-back{color:#f3f2fa;background:linear-gradient(160deg,#1d1a2c,#120f1c);flex-direction:column;gap:5%;padding:8%;display:flex;transform:rotateY(180deg)}.sr-held-paper{color:#2b2440;background:#f4ecd8 repeating-linear-gradient(#0000 0 27px,#2b24401f 27px 28px);border-radius:6px;flex-direction:column;flex:1;gap:6px;min-height:0;padding:7% 8%;display:flex;overflow:auto;transform:rotate(-1.2deg);box-shadow:0 10px 22px #0006}.sr-held-paper p{margin:0;font-family:Caveat,Comic Sans MS,cursive;font-size:clamp(20px,6.2vw,27px);font-weight:500;line-height:1.05}.sr-held-k{letter-spacing:.12em;text-transform:uppercase;color:#a7a3c7f2;font-size:10.5px;font-weight:800}.sr-held-paper .sr-held-k{color:#2b244099}.sr-held-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.sr-held-facts>span{flex-direction:column;gap:2px;min-width:0;display:flex}.sr-held-facts>span>span{letter-spacing:.1em;text-transform:uppercase;color:#a7a3c7;font-size:10px;font-weight:800}.sr-held-facts b{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sr-held-write{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.sr-held-write textarea{resize:none;color:#2b2440;background:#f4ecd8 repeating-linear-gradient(#0000 0 25px,#2b24401f 25px 26px);border:0;border-radius:8px;width:100%;min-height:110px;padding:10px 12px;font-family:Caveat,Comic Sans MS,cursive;font-size:22px;line-height:1.1}.sr-held-write textarea:focus{outline:2px solid #ffd66b}.sr-held-chips{flex-wrap:wrap;gap:6px;display:flex}.sr-held-chips button{color:#f3f2fa;cursor:pointer;background:0 0;border:1px solid #2a2740;border-radius:999px;padding:6px 10px;font:700 12px inherit}.sr-held-chips button[aria-pressed=true]{color:#0b0a14;background:#f3f2fa;border-color:#0000}.sr-held-title{text-align:center;flex-direction:column;gap:2px;display:flex}.sr-held-title b{text-transform:uppercase;font-family:Big Shoulders Display,sans-serif;font-size:30px;font-weight:900;line-height:.95}.sr-held-title span{color:#a7a3c7;font-size:12.5px}.sr-held-hint{color:#8c88ad;min-height:16px;font-size:12px}.sr-holdthumb:focus-visible,.sr-held-close:focus-visible{outline-offset:3px;outline:2px solid #ffd66b}
