: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}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden!important}body{min-width:320px;min-height:100vh}#root,#app{width:100%;overflow-x:hidden!important}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}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}}@keyframes pulse-red{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ef4444b3}50%{transform:scale(1.2);opacity:.8;box-shadow:0 0 0 15px #ef444400}}.main-nav{padding:12px;border-bottom:1px solid #eee;max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:1001}.nav-logo{font-weight:700;font-size:1.3rem;text-decoration:none;color:#5b6ee1}.desktop-nav-links{display:flex;gap:12px;flex-wrap:wrap}.nav-link{text-decoration:none;color:#646cff;font-size:.9rem}.hamburger-btn{display:none;background:transparent;border:2px solid #5b6ee1;border-radius:4px;font-size:1.5rem;cursor:pointer;padding:4px 12px;color:#5b6ee1}.mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.mobile-nav-menu{position:fixed;top:50px;left:0;right:0;background:#fff;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:calc(100vh - 60px);overflow-y:auto}.mobile-nav-link{display:block;padding:16px 20px;text-decoration:none;color:#213547;border-bottom:1px solid #eee;font-size:1rem;font-weight:500}.mobile-game-info,.mobile-tip-panel{display:none}@media (max-width: 768px){#app{padding:.5rem!important}main{padding:12px!important;max-width:100vw!important;overflow-x:hidden!important}.main-nav{padding:8px!important}.nav-logo{font-size:1.2rem!important}.desktop-nav-links{display:none!important}.hamburger-btn{display:block!important}.board-info-panel{display:none!important}.side-panel{position:none!important;display:none!important}.side-panel.active{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-height:100vh!important;background:#000000b3!important;z-index:200!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow-y:auto!important;flex-direction:column!important}.side-panel.active>div{width:100%!important;max-width:400px!important;background:#fff!important;border-radius:16px!important;padding:16px!important;box-shadow:0 10px 40px #0000004d!important;max-height:80vh!important;overflow-y:auto!important}.mobile-panel-toggle{display:block!important}.mobile-game-info{display:block!important;margin-bottom:16px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.mobile-tip-panel{display:block!important;margin-top:16px;padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:11px;color:#0369a1}}@media (min-width: 769px){.hamburger-btn,.mobile-backdrop,.mobile-nav-menu{display:none!important}.board-info-panel{display:block!important}.side-panel{position:absolute!important;display:flex!important;visibility:visible!important}.mobile-panel-toggle{display:none!important}}