/* MRPG.FUN — Neon Violet UI refresh. CSS-only; game logic unchanged. */
:root{color-scheme:dark;--bg:#08070e;--panel:#12101d;--panel2:#191528;--line:#302447;--text:#f4efff;--muted:#aaa0c2;--violet:#a855f7;--pink:#ec4899;--cyan:#6ee7f9;--glow:0 0 18px rgba(168,85,247,.18)}
html{min-height:100%;background:var(--bg);scroll-behavior:smooth}
body{box-sizing:border-box;margin:0 auto;width:100%;max-width:760px;min-height:100vh;padding:0 12px 24px;color:var(--text);background:radial-gradient(ellipse at 50% -10%,rgba(124,58,237,.2),transparent 55%),linear-gradient(180deg,#0b0913 0%,#090811 60%,#0c0915 100%);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
*,*:before,*:after{box-sizing:border-box}
a{color:#d9b8ff;text-decoration:none;transition:color .2s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
a:hover,a:focus-visible{color:#fff;text-shadow:0 0 12px rgba(192,132,252,.55)}
img{border:0;vertical-align:middle;max-width:100%;height:auto;border-radius:8px}
.header,.text,.de,.teac,.head,.head a,.headc a,.headc,.content,.menu,.block,.main,.foot{color:var(--text);background:linear-gradient(145deg,rgba(25,21,40,.98),rgba(16,14,27,.98));border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px rgba(0,0,0,.18);position:relative}
.header{padding:12px 14px;margin:10px 0;border-color:#483064;background:linear-gradient(110deg,#211632,#12101e 72%);box-shadow:var(--glow)}
.text,.de{padding:11px 13px;margin:7px 0;border-color:rgba(118,83,158,.32)}
.teac{display:block;padding:10px 12px;margin:6px 0;color:var(--muted);font-size:13px}
hr{height:1px;width:100%;border:0;background:linear-gradient(90deg,transparent,#543775,rgba(236,72,153,.45),transparent);margin:12px 0}
.center{text-align:center}.right{text-align:right}.left{text-align:left}.oh{float:left;padding:0 7px 0 0;margin:0;vertical-align:middle}.clr{clear:both}.mb5{margin-bottom:8px!important}
a.link,a.des{display:block;position:relative;line-height:1.35;padding:12px 13px;margin:7px 0;color:#f1eaff;background:linear-gradient(115deg,#1b162b,#12101d);border:1px solid #352747;border-radius:12px;min-height:42px;list-style:none;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
a.link:before,a.des:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--violet),var(--pink));opacity:.72;transition:opacity .2s ease}
a.link:hover,a.des:hover,a.link:focus-visible,a.des:focus-visible{transform:translateY(-1px);border-color:#8b5ac4;background:linear-gradient(110deg,#271b3d,#171222);box-shadow:0 0 0 1px rgba(168,85,247,.12),0 7px 22px rgba(88,28,135,.2);text-shadow:none}
a.link:active,a.des:active,a.but:active,input[type=submit]:active{transform:scale(.985)}
a.but,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:5px 3px;padding:8px 16px;border:1px solid #8750b8;border-radius:10px;color:#fff;background:linear-gradient(120deg,#7134b7,#a52d91);font:600 14px/1.2 system-ui,Arial,sans-serif;text-align:center;box-shadow:0 3px 14px rgba(168,85,247,.19);cursor:pointer;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
a.but:hover,input[type=submit]:hover{filter:brightness(1.14);box-shadow:0 0 20px rgba(168,85,247,.35);text-shadow:none}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],textarea,select{max-width:100%;padding:10px 11px;border:1px solid #49365e;border-radius:9px;background:#0d0b16;color:var(--text);font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
input:focus,textarea:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(168,85,247,.13)}
input[type=stan]{margin:3px 0;padding:8px 10px;border:1px solid #49365e;border-radius:9px;background:#171223;color:#eee;font-size:14px}
.exp_polos{width:100%;max-width:100%;margin:5px 0;padding:3px;border:1px solid #39284d;border-radius:999px;background:#0a0811;overflow:hidden}
.exp_polos .progress,.progress{height:9px;max-width:100%;border:1px solid #342446;border-radius:999px;background:#252035;overflow:hidden}
.exp_polos .progress{border:0;background:linear-gradient(90deg,#a855f7,#ec4899,#6ee7f9);box-shadow:0 0 12px rgba(168,85,247,.35)}
.progress.big{height:14px;border:1px solid #342446;background:#211a30;border-radius:999px;overflow:hidden}
.progress .full{float:left;height:100%;background:linear-gradient(90deg,#9333ea,#d946ef);border-radius:999px;box-shadow:0 0 10px rgba(192,132,252,.25)}
.progress .empty{float:right;height:100%;background:#241c32}
.head,.headc{display:flow-root;margin:7px 0;padding:0;overflow:hidden}
.head a,.headc a{display:block;float:left;width:33.333%;min-height:42px;margin:0;padding:12px 5px;text-align:center;border:0;border-right:1px solid #2e2340;border-radius:0;background:transparent;color:#d9c8f4}
.headc a{width:34%}.head a:hover,.headc a:hover{background:#261937;color:#fff;text-shadow:0 0 10px #a855f7}
table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0;color:var(--text);font-size:14px}td,th{padding:8px;border-bottom:1px solid #30233f}tr:last-child td{border-bottom:0}th{color:#d7b5ff;background:#1a1427;font-weight:600}
small,.small,.gray,.grey{color:var(--muted)}
strong,b{color:#fff;font-weight:650}h1,h2,h3{color:#f5eaff;line-height:1.25;margin:12px 0 8px;font-weight:700}h1{font-size:1.45rem}h2{font-size:1.2rem}h3{font-size:1.05rem}
::selection{background:#8b5cf6;color:white}
@media(min-width:600px){body{padding:12px 20px 32px}.header{padding:15px 18px}a.link,a.des{padding:14px 16px}.text,.de{padding:13px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}