/* SpawnPoint Clean Web 2.0 — Fantasy-24 */
:root{
--olive:#1f240a;--green:#39571c;--gold2:#a58c27;--gold:#efac28;--cream:#efd8a1;
--sand:#efb775;--darkbrown:#2a1d0d;--brown2:#392a1c;--taupe:#684c3c;--stone:#927e6a;
--darkred:#36170c;--red2:#9b1a0a;--brown:#724113
}
*{box-sizing:border-box}html{background:#efd8a1}body{margin:0;background:#efd8a1;color:#2a1d0d;font-family:Georgia,"Times New Roman",serif}a{text-decoration:none;color:inherit}
.shell{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:32px 20px;background:linear-gradient(180deg,#1f240a,#2a1d0d);color:#efd8a1;border-right:1px solid #a58c27}
.brand{display:grid;justify-items:center;gap:5px;padding-bottom:27px;border-bottom:1px solid #a58c27}
.brand img{width:86px;height:86px;filter:drop-shadow(0 5px 9px rgba(42,29,13,.4))}
.brand strong{font-size:30px;font-weight:600}.brand small{font:700 10px Arial,sans-serif;letter-spacing:.34em;color:#efac28}
.sidebar nav{display:grid;gap:5px;margin-top:24px}.sidebar nav a{padding:13px 16px;border-left:3px solid transparent;font-size:18px;color:#efd8a1}
.sidebar nav a:hover,.sidebar nav a.active{background:rgba(114,65,19,.32);border-left-color:#efac28;color:#efac28}
.sidebar nav .login-link{margin-top:10px;border:1px solid #a58c27;border-left-width:1px;text-align:center}
.realm-label{margin:24px 16px -10px;color:#efac28;font:700 10px Arial,sans-serif;letter-spacing:.25em}
.back-link{display:block;margin:28px 16px;color:#efb775;font-size:14px}.sidebar-pixels{position:absolute;left:0;right:0;bottom:52px;text-align:center;color:#724113;font:32px monospace}
.content{width:100%;max-width:1500px;margin:0 auto;padding:24px 34px 55px}
.main-hero{height:155px;border:1px solid #a58c27;border-radius:7px;background:linear-gradient(90deg,rgba(239,216,161,.98),rgba(239,216,161,.89) 48%,rgba(239,216,161,.18)),url("/static/brand/header.jpg") right center/auto 100% no-repeat;display:flex;align-items:center;padding:0 42px}
.main-hero h1,.realm-hero h1,.page-head h1{margin:0;font-size:52px;font-weight:600;line-height:1}.title-rule{height:2px;width:280px;background:#a58c27;margin-top:17px}
.realm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.realm-card{position:relative;min-height:365px;border:1px solid #a58c27;border-radius:7px;overflow:hidden;background-size:cover;background-position:center}
.realm-card.survival{background-image:url("/static/brand/survival.jpg")}.realm-card.factions{background-image:url("/static/brand/factions.jpg")}.realm-card.plots{background-image:url("/static/brand/plots.jpg")}
.realm-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,36,10,.06),rgba(42,29,13,.70))}
.factions .realm-shade{background:linear-gradient(180deg,rgba(85,15,10,.08),rgba(48,15,10,.76))}.plots .realm-shade{background:linear-gradient(180deg,rgba(165,140,39,.08),rgba(69,35,13,.73))}
.realm-card-content{position:absolute;inset:auto 30px 28px;display:grid;gap:10px;color:#efd8a1}.realm-card h2{font-size:42px;margin:0}.realm-card small{font:13px Arial,sans-serif;color:#efb775}.realm-icon{font-size:43px;color:#efb775}
.round-arrow{position:absolute;right:0;bottom:0;width:48px;height:48px;display:grid;place-items:center;border:1px solid #efac28;border-radius:50%;font-size:32px;color:#efac28}
.status-strip{margin-top:18px;min-height:86px;padding:20px 30px;border:1px solid #a58c27;border-radius:7px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;align-items:center;font-family:Arial,sans-serif;background:rgba(239,216,161,.55)}
.online{color:#39571c;font-weight:700}.offline{color:#9b1a0a;font-weight:700}
.section-heading h2{font-size:38px;margin:28px 0 11px}
.event-card{height:145px;border:1px solid #a58c27;border-radius:7px;background:linear-gradient(90deg,rgba(42,29,13,.95),rgba(42,29,13,.75) 40%,rgba(42,29,13,.12)),url("/static/brand/event.jpg") center/cover;color:#efd8a1;display:flex;align-items:center;padding:24px 32px}
.event-copy{display:flex;align-items:center;gap:22px}.event-copy>span{font-size:45px;color:#efac28}.event-copy h3{font-size:31px;margin:0 0 6px}.event-copy small{color:#efb775;font:14px Arial,sans-serif}
.realm-hero{position:relative;min-height:310px;border:1px solid #a58c27;border-radius:7px;overflow:hidden;background-size:cover;background-position:center}
.realm-hero.survival{background-image:url("/static/brand/survival.jpg")}.realm-hero.factions{background-image:url("/static/brand/factions.jpg")}.realm-hero.plots{background-image:url("/static/brand/plots.jpg")}
.realm-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,36,10,.82),rgba(31,36,10,.26))}
.realm-hero.factions .realm-hero-shade{background:linear-gradient(90deg,rgba(54,23,12,.88),rgba(85,15,10,.22))}.realm-hero.plots .realm-hero-shade{background:linear-gradient(90deg,rgba(69,35,13,.82),rgba(114,65,19,.20))}
.realm-hero-content{position:absolute;left:42px;bottom:38px;color:#efd8a1}.realm-big-icon{display:block;font-size:45px;color:#efac28;margin-bottom:14px}
.realm-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.tool-card{min-height:116px;border:1px solid #a58c27;border-radius:7px;padding:20px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:rgba(239,216,161,.65)}
.tool-card:hover{background:#efb775}.tool-icon{font-size:30px;color:#39571c}.tool-card strong{display:block;font-size:25px}.tool-card small{display:block;margin-top:4px;color:#684c3c;font:13px Arial,sans-serif}.tool-card b{font-size:28px;color:#a58c27}
.tool-card.private{border-left:5px solid #39571c}.tool-card.login-card{background:#392a1c;color:#efd8a1}.tool-card.login-card small{color:#efb775}.tool-card.login-card .tool-icon{color:#efac28}
.private-strip{margin-top:18px;padding:17px 22px;border-radius:7px;background:#1f240a;color:#efd8a1;display:flex;gap:16px;align-items:center}
.page-head{padding:40px;border:1px solid #a58c27;border-radius:7px;background:#efd8a1}.page-head>span{font-size:38px;color:#efac28}.page-head p{margin:10px 0 0;color:#684c3c}
.simple-panel{margin-top:18px;padding:28px;border:1px solid #a58c27;border-radius:7px;background:rgba(239,216,161,.64)}.simple-panel h2{margin-top:0}
.mobile-nav{display:none}
@media(max-width:900px){
.shell{display:block}.sidebar{display:none}.content{padding:22px 24px 92px}
.main-hero{height:130px;padding:0 28px}.main-hero h1,.realm-hero h1,.page-head h1{font-size:38px}.title-rule{width:210px}
.realm-grid{grid-template-columns:1fr;gap:14px}.realm-card{min-height:210px}.realm-card-content{inset:auto 24px 22px}.realm-card h2{font-size:34px}
.status-strip{grid-template-columns:1fr 1fr;padding:17px 20px}.realm-hero{min-height:225px}.realm-hero-content{left:28px;bottom:28px}
.realm-tools{grid-template-columns:1fr;gap:12px}.tool-card{min-height:92px;padding:14px 18px}.tool-card strong{font-size:22px}.tool-card small{font-size:12px}.tool-card.login-card{min-height:86px}
.mobile-nav{position:fixed;z-index:100;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;min-height:70px;background:#1f240a;border-top:2px solid #a58c27;color:#efd8a1}
.mobile-nav a{flex:1;text-align:center;padding:20px 8px;font-size:23px}
}