:root{--page:#150000;--page2:#290000;--red:#ad0000;--dark:#590806;--deep:#3e0504;--gold:#d7a900;--gold2:#ffe86d;--cream:#fff3ae;--green:#baff72;--green2:#71ff43}
*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}
body{padding:24px 28px 42px;font-family:Tahoma,"Segoe UI",sans-serif;color:var(--green);background:radial-gradient(circle at 50% 0,rgba(190,0,0,.5),transparent 38%),linear-gradient(180deg,var(--page),var(--page2) 52%,#100000)}
a{text-decoration:none}.page{width:100%;margin:auto}.bar,.panel,.notice{border:1px solid var(--gold);border-radius:15px}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 14px;background:#4d0705}.bar a{color:var(--gold2);font-weight:800}
.panel{margin-bottom:14px;padding:18px;border-width:2px;background:linear-gradient(180deg,#aa0000,#800000);box-shadow:inset 0 0 0 3px rgba(255,225,70,.12),0 9px 22px rgba(0,0,0,.35)}
.hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.hero-main{display:flex;align-items:center;gap:13px}
.icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border:1px solid #fff18b;border-radius:14px;color:#351500;font-size:24px;background:linear-gradient(#fff58b,#ffc72e 58%,#d88800)}
h1,h2,h3{margin:0;color:var(--cream);text-shadow:0 2px #5d1200}h1{font-size:29px}h2{font-size:20px}h3{font-size:15px}.muted{color:var(--green);font-weight:700}
.badge,.button{border:1px solid var(--gold);border-radius:10px;font-weight:900}.badge{padding:8px 12px;color:var(--gold2);background:var(--deep)}
.button{display:inline-block;padding:10px 14px;color:#351500;background:linear-gradient(#fff58b,#ffc72e 58%,#d88800);cursor:pointer}.button.red{color:#ffd8cd;background:#740b08}.button.green{color:#e4ffbc;border-color:#72bd2e;background:#285010}.button:disabled{opacity:.45;cursor:not-allowed}
.flash{margin-bottom:14px;padding:12px 14px;border:1px solid;border-radius:12px;font-weight:800}.flash.ok{color:#dfffad;border-color:#63af27;background:#24480e}.flash.error{color:#ffd1c9;border-color:#db6a50;background:#68150f}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.stat,.card{border:1px solid var(--gold);border-radius:12px;background:#590806}.stat{padding:12px}.stat small{display:block;color:#e9c990}.stat strong{display:block;margin-top:5px;color:var(--cream)}
.card{padding:13px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.char-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--green);font-size:12px;font-weight:800}
.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.danger-panel{border-color:#e9684d;background:linear-gradient(180deg,#790b08,#4b0705)}
.danger-help{margin:7px 0 14px;color:#ffd0c6;font-size:13px;line-height:1.6}
.delete-list{display:grid;gap:10px}.delete-character{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(460px,1.7fr);gap:14px;align-items:end;padding:13px;border:1px solid #dc6b4e;border-radius:12px;background:#3d0504}
.delete-character-info{display:flex;flex-direction:column;gap:5px}.delete-character-info strong{color:var(--cream);font-size:16px}.delete-character-info>span{font-size:12px}.delete-status{width:max-content;padding:5px 8px;border-radius:7px;font-weight:900}.delete-status.safe{color:#dfffad;background:#23470e}.delete-status.pending{color:#ffd0c6;background:#77130d}
.delete-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:9px;align-items:end}
.delete-grid .button{height:39px;white-space:nowrap}
.cancel-delete-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:9px;align-items:end}.cancel-delete-form .button{height:39px;white-space:nowrap}
.delete-entry{display:flex;align-items:center;justify-content:space-between;gap:18px}.delete-entry .help{margin:5px 0 0}.delete-entry .button{white-space:nowrap}
.delete-page{max-width:1180px}.delete-form-panel{padding:18px;border:4px double var(--gold);border-radius:18px;background:linear-gradient(180deg,#b90000,#850000);box-shadow:0 12px 30px #000,inset 0 0 0 4px rgba(255,232,109,.12)}
.delete-page-head{text-align:center;padding:8px 10px 17px;border-bottom:2px solid var(--gold)}.delete-page-head h1{font-size:31px}.delete-page-head h1 span{margin-left:8px;color:#ffe6b5;font-size:23px;font-weight:500}.delete-page-head p{margin:7px 0 0;color:#fff0bc;font-weight:700}
.delete-warning{margin:14px 0;padding:12px 14px;border:1px solid #ffb229;border-radius:10px;color:#fff0bc;background:#68120c}.delete-warning strong{margin-right:8px;color:#fff06c}
.delete-cards{display:grid;grid-template-columns:1fr;gap:16px}.delete-card{display:block;min-width:0;padding:15px;border:2px solid var(--gold);border-radius:14px;background:#8f0000;box-shadow:inset 0 0 0 3px rgba(255,230,70,.08)}.delete-card.is-pending{background:#68110c}.delete-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #e0af18}
.delete-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.delete-summary>div{padding:10px 12px;border:1px solid #e4b518;border-radius:10px;background:#5a0906}.delete-summary small,.delete-summary b{display:block}.delete-summary small{color:#edce93}.delete-summary b{margin-top:4px;color:var(--cream)}
.delete-confirm-form{padding-top:2px}.delete-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.delete-confirm-form input{height:45px;background:#fff9e8;color:#5b1900}.delete-agree{display:flex;align-items:center;gap:8px;margin:12px 0;color:#fff3bd}.delete-agree input{width:19px;height:19px;accent-color:#d8a900}.delete-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.delete-buttons .button{text-align:center}.delete-submit{background:linear-gradient(#fff58b,#ffc72e 58%,#d88800)}.button.cancel{color:#ffe6d9;border-color:#d77b63;background:#79241d}
label{display:block;margin-bottom:5px;color:var(--cream);font-size:13px;font-weight:800}input,select{width:100%;padding:10px 11px;border:1px solid var(--gold);border-radius:9px;color:var(--green);background:#3d0504;outline:none}input:focus{box-shadow:0 0 0 2px rgba(255,222,70,.2)}
.inventory{width:100%;border-collapse:collapse}.inventory th,.inventory td{padding:9px;border-bottom:1px solid #9c7500;text-align:left;font-size:12px}.inventory th{color:var(--gold2);background:#650906}.inventory td{color:var(--green);background:#4e0705}
.login-box{width:min(460px,100%);margin:8vh auto 0}.login-box .panel{padding:24px}.help{font-size:12px;line-height:1.6;color:#d6fda5}
@media(max-width:850px){body{padding:12px 10px 28px}.hero,.delete-entry{align-items:flex-start;flex-direction:column}.grid,.form-grid,.delete-grid,.delete-character,.cancel-delete-form,.delete-fields,.delete-buttons{grid-template-columns:1fr}.stats,.delete-summary{grid-template-columns:1fr}h1{font-size:24px}.delete-page-head h1 span{display:block;margin:4px 0 0;font-size:18px}.inventory-wrap{overflow-x:auto}.delete-grid .button,.cancel-delete-form .button,.delete-entry .button{width:100%}}