/* Legatia visual layer. Original data and business logic remain in their PHP pages. */
:root{--lg-bg:#101216;--lg-panel:#1b2026;--lg-gold:#c9a566;--lg-ink:#292724;--lg-muted:#ada79c}
html{min-height:100%;background:var(--lg-bg)}body{margin:0!important;background:radial-gradient(ellipse at 50% 0,#26303a 0,#101216 65%)!important;color:#e7e2d8;font:14px/1.5 'Segoe UI',Arial,sans-serif}
.legatia-topbar{height:76px;box-sizing:border-box;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:32px;background:#17191ded;border-bottom:1px solid #c9a56655;position:relative;z-index:1100;box-shadow:0 4px 24px #0005}
.legatia-brand{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:#e6c58c!important;font-family:Georgia,serif;font-size:23px;letter-spacing:2px;white-space:nowrap}.legatia-brand small{display:block;font-family:'Segoe UI',Arial;font-size:9px;letter-spacing:6px;color:#a9a397;line-height:1;text-align:center}.legatia-sigil{display:grid;place-items:center;width:38px;height:42px;border:1px solid #b6945b;border-radius:8px;font:28px Georgia;background:#c9a5660b}
.legatia-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.legatia-nav>a,.legatia-nav summary{color:#e1ddd5!important;text-decoration:none!important;font-size:14px;font-weight:600;cursor:pointer;padding:26px 0;white-space:nowrap}.legatia-nav>a:hover,.legatia-nav summary:hover{color:#e5bd7b!important}.legatia-nav details{position:relative}.legatia-nav details>div{position:absolute;left:-18px;top:58px;min-width:205px;background:#20242b;border:1px solid #c9a56655;border-radius:10px;padding:8px;box-shadow:0 12px 30px #0009}.legatia-nav details a{display:block;padding:9px 12px;color:#eee4d3!important;text-decoration:none!important;border-radius:5px}.legatia-nav details a:hover{background:#c9a56618}
.legatia-cta{display:inline-block;background:linear-gradient(#e4c48c,#b88d4b);border:1px solid #f2d69e;border-radius:7px;padding:10px 18px;color:#2b2114!important;font-size:13px;font-weight:700;text-decoration:none!important;white-space:nowrap;box-shadow:0 3px 12px #0004}.legatia-cta:hover{filter:brightness(1.08)}
.legatia-hero{height:290px;box-sizing:border-box;position:relative;background:linear-gradient(90deg,#080d15a6,#080d1520 64%,#080d1544),linear-gradient(0deg,#101216,transparent 35%),url('../images/legatia/hero.png') center 43%/cover no-repeat;border-bottom:1px solid #ad8c4d33;display:flex;align-items:center;padding:20px max(32px,calc((100vw - 1210px)/2));overflow:hidden}.legatia-hero-copy{position:relative;z-index:1;text-shadow:0 2px 9px #000}.legatia-eyebrow{font-size:10px;letter-spacing:3px;color:#e2cc9d}.legatia-hero h1{font:48px/1 Georgia,serif;letter-spacing:4px;color:#f2d399;margin:14px 0 10px}.legatia-hero h1 span{font-size:20px;letter-spacing:7px;display:block;margin-top:8px}.legatia-hero p{font-size:15px;color:#e3dfd6;margin:12px 0 20px}.legatia-hero-actions{display:flex;gap:22px;align-items:center}.legatia-hero-actions>a:not(.legatia-cta){font-size:12px;color:#e6ddce!important;text-decoration:none}.legatia-social{position:absolute;right:max(30px,calc((100vw - 1210px)/2));bottom:28px;display:flex;gap:14px}.legatia-social a{color:#ddd7ca!important;text-decoration:none!important;font-size:12px;background:#111820b8;border:1px solid #bfa06a55;padding:7px 12px;border-radius:6px}
.zaptable,.zaptablee{display:none!important}#ArtworkHelper{background:none!important;padding-top:28px!important;min-width:0!important;height:auto!important;min-height:70vh}#Bodycontainer{width:calc(100% - 48px)!important;max-width:1280px;margin:auto!important;display:block!important;position:relative}#MenuColumn{top:0!important;left:0!important;margin:0!important;width:184px!important}#ContentColumn{margin-left:205px!important;margin-right:255px!important;min-width:0}#Content{width:100%!important}#ContentHelper{position:relative}#ThemeboxesColumn{width:230px!important;margin:0 -255px 0 0!important;top:0!important;right:0!important;position:absolute!important}#Themeboxes{width:100%}#LeftArtwork{display:none!important}
/* Legacy decorative slices are replaced by solid CSS frames. */
.Content .Corner-tl,.Content .Corner-tr,.Content .Corner-bl,.Content .Corner-br,.Content .Border_1,.Content .BorderTitleText,.Content .CornerWrapper-b{display:none!important}.Content .Box{border:1px solid #c3a36b!important;border-radius:12px!important;margin:0 0 24px!important;background:#f2eee5!important;overflow:hidden!important;box-shadow:0 12px 28px #0004!important;font-size:14px!important}.Content .Box:before{content:attr(data-legatia-title);display:block;padding:15px 22px;background:linear-gradient(110deg,#242a31,#1a2027);color:#e4c18a;font:21px/1.3 Georgia,serif;letter-spacing:.3px;border-bottom:1px solid #b6986255}.Content .Box img.Title{display:none!important}.Content .Border_2,.Content .Border_3{border:0!important;margin:0!important;padding:0!important}.Content .BoxContent{background:#f2eee5!important;min-height:0!important;height:auto!important;padding:22px!important;color:#302e2a!important;font:14px/1.6 'Segoe UI',Arial,sans-serif!important;overflow-x:auto}.Content .BoxContent a{color:#875b20}.Content .BoxContent a:hover{color:#b1792c}.Content .BoxContent h1,.Content .BoxContent h2,.Content .BoxContent h3{font-family:Georgia,serif;color:#34302b;line-height:1.3}.Content .BoxContent table{max-width:100%;border-spacing:0;border-collapse:collapse}.Content .BoxContent td{padding:9px 11px!important;border-bottom:1px solid #d7d1c5;font-size:13px!important}.Content .BoxContent th{padding:11px!important;background:#252b32!important;color:#eddbb8!important;font:600 12px 'Segoe UI',Arial!important}.Content .BoxContent .yellow td{background:#e5dfd2!important}.Content .BoxContent .red td,.Content .BoxContent tr.red{background:#51332a!important;color:#fff1d6!important}.Content .BoxContent input:not([type=checkbox]):not([type=radio]):not([type=image]),.Content .BoxContent select,.Content .BoxContent textarea{box-sizing:border-box;max-width:100%;border:1px solid #c9c2b3;border-radius:6px;padding:8px 10px;font:13px 'Segoe UI',Arial;background:#fffdfa;color:#292724}.Content .BoxContent button,.Content .BoxContent input[type=submit]{cursor:pointer;background:#c6a16a!important;color:#241b10!important;font-weight:600!important;border:1px solid #a8844f!important;border-radius:6px!important;padding:8px 14px!important}.Content .BoxContent input:focus,.Content .BoxContent select:focus{outline:2px solid #b48c4f;outline-offset:2px}
/* Original left navigation and every original destination are retained. */
#Menu{width:184px!important;background:none!important}#MenuTop,#MenuBottom,.LoginBorder,#LoginTop,#LoginBottom,.Loginstatus,.LeftChain,.RightChain,.Lights,.Extend{display:none!important}#Loginbox{width:184px!important;height:auto!important;margin:0 0 12px!important;padding:0!important;background:none!important;position:relative!important}#LoginButtonContainer{background:none!important;height:auto!important;margin:0!important;padding:0!important}#LoginButton{margin:0!important;height:auto!important;width:100%!important}#LoginButton a{display:block;border:1px solid #a88c5b;border-radius:8px;background:#222830;padding:8px 0}#LoginButton img{max-width:150px}#Menu .menuitem{background:#1c2229;border:1px solid #46505a;border-radius:9px;margin:14px 0;overflow:hidden}#Menu .MenuButton{background:#272e36!important;height:38px!important;width:100%!important;position:relative!important;cursor:pointer}#Menu .MenuButton .Button{display:none!important}#Menu .Icon{top:4px!important}#Menu .Label{background:none!important;top:9px!important;color:#d6bb8b;font-size:13px;width:130px}#Menu .Label:before{content:attr(data-label);font-weight:600}#Menu .Submenu{display:block!important;width:auto!important;margin:0!important;background:#1a2027!important;padding:7px 0}#Menu .Submenuitem>div{background:transparent!important}#Menu .SubmenuitemLabel{color:#c9ced4!important;padding:7px 10px!important;border-bottom:0!important;font:12px/1.35 'Segoe UI',Arial!important}#Menu a:hover .SubmenuitemLabel{background:#c9a56616;color:#f1d6a4!important}#Menu .SubmenuitemLabel img{vertical-align:middle}
/* Live highscore data remains in the original query/cache. */
#RightArtwork{position:relative!important;height:48px!important;top:auto!important;width:100%!important;margin:0 0 14px!important;background:#1b232a;border:1px solid #586254;border-radius:9px;box-sizing:border-box}#RightArtwork #Monster,#RightArtwork #PedestalAndOnline{display:none!important}#RightArtwork #PlayersOnline{position:static!important;width:auto!important;left:auto!important;top:auto!important;padding:7px!important;font-size:12px!important}#RightArtwork #PlayersOnline a{color:#c8e4b4!important;text-decoration:none!important}#HighscoreBox{top:auto!important;width:100%!important;height:auto!important;min-height:210px;background:#1b222a!important;border:1px solid #8f784f;border-radius:10px;box-sizing:border-box;overflow:hidden;margin:0 0 18px!important}#HighscoreBox>br{display:none}#HighscoreBox .legatia-rank-heading{padding:13px 15px;margin:0;border-bottom:1px solid #b79a6533;color:#e5c791;font:19px Georgia,serif;text-align:left}#HighscoreBox .container{position:static!important;left:auto!important;color:#e8dcc3!important;padding:8px 12px;text-align:left}#HighscoreBox .legatia-rank-row{display:flex;align-items:center;gap:4px;min-height:48px;border-bottom:1px solid #ffffff0c}#HighscoreBox .legatia-rank-row:last-child{border:0}#HighscoreBox img{margin:0!important;width:44px;height:44px;object-fit:contain}#HighscoreBox a{color:#e2c18b!important;font-size:12px;text-decoration:none}#HighscoreBox strong{margin-left:auto;color:#b9c4cf;font-size:12px}#PremiumBox,#TranslateBox,#ScreenshotBox,#NewcomerBox{top:auto!important;margin:0 auto 18px!important;float:none!important}#PremiumBox{background:none!important;width:100%!important;height:86px!important;border:1px solid #46505a;border-radius:9px;background-color:#1b222a!important;box-sizing:border-box;padding:12px!important}#PremiumBox:before{content:'Tienda Legatia';display:block;font:16px Georgia;color:#d8bc8d;margin-bottom:9px}#PremiumBox>br{display:none}#PremiumBox img{max-width:170px}#TranslateBox{background:#1b222a!important;border:1px solid #46505a;border-radius:9px;padding:10px!important;box-sizing:border-box;width:100%!important;height:auto!important;color:#d6d9dd}#TranslateBox>br{display:none}#ScreenshotBox,#NewcomerBox{width:180px!important}#Footer{clear:both;color:#9c9e9e!important;padding:25px 0 40px!important;font:11px/1.6 'Segoe UI',Arial!important}#Footer a{color:#b9a17b!important}
@media(min-width:1500px){.legatia-hero{height:340px}.legatia-hero h1{font-size:56px}}
@media(max-width:1100px){.legatia-topbar{gap:16px;padding:0 20px}.legatia-nav{gap:14px}.legatia-brand{font-size:19px}#MenuColumn{width:160px!important}#Menu,#Loginbox{width:160px!important}#ContentColumn{margin-left:180px!important;margin-right:235px!important}#ThemeboxesColumn{width:215px!important;margin-right:-235px!important}#Bodycontainer{width:calc(100% - 30px)!important}.Content .BoxContent{padding:16px!important}.legatia-nav>a,.legatia-nav summary{font-size:12px}}
@media(max-width:850px){.legatia-topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:14px 18px;gap:14px}.legatia-nav{order:3;width:100%;justify-content:space-between;gap:9px;flex-wrap:wrap}.legatia-nav>a,.legatia-nav summary{padding:6px 0}.legatia-topbar>.legatia-cta{margin-left:auto}.legatia-nav details>div{top:30px}.legatia-hero{height:260px;padding:25px}.legatia-hero h1{font-size:39px}.legatia-social{display:none}#ContentColumn{margin-left:0!important;margin-right:235px!important}#MenuColumn{position:relative!important;width:100%!important;margin-bottom:20px!important}#Menu{display:none!important}#MenuColumn #Loginbox{display:none!important}#ThemeboxesColumn{width:215px!important}#ArtworkHelper{padding-top:20px!important}.Content .BoxContent td{padding:7px!important}}
@media(max-width:600px){#Bodycontainer{width:calc(100% - 24px)!important}#ContentColumn{margin:0!important}#ThemeboxesColumn{position:static!important;width:100%!important;margin:22px 0!important}#Themeboxes{display:flex;flex-direction:column;align-items:stretch;gap:0}#HighscoreBox{width:100%!important}.legatia-hero{height:240px}.legatia-hero h1{font-size:34px}.Content .Box:before{font-size:19px;padding:13px 16px}.Content .BoxContent{padding:14px!important}#RightArtwork{width:100%!important}.legatia-nav{gap:12px;justify-content:flex-start}.legatia-brand{font-size:18px}.legatia-topbar>.legatia-cta{font-size:11px;padding:8px 12px}}