:root{font-family:Inter,system-ui,Arial,sans-serif;color:#f7f4ff;background:#090a19;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#211348 0,#090a19 60%);min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:22px max(22px,calc((100vw - 1100px)/2));border-bottom:1px solid #34304b}.brand{font-size:24px;font-weight:1000;letter-spacing:1px}.brand span,em{color:#ffce3e;font-style:normal}nav{display:flex;gap:8px}button{border:1px solid #514b75;background:#211b3c;color:white;border-radius:12px;padding:12px 17px;cursor:pointer;font-weight:800}button:hover{filter:brightness(1.17)}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:linear-gradient(110deg,#ffb52c,#ffdc62);color:#20121a;border:0;width:100%;font-size:16px;padding:16px}main{max-width:1100px;margin:auto;padding:30px 20px 70px}.hero{text-align:center;margin:24px 0 30px}.eyebrow{color:#bb9dff;font-weight:900;letter-spacing:2px;font-size:12px}.hero h1{font-size:clamp(36px,7vw,70px);line-height:1;margin:10px 0}.hero p{color:#bdb4d5}.game{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}.wheel-wrap{position:relative;max-width:520px;margin:auto;width:100%}canvas{width:100%;height:auto;display:block;filter:drop-shadow(0 0 25px #5b36b888)}.pointer{position:absolute;z-index:2;top:-18px;left:50%;transform:translateX(-50%);color:#fff047;font-size:38px;text-shadow:0 3px 6px black}.panel{background:#19152f;border:1px solid #393057;border-radius:20px;padding:25px;margin-bottom:18px;box-shadow:0 14px 40px #0004}.panel h2,.panel h3{margin-top:0}label{display:block;font-size:13px;color:#d1cbe2;font-weight:700;margin:18px 0}input{display:block;width:100%;background:#0f0c20;border:1px solid #52446e;color:#fff;border-radius:10px;padding:14px;margin-top:7px;font:inherit}input:focus{outline:2px solid #b58cff}.hint{color:#aaa2bf;font-size:12px;line-height:1.6}#playerMsg,#loginMsg,#accessMsg,#prizeMsg{min-height:22px;color:#ffda69;font-weight:700}.hidden{display:none!important}.narrow{max-width:430px;margin:0 auto}.toolbar{display:flex;justify-content:space-between;align-items:center}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.prize-row{display:grid;grid-template-columns:1fr 90px;gap:12px;align-items:center;margin:8px 0}.prize-row input{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px;border-bottom:1px solid #403653;font-size:13px}td button{font-size:12px;padding:7px}footer{text-align:center;padding:25px;color:#8f86a7;border-top:1px solid #312b49;font-size:12px}@media(max-width:750px){.game,.columns{grid-template-columns:1fr}.wheel-wrap{max-width:380px}.hero{margin:10px 0}header{padding:14px}.brand{font-size:17px}nav button{padding:9px;font-size:12px}.panel{padding:18px}}

/* ==========================================
   GUATE GAME - MEJORAS DEL PANEL ADMIN
   ========================================== */

/* Tarjeta del acceso generado */
.access-result {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid #6750a4;
  border-radius: 14px;
  background: linear-gradient(135deg, #24183f, #151126);
  box-shadow: 0 0 18px #7547dc22;
}

.access-result h4 {
  margin: 0 0 14px;
  color: #ffda69;
  font-size: 15px;
}

.access-detail {
  margin-bottom: 12px;
}

.access-detail span {
  display: block;
  margin-bottom: 5px;
  color: #bdb4d5;
  font-size: 12px;
}

.access-detail strong {
  display: block;
  color: #fff;
  font-size: 15px;
  overflow-wrap: anywhere;
  user-select: all;
}

/* Botones para copiar */
.copy-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.copy-btn {
  flex: 1;
  min-width: 125px;
  background: linear-gradient(110deg, #ffb52c, #ffdc62);
  color: #20121a;
  border: 0;
  font-weight: 900;
}

.copy-btn.secondary {
  background: #30234f;
  border: 1px solid #7655b5;
  color: #fff;
}

.copy-feedback {
  min-height: 20px;
  margin-top: 12px;
  color: #8df0b0;
  font-size: 13px;
  font-weight: 800;
}

/* Nuevo editor de premios */
.prize-manager {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 18px;
}

.prize-manager-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  background: #100d23;
  border: 1px solid #41345e;
  border-radius: 12px;
}

.prize-manager-row input {
  margin: 0;
  min-width: 0;
}

.prize-manager-row.inactive {
  opacity: .65;
  border-style: dashed;
}

.prize-manager-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.prize-manager-actions button {
  padding: 10px;
  font-size: 12px;
}

.prize-add-btn {
  width: 100%;
  border: 1px dashed #9a73e7;
  background: #24183e;
  color: #e0ceff;
  margin-top: 12px;
}

.prize-total {
  margin: 14px 0;
  padding: 12px;
  border-radius: 10px;
  background: #100d23;
  color: #ffda69;
  font-weight: 900;
  text-align: center;
}

.prize-total.valid {
  color: #8df0b0;
}

@media (max-width: 600px) {
  .copy-actions {
    flex-direction: column;
  }

  .prize-manager-row {
    grid-template-columns: minmax(0, 1fr) 75px;
  }

  .prize-manager-actions {
    grid-column: 1 / -1;
  }
}