:root{color:#222;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}main{flex-direction:column;align-items:center;gap:32px;min-height:100vh;padding:48px 16px 32px;display:flex}.audio-controls{align-items:center;gap:12px;width:min(100%,800px);display:flex}.audio-controls label{flex:none;font-weight:700}#audio-volume{flex:1;min-width:120px;margin:0}#audio-mute{color:#222;min-width:120px;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:2px solid #222;border-radius:8px;padding:8px 16px;font-weight:700}#audio-mute:active{background:#eee;transform:translateY(2px)}#audio-mute:focus-visible,#audio-volume:focus-visible{outline-offset:3px;outline:3px solid #222}main>section:first-child{width:min(100%,800px)}.game-surface{width:100%;min-width:0}canvas{width:100%;max-width:800px;height:auto;image-rendering:pixelated;border:1px solid #222;display:block}.touch-controls{justify-content:center;gap:12px;padding-top:12px;display:flex}.touch-control{color:#222;width:96px;min-height:64px;font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #222;border-radius:8px;padding:12px;font-weight:700}.touch-control:active{background:#eee;transform:translateY(2px)}.touch-control:focus-visible{outline-offset:3px;outline:3px solid #222}.game-information{text-align:center;border:1px solid #222;border-radius:8px;width:min(100%,800px);padding:20px 16px}.connection-status{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:16px}.connection-status[hidden]{display:none}.connection-status p{margin:6px 0}.offline-message{font-weight:700}.game-footer{flex-direction:column;align-items:center;gap:12px;display:flex}.developer-credit{text-align:center;margin:0}.heart{color:#e63946}.developer-credit a{color:inherit;text-underline-offset:3px;font-weight:700;text-decoration:underline}.social-links{justify-content:center;align-items:center;gap:20px;display:flex}.social-links a{min-width:44px;min-height:44px;color:inherit;border-radius:6px;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.social-links a:hover{color:#555}.social-links a:focus-visible,.developer-credit a:focus-visible{outline-offset:4px;outline:3px solid #222}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.touch-controls{display:none}}@media (width>=769px) and (width<=1024px){main{gap:28px;padding:32px 16px 24px}}@media (width<=768px){main{gap:24px;padding:24px 12px}.audio-controls{flex-wrap:wrap}.audio-controls label{width:100%}#audio-volume{min-width:0}#audio-mute{min-width:112px}.touch-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.touch-control{width:88px;min-height:64px}}@media (width<=768px) and (orientation:landscape){.touch-controls{flex-direction:row;align-items:center}}@media (width<=480px){.game-footer{gap:12px}}@media (prefers-reduced-motion:reduce){.social-links a{transition:none}}