/* Prometheus online screens (login, server select, character select, offline) — same wood/stone frame as the main menu */
body.prom-on #mainmenu{display:none!important}
body.prom-on #cont{display:none!important}
#prom{position:fixed;inset:0;z-index:62;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,rgba(40,18,6,.15),rgba(6,4,2,.84) 75%);font-family:"Alegreya Sans",Verdana,sans-serif;color:#f0dcae}
#prom[hidden]{display:none!important}
#prom .pm{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 50px 16px;min-width:440px;max-width:92vw;max-height:94vh;overflow:auto;border:14px solid transparent;border-image:var(--wood) 24 round;background:var(--stone) repeat;background-color:rgba(30,22,16,.94);background-clip:padding-box;box-shadow:0 6px 22px rgba(0,0,0,.65),inset 0 0 18px rgba(0,0,0,.55)}
#prom .logo{text-align:center;margin-bottom:2px}
#prom .logo img{width:72px;height:72px;filter:drop-shadow(0 0 14px rgba(255,120,30,.55))}
#prom .logo h1{margin:2px 0 0;font:900 58px/1 "Cinzel",serif;background:linear-gradient(#ffe7a8,#f0a040 55%,#a84a14);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #2a1406)}
#prom .logo p{margin:4px 0 0;font:700 15px "Cinzel",serif;letter-spacing:.35em;text-transform:uppercase;color:#e8b860}
#prom .pbox{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:340px}
#prom .pbox.wide{width:min(560px,86vw)}
#prom h2{margin:4px 0 2px;text-align:center;font:700 22px "Cinzel",serif;color:#ffd98a}
#prom label{display:flex;flex-direction:column;gap:4px;font-size:15px;color:#e8cf98}
#prom input{font:600 17px "Alegreya Sans",Verdana,sans-serif;padding:8px 10px;color:#f3dcaa;background:#1a120c;border:1px solid #8a6a36;outline:none;user-select:text;-webkit-user-select:text}
#prom input:focus{border-color:#e8b860;box-shadow:0 0 0 1px #e8b860}
#prom .mmb{width:100%}
#prom .mmb.sm{width:auto}
#prom .plink{background:none!important;border:0!important;box-shadow:none!important;color:#d8b878;font:600 15px "Alegreya Sans",sans-serif;text-decoration:underline;cursor:pointer;padding:4px 6px}
#prom .plink:hover{color:#ffe0a0}
#prom .plink.del{color:#d07a5a}
#prom .pmsg{min-height:20px;text-align:center;font-size:15px;color:#e8cf98}
#prom .pmsg.bad{color:#ff8a6a}
#prom .pfine{text-align:center;font-size:15px;color:#d8c090;margin:2px 0}
#prom .prow{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:4px}
#prom .psrv{display:flex;flex-direction:column;gap:8px}
#prom .psrow{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 12px;text-align:left;padding:10px 14px;background:linear-gradient(#2c2414,#120d07);border:1px solid #a8873a;color:#f0dcae;cursor:pointer;font-family:"Alegreya Sans",sans-serif}
#prom .psrow:hover{filter:brightness(1.18)}
#prom .psrow b{font:700 20px "Cinzel",serif;color:#ffd98a}
#prom .psrow .pst{font-weight:700;justify-self:end}#prom .pst.on{color:#7ee070}#prom .pst.off{color:#ff7a5a}
#prom .psrow .ppl{font-size:14px;color:#e0c890}#prom .psrow small{justify-self:end;color:#b09868}
#prom .psrow.off{opacity:.6;cursor:default}
#prom .pchars{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto}
#prom .pchar{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:10px 14px;background:rgba(10,7,4,.55);border:1px solid #6a5028;cursor:pointer}
#prom .pchar.sel{border-color:#e8b860;box-shadow:0 0 0 1px #e8b860 inset;background:rgba(60,40,14,.55)}
#prom .pchar b{font:700 20px "Cinzel",serif;color:#ffd98a}
#prom .pchar span{grid-column:1;font-size:15px;color:#e0c890}
#prom .pchar .pcb{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
#prom .pempty{text-align:center;padding:18px;color:#d8c090;font-size:16px}
#prom .pspin{width:34px;height:34px;margin:6px auto;border:3px solid rgba(232,184,96,.25);border-top-color:#e8b860;border-radius:50%;animation:pmspin 1s linear infinite}
@keyframes pmspin{to{transform:rotate(360deg)}}
#prom .ver{color:#8a7050;font-size:12px}
#prombanner{display:none;position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:66;padding:8px 16px;background:rgba(40,8,4,.92);border:1px solid #c0503a;color:#ffd9c8;font:600 15px "Alegreya Sans",Verdana,sans-serif}
#prombub{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
#prombub .pbub{position:absolute;transform:translate(-50%,-100%);max-width:260px;padding:4px 9px;background:rgba(12,9,6,.88);border:1px solid #a8873a;color:#f6e6bd;font:600 14px "Alegreya Sans",Verdana,sans-serif;white-space:normal;text-align:center}
#log .m.say,#logc .m.say{color:#f6f0dc}
#pmattr{margin:6px 0 8px}
#pmattr .pmleft{float:right;font-weight:700;color:#ffb070}#pmattr .pmleft.done{color:#7ee070}
#pmattr .pmat{display:grid;grid-template-columns:1fr 30px 38px 30px;grid-template-rows:auto auto;align-items:center;gap:2px 6px;padding:4px 6px;margin:3px 0;background:rgba(10,7,4,.45);border:1px solid #5a4424;cursor:help}
#pmattr .pmat:hover{border-color:#c8a050}
#pmattr .pman{font-weight:700;color:#f0dcae}
#pmattr .pmat button{width:30px;height:26px;padding:0;font:700 18px/1 Verdana,sans-serif;cursor:pointer}
#pmattr .pmav{text-align:center;font-size:18px;color:#ffd98a}
#pmattr .pmad{grid-column:1/5;display:none;font-size:12px;color:#d8c090;line-height:1.3}
#pmattr .pmat:hover .pmad{display:block}
#pmattr .pmhint{margin:4px 0 0;font-size:13px;color:#d8c090}
#newf button.go:disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed}
#races button .rbon{display:block;font-style:normal;font-size:11px;line-height:1.25;color:#9fe08a;margin-top:2px}
#raceflav .rbon{color:#9fe08a;font-weight:700}