.game-crystalball .site-main{padding:0}.cb-container{width:100%;min-height:calc(100vh - 80px);position:relative;background:radial-gradient(ellipse at center,#1a0a2e,#0a0412,#000);overflow:hidden;display:flex;flex-direction:column;align-items:center}.cb-canvas-wrap{width:100%;max-width:600px;height:400px;position:relative;margin:0 auto;cursor:default}.cb-canvas-wrap canvas{display:block;width:100%!important;height:100%!important;border-radius:12px}.cb-title{font-family:Cinzel,Times New Roman,serif;color:#c9a0dc;font-size:2rem;text-align:center;margin:20px 0 5px;text-shadow:0 0 20px rgba(180,100,255,.5);letter-spacing:2px}.cb-subtitle{color:#8a6aaa;font-size:.9rem;text-align:center;margin:0 0 15px;font-style:italic}.cb-topic-section{padding:0 15px;max-width:600px;margin:0 auto 15px}.cb-topic-prompt{color:#8a6aaa;text-align:center;font-size:.95rem;margin:0 0 12px;font-style:italic}.cb-topic-grid{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.cb-topic-card{display:flex;flex-direction:column;align-items:center;width:105px;background:#140828d9;border:2px solid rgba(120,60,180,.3);border-radius:10px;cursor:pointer;transition:all .35s;overflow:hidden;opacity:0;transform:translateY(20px);animation:cbTopicAppear .5s ease-out forwards}.cb-topic-card:nth-child(1){animation-delay:.05s}.cb-topic-card:nth-child(2){animation-delay:.12s}.cb-topic-card:nth-child(3){animation-delay:.19s}.cb-topic-card:nth-child(4){animation-delay:.26s}.cb-topic-card:nth-child(5){animation-delay:.33s}@keyframes cbTopicAppear{to{opacity:1;transform:translateY(0)}}.cb-topic-card:hover{border-color:#b464ff99;transform:translateY(-4px);box-shadow:0 6px 20px #6432c84d}.cb-topic-card-img{width:100%;display:flex;overflow:hidden}.cb-topic-card-img img{width:100%;height:auto;transition:transform .3s}.cb-topic-card:hover .cb-topic-card-img img{transform:scale(1.08)}.cb-topic-card-name{font-size:.8rem;padding:6px 4px;text-align:center;color:#d0bce8;position:relative;margin-top:-35px;text-shadow:0 1px 8px #000,0 1px 18px #000;font-weight:700}.cb-selected-topic{text-align:center;color:#c9a0dc;font-size:.9rem;margin:0 0 8px}.cb-controls-row{display:flex;gap:10px}.cb-change-topic{display:block;margin:8px auto 0;padding:4px 12px;border:none;background:none;color:#6a5a7a;font-size:.75rem;cursor:pointer;text-decoration:underline}.cb-change-topic:hover{color:#b89cd8}.cb-controls{width:100%;max-width:600px;display:flex;gap:10px;padding:0 15px;margin:0 auto;box-sizing:border-box}.cb-input{flex:1;padding:12px 16px;border:1px solid rgba(180,100,255,.3);border-radius:8px;background:#140528cc;color:#e0d0f0;font-size:1rem;outline:none;transition:border-color .3s}.cb-input::placeholder{color:#6a5a7a}.cb-input:focus{border-color:#b464ffb3;box-shadow:0 0 10px #b464ff26}.cb-btn{padding:12px 28px;border:none;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:1px;transition:all .3s ease;white-space:nowrap}.cb-btn:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 0 20px #8b5cf666}.cb-btn:disabled{opacity:.4;cursor:not-allowed}.cb-response{width:100%;max-width:600px;margin:20px auto 30px;padding:0 15px;box-sizing:border-box}.cb-vision{background:#140528b3;border:1px solid rgba(180,100,255,.2);border-radius:12px;padding:20px 25px;color:#d8c0f0;font-size:1.05rem;line-height:1.7;animation:cbFadeIn 1s ease;position:relative}.cb-vision:before{content:"🔮";position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:1.5rem;background:#0a0412;padding:0 10px}.cb-vision p{margin:0}@keyframes cbFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cb-modal-overlay{position:fixed;inset:0;background:#05020fe6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:cbFadeIn .4s ease;transition:background .5s ease,opacity .5s ease}.cb-modal-overlay.is-loading{background:#05020f03;pointer-events:none}.cb-modal-overlay.is-loading .cb-modal{opacity:0}.cb-modal{background:linear-gradient(145deg,#1a0a2e,#0f0520);border:1px solid rgba(180,100,255,.3);border-radius:20px;padding:30px 25px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;text-align:center;box-shadow:0 0 60px #6432c84d,0 0 120px #501ea026}.cb-modal-icon{font-size:3rem;margin:0 0 10px}.cb-modal-question{color:#8a6aaa;font-size:.9rem;font-style:italic;margin:0 0 15px}.cb-modal-answer{color:#e0d0f0;font-size:1.1rem;line-height:1.7;margin:0 0 20px;text-align:left;padding:15px;background:#6432b41a;border-radius:12px;border-left:3px solid rgba(180,100,255,.4)}.cb-modal-close-simple{display:block;width:100%;padding:10px;margin:10px 0 0;border:1px solid rgba(120,80,160,.3);border-radius:8px;background:#1e0f3280;color:#8a7a9a;font-size:.85rem;cursor:pointer;transition:all .3s}.cb-modal-close-simple:hover{border-color:#b464ff66;color:#b89cd8;background:#28143c99}.cb-reply-area{display:flex;gap:8px;margin:12px 0 0}.cb-reply-input{flex:1;padding:10px 14px;border:1px solid rgba(180,100,255,.25);border-radius:8px;background:#0f051ecc;color:#e0d0f0;font-size:.9rem;outline:none;transition:border-color .3s}.cb-reply-input:focus{border-color:#b464ff99}.cb-reply-input::placeholder{color:#5a4a6a;font-size:.8rem}.cb-reply-btn{padding:10px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap}.cb-reply-btn:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.cb-reply-btn:disabled{opacity:.4;cursor:not-allowed}.cb-reply-user{margin:15px 0 0;padding:8px 12px;background:#6432b426;border-radius:8px;color:#a090c8;font-size:.9rem;font-style:italic}.cb-reply-vision{margin:10px 0 0;padding:12px 15px;border-left:3px solid rgba(139,92,246,.5);background:#501ea01a;border-radius:0 8px 8px 0;color:#e0d0f0;font-size:1rem;line-height:1.6;animation:cbFadeIn .6s ease}.cb-reply-loading{margin:10px 0 0;color:#8a6aaa;font-style:italic;font-size:.9rem;animation:cbPulse 1.5s ease-in-out infinite}.cb-followup{background:#140528b3;border:1px solid rgba(180,100,255,.3);border-radius:12px;padding:20px;text-align:center;animation:cbFadeIn .5s ease}.cb-followup-icon{font-size:2.5rem;margin:0 0 10px}.cb-followup-text{color:#e0d0f0;font-size:1.1rem;line-height:1.6;margin:0 0 15px;font-style:italic}.cb-followup-controls{display:flex;gap:8px}.cb-followup-skip{display:block;margin:10px auto 0;padding:6px 16px;border:none;background:none;color:#6a5a7a;font-size:.8rem;cursor:pointer;text-decoration:underline}.cb-followup-skip:hover{color:#b89cd8}.cb-modal-ad{margin:15px -10px 0;min-height:50px}.cb-loading{text-align:center;color:#b89cd8;font-style:italic;padding:30px 0;animation:cbPulse 1.5s ease-in-out infinite}@keyframes cbPulse{0%,to{opacity:.5}50%{opacity:1}}.cb-history{width:100%;max-width:600px;margin:10px auto 40px;padding:0 15px;box-sizing:border-box}.cb-history-title{color:#8a6aaa;font-size:.9rem;margin:0 0 10px;cursor:pointer;user-select:none}.cb-history-title:hover{color:#b89cd8}.cb-history-list{display:none}.cb-history-list.open{display:block}.cb-history-item{background:#0f051e80;border:1px solid rgba(120,60,180,.15);border-radius:8px;padding:12px 15px;margin:0 0 8px}.cb-history-q{color:#a090b8;font-size:.85rem;margin:0 0 4px}.cb-history-a{color:#d0bce8;font-size:.9rem;line-height:1.5;margin:0}.cb-history-date{color:#5a4a6a;font-size:.75rem;margin:6px 0 0}.cb-share{display:flex;gap:8px;justify-content:center;align-items:center;margin:12px 0 0}.cb-share-label{font-size:.75rem;color:#8a7aaa;text-transform:uppercase;letter-spacing:.05em}.cb-share-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(180,100,255,.25);background:#140a2899;color:#b89cd8;cursor:pointer;transition:all .2s ease;text-decoration:none}.cb-share-btn:hover{border-color:#b464ff99;transform:scale(1.12)}.cb-share-x:hover{color:#fff;background:#000;border-color:#333}.cb-share-fb:hover{color:#fff;background:#1877f2;border-color:#1877f2}.cb-share-wa:hover{color:#fff;background:#25d366;border-color:#25d366}.cb-share-tg:hover{color:#fff;background:#08c;border-color:#08c}.cb-share-copy:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.cb-share-copied{color:#25d366!important;border-color:#25d366!important}.cb-voice-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid rgba(180,100,255,.3);border-radius:6px;background:#1e0a3280;color:#b89cd8;font-size:.8rem;cursor:pointer;margin:10px auto 0;display:block;text-align:center;width:fit-content}.cb-voice-btn:hover{border-color:#b464ff99}.cb-login-overlay{position:fixed;inset:0;background:#000000d9;z-index:100;display:flex;align-items:center;justify-content:center}.cb-login-box{background:#1a0a2e;border:1px solid rgba(180,100,255,.3);border-radius:16px;padding:40px 30px;text-align:center;max-width:360px;width:90%}.cb-login-box h3{color:#c9a0dc;margin:0 0 10px;font-size:1.3rem}.cb-login-box p{color:#8a6aaa;margin:0 0 20px;font-size:.9rem}.cb-login-btn{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:all .3s}.cb-login-btn:hover{box-shadow:0 0 20px #8b5cf680}@media (max-width: 768px){.cb-container{padding:0 10px}.cb-canvas-wrap{height:280px}.cb-title{font-size:1.3rem;margin:10px 0 3px}.cb-subtitle{font-size:.8rem;margin:0 0 10px}.cb-controls{padding:0}.cb-controls-row{flex-direction:column}.cb-btn{width:100%;text-align:center}.cb-topic-grid{gap:.4rem}.cb-topic-card{width:85px}.cb-topic-card-img img{height:auto}.cb-topic-card-name{font-size:.7rem;margin-top:-25px}.cb-topic-prompt{font-size:.85rem}.cb-modal-overlay{padding:10px}.cb-modal{padding:20px 15px;max-height:90vh}.cb-modal-answer{font-size:.95rem;padding:12px}.cb-reply-area{flex-direction:column}.cb-reply-btn{width:100%}.cb-followup-controls{flex-direction:column}.cb-followup-btn{width:100%}.cb-share{flex-wrap:wrap}.cb-history,.cb-response{padding:0}}