html,body{margin:0;height:100%;background:#12151f;font-family:system-ui,sans-serif;overflow:hidden}#game{position:absolute;top:0;right:0;bottom:0;left:0}#ui{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.panel{pointer-events:auto;background:#e6d3b3;border:6px solid #4a3a2a;border-radius:6px;outline:2px solid #9aa7b8;padding:0 20px 20px;width:min(340px,calc(100vw - 32px));color:#3a2a1a;box-shadow:0 8px 32px #0000008c}.panel .logo{display:block;width:calc(100% + 40px);margin:0 -20px 12px}.panel h2{margin:16px 0;text-align:center;color:#4a3a2a;letter-spacing:1px}.panel input,.panel select{width:100%;box-sizing:border-box;padding:10px;margin-bottom:10px;border-radius:6px;border:2px solid #8a6a4a;background:#fff8ec;color:#3a2a1a;font-size:15px}.panel button{width:100%;padding:10px;border:3px solid #0d3d0d;border-radius:10px;color:#fff;cursor:pointer;font-weight:800;font-size:17px;margin-bottom:8px;text-shadow:0 2px 0 #0d3d0d;background:linear-gradient(#4fd24f,#1f9a1f,#127812)}.panel button.secondary{border-color:#6a4a0a;text-shadow:0 2px 0 #6a4a0a;background:linear-gradient(#ffd56a,#e8a23a,#c07a1a)}.panel .err{color:#b3261e;min-height:20px;font-size:13px;font-weight:600;margin-bottom:6px}