.mac-play{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#030513,#040a1f 35%,#071434);color:#e6eeff;font-family:Inter,SF Pro Display,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mac-play__body{flex:1;display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(32px,6vw,80px);padding:0 clamp(32px,4vw,56px) clamp(32px,4vw,56px)}.mac-play__visual{flex:1 1 360px;max-width:50%;display:flex;justify-content:center;align-items:flex-start;padding-top:20px;padding-left:20px}.mac-play__visual-inner{width:100%;max-width:560px;aspect-ratio:2 / 3;border-radius:20px;overflow:hidden;padding:12px;background:radial-gradient(circle at 25% 25%,#f5e6b81a,#0c182ccc),linear-gradient(140deg,#091224eb,#0f1a33e0);box-shadow:0 20px 60px #00000073;border:1px solid rgba(245,230,184,.16);display:flex;align-items:center;justify-content:center}.mac-play__visual-inner img{width:100%;height:100%;display:block;object-fit:contain}.mac-play__visual-inner p{margin:0;font-size:clamp(16px,2vw,18px);color:#e6eeffb3;letter-spacing:.02em}.mac-play__chat{flex:1 1 420px;max-width:50%;margin-left:auto;display:flex;flex-direction:column;gap:clamp(20px,3vw,32px);padding:20px clamp(28px,3vw,36px) 32px;border-radius:0;background:#101a3399;border:none;box-shadow:none;position:sticky;top:clamp(12px,2vw,28px);min-height:520px;max-height:calc(100vh - clamp(24px,5vw,48px));overflow:hidden;backdrop-filter:blur(14px)}.mac-play__chat-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:0}.mac-play__celestia{display:flex;align-items:center;gap:16px}.mac-play__celestia img{width:64px;height:64px;border-radius:24px;object-fit:cover;filter:drop-shadow(0 8px 20px rgba(4,12,32,.55))}.mac-play__celestia-name{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.02em}.mac-play__messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(18px,2vw,28px);padding-right:6px;max-height:calc(100vh - 260px)}.mac-play__status,.mac-play__error{font-size:.95rem;letter-spacing:.02em}.mac-play__status{color:#e6eeffb3}.mac-play__error{color:#ffb4c0}.mac-play__message{display:flex;gap:16px;max-width:100%}.mac-play__message--assistant{align-items:flex-start}.mac-play__message--user{flex-direction:row-reverse;justify-content:flex-end}.mac-play__message-avatar{width:40px;height:40px;border-radius:16px;object-fit:cover;flex-shrink:0;filter:drop-shadow(0 12px 32px rgba(0,0,0,.45))}.mac-play__bubble{display:flex;flex-direction:column;gap:12px;padding-bottom:4px}.mac-play__bubble p{margin:0;font-size:1rem;line-height:1.6;letter-spacing:.01em}.mac-play__message--assistant .mac-play__bubble p{color:#e6eeffe6}.mac-play__message--user .mac-play__bubble p{color:#fff;font-weight:600;text-align:right}.mac-play__keyboard{display:flex;flex-direction:column;gap:8px}.mac-play__keyboard-row{display:flex;flex-wrap:wrap;gap:8px}.mac-play__keyboard-button{border:1px solid rgba(255,255,255,.25);background:#ffffff05;color:inherit;border-radius:999px;padding:8px 18px;font-size:.9rem;cursor:pointer;transition:color .2s ease,border-color .2s ease}.mac-play__keyboard-button:disabled{opacity:.4;cursor:not-allowed}.mac-play__keyboard-button:not(:disabled):hover,.mac-play__keyboard-button:not(:disabled):focus-visible{border-color:#fff9;color:#fff}.mac-play__composer{padding-bottom:clamp(16px,4vw,24px)}.mac-play__composer-field{width:100%;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:6px}.mac-play__composer input{flex:1;border:none;background:transparent;color:inherit;padding:14px 0;font-size:1rem}.mac-play__composer input:focus{outline:none}.mac-play__composer input:disabled{opacity:.6}.mac-play__composer-button{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#e6eeffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease}.mac-play__composer-button:disabled{opacity:.4;cursor:not-allowed}.mac-play__composer-button:not(:disabled):hover,.mac-play__composer-button:not(:disabled):focus-visible{border-color:#ffffff80;color:#fff}.mac-play__composer-button svg{width:18px;height:18px}.mac-play__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:1024px){.mac-play__body{flex-direction:column;gap:clamp(20px,5vw,28px)}.mac-play__visual,.mac-play__chat{max-width:100%}.mac-play__visual{padding-left:0}.mac-play__chat{position:static;height:auto;min-height:unset;max-height:none;padding:24px;margin-top:0}.mac-play__chat-header{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.mac-play__body{gap:clamp(16px,4vw,20px)}.mac-play__visual{padding-top:0;justify-content:center}.mac-play__visual-inner{max-width:420px;aspect-ratio:3 / 4;min-height:clamp(200px,45vh,360px);max-height:70vh}.mac-play__messages{max-height:none}.mac-play__chat{--chat-min-height: 60vh;min-height:var(--chat-min-height);max-height:none;height:auto;overflow:visible}.mac-play__messages{min-height:calc(var(--chat-min-height) - 140px)}}