*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100dvh;overflow:hidden}body{cursor:default;-webkit-font-smoothing:antialiased;background:#f5a623;font-family:system-ui,-apple-system,sans-serif}img{-webkit-user-drag:none;user-drag:none;pointer-events:none}input,textarea{-webkit-user-select:text;user-select:text;cursor:text}.game-frame{aspect-ratio:16/9;width:min(100dvw,177.778dvh);height:min(100dvh,56.25dvw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container:game/size}.panel{border-radius:1.6cqh;position:absolute;overflow:hidden}.fruit-columns{gap:.5cqw;width:24cqw;height:58cqh;display:flex;top:2cqh;left:1.5cqw}.fruit-col{background:#ffffff26;border-radius:1.2cqh;flex:1}.blender{background:#1a1a1a;border-radius:2cqh;width:24cqw;height:34cqh;bottom:2cqh;left:1.5cqw}.character{background:#efd9cb;border-radius:2cqh;flex-direction:column;justify-content:center;align-items:center;width:38cqw;height:72cqh;display:flex;top:2cqh;left:27cqw}.speech-bubble-wrap{z-index:2;width:68%;position:absolute;top:8cqh;right:1cqw}.speech-bubble{pointer-events:none;width:100%;height:auto;display:block}.bubble-text-container{position:absolute;inset:8% 8% 12% 20%;overflow:hidden}.bubble-text{color:#f5f0e1;word-break:keep-all;font-family:monospace;font-size:1.8cqh;line-height:1.5}.bubble-text p{margin:0 0 .6cqh}.bubble-text p:last-child{margin-bottom:0}.bubble-text strong{font-weight:800}.bubble-text em{font-style:italic}.bubble-text ul,.bubble-text ol{margin:.4cqh 0;padding-left:2cqw}.bubble-text code{background:#0003;border-radius:.3cqh;padding:.1cqh .3cqw}.choices{z-index:3;gap:1.5cqw;display:flex;position:absolute;bottom:4cqh;left:50%;transform:translate(-50%)}.choice-btn{color:#f5f0e1;cursor:pointer;white-space:nowrap;background:#014709;border:.3cqh solid #f5f0e1;border-radius:5cqh;padding:1.4cqh 2.4cqw;font-family:inherit;font-size:1.6cqh;font-weight:700;transition:transform .15s,background .15s}.choice-btn:hover{background:#026610;transform:translateY(-2px)}.choice-btn:active{transform:translateY(0)}.character-img{pointer-events:none;z-index:1;width:80%;height:auto;position:absolute;bottom:-5%;left:20%;transform:translate(-50%)}.bottom-bar{background:#1a4d2e;border-radius:1.6cqh;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqh;width:38cqw;height:20cqh;padding:1.6cqh 2cqw;display:flex;bottom:2cqh;left:27cqw}.indicators{gap:1cqw;display:flex}.indicator{background:#0d2b18;border-radius:.4cqh;width:6cqw;height:.8cqh}.indicator.active{background:#c0392b}.tabs{letter-spacing:.05cqw;text-transform:uppercase;gap:2cqw;font-size:1.4cqh;font-weight:600;display:flex}.tab{color:#4a7a5e}.tab.active{color:#7ec8a0}.chat-panel{background:#f0dcc8;border:.4cqh solid #2eafc7;border-radius:2cqh;flex-direction:column;width:32cqw;height:58cqh;padding:2cqh;display:flex;top:2cqh;right:1.5cqw}.chat-header{justify-content:space-between;align-items:center;margin-bottom:2cqh;display:flex}.chat-header-left{align-items:center;gap:1cqw;display:flex}.chat-header-right{align-items:center;gap:.8cqw;display:flex}.chat-icon{width:2.4cqh;height:2.4cqh}.chat-icon.hamburger{width:2.8cqh;height:2.8cqh}.chat-title{color:#1a1a1a;background:#ede4d6;border-radius:1.5cqh;padding:.5cqh 1.2cqw;font-size:1.5cqh;font-weight:600}.chat-messages{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;flex-direction:column;flex:1;gap:2cqh;padding:1cqh 0;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{display:none}.msg{color:#1a1a1a;font-size:1.6cqh;font-weight:600;line-height:1.6}.msg.user{color:#fff;background:#1a4d2e;border-radius:2cqh;align-self:flex-end;padding:1cqh 2cqw;font-size:1.5cqh;font-weight:600}.msg.assistant{align-self:flex-start}.msg.assistant p{margin:0 0 .8cqh}.msg.assistant p:last-child{margin-bottom:0}.msg.assistant ul,.msg.assistant ol{margin:.4cqh 0;padding-left:2.5cqw}.msg.assistant code{background:#00000014;border-radius:.4cqh;padding:.1cqh .4cqw;font-size:.9em}.msg.assistant pre{background:#00000014;border-radius:.8cqh;margin:.6cqh 0;padding:1cqh 1.2cqw;overflow-x:auto}.msg.assistant pre code{background:0 0;padding:0}.msg.assistant strong{font-weight:800}.msg.assistant h1,.msg.assistant h2,.msg.assistant h3{margin:.8cqh 0 .4cqh;font-size:1.05em}.chat-input-wrap{background:#ede4d6;border-radius:2cqh;align-items:center;gap:.6cqw;margin-top:auto;padding:1.2cqh 1.5cqw;display:flex}.chat-input-cursor{background:#999;border-radius:1px;width:.25cqw;height:2cqh}.chat-input{color:#333;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:1.5cqh;font-weight:500}.chat-send-btn{color:#fff;cursor:pointer;background:#1a4d2e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.2cqh;height:3.2cqh;padding:0;display:flex}.chat-send-btn svg{width:1.8cqh;height:1.8cqh}.chat-send-btn:disabled{cursor:default;opacity:.5}.keyboard{border:2px dashed #00000026;border-radius:1.6cqh;width:32cqw;height:34cqh;bottom:2cqh;right:1.5cqw}.dev-btn{z-index:1000;color:#0f0;cursor:pointer;letter-spacing:1px;background:#000000b3;border:1px solid #0f0;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:11px;position:fixed;bottom:12px;left:12px}.modal-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{color:#eee;background:#1e1e1e;border-radius:12px;flex-direction:column;gap:20px;width:640px;max-width:90vw;max-height:85vh;padding:32px;font-family:system-ui,sans-serif;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;font-size:16px;font-weight:700;display:flex}.modal-close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px}.modal-tabs{border-bottom:1px solid #333;gap:4px;padding-bottom:0;display:flex}.modal-tab{color:#777;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-family:system-ui,sans-serif;font-size:12px;font-weight:600;transition:color .15s,border-color .15s}.modal-tab:hover{color:#ccc}.modal-tab.active{color:#0f0;border-bottom-color:#0f0}.modal-textarea{color:#eee;resize:vertical;-webkit-user-select:text;user-select:text;cursor:text;background:#2a2a2a;border:1px solid #444;border-radius:8px;outline:none;min-height:180px;padding:12px;font-family:monospace;font-size:14px}.modal-textarea:focus{border-color:#0f0}.modal-label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.modal-label textarea{color:#eee;resize:vertical;-webkit-user-select:text;user-select:text;cursor:text;background:#2a2a2a;border:1px solid #444;border-radius:8px;outline:none;padding:10px;font-family:monospace;font-size:14px}.modal-label textarea:focus{border-color:#0f0}.modal-actions{border-top:1px solid #333;flex-direction:column;gap:12px;margin-top:8px;padding-top:16px;display:flex}.modal-action-group{align-items:center;gap:8px;display:flex}.modal-action-group-label{color:#666;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;width:80px;font-size:11px;font-weight:600}.modal-action-group-buttons{flex-wrap:wrap;gap:8px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:system-ui,sans-serif;font-size:13px;font-weight:600}.modal-btn.export{color:#eee;background:#2a2a2a;border:1px solid #444}.modal-btn.export:hover{background:#333}.modal-btn.reset{color:#f66;background:#3a1a1a;border:1px solid #522}.modal-btn.reset:hover{background:#4a1f1f}.modal-save{color:#000;cursor:pointer;background:#0f0;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:700}