.grecaptcha-badge{visibility:hidden!important}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:Open Sans,sans-serif;background:#0a0a0a;color:#e0e0e0;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(93,93,93,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,180,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4{font-family:Rajdhani,sans-serif;font-weight:700;color:#fff;letter-spacing:.02em;text-transform:uppercase}a{color:#00b4ff;text-decoration:none;transition:color .2s}a:hover{color:#33c5ff}button{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:all .25s ease;position:relative;overflow:hidden}button:disabled{opacity:.35;cursor:not-allowed}button:not(:disabled):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.08) 55%,transparent 60%);pointer-events:none}input,select{padding:10px 14px;border:1px solid #333;border-radius:8px;background:#1a1a1a;color:#e0e0e0;font-family:Open Sans,sans-serif;font-size:.95rem;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{outline:none;border-color:#00b4ff;box-shadow:0 0 0 2px #00b4ff33}input::placeholder{color:#666}.container{max-width:600px;margin:0 auto;padding:16px}.card{background:#141414;border-radius:12px;padding:20px;margin-bottom:16px;border:1px solid #2A2A2A;box-shadow:0 4px 16px #0006;position:relative}.card-no-corner:before{display:none}.card:before{content:"";position:absolute;top:-1px;right:-1px;width:24px;height:24px;border-top:2px solid #5D5D5D;border-right:2px solid #5D5D5D;border-radius:0 12px 0 0;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#00b4ff,#0090cc);color:#fff;box-shadow:0 2px 8px #00b4ff4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#33c5ff,#00b4ff);box-shadow:0 4px 16px #00b4ff66;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#e63946,#cc2936);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ff4d5a,#e63946);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 2px 8px #2ecc714d}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#4cd685,#2ecc71);box-shadow:0 4px 16px #2ecc7166;transform:translateY(-1px)}.btn-secondary{background:#2a2a2a;color:#ccc;border:1px solid #444}.btn-secondary:hover:not(:disabled){background:#3a3a3a;border-color:#5d5d5d}.error-msg{color:#ff4d5a;margin:8px 0;font-size:.85rem}.success-msg{color:#2ecc71;margin:8px 0;font-size:.85rem}.game-card{background:linear-gradient(145deg,#141414,#1a1a1a);border:2px solid #333;border-radius:14px;padding:20px;position:relative;overflow:hidden}.game-card:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transition:left .6s ease;pointer-events:none}.game-card:hover:after{left:100%}.game-card.difficulty-high{border-color:#ff8c00;box-shadow:0 0 12px #ff8c0033}.card-name{font-family:Luckiest Guy,cursive;color:#ff8c00}.title-metallic{background:linear-gradient(180deg,#fff,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes card-win{0%{box-shadow:0 0 #2ecc7199}50%{box-shadow:0 0 20px 6px #2ecc714d}to{box-shadow:0 0 #2ecc7100}}@keyframes pulse-blue{0%,to{box-shadow:0 0 #00b4ff66}50%{box-shadow:0 0 12px 4px #00b4ff26}}.anim-win{animation:card-win 1.2s ease-out}.game-row1{display:flex;gap:16px;align-items:stretch;margin-bottom:14px}.game-row1-card{flex:0 0 33%;display:flex;justify-content:center;align-items:center}.game-row1-info{flex:1 1 67%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.game-row2{display:flex;gap:14px;margin-bottom:14px;align-items:flex-start}.game-row2-left{flex:0 0 calc(50% - 7px);display:flex;flex-direction:column;gap:8px}.game-row2-right{flex:0 0 calc(50% - 7px);display:flex;flex-direction:column;gap:8px;text-align:center}.game-clock,.game-target-value{font-size:2.4rem}.game-row3{display:flex;gap:8px;justify-content:center;margin-bottom:10px}@media (max-width: 480px){.container{padding:10px}.card{padding:14px;border-radius:10px}button{padding:8px 16px;font-size:.85rem}input,select{padding:8px 10px;font-size:.85rem}}@media (max-width: 600px){.game-row1{gap:10px;margin-bottom:10px}.game-row1-card{flex:0 0 auto}.game-row1-info{gap:4px}.game-clock,.game-target-value{font-size:1.8rem}.game-row2{flex-direction:column;gap:10px}.game-row2-left{flex:none;width:100%;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px}.game-ops-grid{flex:0 0 auto}.game-hint{flex:1;min-width:0}.game-history{width:100%}.game-row2-right{flex:none;width:100%}.game-num-btn{min-width:40px!important;height:40px!important;font-size:1rem!important;padding:2px 8px!important}.game-op-btn{width:40px!important;height:40px!important;font-size:1rem!important}.game-row3{margin-bottom:8px}}
