gamesense.kirk

.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media(max-width:700px){.grid{grid-template-columns:1fr}} .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;transition:border-color .2s} .card:hover{border-color:var(--border-active)} .card.full{grid-column:1/-1} .card-title{font-size:.85rem;font-weight:600;color:var(--text-bright);margin-bottom:16px;display:flex;align-items:center;gap:8px} .card-title .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0} .dot-green{background:var(--accent);box-shadow:0 0 6px var(--accent)} .dot-red{background:var(--red);box-shadow:0 0 6px var(--red)} .dot-dim{background:var(--text-dim)} .field{margin-bottom:14px} .field:last-child{margin-bottom:0} .field-row{display:flex;align-items:center;justify-content:space-between;gap:12px} .field-label{font-size:.8rem;color:var(--text-dim);font-weight:500} .field-desc{font-size:.72rem;color:var(--text-dim);margin-top:2px;opacity:.7} .toggle{position:relative;width:40px;height:22px;flex-shrink:0} .toggle input{opacity:0;width:0;height:0} .toggle .slider{position:absolute;inset:0;background:var(--border);border-radius:11px;cursor:pointer;transition:background .2s} .toggle .slider:before{content:'';position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:var(--text-dim);border-radius:50%;transition:transform .2s,background .2s} .toggle input:checked+.slider{background:var(--accent-dim)} .toggle input:checked+.slider:before{transform:translateX(18px);background:var(--accent)} .range-wrap{display:flex;align-items:center;gap:10px} .range-wrap input[type=range]{flex:1;-webkit-appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none} .range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer} .range-wrap .range-val{min-width:44px;text-align:right;font-size:.8rem;color:var(--text-bright);font-weight:600;font-variant-numeric:tabular-nums} .num-input{width:80px;padding:6px 8px;background:var(--input);border:1px solid var(--border);border-radius:6px;color:var(--text-bright);font-size:.8rem;text-align:center;outline:none;transition:border-color .2s} .num-input:focus{border-color:var(--accent)} .status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600} .status-running{background:rgba(139,195,74,.12);color:var(--accent)} .status-stopped{background:rgba(90,90,112,.12);color:var(--text-dim)} .save-indicator{position:fixed;bottom:24px;right:24px;padding:10px 20px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-size:.8rem;color:var(--text-dim);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:100} .save-indicator.show{opacity:1;transform:translateY(0)} .save-indicator.saved{color:var(--accent);border-color:rgba(139,195,74,.3)} .btn{padding:10px 20px;background:var(--accent);color:#111;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity .15s} .btn:hover{opacity:.85} .err-item{padding:10px 0;border-bottom:1px solid var(--border);font-size:.8rem} .err-item:last-child{border-bottom:none} .err-msg{color:var(--red)} .err-time{color:var(--text-dim);font-size:.72rem;margin-top:2px} .denied{text-align:center;padding:80px 20px} .denied h2{color:var(--white);margin-bottom:12px} .denied p{color:var(--text-dim);margin-bottom:20px} .section-sep{height:1px;background:var(--border);margin:14px 0}