:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-bg: #121212;--text-color: #f0f0f0;--accent-color: #8a2be2;--green: #4caf50;--orange: #ff9800;--red: #f44336;--purple: #9c27b0;--app-color-good: #88cc88;--custom-rules-color-good: #88aaff;--request-color-good: #5599ff;--code-color-good: #66ccff;--tools-color-good: #99cccc;--output-color-good: #77ddaa;--app-color-bad: #ff8888;--custom-rules-color-bad: #bb77dd;--request-color-bad: #ff5577;--code-color-bad: #ff9966;--tools-color-bad: #dd7788;--output-color-bad: #ff6666}body,html{background-color:var(--primary-bg);color:var(--text-color);font-family:Courier New,monospace;margin:0!important;padding:0!important;height:100vh;width:100vw;overflow:hidden;box-sizing:border-box;-webkit-text-size-adjust:100%}#root{height:100vh;width:100vw;display:flex;flex-direction:column}.App{text-align:center;background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;position:relative;overflow:hidden}.bad-vibes-container{display:flex;flex-direction:column;height:100vh;width:100vw;box-sizing:border-box;margin:0 auto;position:relative;background:linear-gradient(135deg,#0f0f1e,#1a1a30),radial-gradient(circle at 70% 40%,rgba(66,134,244,.2) 0%,transparent 50%),radial-gradient(circle at 30% 60%,rgba(138,43,226,.2) 0%,transparent 50%);overflow:hidden}.bad-vibes-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;background-image:radial-gradient(circle at 25% 25%,rgba(138,43,226,.15) 0%,transparent 35%),radial-gradient(circle at 75% 75%,rgba(66,134,244,.15) 0%,transparent 35%);opacity:.7;animation:subtle-shift 180s infinite alternate ease-in-out}@keyframes subtle-shift{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(5px,5px)}}.bad-vibes-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.04) 25%,rgba(255,255,255,.04) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.04) 75%,rgba(255,255,255,.04) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.04) 25%,rgba(255,255,255,.04) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.04) 75%,rgba(255,255,255,.04) 76%,transparent 77%,transparent);background-size:50px 50px;animation:move-grid 300s infinite linear}header{text-align:center;margin-bottom:10px}header h1{font-size:2.5rem;margin:0 0 5px;background:linear-gradient(45deg,#f0c,#33f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(255,0,204,.5);position:relative;z-index:3;filter:drop-shadow(0 0 5px rgba(138,43,226,.5))}.game-container{position:relative;width:100%;height:90vh;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;background-color:#0000004d;border-radius:15px;box-shadow:0 0 20px #00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1;border:1px solid rgba(255,255,255,.1);overflow:hidden;padding:0!important;margin:0!important;box-sizing:border-box;flex-grow:1}.game-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(138,43,226,.1) 0%,transparent 70%);opacity:.7;z-index:-1;animation:pulse-container 8s infinite alternate ease-in-out}@keyframes pulse-glow{0%{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:.5;transform:scale(1)}}@keyframes move-grid{0%{transform:translate(0)}to{transform:translate(25px,25px)}}@keyframes pulse-container{0%{opacity:.4;transform:scale(.9)}to{opacity:.8;transform:scale(1.1)}}header,.game-area,.output-area,.top-left-stats,.top-right-stats{position:relative;z-index:2}.vibe-meter{position:relative;padding:5px;background-color:#ffffff1a;border-radius:8px;z-index:20;width:100%}.vibe-label{font-size:.9rem;margin-bottom:2px}.vibe-bar-container{height:12px;background-color:#0000004d;border-radius:6px;overflow:hidden}.vibe-bar{height:100%;transition:width .3s ease,background-color .3s ease}.game-area{display:flex;width:75%;height:80vh;overflow:hidden;position:relative;margin-right:20px;height:100%;padding:0!important;box-sizing:border-box;flex-grow:1}.central-area{position:absolute;width:340px;height:340px;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.input-flow-section{position:absolute;overflow:hidden;border:2px solid rgba(255,255,255,.2);border-radius:8px;background-color:#0000004d;width:220px;height:140px;box-shadow:0 0 10px #00000080;transition:all .3s ease}.input-flow-section:hover{box-shadow:0 0 20px #8a2be266;transform:scale(1.02);z-index:45}.input-section-app{top:2%;left:50%;transform:translate(-50%);border-color:var(--app-color-good)}.input-section-custom-rules{top:18%;left:2.5%;border-color:var(--custom-rules-color-good)}.input-section-request{bottom:7%;left:8%;border-color:var(--request-color-good)}.input-section-code{top:18%;right:2.5%;border-color:var(--code-color-good)}.input-section-tools{bottom:7%;right:8%;border-color:var(--tools-color-good)}.input-flow-section:before{content:"";position:absolute;z-index:1;background:linear-gradient(to right,transparent,rgba(138,43,226,.2),transparent);height:1px;width:100%;top:50%;left:0;opacity:.5;pointer-events:none;animation:pulse-line 4s infinite alternate ease-in-out}.input-section-app:before{transform:rotate(90deg)}.input-section-custom-rules:before{transform:rotate(45deg)}.input-section-request:before{transform:rotate(135deg)}.input-section-code:before{transform:rotate(-45deg)}.input-section-tools:before{transform:rotate(-135deg)}.input-flow-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:default;contain:layout size style;z-index:40}.section-label{position:absolute;padding:5px;font-weight:700;font-size:.9rem;z-index:2;opacity:.9;text-transform:uppercase}.app-label{color:var(--app-color-good);top:5px;left:50%;transform:translate(-50%);font-size:1.1rem}.custom-rules-label{color:var(--custom-rules-color-good);top:5px;left:10px;font-size:1rem}.request-label{color:var(--request-color-good);top:5px;left:10px;font-size:1rem}.code-label{color:var(--code-color-good);top:5px;right:10px;font-size:1rem}.tools-label{color:var(--tools-color-good);top:5px;left:10px;font-size:1rem}.output-label{color:var(--output-color-good);top:5px;left:50%;transform:translate(-50%);font-size:1rem}.machine-area{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.machine-visual{width:200px;height:200px;display:flex;justify-content:center;align-items:center;position:relative;z-index:8}.machine-screen{position:relative;width:100%;height:calc(100% - 30px);background-color:#000000b3;border:2px solid #444;border-radius:8px;overflow:hidden;z-index:10;margin-top:30px;display:flex;flex-direction:column;box-sizing:border-box}.code-output{width:100%;height:100%;padding:10px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;font-family:Courier New,monospace;font-size:.8rem;color:#0f0;white-space:pre-wrap;display:flex;flex-direction:column;overflow-anchor:auto;position:relative;flex:1;max-width:100%;min-width:100%}.code-output pre{margin:0;white-space:pre-wrap;width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.code-content{width:100%;box-sizing:border-box;display:flex;flex-direction:column}.typing-animation{display:inline-block;overflow:hidden;white-space:nowrap;margin:0;animation:typing 3s steps(40,end);border-right:2px solid #0f0}@keyframes typing{0%{width:0}to{width:100%}}.code-line{display:block;overflow:hidden;white-space:nowrap;border-right:2px solid #0f0;animation:typing 2s steps(40,end),blinkCursor .75s step-end infinite;margin-bottom:4px;line-height:1.2;min-height:1.2em;width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.code-line.typing{animation:typing 2s steps(40,end),blinkCursor .75s step-end infinite}.code-line.typed{border-right:transparent;white-space:pre-wrap;animation:none}.controls-section{position:absolute;bottom:10px;right:10px;display:flex;gap:20px;align-items:center;z-index:20}.game-controls{display:flex;gap:10px}.start-button{padding:10px 20px;background:linear-gradient(45deg,#8a2be2,#4a148c);color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s ease}.start-button:hover{background:linear-gradient(45deg,#9c4fd1,#5a1a9c);transform:scale(1.05)}.game-score{padding:5px;background-color:#ffffff1a;border-radius:5px;font-size:1rem;color:#fff;text-shadow:0 0 5px rgba(138,43,226,.7);text-align:center;font-weight:700}.input-flow-item{position:absolute;padding:8px 12px;border-radius:6px;font-size:.9rem;white-space:normal;max-width:100px;height:auto;min-height:40px;max-height:80px;overflow:hidden;text-overflow:clip;cursor:pointer;transition:transform .2s ease;z-index:50;box-shadow:0 2px 5px #0003;-webkit-user-select:none;user-select:none;animation:fadeIn .3s ease forwards;color:#000;font-weight:700;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden;pointer-events:auto;display:flex;align-items:center;justify-content:center;word-wrap:break-word;word-break:break-word;line-height:1.2}.input-flow-item:hover{transform:scale(1.05);z-index:60}.input-app.input-good{background-color:var(--app-color-good)}.input-app.input-bad{background-color:var(--app-color-bad)}.input-custom-rules.input-good{background-color:var(--custom-rules-color-good)}.input-custom-rules.input-bad{background-color:var(--custom-rules-color-bad)}.input-request.input-good{background-color:var(--request-color-good)}.input-request.input-bad{background-color:var(--request-color-bad)}.input-code.input-good{background-color:var(--code-color-good)}.input-code.input-bad{background-color:var(--code-color-bad)}.input-tools.input-good{background-color:var(--tools-color-good)}.input-tools.input-bad{background-color:var(--tools-color-bad)}.input-output.input-good{background-color:var(--output-color-good)}.input-output.input-bad{background-color:var(--output-color-bad)}.input-good{position:relative;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 10px #64ff644d;color:#013}.input-good:before{content:"✓";position:absolute;left:4px;top:4px;font-size:10px;color:#060}.input-bad{position:relative;opacity:.85;border:2px dashed rgba(255,0,0,.5);background-image:linear-gradient(45deg,rgba(255,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(255,0,0,.1) 50%,rgba(255,0,0,.1) 75%,transparent 75%,transparent);background-size:10px 10px;color:#300}.input-bad:before{content:"✗";position:absolute;left:4px;top:4px;font-size:10px;color:#700}.connection-line{position:absolute;background-color:#fff3;transform-origin:top left;z-index:1}.broom-cursor{position:absolute;width:40px;height:40px;pointer-events:none;z-index:1000;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M19.36,2.72L20.78,4.14L15.06,9.85C16.13,11.39 16.28,13.24 15.38,14.44L9.06,8.12C10.26,7.22 12.11,7.37 13.65,8.44L19.36,2.72M5.93,17.57C3.92,15.56 2.69,13.16 2.35,10.92L7.23,8.83L14.67,16.27L12.58,21.15C10.34,20.81 7.94,19.58 5.93,17.57Z"/></svg>');background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%)}.machine-llm-context{width:200px;height:200px;background-color:#1e1e1eb3;border-radius:50%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;font-size:1rem;text-align:center;overflow:hidden;z-index:5;border:2px dashed rgba(255,255,255,.3);box-shadow:0 0 40px #8a2be233;pointer-events:none;animation:pulse-llm 8s infinite alternate ease-in-out}.context-visualization{width:100%;height:100%;position:relative;overflow:hidden;border-radius:50%}.machine-visual .machine-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:8}.machine-visual .machine-body{opacity:0}.machine-visual .llm-box{width:100%!important;height:100%!important;background-color:transparent!important;border:none!important;box-shadow:none!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.context-item{position:absolute;width:12px;height:12px;border-radius:50%;opacity:.9;transition:all .3s ease;animation:pulse 1.5s infinite alternate;z-index:15}@keyframes pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.2);opacity:1}}.start-instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background-color:#000000d9;padding:20px;border-radius:10px;z-index:100;max-width:80%;box-sizing:border-box}.start-instructions .start-button{margin-top:15px}.game-over-message{font-size:1.2rem;color:var(--red);text-align:center;margin-bottom:10px;font-weight:700;text-shadow:0 0 10px rgba(244,67,54,.5)}@keyframes flowToCenter{0%{transform:translate(0);opacity:1}to{transform:translate(var(--end-x),var(--end-y));opacity:.8}}@keyframes fadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.machine-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}@media (max-width: 1300px){.central-area{width:300px;height:300px}.output-area{width:30%}.output-area .input-section-output{height:100%}.game-area{width:70%}header h1{font-size:2rem}.top-right-stats{width:28%}}.broom-section{position:absolute;width:80px;height:80px;bottom:50px;right:50px;z-index:20;transition:all .3s ease}.broom-tool{width:100%;height:100%;background-color:#fff3;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #ffffff4d}.broom-tool:hover{background-color:#ffffff4d;transform:scale(1.1);box-shadow:0 0 20px #ffffff80}.game-title{position:absolute;top:2vh;left:50%;transform:translate(-50%);font-size:2.5rem;font-weight:700;color:#f5f5f5;text-shadow:0 0 10px rgba(255,255,255,.6);z-index:20}.player-info{position:absolute;top:10vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:20}.timer-container{position:absolute;top:20vh;left:50%;transform:translate(-50%);font-size:1.8rem;z-index:20}@media (max-width: 768px){.mobile-layout.bad-vibes-container{padding:0!important;width:100%!important;height:100%!important;box-sizing:border-box!important}.game-container{flex-direction:column;width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important;flex-grow:1;position:relative}.game-area{width:100%;margin:0!important;padding:0!important;box-sizing:border-box!important;flex-grow:1;position:relative;overflow:hidden}.output-area{display:none}header{position:relative;z-index:30}header h1{font-size:1.1rem;margin-top:5px;margin-bottom:5px}.central-area{width:200px;height:200px}.machine-llm-context{width:130px;height:130px}.input-flow-item{font-size:.7rem;padding:4px 6px;max-width:65px;min-height:25px}.section-label{font-size:.6rem}.code-output{font-size:.6rem;padding:4px}.start-instructions-dialog{max-width:90%!important;padding:10px;font-size:.8rem}.start-instructions-dialog h2{font-size:1rem}.start-instructions-dialog p{font-size:.8rem}.mobile-stats{font-size:.7rem;padding:5px}.mobile-stats .vibe-label{font-size:.7rem}.mobile-stats .sound-button{width:25px;height:25px;font-size:.8rem}.mobile-stats .sound-label{display:none}.mobile-stats .game-score{font-size:.7rem;padding:2px 4px}.mobile-layout .game-over-message{font-size:1rem}}@media (prefers-color-scheme: dark){.App{background-color:#121212}.game-container{background-color:#1e1e1ecc}}.output-area{position:relative;width:25%;height:80vh;z-index:15;display:flex;flex-direction:column;box-sizing:border-box}.output-area .input-section-output{position:relative;width:20vw;height:100%;border-color:var(--output-color-good);background-color:#0000004d;border:2px solid var(--output-color-good);border-radius:8px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;bottom:auto;left:auto;transform:none}.top-left-stats{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:10px;z-index:40;background-color:#0006;padding:10px;border-radius:8px;width:200px}.top-right-stats{position:absolute;top:10px;right:10px;display:flex;flex-direction:row;align-items:center;gap:10px;z-index:40;background-color:#0006;padding:10px;border-radius:8px;width:auto}@media (max-width: 768px){.top-left-stats,.top-right-stats{position:absolute;top:10px;width:auto;margin-bottom:0;background-color:#0006;padding:8px;border-radius:6px;z-index:40}.game-container:before{content:"";display:flex;width:100%;justify-content:space-between}.game-container{width:95vw;height:95vh;flex-direction:column}}.input-flow-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;pointer-events:none;opacity:.5;background:radial-gradient(circle at center,#ffffff1a,#fff0 70%)}.coding-machine{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.machine-llm-context .context-visualization>div{z-index:20!important;top:30%!important;text-shadow:0 0 5px rgba(0,0,0,.7)!important;font-weight:700!important;font-size:.8rem!important;background-color:#0006;padding:3px 6px;border-radius:4px}.llm-context-label{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;z-index:20;text-shadow:0 0 5px rgba(0,0,0,.7);background-color:#0006;padding:3px 6px;border-radius:4px;color:#fff}.background-particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;pointer-events:none}.background-particle{position:absolute;pointer-events:none;z-index:1;will-change:transform,opacity;transition:all .5s ease-out}@keyframes float-particle{0%{transform:translate(0) rotate(0) scale(.8);opacity:.1}50%{opacity:.7}to{transform:translate(var(--x, 10vw),var(--y, 10vh)) rotate(var(--r, 180deg)) scale(1.2);opacity:0}}@keyframes pulse-llm{0%{box-shadow:0 0 30px #8a2be233}50%{box-shadow:0 0 60px #8a2be266}to{box-shadow:0 0 30px #8a2be233}}@keyframes pulse-line{0%{opacity:.3}to{opacity:.7}}@keyframes blinkCursor{0%,to{border-right-color:transparent}50%{border-right-color:#0f0}}.sound-toggle{display:flex;align-items:center;padding:5px;background-color:#ffffff1a;border-radius:8px;z-index:20;margin-top:0}.sound-button{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:0 8px;display:flex;align-items:center;justify-content:center;background-color:#8a2be233;border-radius:4px;transition:all .2s ease}.sound-button:hover{background-color:#8a2be266;transform:scale(1.05)}.sound-label{margin-left:8px;font-size:.9rem}.touch-indicator{position:absolute;width:60px;height:60px;border-radius:50%;background-color:#8a2be24d;border:2px solid rgba(255,255,255,.5);box-shadow:0 0 15px #8a2be299;pointer-events:none;z-index:1000;animation:pulse 1s infinite alternate ease-in-out}.mobile-layout{padding:10px}.mobile-header h1{font-size:1.8rem;margin-bottom:5px}.mobile-stats{position:relative;width:45%;top:0;z-index:10;font-size:.7rem;padding:5px}.mobile-stats .vibe-label{font-size:.7rem}.mobile-stats .sound-button{width:30px;height:30px;font-size:1rem}.mobile-stats .sound-label{font-size:.7rem}.mobile-stats .game-score{font-size:.8rem;padding:3px}.mobile-game-container{flex-direction:column;height:auto}.mobile-game-container .game-area{width:100%;height:90vh;margin-right:0;margin-bottom:0}.mobile-output-area{width:100%;height:25vh;overflow-y:auto}.mobile-layout .input-flow-section{width:160px;height:100px}.mobile-layout .input-flow-item{font-size:.7rem;padding:5px 8px;max-width:80px;min-height:30px}.mobile-layout .central-area{width:240px;height:240px}.mobile-layout .machine-llm-context{width:150px;height:150px}.mobile-layout .section-label{font-size:.7rem}.mobile-layout .input-section-app{top:2%;left:50%;transform:translate(-50%)}.mobile-layout .input-section-custom-rules{top:24%;left:5%}.mobile-layout .input-section-request{bottom:10%;left:10%}.mobile-layout .input-section-code{top:24%;right:5%}.mobile-layout .input-section-tools{bottom:10%;right:10%}@media (max-width: 768px){.top-left-stats,.top-right-stats{position:absolute;top:10px;width:auto;margin-bottom:0;background-color:#0006;padding:8px;border-radius:6px;z-index:40}.top-left-stats{left:10px;display:flex;flex-direction:column;gap:5px;width:55%;max-width:180px}.top-right-stats{right:10px;display:flex;flex-direction:row;align-items:center;gap:8px}.game-container:before{display:none}.game-container{flex-direction:column;height:auto;width:100vw;height:100vh;padding:0!important;margin:0!important;box-sizing:border-box}.game-area{width:100%;flex-grow:1;margin:0!important;padding:0!important;box-sizing:border-box;position:relative;overflow:hidden}.output-area{display:none}header{position:relative;z-index:30}header h1{font-size:1.1rem;margin-top:5px;margin-bottom:5px}.central-area{width:200px;height:200px}.machine-llm-context{width:130px;height:130px}.input-flow-item{font-size:.7rem;padding:4px 6px;max-width:65px;min-height:25px}.section-label{font-size:.6rem}.code-output{font-size:.6rem;padding:4px}.start-instructions-dialog{max-width:90%!important;padding:10px;font-size:.8rem}.start-instructions-dialog h2{font-size:1rem}.start-instructions-dialog p{font-size:.8rem}.mobile-stats{font-size:.7rem;padding:5px}.mobile-stats .vibe-label{font-size:.7rem}.mobile-stats .sound-button{width:25px;height:25px;font-size:.8rem}.mobile-stats .sound-label{display:none}.mobile-stats .game-score{font-size:.7rem;padding:2px 4px}.mobile-layout .game-over-message{font-size:1rem}}@media (max-width: 480px){.mobile-layout .input-flow-section{display:none}.mobile-layout .input-section-app{top:5%;width:140px;height:80px}.mobile-layout .input-section-custom-rules{top:28%;left:8%;width:140px;height:80px}.mobile-layout .input-section-request{bottom:15%;left:12%;width:140px;height:80px}.mobile-layout .input-section-code{top:28%;right:8%;width:140px;height:80px}.mobile-layout .input-section-tools{bottom:15%;right:12%;width:140px;height:80px}.mobile-layout .central-area{width:180px;height:180px}.mobile-layout .machine-llm-context{width:120px;height:120px}.mobile-layout .input-flow-item{max-width:70px;min-height:25px;font-size:.6rem}.mobile-layout .section-label{font-size:.6rem}.mobile-layout .splash-screen .start-instructions-dialog{max-width:90%!important;font-size:.6rem}.mobile-layout .game-over-message{font-size:.75rem}.game-area{width:100%;margin:0!important;box-sizing:border-box}.mobile-layout header h1{display:none!important}header h1{font-size:1.1rem;margin-top:5px}.start-instructions-dialog{max-width:90%!important;padding:10px;font-size:.6rem}.start-instructions-dialog h2{font-size:.75rem}.start-instructions-dialog p{font-size:.6rem}.mobile-layout .mobile-stats{font-size:.7rem;padding:5px}.mobile-layout .mobile-stats .vibe-label{font-size:.7rem}.mobile-layout .mobile-stats .sound-button{width:25px;height:25px;font-size:.8rem}.mobile-layout .mobile-stats .sound-label{font-size:.6rem}.mobile-layout .mobile-stats .game-score{font-size:.7rem;padding:2px 4px}.mobile-layout .mobile-stats .game-over-message{font-size:.75rem}}@media (max-width: 768px){.start-instructions{width:90%;max-width:90%;padding:15px}}