@media (max-width:600px){body{padding-top:2px!important;margin-top:0!important}.pixel-title-box{margin-bottom:0!important;margin-top:2px!important;position:relative!important;z-index:1!important}.pixel-title-text,h1.fade-in{line-height:1!important;margin-bottom:-2px!important;margin-top:-8px!important;padding:8px!important}.tagline.fade-in{margin-top:-5px!important;margin-bottom:5px!important;line-height:1!important;padding:0!important;font-size:.85rem!important}#next-track-time.fade-in{margin-top:0!important;margin-bottom:3px!important;line-height:1!important;padding:3px!important;font-size:.75rem!important}.game-screen,.game-ui,.gameCanvas{margin-top:0!important;padding-top:0!important}.gameCanvas{display:block}}.game-container,.game-screen,.pixel-button,button,input,select{transform:translateZ(0);will-change:auto}.controls-panel,.controls-panel *,.game-ui,.game-ui *{backface-visibility:hidden}.x-emoji-link,.x-emoji-link *{backface-visibility:visible!important}#startButton:hover,.game-screen:hover,.modal-close:hover,.pixel-button:hover,button:hover,input:hover,select:hover{transform:translateZ(0)!important}.pixel-title-box{border:none!important;display:inline-block!important;padding:0!important;background:transparent!important;margin-bottom:4px!important;margin-top:10px!important}.pixel-title-text{font-style:normal;color:#111;letter-spacing:4px;background:transparent;margin:0;text-align:center;text-transform:uppercase;font-size:32px;line-height:1.1}.pixel-title-text,.pixel-title-text strong{font-family:Tiny5,sans-serif!important;font-weight:400!important}@media (max-width:768px){footer{position:fixed;left:0;bottom:0;width:100vw;background:rgba(255,255,255,.97);z-index:100;margin-top:0;padding:10px 0 8px;font-size:.85em;box-shadow:0 -2px 8px #0001}.game-container{margin-bottom:48px}}body,html{min-height:100vh;display:flex;flex-direction:column;margin:0;padding:0}.game-container{flex:1}footer{text-align:center;margin-top:32px;font-family:IBM Plex Mono,monospace;font-size:.95em;color:#aaa}footer a{color:#aaa;text-decoration:underline;margin-right:18px}footer a:last-child{margin-right:0}.custom-select-container{position:relative;width:100%}.custom-select-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding-right:30px;font-family:IBM Plex Mono,monospace;transition:none!important}input:hover,select:hover{transform:none!important;background-color:var(--bg-secondary)!important;box-shadow:none!important}input,select{transition:none!important}.select-arrow{position:absolute;right:5px;top:50%;transform:translateY(-50%);pointer-events:auto;width:20px;height:20px;background:white;border:1px solid black;display:flex;align-items:center;justify-content:center;transition:none;cursor:pointer;z-index:10;-webkit-tap-highlight-color:rgba(0,0,0,0)}.select-arrow.glow,.select-arrow:active,.select-arrow:hover{background:white;border:1px solid black;box-shadow:0 0 10px #0066FF,0 0 20px #0066FF;transform:translateY(-50%)}.select-arrow:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid black;transition:none}.constructor-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.15);opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1)}.constructor-modal.active{opacity:1;visibility:visible}.constructor-modal.active .constructor-card{transform:scale(1);opacity:1}.constructor-modal.closing{opacity:0;visibility:hidden}.constructor-card,.constructor-modal.closing .constructor-card{transform:scale(.7);opacity:0}.constructor-card{background:var(--bg-primary);border:2px solid var(--border);border-radius:8px;padding:20px;max-width:320px;width:100%;max-height:80vh;overflow-y:auto;position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.constructor-card h3{font-size:16px;margin:0 0 16px;text-align:center;text-transform:uppercase;letter-spacing:1px}.constructor-card h3,.constructor-option{font-family:IBM Plex Mono,monospace;color:var(--text-primary)}.constructor-option{display:block;width:100%;background:var(--bg-secondary);border:2px solid var(--border);border-radius:4px;padding:12px 16px;margin-bottom:8px;cursor:pointer;font-size:14px;text-align:left;transition:all .2s ease}.constructor-option:hover{background:var(--surface);box-shadow:0 0 5px #89CFF0,0 0 10px #89CFF0;transform:translateY(-1px)}.constructor-option.selected{background:#89CFF0;color:white;border-color:#89CFF0}.constructor-option:last-child{margin-bottom:0}.constructor-modal .modal-close.pixel-button{position:absolute!important;top:8px!important;right:8px!important;background:none!important;border:none!important;cursor:pointer;color:var(--text-primary);width:24px!important;height:24px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%!important;transition:all .2s ease;padding:0!important;margin:0!important;text-transform:none!important;letter-spacing:normal!important;font-size:16px!important}.constructor-modal .modal-close.pixel-button:hover{background:var(--surface)!important;color:var(--highlight-blue);filter:none!important;box-shadow:none!important}.constructor-modal .modal-close.pixel-button svg{width:16px;height:16px}@media (max-width:600px){.constructor-card{padding:16px;margin:10px}.constructor-option{padding:10px 14px;font-size:13px}}@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap");:root{--bg-primary:#FFFFFF;--bg-secondary:#F8F8F8;--text-primary:#000000;--text-secondary:#333333;--accent:#000000;--accent-hover:#333333;--border:#000000;--surface:#F1F1F1;--mercedes-color:#C0C0C0;--williams-color:#0C2340;--highlight-blue:#0066FF}*{margin:0;padding:0;box-sizing:border-box;font-family:IBM Plex Mono,monospace;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,select,textarea{-webkit-touch-callout:default;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#lap-timer,#shareButton,.action,.best-lap,.key,.leaderboard-title,.pixel-button,.previous-lap,.share-icon,.tagline,h1{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{height:100%}body,html{background-color:var(--bg-primary);overflow:hidden}body{margin:0;padding:0;font-family:IBM Plex Mono,monospace;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh}@media (max-width:768px){body{overflow:hidden;display:flex;flex-direction:column;height:100vh}}.game-container{width:50%;height:85vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:1rem auto;padding:1rem;box-sizing:border-box;gap:1rem}@media (max-width:768px){.game-container{width:100%;height:100vh;margin:0;padding:.5rem .5rem 0;display:flex;flex-direction:column}}.game-ui{display:grid;grid-template-columns:200px 1fr;gap:.5rem;background:var(--bg-secondary);border:2px solid var(--border);padding:.5rem;border-radius:0;width:100%;flex:1;min-height:0;max-height:75vh;box-shadow:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:768px){.game-ui{display:flex;flex-direction:column;height:100%;border:none;background:transparent;overflow:hidden}.controls-panel{order:2;position:relative;bottom:auto;left:0;right:0;width:100%;margin:0 auto;height:auto;max-height:35vh;padding:.5rem;overflow-y:auto;z-index:10}.game-screen{order:1;flex:1;min-height:0;height:55vh;margin-bottom:.5rem}}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);padding:.5rem 0 0;margin-bottom:.15rem;line-height:1;text-align:center;font-family:IBM Plex Mono,monospace;text-transform:uppercase}@media (max-width:768px){h1{position:sticky;top:0;background:var(--bg-primary);padding:.5rem 0;z-index:2;font-size:1.5rem;flex-shrink:0}}h1 strong{display:inline-block;border:none;font-weight:700}.tagline{font-size:.9rem;color:var(--text-secondary);margin-bottom:.15rem;font-weight:400;text-align:center;letter-spacing:-.01em;padding:0 .25rem}@media (max-width:768px){.tagline{position:sticky;top:2.5rem;background:var(--bg-primary);padding-bottom:.5rem;z-index:2;font-size:.7rem;flex-shrink:0}}.game-screen{position:relative;border:2px solid var(--border);border-radius:0;overflow:hidden;aspect-ratio:4/3;background:#FFFFFF;box-shadow:none;display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:.25rem;max-height:75vh}.game-screen:hover{background:rgba(255,255,255,.02);box-shadow:none}@media (max-width:768px){.game-screen{flex:1;min-height:0;height:55vh;margin-bottom:.5rem}}#gameCanvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;image-rendering:pixelated}@media (max-width:768px){#gameCanvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}}.stats{position:absolute;bottom:20px;left:20px;display:flex;flex-direction:column;gap:.5rem;z-index:100}@media (max-width:768px){.stats{position:absolute;top:10px;right:10px;bottom:auto;left:auto;z-index:15;width:auto;max-width:none}}#lap-timer{padding:.6rem 1rem;background:var(--bg-primary);border:2px solid var(--border);border-radius:0;font-size:1rem;font-weight:600;color:var(--text-primary);box-shadow:none;width:100%}#lap-timer,#next-track-time{letter-spacing:-.01em;text-align:center}#next-track-time{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:400;padding:0 .25rem}@media (max-width:768px){#lap-timer{padding:.35rem .5rem;font-size:.85rem;background:rgba(255,255,255,.98);border:2px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,.15);min-width:100px;text-align:center;display:block!important;opacity:1!important}#next-track-time{position:sticky;top:4rem;background:var(--bg-primary);padding-bottom:.5rem;z-index:2;font-size:.65rem;flex-shrink:0}}#leaderboard{margin-top:auto;padding:.8rem;background:var(--surface);border:2px solid var(--border);border-radius:0;font-size:.85rem;color:var(--text-primary);box-shadow:none;width:100%}@media (max-width:768px){#leaderboard{padding:.35rem;font-size:.75rem;margin:.25rem 0 0}}.best-lap{color:var(--highlight-blue);font-weight:600;font-size:.9rem;margin-bottom:.3rem;padding-bottom:0;border-bottom:1px solid var(--border)}@media (max-width:768px){.best-lap{font-size:.8rem;margin-bottom:.15rem;padding-bottom:.15rem}}.previous-lap{color:var(--text-secondary);font-weight:600;font-size:.85rem;margin-top:.3rem;padding-top:0}.leaderboard-title{font-weight:600;margin-bottom:.5rem;text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}#lap-times{display:flex;gap:.25rem}#lap-times,.in-game-leaderboard{flex-direction:column;font-family:IBM Plex Mono,monospace}.in-game-leaderboard{position:absolute;top:10px;left:10px;display:none;z-index:100;background:var(--bg-primary);border:2px solid var(--border);border-radius:4px;font-size:1rem;color:var(--text-primary);min-width:120px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.in-game-leaderboard.visible{display:flex}.leaderboard-content{padding:.3rem .5rem;transition:all .3s ease;position:relative}.leaderboard-collapse{position:absolute;top:.2rem;right:.2rem;background:none;border:none;cursor:pointer;padding:2px;font-size:1rem;line-height:1;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:2px;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.leaderboard-collapse:hover{background:rgba(255,255,255,.1)}.leaderboard-collapse:active{background:rgba(255,255,255,.2);transform:scale(.95)}.leaderboard-collapse:focus{outline:none;box-shadow:none}.collapse-icon{transition:transform .25s ease;pointer-events:none}.leaderboard-collapse:hover .collapse-icon{transform:scale(1.05)}.leaderboard-collapse:active .collapse-icon{transform:scale(.9)}.in-game-leaderboard.collapsed .collapse-icon{transform:rotate(180deg)}.in-game-leaderboard.collapsed .leaderboard-collapse:hover .collapse-icon{transform:rotate(180deg) scale(1.05)}.in-game-leaderboard.collapsed .leaderboard-collapse:active .collapse-icon{transform:rotate(180deg) scale(.9)}.in-game-leaderboard.collapsed{min-width:auto;background:transparent;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.in-game-leaderboard.collapsed .leaderboard-content{padding:0;background:transparent;border:none;display:flex;align-items:center;justify-content:center}.in-game-leaderboard.collapsed #in-game-lap-times{display:none}.in-game-leaderboard.collapsed .leaderboard-collapse{position:static;top:auto;right:auto}@media (max-width:768px){.in-game-leaderboard{top:15px;left:15px;font-size:.85rem!important;min-width:100px;background:rgba(255,255,255,.98);box-shadow:0 2px 4px rgba(0,0,0,.15)}.in-game-leaderboard.collapsed{width:28px;height:28px;background:transparent;border:none}.in-game-leaderboard.collapsed .leaderboard-content{padding:0;background:transparent;border:none}.leaderboard-content{padding:.175rem .25rem}.leaderboard-collapse{top:.15rem;right:.15rem;padding:1px;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.in-game-best-lap{font-size:.85rem!important}.in-game-previous-lap{font-size:.8rem!important}}#in-game-lap-times{display:flex;flex-direction:column;gap:.15rem;font-family:IBM Plex Mono,monospace}.in-game-best-lap{color:var(--highlight-blue);font-size:1rem}.in-game-best-lap,.in-game-previous-lap{font-weight:600;margin-bottom:.2rem;padding-bottom:0}.in-game-previous-lap{color:var(--text-secondary);font-size:.95rem}.in-game-sparkline{font-family:monospace;letter-spacing:.1em;font-size:1rem;line-height:1;color:#A9A9A9;margin:0;white-space:pre;opacity:1}.in-game-sparkline .best-lap{color:purple}@media (max-width:768px){.in-game-sparkline{font-size:.85rem;margin:.05rem 0 .15rem}}input,select{width:100%;padding:.4rem;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border);border-radius:0;font-family:IBM Plex Mono,monospace;font-size:.85rem;transition:all .1s ease;margin-bottom:.15rem;min-width:0;-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}input:hover,select:hover{background-color:var(--bg-primary);border-color:var(--text-secondary);box-shadow:none}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:none}@media (max-width:768px){.pixel-button,input,select{padding:.35rem;font-size:.8rem;margin-bottom:.15rem}}label{display:block;margin-bottom:.05rem;font-size:.75rem;letter-spacing:.05em}.pixel-button,label{color:var(--text-primary);text-transform:uppercase;font-weight:600}.pixel-button{width:100%;padding:.4rem;font-family:IBM Plex Mono,monospace;font-size:.85rem;background:var(--bg-primary);border:2px solid var(--border);border-radius:0;cursor:pointer;transition:all .1s ease;letter-spacing:.03em;margin:.07rem 0}.pixel-button:hover{background:var(--bg-primary);color:var(--text-primary);filter:brightness(1.05);box-shadow:none}.pixel-button:active{filter:brightness(.95);background:var(--bg-secondary);box-shadow:none}.pixel-button.glow{animation:glowingButton 2s infinite;background:var(--bg-primary);border-color:var(--accent);color:var(--accent)}#startButton{color:var(--highlight-blue);border-color:var(--highlight-blue);animation:blueGlowingButton 2s infinite;font-family:Roboto Mono,monospace;font-weight:600;letter-spacing:.02em;background:var(--bg-primary);transition:all .1s ease;margin-bottom:.07rem}#startButton:hover{filter:brightness(1.05);box-shadow:none}#startButton:active{background:var(--highlight-blue);color:var(--bg-primary);transform:translate(0);box-shadow:none}#startButton.crash-glow{border-color:#FF0000;animation:redGlowingButton 2s infinite}#startButton.crash-glow,#startButton.crash-glow:hover{color:#D10000;background:var(--bg-primary)}#startButton.crash-glow:active{background:#D10000;color:var(--bg-primary)}@keyframes blueGlowingButton{0%{box-shadow:0 0 3px var(--highlight-blue),0 0 5px var(--highlight-blue);border-color:var(--highlight-blue)}50%{box-shadow:0 0 6px var(--highlight-blue),0 0 10px var(--highlight-blue);border-color:var(--highlight-blue)}to{box-shadow:0 0 3px var(--highlight-blue),0 0 5px var(--highlight-blue);border-color:var(--highlight-blue)}}@keyframes greenGlowingButton{0%{box-shadow:0 0 3px #32CD32,0 0 5px #32CD32;border-color:#32CD32}50%{box-shadow:0 0 6px #32CD32,0 0 10px #32CD32;border-color:#32CD32}to{box-shadow:0 0 3px #32CD32,0 0 5px #32CD32;border-color:#32CD32}}@keyframes redGlowingButton{0%{box-shadow:0 0 4px #FF0000,0 0 8px #FF0000;border-color:#FF0000}50%{box-shadow:0 0 8px #FF0000,0 0 16px #FF0000;border-color:#FF0000}to{box-shadow:0 0 4px #FF0000,0 0 8px #FF0000;border-color:#FF0000}}#shareButton{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background-color:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border);margin-top:.5rem}.control-share-button{margin-top:.5rem!important}#shareButton:hover{background-color:var(--bg-secondary)}#shareButton.completed-glow{color:var(--highlight-blue);border-color:var(--highlight-blue);animation:blueGlowingButton 2s infinite}#shareButton.completed-glow:hover{background:var(--highlight-blue);color:var(--bg-primary)}@media (max-width:768px){#shareButton{padding:.35rem}}.share-card{position:relative;background:var(--bg-primary);border:2px solid var(--border);box-shadow:none;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:90vw;max-height:90vh;border-radius:0;transform:scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease}@media (max-width:768px){.share-modal .share-card{width:92%;padding:.5rem;max-height:90vh}}.share-card-preview{width:500px;height:500px;max-width:100%;max-height:100%;border:2px solid var(--border);object-fit:contain}@media (max-width:768px){.share-card-preview{width:100%;height:auto}}.share-card-buttons{display:flex;gap:1rem;width:100%;margin-top:1rem}.share-card-buttons .pixel-button{flex:1}.modal-close{position:absolute;top:-25px;right:-25px;width:50px;height:50px;background:#FF0000;border:2px solid var(--border);color:var(--bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;box-shadow:none;z-index:1001;border-radius:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.modal-close:hover{filter:brightness(1.1);box-shadow:none;background:#CC0000}.modal-close:active{transform:translate(0);box-shadow:none;background:#AA0000}.modal-close svg{width:24px;height:24px;pointer-events:none}@media (max-width:768px){.modal-close{top:-25px;right:-25px;width:50px;height:50px}.modal-close svg{width:26px;height:26px}}.share-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.15);opacity:0;visibility:hidden;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .3s ease,visibility .3s ease}.share-modal.visible{opacity:1;visibility:visible}.share-modal.visible .share-card{transform:scale(1);opacity:1}.controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:.07rem;padding:0 7.5%;box-sizing:border-box}.control-item{background:transparent;border:none;box-shadow:none;padding:0;margin:0;position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;display:flex;align-items:center;justify-content:center;min-height:unset;cursor:pointer;transition:none;width:100%;height:100%}.control-item:first-child{justify-content:flex-end;padding-right:2.5%}.control-item:last-child{justify-content:flex-start;padding-left:2.5%}.control-item.pressed,.control-item:active{transform:translateY(4px)}.control-item.pressed,.control-item:active,.control-item:hover{background:transparent;border:none;box-shadow:none}.control-image{width:100%;height:auto;object-fit:contain;max-width:150px;max-height:120px;display:block;padding:0;margin:0 auto;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;pointer-events:none}@media (max-width:768px){.control-item{min-height:unset;padding:0}.control-image{max-width:110px;max-height:90px;padding:0}}.key{display:inline-block;background:var(--bg-primary);color:var(--text-primary);padding:.4rem .6rem;border:2px solid var(--border);font-size:.9rem;font-weight:700;margin-bottom:.25rem}.action,.key{user-select:none;-webkit-user-select:none}.action{color:var(--text-secondary);font-size:.8rem;font-weight:600}.controls-panel{display:flex;flex-direction:column;gap:.12rem;background:var(--bg-primary);border:2px solid var(--border);border-radius:0;height:100%;padding:.35rem;max-height:75vh;overflow-y:auto;box-shadow:none}@media (max-width:768px){.controls-panel{position:relative;bottom:auto;left:0;right:0;width:100%;margin:0 auto;height:auto;max-height:35vh;padding:.5rem;overflow-y:auto;z-index:10}}.player-setup{display:flex;flex-direction:column;gap:.15rem}@media (max-width:768px){.player-setup{gap:.15rem}}.track-select{margin-bottom:.15rem}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowingButton{0%{box-shadow:0 0 5px var(--accent),0 0 10px var(--accent),0 0 15px var(--accent);border-color:var(--accent);color:var(--accent)}50%{box-shadow:0 0 10px var(--accent),0 0 20px var(--accent),0 0 25px var(--accent);border-color:var(--accent);color:var(--accent)}to{box-shadow:0 0 5px var(--accent),0 0 10px var(--accent),0 0 15px var(--accent);border-color:var(--accent);color:var(--accent)}}@media (max-height:760px){.game-container{height:100vh;padding:.25rem .15rem;gap:.15rem}h1{font-size:1.8rem;padding:1rem 0 0}.tagline,h1{margin-bottom:.05rem}.tagline{font-size:.8rem}.controls-panel{gap:.15rem}.control-item{padding:.1rem}.pixel-button,input,select{padding:.25rem;margin-bottom:.1rem;font-size:.8rem}.action,.key{font-size:.65rem}.control-item{min-height:60px}.control-image{max-width:60px;max-height:60px}}@media (max-height:600px){.game-container{padding:.15rem .1rem;gap:.1rem}h1{font-size:1.5rem;padding:.5rem 0 0}.tagline{font-size:.7rem}.pixel-button,input,select{font-size:.75rem;padding:.2rem}.action,.key{font-size:.6rem}.control-item{min-height:50px}.control-image{max-width:50px;max-height:50px}}.x-emoji-link{position:absolute;top:12px;right:18px;font-size:2rem;text-decoration:none;z-index:10;transition:transform .1s}.x-emoji-link:hover{transform:scale(1.15) rotate(-10deg);text-shadow:0 2px 8px #0002}@media (max-width:768px){.x-emoji-link{top:8px;right:10px;font-size:1.5rem}}#hamburger{position:fixed;top:10px;left:10px;z-index:200;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none;border:none;outline:none;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;transition:left .6s ease,top .6s ease,background .6s ease,border-radius .6s ease}#hamburger.panel-open{position:fixed;top:12px;right:auto;left:188px;z-index:301;background:rgba(255,255,255,.1);border-radius:4px}#hamburger.panel-open .hamburger-bar{background:#333}.hamburger-bar{width:28px;height:3px;background:#444;margin:3px 0;border-radius:1px;transition:all .7s cubic-bezier(.4,2,.6,1);pointer-events:none}#hamburger.active .hamburger-bar:first-child{transform:translateY(8px) rotate(45deg);transition:all .7s cubic-bezier(.4,2,.6,1);background:#333}#hamburger.active .hamburger-bar:nth-child(2){opacity:0;transition:all .7s cubic-bezier(.4,2,.6,1)}#hamburger.active .hamburger-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);transition:all .7s cubic-bezier(.4,2,.6,1);background:#333}#hamburger:focus{outline:none}#hamburger:active,#hamburger:focus{outline:none;box-shadow:none}@media (max-width:768px){#hamburger{transform:none;transform-origin:top left;width:32px;height:32px;transition:left .6s ease,top .6s ease,background .6s ease,border-radius .6s ease}#hamburger.panel-open{top:10px;left:188px;right:auto}.hamburger-bar{width:22px;height:2.2px;margin:2px 0}#hamburger.active .hamburger-bar:first-child{transform:translateY(6px) rotate(45deg);background:#333}#hamburger.active .hamburger-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg);background:#333}}.violation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.15);opacity:0;visibility:hidden;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .3s ease,visibility .3s ease}.violation-modal.visible{opacity:1;visibility:visible}.violation-modal.visible .violation-card{transform:scale(1);opacity:1}.violation-card{position:relative;background:var(--bg-primary);border:2px solid var(--border);box-shadow:none;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:500px;max-height:90vh;border-radius:0;transform:scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease;text-align:center}.violation-card h3{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.violation-card h3,.violation-card p{font-family:IBM Plex Mono,monospace;color:var(--text-primary);margin:0}.violation-card p{font-size:.9rem;line-height:1.4}.violation-details{background:rgba(0,0,0,.05);border:1px solid var(--border);padding:1rem;width:100%;font-family:IBM Plex Mono,monospace;font-size:.8rem;text-align:left}.violation-card .pixel-button{width:auto;min-width:120px;margin-top:.5rem}@media (max-width:768px){.violation-card{width:92%;padding:1rem;max-height:90vh}}