*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#111114;color:#ddd;min-height:100vh}button{cursor:pointer;border:none;border-radius:5px;padding:7px 14px;font-size:13px;font-weight:500;transition:filter .12s,transform .08s}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.35;cursor:not-allowed}input,select{background:#1e1e24;border:1px solid #3a3a48;border-radius:5px;color:#ddd;padding:6px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:#c8a050;box-shadow:0 0 0 2px #c8a05033}input::placeholder{color:#555}h1{font-size:24px;font-weight:800;letter-spacing:-.5px}h2{font-size:15px;font-weight:600;color:#c8a050}h3{font-size:13px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.6px}.grid-cell{display:flex;align-items:center;justify-content:center;border-radius:3px;position:relative;transition:filter .1s ease,transform .08s ease,box-shadow .1s ease;font-size:9px;font-weight:600;-webkit-user-select:none;user-select:none}.grid-cell--clickable{cursor:crosshair}.grid-cell--clickable:hover{filter:brightness(1.45);transform:scale(1.1);z-index:2;box-shadow:0 0 6px #ffffff26}.grid-cell--clickable:active{transform:scale(.95)}.grid-cell--selected{box-shadow:inset 0 0 0 2px #3ae87a;animation:pulse-border 1.8s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:inset 0 0 0 2px #3ae87a}50%{box-shadow:inset 0 0 0 2px #7affa0,0 0 8px #3ae87a4d}}.card{background:#18181f;border-radius:10px;border:1px solid #282830;box-shadow:0 2px 12px #0006;padding:20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a20}::-webkit-scrollbar-thumb{background:#3a3a50;border-radius:3px}