*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#5ec7ff,#fff173 45%,#ff6262);min-height:100vh;color:#152238}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:520px;background:rgba(255,255,255,.92);border-radius:24px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.22)}h1{margin:0 0 8px;font-size:34px}.subtitle{margin:0 0 24px;color:#4c5870}.form label{display:block;margin:14px 0;font-weight:700}.form input{width:100%;margin-top:7px;padding:14px;border:2px solid #d8e0ec;border-radius:12px;font-size:16px}.form button,.admin-btn,button{border:0;border-radius:14px;padding:14px 18px;background:#173dff;color:white;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 8px 0 #0b238f}.form button:active,.admin-btn:active,button:active{transform:translateY(4px);box-shadow:0 4px 0 #0b238f}.msg{color:#d31919;font-weight:700}.game-wrap{max-width:960px;margin:auto;padding:16px}.hud{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#fff;border-radius:16px;padding:12px 18px;margin:10px 0;box-shadow:0 8px 20px rgba(0,0,0,.15);font-size:16px}canvas{width:100%;background:linear-gradient(#80ddff 0 60%,#7bd85a 60% 100%);border:6px solid #fff;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.25);touch-action:none}.controls{display:flex;justify-content:center;gap:10px;margin:16px 0}.controls button{min-width:90px;background:#ff2e2e;box-shadow:0 8px 0 #8e1212}.result{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:24px;z-index:10}.result-box{background:#fff;color:#152238;border-radius:24px;padding:28px;max-width:440px;width:100%;box-shadow:0 20px 80px rgba(0,0,0,.4)}.voucher{font-size:24px;font-weight:900;background:#fff173;border:2px dashed #152238;border-radius:14px;padding:14px;margin:14px 0}.hidden{display:none}.admin{max-width:1100px;margin:24px auto;background:#fff;border-radius:20px;padding:24px;box-shadow:0 14px 50px rgba(0,0,0,.18)}table{width:100%;border-collapse:collapse;margin-top:18px}th,td{border-bottom:1px solid #e8edf5;text-align:left;padding:10px}th{background:#f4f7fc}.topnav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.topnav a{background:#152238;color:#fff;padding:10px 12px;border-radius:10px;text-decoration:none}.small-input{width:90px;padding:8px}.wide-input{width:100%;padding:8px}textarea{width:100%;height:60px}
@media(max-width:600px){.hud{font-size:13px;padding:10px}.card{padding:22px}h1{font-size:28px}.controls button{min-width:70px}}