:root{
  --gc-shadow:0 24px 70px rgba(0,0,0,.28);
  --gc-soft-line:rgba(200,243,106,.16);
  --gc-card-ink:#132018;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.15;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%);
}
.site-header{position:sticky;top:0;z-index:20;background:rgba(7,18,13,.84);backdrop-filter:blur(14px)}
.hero{position:relative;overflow:hidden;max-width:none;padding:clamp(1.5rem,4vw,2.8rem);border:1px solid rgba(200,243,106,.15);border-radius:28px;background:radial-gradient(circle at 91% 8%,rgba(240,201,107,.12),transparent 18rem),radial-gradient(circle at 76% 118%,rgba(200,243,106,.08),transparent 24rem),linear-gradient(145deg,rgba(24,58,38,.97),rgba(8,23,15,.99));box-shadow:var(--gc-shadow)}
.hero::before{content:"CONVERSATION DECK // 96";position:absolute;right:clamp(18px,4vw,42px);top:clamp(18px,3vw,30px);padding:.34rem .5rem;border:1px solid rgba(240,201,107,.24);border-radius:999px;color:rgba(244,221,156,.75);background:rgba(7,18,13,.58);font:900 .61rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.hero::after{content:"96";position:absolute;right:-.01em;bottom:-.25em;color:rgba(240,201,107,.045);font-size:clamp(7rem,19vw,14rem);font-weight:1000;line-height:.82;pointer-events:none}
.hero>*{position:relative;z-index:1}.hero h1{max-width:11ch;text-shadow:0 14px 34px rgba(0,0,0,.23)}.hero .status{display:inline-flex;align-items:center;gap:.45rem;margin:1rem 0 0;padding:.42rem .65rem;border:1px solid rgba(200,243,106,.17);border-radius:999px;background:rgba(5,15,9,.45)}.hero .status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(200,243,106,.35)}
.deck-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 .2rem}.deck-facts span{display:inline-flex;align-items:baseline;gap:.35rem;min-height:34px;padding:.4rem .62rem;border:1px solid rgba(200,243,106,.14);border-radius:999px;background:rgba(5,15,9,.42);color:#c9d8ce;font-size:.7rem;font-weight:800}.deck-facts strong{color:var(--gold);font-size:.84rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:.75rem 0 .25rem}.hero-actions a{display:inline-flex;align-items:center;min-height:42px;padding:.58rem .8rem;border:1px solid rgba(200,243,106,.2);border-radius:11px;background:rgba(13,38,23,.78);color:var(--text);text-decoration:none;font-size:.72rem;font-weight:900}.hero-actions a:first-child{border-color:transparent;background:linear-gradient(135deg,#d7fa90,var(--accent));color:#102013}
.controls{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;padding:1rem;border-radius:17px;background:linear-gradient(180deg,rgba(18,43,28,.96),rgba(8,22,14,.97));box-shadow:0 14px 36px rgba(0,0,0,.15)}.controls label{color:#dce7df;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.controls select,.controls button,.deck-actions button{min-height:48px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.controls select{cursor:pointer;background:#0a1b11}.controls button:hover:not(:disabled),.deck-actions button:hover:not(:disabled){transform:translateY(-1px);border-color:#6b8d72}.controls button{background:linear-gradient(145deg,#1c3b27,#10271a)}
.deck-meter{width:min(760px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.1rem auto 0}.deck-stat{position:relative;overflow:hidden;padding:.68rem .78rem;border:1px solid var(--gc-soft-line);border-radius:12px;background:linear-gradient(180deg,rgba(18,43,28,.93),rgba(8,22,14,.95));text-align:left}.deck-stat::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(200,243,106,.2),transparent)}.deck-stat span{display:block;color:var(--muted);font-size:.64rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.deck-stat strong{display:block;margin-top:1px;font-size:1.15rem}.deck-progress{grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:#06100a;box-shadow:inset 0 0 0 1px rgba(200,243,106,.1)}.deck-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--gold));box-shadow:0 0 14px rgba(200,243,106,.2);transition:width .18s ease}
.card-stage{position:relative;isolation:isolate;gap:.8rem;padding:1.2rem 0 1.6rem}.card-stage::before,.card-stage::after{content:"";position:absolute;z-index:-1;left:50%;top:2.6rem;width:min(690px,90%);height:390px;border-radius:28px;border:5px solid #24462f;background:#bda875;box-shadow:0 18px 48px rgba(0,0,0,.18);transform-origin:center}.card-stage::before{transform:translateX(-50%) rotate(-2.4deg) translate(-8px,8px);opacity:.45}.card-stage::after{transform:translateX(-50%) rotate(2deg) translate(8px,6px);opacity:.35}
.prompt-card{min-height:430px;border:9px solid #274d35;background:radial-gradient(circle at 88% 12%,rgba(111,140,87,.15),transparent 18rem),linear-gradient(145deg,#f3e9cd,#d8c28f);box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.4);transform-origin:center;transition:transform .16s ease,box-shadow .16s ease}.prompt-card::after{content:"GC";position:absolute;right:.55rem;bottom:-.3rem;color:rgba(38,74,51,.07);font-size:8rem;font-weight:1000;line-height:1;pointer-events:none}.prompt-card>*{position:relative;z-index:1}.prompt-card h2{max-width:16ch;font-size:clamp(1.8rem,4.4vw,3.1rem);text-wrap:balance}.prompt-card h2:focus{outline:none}.card-top span{display:inline-flex;align-items:center;min-height:28px;padding:.25rem .45rem;border:1px solid rgba(18,32,24,.18);border-radius:999px;background:rgba(255,255,255,.22)}.card-number{display:inline-flex;width:max-content;padding:.26rem .42rem;border-radius:.4rem;background:rgba(38,74,51,.07);font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.card-bottom{padding-top:1rem;border-top:1px solid rgba(38,74,51,.16)}.card-stage.has-card .prompt-card{box-shadow:0 34px 88px rgba(0,0,0,.45),0 0 0 1px rgba(240,201,107,.08),inset 0 0 0 1px rgba(255,255,255,.42)}.prompt-card.draw-pop{animation:gcDraw .28s ease-out}
html[data-depth="easy"] .prompt-card{border-color:#315a3d}html[data-depth="reflective"] .prompt-card{border-color:#62507d}html[data-depth="technical"] .prompt-card{border-color:#6f5730}html[data-depth="technical"] .card-top span:last-child{background:rgba(240,201,107,.2)}html[data-depth="reflective"] .card-top span:last-child{background:rgba(123,97,185,.18)}html[data-depth="easy"] .card-top span:last-child{background:rgba(127,212,154,.18)}
.deck-actions{position:relative;z-index:2}.deck-actions .primary{min-width:190px;background:linear-gradient(135deg,#d7fa90,var(--accent));box-shadow:0 9px 24px rgba(200,243,106,.12)}.deck-actions button:disabled{opacity:.45;cursor:not-allowed}.card-stage>.status{width:min(760px,100%);margin:.1rem auto 0;padding:.7rem .8rem;border:1px solid rgba(200,243,106,.1);border-radius:10px;background:rgba(6,17,10,.56);font-size:.78rem;text-align:center}
.how-to{margin-top:1rem;background:linear-gradient(180deg,rgba(18,42,27,.94),rgba(8,22,14,.96));box-shadow:0 15px 38px rgba(0,0,0,.14)}.how-to .grid article{position:relative;overflow:hidden;background:linear-gradient(145deg,#163923,#10271a);box-shadow:inset 0 1px rgba(255,255,255,.02)}.how-to .grid article::before{content:counter(gc-guide);counter-increment:gc-guide;display:grid;place-items:center;width:30px;height:30px;margin-bottom:.7rem;border-radius:50%;background:rgba(200,243,106,.1);color:var(--accent);font-weight:950}.how-to .grid{counter-reset:gc-guide}
footer{background:rgba(5,13,8,.48)}
@keyframes gcDraw{0%{transform:translateY(10px) rotate(.8deg) scale(.985);opacity:.82}70%{transform:translateY(-2px) rotate(-.25deg) scale(1.008)}100%{transform:none;opacity:1}}
@media(max-width:720px){.hero{padding:1.25rem;border-radius:20px}.hero::before{position:static;display:inline-flex;margin-bottom:.65rem}.hero::after{font-size:8rem}.controls{grid-template-columns:1fr}.deck-meter{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.deck-stat{padding:.55rem}.prompt-card{min-height:385px;border-width:7px;padding:1.4rem}.prompt-card h2{max-width:none}.card-stage::before,.card-stage::after{top:2.25rem;height:350px}.deck-actions button{min-height:50px}.site-header nav{gap:.7rem}}
@media(max-width:430px){main{width:min(100% - 16px,1040px);padding-top:1rem}.deck-facts{display:grid;grid-template-columns:1fr 1fr}.deck-facts span{justify-content:center}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions a{justify-content:center}.deck-meter{grid-template-columns:1fr 1fr}.deck-stat:first-child{grid-column:1/-1}.prompt-card{min-height:360px;border-radius:20px}.prompt-card:before{inset:9px;border-radius:14px}.card-stage::before,.card-stage::after{display:none}.card-top,.card-bottom{gap:.5rem;flex-wrap:wrap}.deck-actions{display:grid;grid-template-columns:1fr}.deck-actions button{width:100%}}
@media(hover:none){.controls button:hover:not(:disabled),.deck-actions button:hover:not(:disabled){transform:none}}
@media(prefers-reduced-motion:reduce){.prompt-card,.controls button,.deck-actions button,.deck-progress span{transition:none!important}.prompt-card.draw-pop{animation:none!important}}

@media(forced-colors:active){
  .controls select,.controls button,.deck-actions button,.prompt-card,.panel{
    border:1px solid ButtonText;
  }
  .controls select:focus-visible,.controls button:focus-visible,.deck-actions button:focus-visible,#card-prompt:focus-visible{
    outline:3px solid Highlight;
    outline-offset:3px;
  }
}