:root {
  color-scheme: dark;
  --espada-bg:#07090d;
  --espada-surface:rgba(18,22,30,.97);
  --espada-surface-2:#0d1118;
  --espada-border:#252b34;
  --espada-text:#f4f6fa;
  --espada-muted:#8f98a5;
  --espada-magenta:#FF00FF;
  --espada-yellow:#FFFF00;
  --espada-danger:#ff4fa3;
  --espada-radius:14px;
  --espada-radius-lg:22px;
  --espada-shadow:0 20px 70px rgba(0,0,0,.30);
}
html{background:var(--espada-bg)}
body{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  color:var(--espada-text);
  background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    radial-gradient(circle at 12% 0%,rgba(255,0,255,.12),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(255,255,0,.065),transparent 26%),
    radial-gradient(circle at 50% 100%,rgba(255,0,255,.045),transparent 34%),
    var(--espada-bg)!important;
  background-size:28px 28px,28px 28px,auto,auto,auto,auto!important;
  user-select:none;-webkit-user-select:none;cursor:default
}
input,textarea{user-select:text;-webkit-user-select:text;cursor:text}
select,button,a,label,summary{cursor:pointer}
*{scrollbar-width:thin;scrollbar-color:#383f4b #090c12}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#090c12}
*::-webkit-scrollbar-thumb{background:#383f4b;border:2px solid #090c12;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:#515b69}
::selection{background:rgba(255,0,255,.28);color:#fff}

.guild-name,.title,.home-logo{
  color:var(--espada-magenta)!important;
  font-weight:500!important;
  letter-spacing:7px!important;
  text-shadow:0 0 10px rgba(255,0,255,.34),0 0 26px rgba(255,0,255,.10)!important
}
.guild-name a,.title a,.home-logo a{color:inherit!important;text-decoration:none!important}
.guild-line{
  height:4px!important;border-radius:999px!important;
  background:linear-gradient(90deg,var(--espada-magenta) 0%,var(--espada-magenta) 45%,var(--espada-yellow) 100%)!important;
  box-shadow:0 0 14px rgba(255,0,255,.22),0 0 14px rgba(255,255,0,.10)
}
h2{color:#fff;letter-spacing:.01em;font-weight:600}
h3{letter-spacing:.01em;font-weight:600}

.card,.panel,.login-card,.table-card{
  position:relative;
  background:linear-gradient(180deg,rgba(21,25,34,.98),rgba(12,15,21,.98))!important;
  border:1px solid rgba(255,0,255,.22)!important;
  border-radius:var(--espada-radius-lg)!important;
  box-shadow:var(--espada-shadow),0 0 30px rgba(255,0,255,.06)!important
}
.card::before,.panel::before,.login-card::before,.table-card::before{
  content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;border-radius:999px;
  pointer-events:none;background:linear-gradient(90deg,transparent,var(--espada-magenta),var(--espada-yellow),transparent);opacity:.42
}

input:not([type="radio"]):not([type="checkbox"]),select,textarea{
  border:1px solid rgba(45,52,64,.72)!important;border-radius:10px!important;
  background:#090c12!important;color:#fff!important;outline:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease
}
input:not([type="radio"]):not([type="checkbox"]):focus,select:focus,textarea:focus{
  border-color:rgba(255,255,0,.44)!important;
  box-shadow:0 0 0 2px rgba(255,255,0,.035)!important;background:#0b0f16!important
}
input::placeholder,textarea::placeholder{color:#65707d!important}
select option{background:#0b0f16;color:#fff}

button,.button,.admin-link,.members-link,.poll-link,.poll-results-link,.party-survey-link,.trade-link,.loot-link,.issued-loot-link,.register-item,.add-loot-link,.toolbar-button,.change-vote,.edit-poll,.delete-results,.back{
  font-family:inherit;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important
}
button:hover:not(:disabled),.button:hover,.admin-link:hover,.members-link:hover,.poll-link:hover,.poll-results-link:hover,.party-survey-link:hover,.trade-link:hover,.loot-link:hover,.issued-loot-link:hover,.register-item:hover,.add-loot-link:hover,.toolbar-button:hover,.change-vote:hover,.edit-poll:hover,.back:hover{transform:translateY(-1px)}

.submit,.login-button,.register-button,.admin-link,.party-survey-link,.register-item,.add-loot-link,.ok,.save-button,.edit-save,.issue-button,.want-button,.poll-link,.button-register{
  border-color:var(--espada-yellow)!important;
  background:linear-gradient(135deg,var(--espada-yellow),#ffe600)!important;
  color:#080a0f!important;font-weight:500!important;
  box-shadow:0 9px 24px rgba(255,255,0,.08),inset 0 -1px 0 rgba(0,0,0,.14)
}
.submit:hover:not(:disabled),.login-button:hover:not(:disabled),.register-button:hover:not(:disabled),.admin-link:hover,.party-survey-link:hover,.register-item:hover,.add-loot-link:hover,.ok:hover:not(:disabled),.save-button:hover:not(:disabled),.edit-save:hover:not(:disabled),.issue-button:hover:not(:disabled),.want-button:hover:not(:disabled),.poll-link:hover,.button-register:hover{
  box-shadow:0 12px 28px rgba(255,255,0,.13),inset 0 -1px 0 rgba(0,0,0,.14)!important
}

.members-link,.poll-results-link,.loot-link,.button-login,.change-vote,.edit-poll,.role-toggle,.category-button{
  border-color:rgba(255,0,255,.34)!important;
  background:linear-gradient(180deg,rgba(255,0,255,.07),rgba(255,0,255,.025))!important;
  color:#fff!important;box-shadow:inset 0 0 18px rgba(255,0,255,.025)
}
.members-link:hover,.poll-results-link:hover,.loot-link:hover,.button-login:hover,.change-vote:hover,.edit-poll:hover,.role-toggle:hover,.category-button:hover{
  border-color:rgba(255,0,255,.55)!important;box-shadow:0 0 14px rgba(255,0,255,.06)!important
}
.trade-link,.issued-loot-link{
  border-color:rgba(255,255,0,.34)!important;background:rgba(255,255,0,.025)!important;color:var(--espada-yellow)!important
}
.logout-button{
  border-color:#343b47!important;background:rgba(255,255,255,.018)!important;color:#b9c0ca!important
}
.logout-button:hover{
  border-color:rgba(255,0,255,.30)!important;color:#fff!important;box-shadow:0 0 18px rgba(255,0,255,.08)!important
}
.no,.delete-results,.delete-entry,.delete-lot,.delete-button,.admin-delete-response{
  border-color:rgba(255,79,163,.34)!important;background:rgba(255,79,163,.04)!important;color:#ffd8eb!important
}
.no:hover,.delete-results:hover,.delete-entry:hover,.delete-lot:hover,.delete-button:hover,.admin-delete-response:hover{
  border-color:rgba(255,79,163,.58)!important;box-shadow:0 0 12px rgba(255,79,163,.06)!important
}

.back{
  width:fit-content;margin-left:auto!important;margin-right:auto!important;padding:7px 11px;
  border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.018);
  color:#7d8692!important;font-size:12px;text-decoration:none!important
}
.back:hover{border-color:rgba(255,255,0,.32);color:var(--espada-yellow)!important;background:rgba(255,255,0,.025)}

.field label,.filter-label,.requests-title,.history-title,.voters-title,.change-vote-title{color:#aeb5bf;font-weight:500}
.hint,.meta,.message,.msg,.loading,.footer,.entry-meta,.mobile-meta,.poll-meta{color:var(--espada-muted)}

.item,.loot,.history-row,.edit-loot-row,.poll-card,.result-item,.request-row,.class-summary-item{
  border:1px solid rgba(45,52,64,.72)!important;border-radius:var(--espada-radius)!important;
  background:linear-gradient(180deg,rgba(13,17,24,.98),rgba(9,12,17,.98))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
.item:hover,.loot:hover,.history-row:hover,.poll-card:hover,.result-item:hover,.class-summary-item:hover{
  transform:translateY(-1px);border-color:rgba(255,0,255,.30)!important;box-shadow:0 10px 28px rgba(0,0,0,.17)
}
.nick,.nickname,.entry-name,.poll-question,.question{color:var(--espada-yellow)!important;font-weight:650!important}
.profession,.profession-name,.role,.badge,.admin-badge,.active-badge,.total-chip,.currency{border-radius:999px}\n.role,.badge,.admin-badge,.active-badge{font-weight:500!important}
.admin-badge,.active-badge{
  background:rgba(255,0,255,.035)!important;border-color:rgba(255,0,255,.24)!important;color:#ff74ff!important
}
.class-summary{gap:9px!important}
.class-summary-item{padding:12px!important}
.class-summary-label{color:#8e97a3!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.08em}
.class-summary-value{color:var(--espada-yellow)!important;font-weight:650!important}

.profession-icon-wrap{
  border-color:rgba(255,0,255,.26)!important;
  background:radial-gradient(circle,rgba(255,0,255,.08),transparent 70%),#090c12!important;
  box-shadow:inset 0 0 20px rgba(255,0,255,.04)!important
}

.toolbar,.filters,.poll-actions,.actions,.manual-buttons{gap:9px!important}

table{border-collapse:separate;border-spacing:0}
th{background:#121720!important;color:#ff74ff!important;font-size:10px!important;letter-spacing:.07em;text-transform:uppercase}
td{color:#ccd2db;border-color:#242a34!important}
tr:hover td{background:rgba(255,0,255,.018)}
.table-scroll{border-radius:12px}

.bar{background:#252c36!important;border-radius:999px!important;overflow:hidden}
.bar-fill{background:linear-gradient(90deg,var(--espada-magenta),var(--espada-yellow))!important;border-radius:inherit!important}
.option,.change-vote-option{
  border-color:var(--espada-border)!important;background:rgba(255,255,255,.018)!important;border-radius:11px!important
}
.change-vote-option:hover{border-color:rgba(255,255,0,.48)!important;background:rgba(255,255,0,.035)!important}
.voter{border-color:rgba(255,0,255,.24)!important;background:rgba(255,0,255,.045)!important;color:#ffd7ff!important}
details.loot-details{border-color:rgba(255,255,255,.06)!important}
summary{color:#9ca5b1}
summary:hover{color:var(--espada-yellow)}

.message-error,.message.error,.error.active{
  border-color:rgba(255,79,163,.30)!important;background:rgba(255,79,163,.06)!important;color:#ffc1de!important
}
.message-success,.message.success{
  border-color:rgba(103,216,123,.24)!important;background:rgba(103,216,123,.055)!important;color:#d9ffe0!important
}
.success-title{color:var(--espada-yellow)!important}
.success-line{background:linear-gradient(90deg,var(--espada-magenta),var(--espada-yellow))!important}

@media(max-width:760px){
  body{background-size:22px 22px,22px 22px,auto,auto,auto,auto!important}
  .guild-name,.title,.home-logo{letter-spacing:5px!important}
  .card,.panel,.login-card,.table-card{
    border-radius:17px!important;
    box-shadow:0 14px 42px rgba(0,0,0,.26),0 0 24px rgba(255,0,255,.04)!important
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}