@import"https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Tilt+Neon:wght@700;800&display=swap";html,body,#root{margin:0;padding:0;width:100%;height:100vh;overflow-x:hidden}.app-wrapper{position:relative;display:grid;place-items:center;width:100%;height:100vh;min-height:100vh;box-sizing:border-box;background:#fff;overflow-x:hidden;overflow-y:hidden;padding:16px 0;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.app-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2e1065,#4c1d95 60%,#3b0764);opacity:0;pointer-events:none;z-index:0;transition:opacity .42s ease}.app-wrapper.convo-mode:before{opacity:1}.app-wrapper.convo-mode{--accent: #ffd54f;--bg-dark: #0e0f12;--panel-dark: #171a1f;--ink: #f5f7fa;background:var(--bg-dark)}.chat-container{position:relative;z-index:10;width:100%;max-width:100%;margin-inline:auto;padding:2rem;box-sizing:border-box;text-align:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:sans-serif;color:#000;transition:max-width .28s ease,box-shadow .2s ease;will-change:transform}.flip-wrapper{perspective:1200px;display:flex;justify-content:center;align-items:center;width:100%;position:relative;z-index:2;overflow:visible}.flip-card{position:relative;width:min(600px,calc(100% - 12px));max-width:100%;transform-style:preserve-3d;transition:transform .6s ease,width .25s ease;height:min(82vh,820px);will-change:transform;margin-inline:auto}.flip-wrapper.flipped .flip-card{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front{transform:rotateY(0)}.card-back{transform:rotateY(180deg)}.flip-card{min-height:620px}.app-wrapper.convo-mode .flip-card{width:min(820px,calc(100% - 12px))}.app-wrapper.convo-mode .chat-container{width:100%}@media (max-width: 420px){.chat-container{max-width:100%;padding:1.25rem}.flip-card{width:calc(100% - 4px);transition:transform .6s ease}.chat-header{font-size:2rem;margin-bottom:1rem}.controls{margin-bottom:.75rem}.chat-window{max-height:52vh;-webkit-overflow-scrolling:touch}.input-row{gap:.5rem}}.start-rules{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem;color:#0b132b;margin:0 0 1rem}.start-rules h2{margin:0 0 .5rem;font-size:1.1rem;font-weight:800}.start-rules p{margin:.5rem 0;line-height:1.5}.start-rules ul{margin:.25rem 0 .75rem 1.25rem;padding:0}.start-rules li{margin:.35rem 0}.pacman-launcher{position:fixed;left:12px;bottom:12px;width:20px;height:20px;background:transparent;border:none;padding:0;opacity:.5;cursor:pointer;z-index:999}.pacman-launcher:hover{opacity:.9}.pacman-launcher svg{display:block;width:100%;height:100%}.game-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.game-scale{position:relative;width:100%;max-width:100%;height:calc(600px * var(--scale, 1));overflow:hidden;border-radius:8px;box-shadow:inset 0 0 0 1px #eee;background:#000}.game-inner{position:absolute;top:0;left:0;width:900px;height:600px;transform:scale(var(--scale, 1));transform-origin:top left}.game-inner iframe{width:900px;height:600px;border:0;display:block}@keyframes pacIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pacOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(28px)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}.pacman-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayIn .2s ease-out}.pacman-overlay.closing{animation:overlayOut .22s ease-in forwards}.pacman-panel{position:relative;width:min(900px,95vw);height:min(600px,80vh);background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0006;animation:pacIn .28s ease-out}.pacman-panel.closing{animation:pacOut .24s ease-in forwards}.pacman-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:18px;border:none;background:#ef4444;color:#fff;cursor:pointer;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center}.pacman-close:hover{filter:brightness(.95)}.chat-header{font-family:Fjalla One,sans-serif;font-size:2.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem;color:#0b132b;text-shadow:.6px 0 0 currentColor,-.6px 0 0 currentColor,0 .6px 0 currentColor,0 -.6px 0 currentColor}.app-wrapper.convo-mode .chat-header{font-family:Tilt Neon,system-ui,sans-serif;color:var(--ink);letter-spacing:.04em;text-shadow:none}.controls{margin-bottom:1.5rem}.controls button{margin:0 .5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.stop-btn{background-color:#d36b6b}.stop-btn:hover{background-color:#c25454}.start-btn{background-color:#6fb98f;color:#fff}.start-btn:hover{background-color:#5aa67d}.timer-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;background:#e9ecef;padding:4px 8px;border-radius:9999px;font-size:.875rem;color:#343a40;transition:background .3s}.timer-badge.warning{background:#f8d7da;color:#721c24}.clock-icon{margin-right:4px;width:1rem;height:1rem}.chat-window{border:1px solid #e2e8f0;border-radius:8px;height:350px;overflow-y:auto;padding:1rem;background:#fafafa;text-align:left;color:#000;scroll-behavior:smooth;position:relative;pointer-events:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chat-window:hover{overflow-y:auto}.voice-alert-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.voice-alert{display:flex;gap:8px;align-items:flex-start;font-size:.875rem;background:#fef3c7;color:#92400e;border-radius:8px;padding:10px 12px;border:1px solid rgba(217,119,6,.35)}.voice-alert.info{background:#e0f2fe;color:#0c4a6e;border-color:#0e749040}.voice-alert.warning{background:#fef3c7;color:#92400e;border-color:#d9770659}.voice-alert.error{background:#fee2e2;color:#b91c1c;border-color:#ef444459}.voice-alert strong{font-weight:600}.voice-alert span{flex:1}.app-wrapper.convo-mode .voice-alert{background:#0f172ad9;color:#f9fafb;border-color:#94a3b866}.app-wrapper.convo-mode .voice-alert.info{background:#3b82f629;color:#bfdbfe;border-color:#3b82f659}.app-wrapper.convo-mode .voice-alert.warning{background:#fde04724;color:#fde047;border-color:#fde04759}.app-wrapper.convo-mode .voice-alert.error{background:#f871712e;color:#fca5a5;border-color:#f8717166}.secret-switch{position:absolute;bottom:10px;right:10px;width:10px;height:10px;background:#888;border-radius:50%;border:none;padding:0;cursor:pointer;opacity:.95}.secret-switch:hover{opacity:1}.secret-switch:focus{outline:2px solid #4b8bff;outline-offset:2px}@media (max-width: 420px){.secret-switch{bottom:8px;right:8px}}.app-wrapper.convo-mode .chat-container{background:var(--panel-dark);color:var(--ink);box-shadow:0 12px 32px #00000059;border-radius:18px}.app-wrapper.convo-mode .convo-title{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.app-wrapper.convo-mode .convo-title img{height:120px;width:auto;display:block}.app-wrapper.convo-mode .timer-badge{left:16px}.app-wrapper.convo-mode .avatar-img{width:20px;height:20px;display:block;margin-top:2px}.app-wrapper.convo-mode .controls .btn.end{background:#ef4444}.app-wrapper.convo-mode .controls .btn.eval{background:#3b82f6}.app-wrapper.convo-mode .chat-window{background:#0f1115;border-color:#222933;color:var(--ink);border-radius:14px}.app-wrapper.convo-mode .message.user{background:var(--accent);color:#111;border-radius:16px}.app-wrapper.convo-mode .message.bot{background:#222933;color:#e7e9ee;border-radius:16px}.app-wrapper.convo-mode .input-row button.send-circle{background:var(--accent);color:#111;width:42px;height:42px;padding:0;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center}.app-wrapper.convo-mode .input-row button.send-circle:hover{filter:brightness(.95)}.app-wrapper.convo-mode .mic-btn{width:42px;height:42px;border-radius:9999px;border:none;cursor:pointer;background:#2b313b;color:#e7e9ee;display:inline-flex;align-items:center;justify-content:center;padding:0}.app-wrapper.convo-mode .mic-btn.active{background:#10b981;color:#0b132b}.app-wrapper.convo-mode textarea{background:#0f1115;color:var(--ink);border-color:#222933}.app-wrapper.convo-mode .chat-header{font-size:3rem}.app-wrapper.convo-mode .secret-switch{top:auto;bottom:10px;right:10px}.app-wrapper.convo-mode .close-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:9999px;border:none;cursor:pointer;background:#ef4444;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0}.app-wrapper.convo-mode .close-btn:hover{filter:brightness(.95)}.message{display:flex;align-items:flex-start;margin:.75rem 0;max-width:80%;padding:.75rem;border-radius:12px;word-wrap:break-word;line-height:1.4}.message.user{margin-left:auto;background:#3182ce;color:#fff;flex-direction:row-reverse}.message.bot{margin-right:auto;background:#edf2f7;color:#2d3748}.avatar{flex:0 0 auto;margin:0 .5rem;font-size:1.2rem;color:inherit}.bubble-content{flex:1 1 auto}.input-row{display:flex;gap:.75rem;justify-content:center;margin-top:1rem;position:relative}.input-row input{flex:1;padding:.75rem;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;background:#fff;color:#000}.input-row input::placeholder{color:#666}.input-row input:disabled{background:#f3f4f6;color:#6b7280}.input-row input:disabled::placeholder{color:#9ca3af}.input-row button{padding:.75rem 1.5rem;border:none;border-radius:6px;background:#3182ce;color:#fff;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s}.input-row button:not(:disabled):hover{background:#2b6cb0}.input-row button.btn-busy{opacity:.8;cursor:wait}.input-row button.btn-locked,.input-row button:disabled.btn-locked{background:#9ca3af!important;border-color:#9ca3af!important;color:#fff!important;cursor:not-allowed;opacity:1}.message.typing{display:flex;align-items:center;background:#edf2f7;color:#2d3748;width:fit-content;padding:.5rem;border-radius:12px;margin-top:.75rem}.message.typing .avatar{margin-right:.5rem}.message.typing .dot{height:8px;width:8px;margin:0 3px;background-color:#666;border-radius:50%;display:inline-block;animation:blink 1s infinite ease-in-out both}.message.typing .dot:nth-child(2){animation-delay:.2s}.message.typing .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.chat-window::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-track{background:#f1f1f5;border-radius:4px}.chat-window::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:4px;border:2px solid #f1f3f5}.chat-window::-webkit-scrollbar-thumb:hover{background-color:#a0aec0}.chat-window{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f1f3f5}:root{--star-off: #c8ccd0;--star-on: #f6c32c}.sq-stars-wrap{position:relative;display:flex;gap:12px;align-items:center;justify-content:center;margin:10px 0 6px;transform:translateZ(0)}.sq-star{color:var(--star-off);filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));opacity:1;transform:translateZ(0) scale(1);transition:transform .14s ease,filter .14s ease,color .12s ease;will-change:transform}.sq-star.is-filled{color:var(--star-on);animation:star-earn-pop .22s ease-out}.sq-star:hover{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 4px 8px rgba(0,0,0,.22))}.sq-star[data-index="0"]{transition-delay:0s}.sq-star[data-index="1"]{transition-delay:.03s}.sq-star[data-index="2"]{transition-delay:.06s}@keyframes star-earn-pop{0%{transform:scale(.9)}60%{transform:scale(1.12)}to{transform:scale(1)}}.visitor-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;background:#f1f3f5;padding:4px 8px;border-radius:9999px;font-size:.875rem;color:#495057}.visitor-badge svg{width:1rem;height:1rem;margin-right:4px}.bubble-content{white-space:pre-wrap;line-height:1.5;word-break:break-word}.bubble-content{tab-size:2}.message.bot .bubble-content{font-size:.95rem}.chat-container{position:relative}.voice-panel{flex:1;display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;background:#fff}.voice-left{display:flex;align-items:center;gap:10px}.voice-left .circle{width:14px;height:14px;border-radius:50%;background:#bbb;box-shadow:0 0 #2ecc7100}.voice-left .circle.listening{background:#2ecc71;animation:ring 1.6s ease-out infinite}.voice-left .circle.speaking{background:#3498db;animation:ring-blue 1.6s ease-out infinite}.voice-label{font-size:12px;color:#333;font-weight:600}.icon-btn{background:transparent;border:none;padding:6px;cursor:pointer}.talk-btn{background:#7e3af2;color:#fff;border:none;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}.talk-btn:hover{background:#6d28d9}.talk-btn:active{background:#5b21b6}@keyframes ring{0%{box-shadow:0 0 #2ecc7166}70%{box-shadow:0 0 0 10px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}@keyframes ring-blue{0%{box-shadow:0 0 #3498db59}70%{box-shadow:0 0 0 10px #3498db00}to{box-shadow:0 0 #3498db00}}.voice-overlay{position:absolute;left:52px;right:96px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;box-shadow:0 2px 8px #0000000f}.voice-status{display:flex;align-items:center;gap:8px}.voice-status .dot{width:8px;height:8px;border-radius:50%;background:#bbb}.voice-status .dot.on{background:#2ecc71}.voice-status .label{color:#333;font-size:12px;font-weight:600}.voice-bars{display:flex;gap:3px;align-items:flex-end;height:16px}.voice-bars span{width:3px;height:6px;background:#666;display:inline-block;animation:barPulse 1s ease-in-out infinite}.voice-bars span:nth-child(2){animation-delay:.1s}.voice-bars span:nth-child(3){animation-delay:.2s}.voice-bars span:nth-child(4){animation-delay:.3s}@keyframes barPulse{0%{height:6px;opacity:.6}40%{height:16px;opacity:1}80%{height:6px;opacity:.6}to{height:6px;opacity:.6}}.range-horizontal{-webkit-appearance:none;appearance:none;width:140px;height:6px}.range-horizontal::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#444;cursor:pointer}.range-horizontal::-webkit-slider-runnable-track{height:6px;background:#ddd;border-radius:4px}.range-horizontal::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#444;cursor:pointer}.range-horizontal::-moz-range-track{height:6px;background:#ddd;border-radius:4px}.volume-popover{position:absolute;top:50%;right:36px;transform:translateY(-50%);left:auto;background:#fff;border:1px solid #e5e7eb;padding:6px 8px;border-radius:6px;box-shadow:0 2px 8px #00000014;z-index:20}