:root{--cq-font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--cq-font-body: "Source Sans 3", "Segoe UI", sans-serif;--cq-bg: #0f1419;--cq-bg-elevated: #1a222c;--cq-fg: #f4efe6;--cq-fg-muted: #b7b0a4;--cq-accent: #e2a35a;--cq-accent-strong: #f0b96d;--cq-danger: #e26a5a;--cq-ok: #6fbf8a;--cq-border: rgba(244, 239, 230, .12);--cq-radius: 12px;--cq-space-1: 4px;--cq-space-2: 8px;--cq-space-3: 16px;--cq-space-4: 24px;--cq-space-5: 40px}body{margin:0;font-family:var(--cq-font-body);background:radial-gradient(1200px 600px at 20% -10%,#243041,transparent),radial-gradient(900px 500px at 100% 0%,#2a1f14,transparent),var(--cq-bg);color:var(--cq-fg);min-height:100vh}.cq-play-sky{--cq-fg: #1a2430;--cq-fg-muted: rgba(26, 36, 48, .55);--cq-accent: #d4a15c;--cq-accent-strong: #e0b06a;--cq-border: rgba(26, 36, 48, .14);position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;overflow:hidden;color:var(--cq-fg);background:radial-gradient(ellipse 90% 70% at 50% 110%,rgba(232,196,150,.45),transparent 55%),linear-gradient(180deg,#8eb8d8,#b7d0e4 38%,#d9e4ef 68%,#e8dcc8)}.cq-play-clouds,.cq-play-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.cq-play-creature-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 45%,rgba(26,36,48,.55),transparent 70%);pointer-events:none}.cq-cloud{position:absolute;display:block;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,rgba(255,255,255,.85),rgba(255,255,255,.15) 70%,transparent 75%);filter:blur(8px);opacity:.7}.cq-cloud-a{width:55vmax;height:22vmax;top:8%;left:-15%;animation:cq-cloud-drift-a 48s linear infinite}.cq-cloud-b{width:42vmax;height:18vmax;top:28%;right:-20%;opacity:.55;animation:cq-cloud-drift-b 62s linear infinite}.cq-cloud-c{width:60vmax;height:24vmax;bottom:18%;left:-10%;opacity:.4;filter:blur(14px);animation:cq-cloud-drift-c 72s linear infinite}@keyframes cq-cloud-drift-a{0%{transform:translate(0)}to{transform:translate(28vw)}}@keyframes cq-cloud-drift-b{0%{transform:translate(0)}to{transform:translate(-32vw)}}@keyframes cq-cloud-drift-c{0%{transform:translate(0)}to{transform:translate(20vw)}}.cq-play-sky-content{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(32px,8vh,72px) 24px clamp(28px,6vh,56px);box-sizing:border-box}.cq-play-title{animation:cq-play-fade-in 1.1s ease-out both}.cq-play-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;max-width:520px;gap:20px;padding-bottom:clamp(8px,4vh,40px)}@keyframes cq-play-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cq-creature-stage{position:relative;display:grid;place-items:center;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.cq-creature-stage--fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%}.cq-creature-canvas{width:100%;height:100%;display:block}.cq-talk-pulse{animation:cq-talk-pulse 1.6s ease-in-out infinite}@keyframes cq-talk-pulse{0%,to{transform:scale(1);box-shadow:0 0 #d4a15c00}50%{transform:scale(1.04);box-shadow:0 0 0 4px #d4a15c47}}@media(prefers-reduced-motion:reduce){.cq-cloud-a,.cq-cloud-b,.cq-cloud-c,.cq-play-title,.cq-talk-pulse{animation:none}}