/* Ask AI and AI chat on tryacee.com (2026-11-11). Same card table as the live free tools (tools.css, loaded first):
   felt, lacquer inputs, gold-leaf chips, the riffle, the Joker, the dealt letter. Added here: a hand of example cards
   fanned on the felt, and a chat where your messages are dark lacquer cards and the AI's replies are dealt face up. */
.ask-tool .felt{gap:14px}
.ask-tool textarea{min-height:120px}
.chat-form textarea{min-height:64px}
.count.over{color:#f2a48f}
.ask-status{min-height:1.4em;margin:2px 4px 0;font-size:14px;color:#e9d29a}
.ask-status:empty{display:none}
.ask-status.is-warn{color:#f2a48f}

/* a hand of four cards, fanned; tap one and it is played */
.ask-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:0;padding:18px 0 6px;perspective:900px}
.ask-card{position:relative;flex:0 1 190px;min-height:132px;margin:0 -10px;padding:34px 16px 18px 40px;border:0;border-radius:12px;cursor:pointer;text-align:left;color:#191510;font:15px/1.35 Georgia,'Times New Roman',serif;background:radial-gradient(130% 100% at 50% 0,#fffaf0,#f2e7cf);box-shadow:0 0 0 1px #c9a55a,inset 0 0 0 4px #fbf4e4,inset 0 0 0 5px #c9a55a88,0 12px 26px -12px #000c;transform-origin:50% 120%;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s cubic-bezier(.34,1.56,.64,1);animation:ask-deal .8s cubic-bezier(.2,1.25,.35,1) both}
.ask-card:nth-child(1){transform:rotate(-7deg) translateY(8px);animation-delay:.05s}
.ask-card:nth-child(2){transform:rotate(-2.5deg);animation-delay:.12s}
.ask-card:nth-child(3){transform:rotate(2.5deg);animation-delay:.19s}
.ask-card:nth-child(4){transform:rotate(7deg) translateY(8px);animation-delay:.26s}
.ask-card:hover,.ask-card:focus-visible{z-index:2;transform:rotate(0) translateY(-14px) scale(1.04);box-shadow:0 0 0 1px #c9a55a,inset 0 0 0 4px #fbf4e4,inset 0 0 0 5px #c9a55a88,0 24px 40px -14px #000}
.ask-card:focus-visible{outline:3px solid #ffe1a0;outline-offset:4px}
.ask-card__rank{position:absolute;top:10px;left:12px;font:700 15px/1.05 Georgia,serif;text-align:center;color:#1b190f}
.ask-card:nth-child(1) .ask-card__rank,.ask-card:nth-child(2) .ask-card__rank{color:#8b2a2a}
.ask-card__text{display:block}
.ask-card.played{animation:ask-play .6s cubic-bezier(.34,1.56,.64,1) both}
.ask-hand.is-busy .ask-card{cursor:progress}

/* the answer */
.ask-question{margin:0 0 14px;font:italic 15px/1.5 Georgia,serif;color:#5c4a2c}
.ask-tool .letter-body{font-size:17px}
.ask-tool .letter{margin-bottom:4px}
.ask-tool .dealt-wrap .chip{cursor:pointer;font-family:inherit}
.ask-tool a.chip{text-decoration:none}

/* the chat */
.chat-felt{display:grid;gap:16px}
.chat-log{display:grid;gap:14px;max-height:min(62vh,640px);overflow:auto;margin:0;padding:6px 4px 10px;list-style:none;overscroll-behavior:contain;scroll-behavior:smooth}
.chat-empty{display:grid;justify-items:center;text-align:center;padding:10px 0 0}
.chat-empty__title{margin:0 0 4px;font:italic 26px Georgia,serif;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.chat-empty__text{margin:0;color:#d7ccb3;font-size:15px}
.msg{position:relative;max-width:min(640px,88%);padding:16px 20px 16px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.msg.me{justify-self:end;color:#f6eedc;background:linear-gradient(180deg,#07120c,#0b1a12);box-shadow:0 0 0 1px #d8b76c66,inset 0 0 0 4px #0b1a12,inset 0 0 0 5px #d8b76c33,0 10px 24px -14px #000}
.msg.ai{justify-self:start;padding:30px 24px 20px 40px;color:#191510;background:radial-gradient(130% 100% at 50% 0,#fffaf0,#f2e7cf);box-shadow:0 0 0 1px #c9a55a,inset 0 0 0 5px #fbf4e4,inset 0 0 0 6px #c9a55a88,0 14px 30px -14px #000c}
.msg.ai .corner{color:#1b190f;background:none;font-size:13px}
.msg.ai .corner.tl{top:10px;left:12px}
.msg.dealt{animation:ask-deal .75s cubic-bezier(.2,1.25,.35,1) both}
.msg.me.dealt{animation:ask-slide .55s cubic-bezier(.34,1.4,.64,1) both}
.msg.pending{padding:0;background:none;box-shadow:none}
.msg.pending .riffle{padding:6px 0;justify-items:start}
.msg.pending .riffle-deck{transform:scale(.7);transform-origin:0 50%}
.chat-actions{display:flex;flex-wrap:wrap;gap:10px}
.chat-actions .chip{cursor:pointer;color:inherit;background:transparent;font-family:inherit}
.chat-actions .chip.primary{color:#1b190f;background:var(--foil)}
.chat-note{justify-self:center;margin:4px 0 0;font:italic 15px Georgia,serif;color:#e8cf8d;text-align:center}
.ask-tool .joker{margin-top:4px}
.ask-tool .joker .deck-tools{margin-top:4px}
.ask-tool .joker .chip{cursor:pointer;font-family:inherit;color:#1b190f;background:transparent}
.ask-tool .joker .chip.primary{background:var(--foil)}

/* the extra copy sections */
.ask-list{margin:0 0 1.4rem;padding-left:1.2rem;color:var(--muted)}
.ask-list li{margin:0 0 .55rem}
.ask-list li::marker{content:'♠  ';color:var(--gold)}
.ask-uses,.ask-limits{border-top:1px solid var(--line);padding:65px 0 70px}

/* the hub: every free tool dealt onto the felt as a playing card you can pick up */
.hub-felt{gap:18px}
.hub-deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:0;padding:6px 0 4px;list-style:none;perspective:1200px}
.hub-deck li{display:flex}
.hub-card{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;min-height:196px;padding:42px 22px 22px 26px;border-radius:14px;color:#191510;text-decoration:none;background:radial-gradient(130% 100% at 50% 0,#fffaf0,#f2e7cf);box-shadow:0 0 0 1px #c9a55a,inset 0 0 0 5px #fbf4e4,inset 0 0 0 6px #c9a55a88,0 14px 30px -14px #000c;overflow:hidden;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s cubic-bezier(.34,1.56,.64,1);animation:ask-deal .8s cubic-bezier(.2,1.25,.35,1) both}
.hub-deck li:nth-child(2) .hub-card{animation-delay:.06s}.hub-deck li:nth-child(3) .hub-card{animation-delay:.12s}.hub-deck li:nth-child(4) .hub-card{animation-delay:.18s}
.hub-deck li:nth-child(5) .hub-card{animation-delay:.24s}.hub-deck li:nth-child(6) .hub-card{animation-delay:.3s}.hub-deck li:nth-child(7) .hub-card{animation-delay:.36s}.hub-deck li:nth-child(8) .hub-card{animation-delay:.42s}
.hub-card:after{content:'';position:absolute;top:-60%;left:-80%;width:60%;height:220%;background:linear-gradient(105deg,transparent,#ffffff66,transparent);transform:rotate(18deg) translateX(-120%);transition:transform .9s cubic-bezier(.2,.7,.3,1);pointer-events:none}
.hub-card:hover,.hub-card:focus-visible{color:#191510;transform:translateY(-10px) rotate(-1.2deg);box-shadow:0 0 0 1px #c9a55a,inset 0 0 0 5px #fbf4e4,inset 0 0 0 6px #c9a55a88,0 26px 44px -16px #000}
.hub-card:hover:after,.hub-card:focus-visible:after{transform:rotate(18deg) translateX(520%)}
.hub-card:focus-visible{outline:3px solid #ffe1a0;outline-offset:5px}
.hub-card__rank{position:absolute;top:12px;left:14px;font:700 15px/1.05 Georgia,serif;text-align:center;color:#1b190f}
.hub-deck li:nth-child(4n+2) .hub-card__rank,.hub-deck li:nth-child(4n+3) .hub-card__rank{color:#8b2a2a}
.hub-card__name{font:400 24px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.02em}
.hub-card__line{font-size:15px;line-height:1.45;color:#3b3226}
.hub-card__meta{margin-top:auto;padding-top:10px;font:600 11px/1.3 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#8c6830}
.hub-card--plain{color:#f6eedc;background:linear-gradient(180deg,#0b1a12,#07120c);box-shadow:0 0 0 1px #d8b76c88,inset 0 0 0 5px #0b1a12,inset 0 0 0 6px #d8b76c44,0 14px 30px -14px #000c}
.hub-card--plain:hover,.hub-card--plain:focus-visible{color:#f6eedc;box-shadow:0 0 0 1px #d8b76c,inset 0 0 0 5px #0b1a12,inset 0 0 0 6px #d8b76c66,0 26px 44px -16px #000}
.hub-card--plain .hub-card__rank,.hub-deck li:nth-child(n) .hub-card--plain .hub-card__rank{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.hub-card--plain .hub-card__line{color:#d7ccb3}
.hub-card--plain .hub-card__meta{color:#e8cf8d}
.ask-hub .tool-fine{margin-top:16px}

@keyframes ask-deal{0%{opacity:0;transform:translate3d(0,-90px,0) rotate(-10deg) scale(.88)}55%{opacity:1;transform:translate3d(0,6px,0) rotate(1.5deg) scale(1.02)}100%{opacity:1}}
@keyframes ask-slide{0%{opacity:0;transform:translate3d(60px,10px,0) rotate(4deg)}60%{opacity:1;transform:translate3d(-4px,0,0)}100%{opacity:1;transform:none}}
@keyframes ask-play{0%{transform:none}40%{transform:translateY(-40px) rotate(0) scale(1.08)}100%{transform:translateY(-6px) rotate(0) scale(1)}}
@media(max-width:640px){
  .ask-hand{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0 4px}
  .ask-card{margin:0;min-height:112px;padding:30px 12px 14px 34px;font-size:14px}
  .ask-card:nth-child(n){transform:none}
  .msg{max-width:94%}
  .chat-actions{width:100%}
  .chat-actions .chip{flex:1 1 auto}
  .hub-deck{grid-template-columns:1fr 1fr;gap:12px}
  .hub-card{min-height:170px;padding:36px 14px 16px 18px}
  .hub-card__name{font-size:20px}
  .hub-card__line{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .ask-card,.ask-card.played,.msg.dealt,.msg.me.dealt{animation:none}
  .ask-card{transition:none}
  .hub-card{animation:none;transition:none}
  .hub-card:after{display:none}
  .chat-log{scroll-behavior:auto}
}