/* tryacee.com/integrations + /developers. Sits on top of /__guide/discovery.css (tokens, masthead, chips). */
:root{--felt:#0f1a14;--lacquer:#0a0d0b;--rim:#d9b96e;--rim2:#af8e454f;--ok:#9fd8a8;--warn:#e8b36a;--red:#e07a6a;--card:radial-gradient(ellipse at 30% 0,#3b3328,#111914 65%);--spring:cubic-bezier(.2,1.5,.45,1)}
.plat{overflow-x:hidden}
.skip{position:absolute;left:-999px;top:8px;z-index:9;background:#000;padding:8px 14px;border-radius:8px}.skip:focus{left:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.plat:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 120% 80% at 50% 0,transparent 60%,#000a)}
nav a[aria-current=page]{color:#f5d88c}
.ul{border-bottom:1px solid #d8b76c66}.ul:hover{border-color:#f5d88c}
code{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#f0dcaa}
.p-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;padding:40px 0 90px;min-height:560px}
.p-hero h1{font-size:clamp(3.2rem,6.6vw,6rem)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}.sec-head h2{margin:0}.sec-head .fine{max-width:520px;margin:0}
section.catalog,section.mine,section.ways,section.keys,section.mcp,section.sdk,section.ref,section.activity{padding:64px 0 72px;border-top:1px solid var(--line)}

/* playing cards */
.pcard{position:relative;width:150px;height:212px;border-radius:14px;background:var(--card);border:1px solid var(--rim);box-shadow:inset 0 0 0 6px #111a15,inset 0 0 0 7px var(--rim2),10px 20px 38px #0009;display:grid;place-items:center;overflow:hidden}
.pcard:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffe2a21c 40%,transparent 55%);background-size:250% 100%;animation:glint 7s ease-in-out infinite}
@keyframes glint{0%,70%{background-position:150% 0}100%{background-position:-60% 0}}
.pc-corner{position:absolute;top:14px;left:14px;font:20px/1 Georgia,serif;color:#d8bb77}.pc-corner.rev{top:auto;left:auto;bottom:14px;right:14px;transform:rotate(180deg)}.pc-corner.red{color:#e5997f}
.pc-pip{font:22px/1.1 Georgia,serif;background:var(--foil);background-clip:text;-webkit-background-clip:text;color:transparent;text-align:center;padding:0 12px}.pc-pip.big{font-size:40px;letter-spacing:-.03em}
.pcard.back{background:repeating-linear-gradient(45deg,#3a2c17 0 2px,transparent 2px 9px),repeating-linear-gradient(-45deg,#3a2c17 0 2px,transparent 2px 9px),radial-gradient(circle at 50% 50%,#2a2114,#0e1410 70%)}
.pcard.back:before{content:'♠';font:60px Georgia,serif;background:var(--foil);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px #000a)}
.pcard.lg{width:min(100%,360px);height:auto;min-height:240px}
.hand{position:relative;height:380px;display:grid;place-items:center;perspective:1100px}
.hand .pcard{position:absolute;transform-origin:50% 130%;transform:translateX(calc((var(--i) - 2) * 46px)) rotate(calc((var(--i) - 2) * 12deg)) translateY(calc(abs(var(--i) - 2) * 12px)) rotateY(var(--tilt,0deg));transition:transform .5s var(--spring)}
.hand:hover .pcard{transform:translateX(calc((var(--i) - 2) * 58px)) rotate(calc((var(--i) - 2) * 15deg)) translateY(calc(abs(var(--i) - 2) * 16px - 12px)) rotateY(var(--tilt,0deg))}
.hand .pcard{place-items:start;padding:44px 0 0 13px}
.hand .pc-pip{font-size:15px;writing-mode:vertical-rl;transform:rotate(180deg);padding:0;letter-spacing:.04em}
.hand .pc-logo{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2f2a20,#0d120f 70%);border:2px solid #d9b96e;box-shadow:0 0 0 4px #0d120f,0 0 0 5px #af8e4566}
.hand .pc-logo img{width:36px;height:36px;object-fit:contain}
.hand:before,.trio:before{content:'';position:absolute;width:118%;aspect-ratio:1;border-radius:50%;opacity:.32;background:repeating-conic-gradient(from 4deg,#d9c08b77 0 .45deg,transparent .45deg 8deg);mask:radial-gradient(transparent 56%,#000 56.5%,#000 58%,transparent 58.5%,transparent 66%,#000 66.5%,#000 67%,transparent 67.5%);-webkit-mask:radial-gradient(transparent 56%,#000 56.5%,#000 58%,transparent 58.5%,transparent 66%,#000 66.5%,#000 67%,transparent 67.5%);animation:turn 120s linear infinite}
@keyframes turn{to{transform:rotate(360deg)}}
.trio{position:relative;height:340px;display:grid;place-items:center;perspective:1100px}
.trio .pcard{position:absolute;transform:translateX(calc((var(--i) - 1) * 120px)) rotate(calc((var(--i) - 1) * 9deg)) translateY(calc(abs(var(--i) - 1) * 16px)) rotateY(var(--tilt,0deg));transition:transform .5s var(--spring)}
.deal{animation:deal .9s var(--spring) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes deal{from{opacity:0;translate:0 -60px;rotate:-14deg;scale:.85}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}

/* search rail */
.rail{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 22px;border-radius:99px;background:linear-gradient(#0d1511,#0a0f0c);border:1px solid #d3b37566;box-shadow:inset 0 0 0 3px #0b100d,inset 0 0 0 4px #c8a55922,0 12px 30px #0006}
.rail:focus-within{border-color:#f0d58e;box-shadow:inset 0 0 0 3px #0b100d,inset 0 0 0 4px #c8a55955,0 0 0 4px #f0d58e22}
.rail-suit{font:24px Georgia;background:var(--foil);background-clip:text;-webkit-background-clip:text;color:transparent}
.rail input{flex:1;min-width:0;background:none;border:0;color:var(--ink);font:17px/1.4 inherit;padding:10px 0;outline:none}.rail input::placeholder{color:#8e8775}
.cats{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 32px}
.cat{border-radius:99px;padding:7px 15px;font-size:13px;border:1px solid #d3b37540;background:#0d1410;color:var(--muted);cursor:pointer;transition:transform .25s var(--spring),border-color .2s}
.cat:hover{transform:translateY(-2px);border-color:#d3b375aa;color:var(--ink)}.cat[aria-pressed=true]{background:var(--foil);color:#1b190f;border-color:#e9cf8e}

/* the deck */
.deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px}
.app{position:relative;border-radius:16px;padding:18px 18px 16px;min-height:262px;display:flex;flex-direction:column;background:var(--card);border:1px solid #d9b96e66;box-shadow:inset 0 0 0 5px #111a15,inset 0 0 0 6px #af8e4530,8px 16px 30px #0008;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--spring),border-color .3s;animation:deal .8s var(--spring) both;animation-delay:calc(var(--i,0) * 35ms)}
.app:hover{border-color:#e9cf8e}
.app .corner{position:absolute;top:12px;left:14px;font:15px/1 Georgia,serif;color:#cfb276}.app .corner.rev{top:auto;left:auto;bottom:12px;right:14px;transform:rotate(180deg)}
.medal{width:68px;height:68px;margin:14px auto 12px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2f2a20,#0d120f 70%);border:2px solid #d9b96e;box-shadow:0 0 0 4px #0d120f,0 0 0 5px #af8e4566,0 6px 14px #000a}
.medal img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 1px 1px #000a)}
.medal .ini{font:26px Georgia,serif;background:var(--foil);background-clip:text;-webkit-background-clip:text;color:transparent}
.app h3{font-size:1.25rem;text-align:center;margin:0 0 6px;letter-spacing:-.02em}
.app p{font-size:13px;line-height:1.5;color:#a59d89;margin:0 0 14px;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.app .row{display:flex;justify-content:center;gap:8px;align-items:center}
.app .chip{padding:9px 18px;gap:10px;font-size:13px}
.app.connected{border-color:#f0d58e;box-shadow:inset 0 0 0 5px #111a15,inset 0 0 0 6px #e9cf8e66,0 0 0 1px #f0d58e33,8px 16px 34px #000a}
.app.connected:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffe2a226 40%,transparent 55%);background-size:250% 100%;animation:glint 6s ease-in-out infinite}
.status{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.status.on{color:#f0d58e}.status.warn{color:var(--warn)}
.app.flip{animation:cardflip .7s var(--spring)}
@keyframes cardflip{0%{transform:perspective(900px) rotateY(0)}50%{transform:perspective(900px) rotateY(90deg)}100%{transform:perspective(900px) rotateY(0)}}
.more{display:flex;justify-content:center;margin-top:34px}

/* riffle shuffle loader */
.shuffle{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0;color:var(--muted);font-size:14px}
.shuffle .deckmini{position:relative;width:54px;height:76px}
.shuffle .deckmini i{position:absolute;inset:0;border-radius:7px;border:1px solid var(--rim);background:repeating-linear-gradient(45deg,#3a2c17 0 2px,transparent 2px 6px),#0f1511;box-shadow:0 3px 8px #0008}
.shuffle .deckmini i:nth-child(odd){animation:riffleL 1.1s var(--spring) infinite}.shuffle .deckmini i:nth-child(even){animation:riffleR 1.1s var(--spring) infinite}
.shuffle .deckmini i:nth-child(1){animation-delay:0s}.shuffle .deckmini i:nth-child(2){animation-delay:.06s}.shuffle .deckmini i:nth-child(3){animation-delay:.12s}.shuffle .deckmini i:nth-child(4){animation-delay:.18s}
@keyframes riffleL{0%,100%{transform:none}40%{transform:translateX(-34px) rotate(-12deg)}}
@keyframes riffleR{0%,100%{transform:none}40%{transform:translateX(34px) rotate(12deg)}}

/* the joker: every error */
.joker{grid-column:1/-1;display:flex;gap:22px;align-items:center;padding:24px;border-radius:16px;border:1px solid #e07a6a66;background:linear-gradient(135deg,#1d1411,#0f1310)}
.joker .jk{flex:none;width:64px;height:90px;border-radius:9px;border:1px solid #e07a6a;display:grid;place-items:center;font:12px/1.1 Georgia;letter-spacing:.2em;color:#e5997f;writing-mode:vertical-rl;background:#120c0a}
.joker p{margin:0;color:var(--ink)}.joker small{display:block;color:var(--muted);margin-top:6px}

/* ways */
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.way{padding:26px;border-radius:16px;background:linear-gradient(#0f1612,#0b100d);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffe2a214}
.way-suit{font:34px Georgia;background:var(--foil);background-clip:text;-webkit-background-clip:text;color:transparent}

/* developers */
.signed-out{display:flex;gap:32px;align-items:center}.signed-out .pcard{width:150px;min-height:212px;flex:none}
.mint{display:grid;grid-template-columns:1fr auto;gap:18px 24px;align-items:end;padding:24px;border-radius:18px;background:linear-gradient(#0f1612,#0b100d);border:1px solid var(--line)}
.field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}
.field input{background:#0a0f0c;border:1px solid #d3b37555;border-radius:12px;padding:12px 14px;color:var(--ink);font:16px inherit}.field input:focus{outline:none;border-color:#f0d58e}
.scopes{grid-column:1/-1;border:0;padding:0;margin:0;display:flex;gap:12px;flex-wrap:wrap}.scopes legend{font-size:13px;color:var(--muted);margin-bottom:10px}
.scope{position:relative;display:flex;flex-direction:column;padding:12px 16px 12px 44px;border-radius:14px;border:1px solid #d3b37540;background:#0b110e;cursor:pointer;min-width:180px}
.scope input{position:absolute;left:16px;top:15px;appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #d9b96e;margin:0;background:#0b100d;cursor:pointer;transition:transform .3s var(--spring)}
.scope input:checked{background:repeating-conic-gradient(#c79d54 0deg 30deg,#4c3c22 30deg 45deg);transform:rotate(180deg)}
.scope input:focus-visible{outline:3px solid #ffe1a0;outline-offset:3px}
.scope span{font-weight:600;color:var(--ink);font-size:14px}.scope small{color:#8f8876;font-size:12px}
.coin{transition:transform .5s var(--spring)}.coin.tossing{animation:toss .7s var(--spring)}
@keyframes toss{0%{transform:none}50%{transform:translateY(-14px) rotateX(540deg)}100%{transform:none}}
.reveal{margin:28px 0}.flip{perspective:1200px;max-width:560px}.flip-in{position:relative;transform-style:preserve-3d;transition:transform .9s var(--spring);min-height:250px}
.reveal.open .flip-in{transform:rotateY(180deg)}
.flip .pcard{position:absolute;inset:0;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip .face-f{transform:rotateY(180deg);place-items:center;padding:30px}
.secret{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.secret code{font-size:14px;word-break:break-all;padding:12px 16px;border-radius:10px;background:#000a;border:1px solid #d9b96e55;max-width:100%}
.keylist{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.keyrow{display:grid;grid-template-columns:auto 1fr auto auto;gap:18px;align-items:center;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:#0c120f;animation:deal .6s var(--spring) both;animation-delay:calc(var(--i,0) * 50ms)}
.keyrow .stack{width:34px;height:34px;border-radius:50%;background:repeating-conic-gradient(#c79d54 0deg 17deg,#4c3c22 17deg 23deg);border:2px solid #edd39a;box-shadow:0 3px 0 #9a763a,0 6px 0 #6e532e}
.keyrow b{display:block;font-weight:600}.keyrow small{color:#8f8876;font-size:12px}.keyrow .tags{display:flex;gap:6px}
.tag{font-size:11px;border-radius:99px;padding:3px 9px;border:1px solid #d3b37555;color:#e5cf96}
.linkbtn{background:none;border:0;color:var(--red);font:13px inherit;cursor:pointer;padding:8px}.linkbtn:hover{text-decoration:underline}
.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:6px;border-radius:99px;background:#0a0f0c;border:1px solid var(--line);width:max-content;max-width:100%;margin-bottom:20px}
.tabs button{border:0;background:none;color:var(--muted);font:14px inherit;padding:9px 16px;border-radius:99px;cursor:pointer;transition:background .3s,color .3s}
.tabs button[aria-selected=true]{background:var(--foil);color:#1b190f;font-weight:600}
.tabs button:focus-visible{outline:3px solid #ffe1a0;outline-offset:2px}
.panel p{max-width:760px}
.code{margin:0 0 18px;border-radius:14px;border:1px solid #d3b37540;background:#070a08;overflow:hidden;max-width:900px}
.code-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid #d3b37526;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8f8876}
.copy{background:none;border:1px solid #d3b37566;color:#e5cf96;border-radius:99px;padding:5px 12px;font:12px inherit;cursor:pointer}.copy:hover{border-color:#f0d58e}
.code pre{margin:0;padding:16px 18px;overflow-x:auto}.code pre code{white-space:pre}
.endpoints{width:100%;border-collapse:collapse;font-size:14px}.endpoints th{text-align:left;font-weight:600;color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--line)}
.endpoints td{padding:11px 12px;border-bottom:1px solid #d3b37518;color:var(--muted)}.endpoints td:first-child{font:600 12px ui-monospace,monospace;color:#f0dcaa;width:80px}
.runs{list-style:none;padding:0;margin:0;display:grid;gap:8px}.runs li{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;border-radius:10px;background:#0c120f;border:1px solid #d3b3751c;font-size:14px}
.runs .st-completed{color:var(--ok)}.runs .st-failed,.runs .st-not_connected{color:var(--red)}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:20;padding:13px 22px;border-radius:99px;background:var(--foil);color:#1b190f;font-weight:600;font-size:14px;box-shadow:0 12px 30px #000a;animation:deal .5s var(--spring)}
.foot{padding:60px 0 40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}.foot nav{flex-wrap:wrap;gap:18px}.foot p{width:100%;font-size:13px}

@media (max-width:900px){.p-hero{grid-template-columns:1fr;min-height:0;padding-bottom:40px}.hand,.trio{height:300px}.three{grid-template-columns:1fr}.mint{grid-template-columns:1fr}.keyrow{grid-template-columns:auto 1fr;}.keyrow .tags{grid-column:2}.signed-out{flex-direction:column;align-items:flex-start}}
@media (max-width:560px){.mast nav a:not(.chip){display:none}.deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app{min-height:236px;padding:14px 12px}.app p{-webkit-line-clamp:2}.medal{width:56px;height:56px}.medal img{width:30px;height:30px}.hand .pcard,.trio .pcard{width:118px;height:168px}.hand .pcard{transform:translateX(calc((var(--i) - 2) * 30px)) rotate(calc((var(--i) - 2) * 11deg)) translateY(calc(abs(var(--i) - 2) * 10px))}.trio .pcard{transform:translateX(calc((var(--i) - 1) * 84px)) rotate(calc((var(--i) - 1) * 9deg))}.rail{padding-left:16px}.rail .chip{padding:11px 16px}.endpoints td:nth-child(3){display:none}.tabs{width:100%;border-radius:18px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.mint.custom{grid-template-columns:1fr 1fr}.mint.custom .field:nth-child(2){grid-column:span 1}.mint.custom .adv{grid-column:1/-1;color:var(--muted);font-size:13px}.mint.custom .adv summary{cursor:pointer;margin-bottom:10px}.mint.custom button{grid-column:1/-1;justify-self:start}
@media (max-width:900px){.mint.custom{grid-template-columns:1fr}}

.crumbs{display:flex;gap:10px;font-size:13px;color:var(--muted);margin:6px 0 0}.crumbs a:hover{color:#f5d88c}
.app-hero h1 .plus{font-size:.55em;background:var(--foil);background-clip:text;-webkit-background-clip:text;color:transparent}
.lead.small{font-size:16px}
.pair{position:relative;height:340px;display:grid;place-items:center;perspective:1100px}
.pair:before{content:'';position:absolute;width:110%;aspect-ratio:1;border-radius:50%;opacity:.3;background:repeating-conic-gradient(from 4deg,#d9c08b77 0 .45deg,transparent .45deg 8deg);mask:radial-gradient(transparent 56%,#000 56.5%,#000 58%,transparent 58.5%);-webkit-mask:radial-gradient(transparent 56%,#000 56.5%,#000 58%,transparent 58.5%);animation:turn 120s linear infinite}
.pair .pcard{position:absolute;transform:translateX(calc((var(--i) - .5) * 110px)) rotate(calc((var(--i) - .5) * 14deg)) rotateY(var(--tilt,0deg));transition:transform .5s var(--spring)}
.pair .pc-logo{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2f2a20,#0d120f 70%);border:2px solid #d9b96e;box-shadow:0 0 0 4px #0d120f,0 0 0 5px #af8e4566}.pair .pc-logo img{width:42px;height:42px;object-fit:contain}
.toollist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.toollist li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#0c120f}
.toollist .tag{grid-row:span 2;align-self:start}.toollist .tag.acts{border-color:#e8b36a88;color:#f0c98a}.toollist b{font-weight:600;font-size:14px}.toollist small{color:#8f8876;font-size:12.5px;line-height:1.45}
.deck.related a.app{min-height:200px}
.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font:20px Georgia,serif;color:var(--ink)}.faq p{margin:12px 0 0}
@media (max-width:560px){.pair{height:240px}.pair .pcard{width:118px;height:168px;transform:translateX(calc((var(--i) - .5) * 76px)) rotate(calc((var(--i) - .5) * 14deg))}.toollist{grid-template-columns:1fr}}
.app h3 a{color:inherit}.app h3 a:hover{color:#f5d88c}.app h3 a:after{content:'';position:absolute;inset:0;border-radius:inherit}.app .chip{position:relative;z-index:1}
.mint.custom .kinds{grid-column:1/-1}.mint.custom .kinds .scope input{border-radius:50%}.field select{background:#0a0f0c;border:1px solid #d3b37555;border-radius:12px;padding:12px 14px;color:var(--ink);font:16px inherit}