:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#eee;background:#1a1a1a;margin:0;font-family:system-ui,sans-serif}#root{max-width:480px;margin:0 auto;padding:1.5rem 1rem}h1{text-align:center;font-size:1.5rem}.auth-screen,.queue-screen{flex-direction:column;align-items:center;gap:1rem;margin-top:3rem;display:flex}.auth-form{flex-direction:column;gap:.75rem;width:100%;max-width:280px;display:flex}.auth-form input{color:#eee;background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:.6rem}button{color:#fff;cursor:pointer;background:#3a7d44;border:none;border-radius:6px;padding:.6rem 1rem;font-size:.95rem}button:hover{background:#4a9455}button.danger{background:#a83232;width:100%;margin-top:.75rem}button.link-btn{color:#7db8ff;background:0 0;padding:.25rem;text-decoration:underline}.error{color:#ff6b6b}.lobby-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.time-control-picker{gap:.5rem;margin-bottom:1rem;display:flex}.time-control-picker button{background:#2a2a2a;flex:1}.time-control-picker button.selected{background:#3a7d44}.play-btn{width:100%;margin-bottom:.75rem;padding:.9rem;font-size:1.1rem}.play-btn.secondary{background:#2a2a2a;margin-bottom:1.5rem}.play-btn.secondary:hover{background:#383838}.level-picker{flex-direction:column;gap:.6rem;width:100%;max-width:280px;display:flex}.level-picker button{background:#2a2a2a;padding:.75rem}.level-picker button:hover{background:#3a7d44}table.leaderboard{border-collapse:collapse;width:100%}table.leaderboard th,table.leaderboard td{text-align:left;border-bottom:1px solid #333;padding:.4rem}.game-screen{flex-direction:column;gap:.5rem;display:flex}.game-header{justify-content:space-between;align-items:center;display:flex}.player-badge{background:#2a2a2a;border-radius:6px;padding:.4rem .8rem}.player-badge.active{background:#3a7d44}.clock{font-variant-numeric:tabular-nums;background:#2a2a2a;border-radius:6px;padding:.3rem .7rem;font-size:1.3rem}.board{aspect-ratio:1;border:2px solid #555;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid}.square{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:0;min-height:0;font-family:"Noto Sans Symbols 2",Segoe UI Symbol,DejaVu Sans,Arial Unicode MS,sans-serif;font-size:min(7vw,2.2rem);line-height:1;display:flex;position:relative}.piece{pointer-events:none}.piece-black{color:#7a4a1e;-webkit-text-stroke:.6px #fff3d6;text-shadow:-1px -1px #fff3d6,1px -1px #fff3d6,-1px 1px #fff3d6,1px 1px #fff3d6}.piece-white{color:#f3c623;-webkit-text-stroke:.6px #4a2e05;text-shadow:-1px -1px #4a2e05,1px -1px #4a2e05,-1px 1px #4a2e05,1px 1px #4a2e05}.square.light{background:#ebecd0}.square.dark{background:#779556}.square.selected{outline:3px solid #f6c944 inset}.square.target:after{content:"";background:#00000040;border-radius:50%;width:28%;height:28%;position:absolute}.notice{text-align:center;color:#f6c944}.game-over-panel{text-align:center;background:#2a2a2a;border-radius:8px;margin-top:.5rem;padding:1rem}