/* ErynOT Portal V10 - reconstructed from approved concept */
:root{--wood0:#170b04;--wood1:#2a1307;--wood2:#4b260f;--wood3:#6d3917;--gold:#c98a28;--gold2:#efc663;--paper:#f3ddb0;--paper2:#e8c991;--ink:#2b1b0f;--green:#4f7f1e;--green2:#6fa52a;--line:#9d6224}
*{box-sizing:border-box}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html,body{background:#0c0804!important}.mp-v12,#Bodycontainer{max-width:1536px!important;margin:0 auto!important;background:#241006!important;border:1px solid #80501d!important;box-shadow:0 20px 80px #000!important}
#ArtworkHelper{background:radial-gradient(circle at 50% 0,#40210d 0,#120b05 38%,#070504 100%) fixed!important}
.erynot-header{height:70px;display:grid;grid-template-columns:285px 1fr auto;align-items:center;background:linear-gradient(#48250f,#2b1307);border-bottom:2px solid #b87824;position:relative;z-index:20}.erynot-brand{height:70px;overflow:hidden;border-right:1px solid rgba(231,180,80,.22);display:flex;align-items:center}.erynot-brand img{width:285px;height:82px;object-fit:cover;object-position:center;margin-top:-2px}.erynot-nav{height:70px;display:flex;align-items:stretch}.erynot-nav a{display:flex;align-items:center;padding:0 24px;color:#f5deb0!important;font:bold 12px Georgia,serif;text-decoration:none!important;border-right:1px solid rgba(255,255,255,.025);text-shadow:0 1px 1px #000}.erynot-nav a:hover,.erynot-nav a.active{background:linear-gradient(#6a3716,#40200c);color:#fff0c3!important;box-shadow:inset 0 -3px #d49a37}.erynot-header-actions{display:flex;gap:14px;align-items:center;padding:0 22px}.erynot-online{min-width:125px;height:36px;border:1px solid #6b4724;border-radius:5px;background:#1b130c;color:#f4e2ba;font:bold 11px Arial;display:flex;align-items:center;justify-content:center;gap:8px}.erynot-online i,.erynot-footer-status>i{width:9px;height:9px;border-radius:50%;background:#48df45;box-shadow:0 0 10px #43ff52}.erynot-account{height:40px;min-width:145px;border:1px solid #9fc34b;border-radius:5px;background:linear-gradient(#67982d,#426c17);color:#fff4cb!important;font:bold 12px Georgia;display:flex;gap:8px;align-items:center;justify-content:center;text-decoration:none!important}.erynot-menu-toggle{display:none}
.mp5-home-shell{background:#2a1207!important;padding:0!important}.erynot-hero{position:relative;background:#1b0e06}.erynot-hero-art{aspect-ratio:1536/375;background:url('images/erynot-hero-concept.jpg') center/cover no-repeat;position:relative}.erynot-hero-hit{position:absolute;display:block;z-index:4}.erynot-play-hit{left:35.2%;top:79%;width:14.8%;height:14%}.erynot-download-hit{left:51.3%;top:79%;width:14.6%;height:14%}
.erynot-stats{margin:-1px 60px 14px;min-height:78px;display:grid;grid-template-columns:repeat(6,1fr);background:linear-gradient(#f7e7c4,#e8ca91);border:2px solid #b67b2e;border-radius:26px 26px 14px 14px;box-shadow:0 5px 12px #0008;position:relative;z-index:5;overflow:hidden}.erynot-stats>div{display:flex;align-items:center;justify-content:center;gap:15px;padding:12px;border-right:1px solid #cfad74}.erynot-stats>div:last-child{border:0}.erynot-stats i{font-size:29px;color:#b87515;text-shadow:0 1px #fff}.erynot-stats span{display:flex;flex-direction:column}.erynot-stats small{font:10px Arial;color:#4f3a22}.erynot-stats strong{font:700 24px Arial;color:#20150d}.erynot-up{display:flex!important;flex-direction:row;align-items:center;gap:8px;color:#202215!important}.erynot-up b{width:11px;height:11px;border-radius:50%;background:#25b92a;display:inline-block}
.mp5-dashboard-grid{padding:0 54px 18px!important;display:grid!important;grid-template-columns:1.08fr .9fr 1fr 1fr!important;gap:14px!important;background:linear-gradient(#2b1408,#32180a)!important}.mp5-panel{background:linear-gradient(#f8e8c5,#e6c68e)!important;border:2px solid #8d551e!important;border-radius:8px!important;box-shadow:inset 0 0 0 2px #c8923f,0 3px 8px #0007!important;overflow:hidden!important;color:#2b1a0e!important}.mp5-panel>header{min-height:48px!important;background:linear-gradient(#4c250e,#2b1207)!important;border-bottom:1px solid #9e6323!important;padding:0 16px!important;display:flex!important;align-items:center!important}.mp5-panel>header h3,.mp5-panel>header a{color:#f2cf77!important;text-shadow:0 1px #000!important}.mp5-panel>header h3{font:bold 17px Georgia!important}.mp5-panel>header a{font:bold 9px Arial!important;margin-left:auto}.mp5-tabs a{height:48px!important;padding:0 15px!important;display:flex!important;align-items:center!important;border-left:1px solid #76502d!important}.mp5-tabs h3{background:#7b211e;margin:-1px 0 -1px -16px!important;padding:15px 18px!important}.mp5-news-list,.mp5-ranking-list,.mp5-events-list,.mp5-quick-panel nav{padding:12px!important}.mp5-news-item{display:grid!important;grid-template-columns:84px 1fr!important;gap:12px!important;padding:0 0 10px!important;margin-bottom:10px!important;border-bottom:1px solid #c5a36d!important;text-decoration:none!important;color:#2b1a0e!important}.mp5-news-thumb{width:84px!important;height:68px!important;border:1px solid #8c5a25!important;overflow:hidden!important;background:#261208!important}.mp5-news-thumb img{width:100%;height:100%;object-fit:cover}.mp5-news-item b{color:#321c0d!important;font:bold 13px Arial!important}.mp5-news-item p,.mp5-news-item small{color:#66503a!important;font-size:10px!important}.mp5-ranking-head{display:grid!important;grid-template-columns:28px 1fr 60px 86px!important;padding:10px 12px 7px!important;color:#6b4a25!important;font:bold 9px Arial!important}.mp5-ranking-list a{display:grid!important;grid-template-columns:28px 1fr 60px 86px!important;align-items:center!important;min-height:34px!important;border-bottom:1px solid #cbaa74!important;color:#2b1a0e!important;text-decoration:none!important}.mp5-ranking-list a b,.mp5-ranking-list a em,.mp5-ranking-list a small,.mp5-ranking-list a span{color:#2b1a0e!important;font-size:11px!important}.mp5-rank-button{display:block!important;margin:12px auto 16px!important;width:78%!important;text-align:center!important;padding:12px!important;background:linear-gradient(#b8731a,#7b3d08)!important;border:1px solid #d6a449!important;border-radius:4px!important;color:#fff1c8!important;font:bold 11px Georgia!important;text-decoration:none!important;box-shadow:inset 0 1px #edc375!important}.mp5-events-list>div{display:grid!important;grid-template-columns:54px 1fr!important;gap:12px!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid #c5a36d!important}.mp5-events-list time{width:54px;height:54px;background:linear-gradient(#452117,#20110d);color:#fff!important;border-radius:4px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.mp5-events-list time b{font-size:22px!important}.mp5-events-list time small{color:#fff!important}.mp5-events-list span b{color:#321c0d!important}.mp5-events-list span small{color:#72553b!important}.mp5-quick-panel nav>a{display:grid!important;grid-template-columns:50px 1fr 20px!important;gap:10px!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid #c4a26d!important;text-decoration:none!important}.mp5-quick-panel nav>a>i{width:44px;height:44px;border-radius:4px;background:linear-gradient(#6b310f,#321409);display:grid;place-items:center;color:#f1b844!important;font-size:20px!important}.mp5-quick-panel nav b{color:#9b2b18!important;font:bold 12px Arial!important}.mp5-quick-panel nav small{color:#6c5339!important}.mp5-quick-panel nav em{color:#aa6d20!important;font-size:24px!important}
.erynot-footer{display:grid;grid-template-columns:1.15fr .75fr .72fr .72fr 1fr 1.05fr;gap:0;background:linear-gradient(#32180a,#1d0d05);border-top:2px solid #9e6323;color:#ead5a9;padding:18px 38px 36px;position:relative}.erynot-footer-brand{padding-right:20px;border-right:1px solid #5e3519}.erynot-footer-brand>img{width:215px;height:62px;object-fit:cover;object-position:center}.erynot-footer-brand p{font:11px Arial;color:#d5bd90;margin:8px 0}.erynot-socials{display:flex;gap:8px}.erynot-socials a{width:32px;height:32px;border-radius:50%;border:1px solid #8e5a2e;background:#20110b;color:#f0d18a!important;display:grid;place-items:center;text-decoration:none!important}.erynot-footer-col{padding:4px 22px;border-right:1px solid #5e3519}.erynot-footer-col h4{margin:0 0 10px;color:#f2c966;font:bold 13px Georgia}.erynot-footer-col a{display:block;color:#e0c69a!important;text-decoration:none!important;font:11px Arial;margin:7px 0}.erynot-footer-status{margin:4px 18px;height:72px;border:1px solid #70461f;background:#1d120b;display:flex;align-items:center;justify-content:center;gap:15px;border-radius:6px}.erynot-footer-status span{display:flex;flex-direction:column;gap:5px}.erynot-footer-status b{color:#f1cc62;font:bold 14px Georgia}.erynot-footer-status small{color:#fff;font:10px Arial}.erynot-footer-play{height:72px;margin:4px 0;background:linear-gradient(#66a324,#39700e);border:1px solid #bbdb54;border-radius:5px;color:#fff5cc!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;gap:14px}.erynot-footer-play>i{font-size:31px;color:#f6c558}.erynot-footer-play span{display:flex;flex-direction:column}.erynot-footer-play b{font:bold 18px Georgia}.erynot-footer-play small{font:11px Arial}.erynot-footer-bottom{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:38%;font:10px Arial;color:#9d7d56;border-top:1px solid #5d351a;padding-top:8px}
@media(max-width:1100px){.erynot-header{grid-template-columns:230px 1fr auto}.erynot-brand img{width:230px}.erynot-nav a{padding:0 12px}.mp5-dashboard-grid{grid-template-columns:1fr 1fr!important}.erynot-footer{grid-template-columns:1fr 1fr 1fr}.erynot-footer-play,.erynot-footer-status{margin:8px}.erynot-stats{margin:0 18px 12px}}
@media(max-width:760px){.erynot-header{grid-template-columns:1fr auto;height:auto}.erynot-brand{border:0}.erynot-menu-toggle{display:block;margin-right:12px;background:#4b260f;color:#f0c76b;border:1px solid #a46b26;padding:8px 12px}.erynot-nav,.erynot-header-actions{display:none}.erynot-nav-open .erynot-nav{display:flex;grid-column:1/-1;flex-direction:column;height:auto}.erynot-nav-open .erynot-header-actions{display:flex;grid-column:1/-1;padding:10px}.erynot-nav a{height:42px}.erynot-hero-art{aspect-ratio:1.55;background-position:center}.erynot-play-hit{left:34%;top:78%;width:18%;height:15%}.erynot-download-hit{left:53%;top:78%;width:18%;height:15%}.erynot-stats{grid-template-columns:repeat(2,1fr);border-radius:12px}.erynot-stats>div{border-bottom:1px solid #cfad74}.mp5-dashboard-grid{padding:0 12px 16px!important;grid-template-columns:1fr!important}.erynot-footer{grid-template-columns:1fr;padding:18px 18px 46px}.erynot-footer-brand,.erynot-footer-col{border-right:0;border-bottom:1px solid #5e3519;padding:12px 0}.erynot-footer-bottom{gap:8px;justify-content:space-around}}


/* ErynOT V11 FINAL POLISH START */
/* Desktop composition: keep the four approved portal cards on one row. */
.mp-v12.mp-home .mp5-home-shell .mp5-dashboard-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,1.08fr) minmax(0,1fr) minmax(0,.98fr)!important;
  gap:12px!important;
  padding:8px 24px 18px!important;
  align-items:stretch!important;
  background:linear-gradient(180deg,#2c1509 0,#1d0e06 100%)!important;
}
.mp-v12.mp-home .mp5-home-shell .mp5-dashboard-grid>.mp5-panel{
  grid-column:auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:328px!important;
  height:auto!important;
  margin:0!important;
  background:linear-gradient(180deg,#f6e4bd 0,#ecd09a 100%)!important;
  border:2px solid #9b6227!important;
  box-shadow:inset 0 0 0 1px #d7a75d,0 5px 13px rgba(0,0,0,.42)!important;
  color:#2c1a0d!important;
  overflow:hidden!important;
}
.mp-v12.mp-home .mp5-home-shell .mp5-dashboard-grid>.mp5-panel>header{
  min-height:46px!important;
  background:linear-gradient(180deg,#563019 0,#32190d 100%)!important;
  border-bottom:1px solid #b57a2d!important;
}
.mp-v12.mp-home .mp5-home-shell .mp5-panel header h3,
.mp-v12.mp-home .mp5-home-shell .mp5-panel header a{
  color:#f5ce70!important;
  text-shadow:0 1px 1px #160a03!important;
}
.mp-v12.mp-home .mp5-home-shell .mp5-panel .mp5-news-item,
.mp-v12.mp-home .mp5-home-shell .mp5-panel .mp5-ranking-list a,
.mp-v12.mp-home .mp5-home-shell .mp5-panel .mp5-events-list>div,
.mp-v12.mp-home .mp5-home-shell .mp5-panel .mp5-quick-panel nav>a{
  border-color:#c9a56d!important;
}
.mp-v12.mp-home .mp5-home-shell .mp5-news-item,
.mp-v12.mp-home .mp5-home-shell .mp5-news-item b,
.mp-v12.mp-home .mp5-home-shell .mp5-ranking-list a,
.mp-v12.mp-home .mp5-home-shell .mp5-ranking-list a b,
.mp-v12.mp-home .mp5-home-shell .mp5-ranking-list a em,
.mp-v12.mp-home .mp5-home-shell .mp5-ranking-list a small,
.mp-v12.mp-home .mp5-home-shell .mp5-ranking-list a span,
.mp-v12.mp-home .mp5-home-shell .mp5-events-list span b{
  color:#2a190c!important;
  opacity:1!important;
}
.mp-v12.mp-home .mp5-home-shell .mp5-news-item p,
.mp-v12.mp-home .mp5-home-shell .mp5-news-item small,
.mp-v12.mp-home .mp5-home-shell .mp5-events-list span small,
.mp-v12.mp-home .mp5-home-shell .mp5-quick-panel nav small{
  color:#6b4a2b!important;
  opacity:1!important;
}
.mp-v12.mp-home .mp5-home-shell .mp5-ranking-head{color:#775226!important;opacity:1!important}
.mp-v12.mp-home .mp5-home-shell .mp5-quick-panel nav>a{color:#38200e!important}
.mp-v12.mp-home .mp5-home-shell .mp5-quick-panel nav b{color:#962d17!important;opacity:1!important}
.mp-v12.mp-home .mp5-home-shell .mp5-quick-panel nav em{color:#a86d1f!important;opacity:1!important}
.mp-v12.mp-home .mp5-home-shell .mp5-tabs a{color:#edc66d!important}
.mp-v12.mp-home .mp5-home-shell .mp5-tabs h3{background:linear-gradient(#7d2920,#551814)!important}

/* Reliable glyphs: no missing FontAwesome squares. */
.erynot-glyph{font-style:normal!important;font-family:Georgia,'Times New Roman',serif!important;font-size:27px!important;color:#bd7a18!important;line-height:1!important}
.erynot-inline-icon{font:700 11px Arial!important;color:#f6d27c!important;margin-right:3px}
.erynot-quick-icon{width:44px!important;height:44px!important;border-radius:5px!important;background:linear-gradient(#733814,#35160a)!important;border:1px solid #8b4d1d!important;display:grid!important;place-items:center!important;color:#f2bd4a!important;font-style:normal!important;font:700 21px Georgia!important;text-shadow:0 1px #000!important}
.erynot-footer-swords{font-style:normal!important;font:700 30px Georgia!important;color:#ffd263!important;text-shadow:0 1px #163400!important}
.erynot-socials a span{font:700 15px Arial!important;color:#f0d18a!important;line-height:1}

/* Cleaner footer and brand artwork; no screenshot-blue line. */
.mp-v12.mp-home .erynot-footer{
  grid-template-columns:1.15fr .78fr .75fr .75fr 1fr 1.08fr!important;
  padding:16px 26px 34px!important;
  background:linear-gradient(180deg,#351a0b,#1d0d05)!important;
  min-height:150px!important;
}
.mp-v12.mp-home .erynot-footer-brand>img{
  width:205px!important;height:58px!important;object-fit:cover!important;object-position:left top!important;
  border:0!important;outline:0!important;display:block!important;
}
.mp-v12.mp-home .erynot-footer-brand p{color:#d7c098!important}
.mp-v12.mp-home .erynot-footer-col a{color:#e1c89b!important}
.mp-v12.mp-home .erynot-footer-bottom{color:#a98a63!important}

/* Stats contrast and glyph alignment. */
.mp-v12.mp-home .erynot-stats{margin:-1px 40px 14px!important}
.mp-v12.mp-home .erynot-stats>div{min-width:0!important}
.mp-v12.mp-home .erynot-stats small{color:#5b4225!important}
.mp-v12.mp-home .erynot-stats strong{color:#21150c!important}

/* Avoid giant empty rows at common desktop zoom levels. */
@media (min-width:901px){
 .mp-v12.mp-home .mp5-home-shell .mp5-dashboard-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1.08fr) minmax(0,1fr) minmax(0,.98fr)!important}
 .mp-v12.mp-home .mp5-home-shell .mp5-dashboard-grid>.mp5-panel{grid-column:auto!important}
}
@media (max-width:1200px) and (min-width:901px){
 .mp-v12.mp-home .mp5-home-shell .mp5-dashboard-grid{padding-left:14px!important;padding-right:14px!important;gap:8px!important}
 .mp-v12.mp-home .mp5-panel>header h3{font-size:14px!important}
 .mp-v12.mp-home .mp5-tabs a{padding:0 8px!important;font-size:8px!important}
 .mp-v12.mp-home .mp5-news-item{grid-template-columns:62px 1fr!important;gap:8px!important}
 .mp-v12.mp-home .mp5-news-thumb{width:62px!important;height:56px!important}
 .mp-v12.mp-home .mp5-quick-panel nav>a{grid-template-columns:40px 1fr 14px!important;gap:7px!important}
 .erynot-quick-icon{width:36px!important;height:36px!important;font-size:17px!important}
}
@media (max-width:900px){
 .mp-v12.mp-home .mp5-home-shell .mp5-dashboard-grid{grid-template-columns:1fr 1fr!important;padding:10px!important}
 .mp-v12.mp-home .erynot-footer{grid-template-columns:1fr 1fr!important}
}
@media (max-width:620px){
 .mp-v12.mp-home .mp5-home-shell .mp5-dashboard-grid{grid-template-columns:1fr!important}
 .mp-v12.mp-home .erynot-stats{margin:0 8px 10px!important}
 .mp-v12.mp-home .erynot-footer{grid-template-columns:1fr!important}
}
/* ErynOT V11 FINAL POLISH END */

/* ErynOT V12 - header/brand accessibility fix */
.ery-skip-link{
  position:fixed!important;
  left:12px!important;
  top:-80px!important;
  z-index:99999!important;
  padding:10px 14px!important;
  background:#f1d28a!important;
  color:#2b1608!important;
  border:2px solid #8b541d!important;
  border-radius:0 0 6px 6px!important;
  font:bold 13px Arial,sans-serif!important;
  text-decoration:none!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:top .15s ease,opacity .15s ease!important;
}
.ery-skip-link:focus{
  top:8px!important;
  opacity:1!important;
  pointer-events:auto!important;
  outline:3px solid #fff3b7!important;
  outline-offset:2px!important;
}

.erynot-header{
  grid-template-columns:320px minmax(0,1fr) auto!important;
  min-height:72px!important;
  height:72px!important;
}
.erynot-brand{
  width:320px!important;
  height:72px!important;
  overflow:visible!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
}
.erynot-brand img{
  display:block!important;
  width:auto!important;
  max-width:288px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
}
.erynot-nav{height:72px!important;min-width:0!important;}
.erynot-header-actions{height:72px!important;box-sizing:border-box!important;}

@media(max-width:1240px){
  .erynot-header{grid-template-columns:270px minmax(0,1fr) auto!important;}
  .erynot-brand{width:270px!important;padding-left:10px!important;}
  .erynot-brand img{max-width:248px!important;height:54px!important;}
  .erynot-nav a{padding-left:11px!important;padding-right:11px!important;}
  .erynot-header-actions{padding-left:10px!important;padding-right:10px!important;gap:8px!important;}
}
@media(max-width:900px){
  .erynot-header{grid-template-columns:minmax(220px,1fr) auto!important;height:auto!important;min-height:68px!important;}
  .erynot-brand{width:auto!important;height:68px!important;}
  .erynot-brand img{max-width:250px!important;height:52px!important;}
}