:root{--gold:#d6ab68;--line:rgba(214,171,104,.42);--panel:rgba(22,28,38,.76);--text:#efe7d8;--muted:#cec5b7}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Manrope,sans-serif;color:var(--text)}
body{background:linear-gradient(180deg,rgba(10,12,18,.54),rgba(13,20,30,.28) 40%,rgba(25,14,12,.22) 74%,rgba(9,11,16,.52)),radial-gradient(circle at 30% 36%,rgba(194,80,46,.22),transparent 40%),radial-gradient(circle at 74% 17%,rgba(103,168,221,.28),transparent 45%),url("/lobby/assets/hero-bg.png") center 26%/cover fixed no-repeat}
.top{position:sticky;top:0;z-index:20;height:76px;background:linear-gradient(180deg,rgba(37,39,45,.95),rgba(26,30,38,.94));border-bottom:1px solid rgba(214,171,104,.2)}
.topin{width:min(1460px,98vw);height:100%;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.left,.right{display:flex;align-items:center;gap:10px}.right{justify-content:flex-end}
.btn,.pill{height:34px;border:1px solid var(--line);background:rgba(18,23,31,.74);color:var(--gold);border-radius:999px;padding:0 12px;font-weight:700}
.menu{width:42px;border-radius:10px;padding:0;cursor:pointer}.logo{text-align:center;font:700 clamp(1.35rem,2.3vw,2.2rem) Cinzel,serif;letter-spacing:.08em}.logo small{display:block;font-size:.5em;letter-spacing:.28em;color:#bcb3a7}
.langWrap{position:relative}
.langBtn{display:inline-flex;align-items:center;gap:8px;padding:0 14px}
.langMenu{position:absolute;top:40px;left:0;min-width:164px;border:1px solid var(--line);background:rgba(28,34,45,.96);display:none;z-index:65;border-radius:10px;padding:6px}
.langMenu{max-height:280px;overflow:auto}
.langMenu.show{display:block}
.langMenu button{width:100%;height:32px;border:1px solid rgba(214,171,104,.24);background:rgba(18,23,31,.72);color:#e7dfd1;border-radius:8px;text-align:left;padding:0 10px;margin-bottom:6px;cursor:pointer;font-weight:700}
.langMenu button:last-child{margin-bottom:0}
.langMenu button:hover{border-color:rgba(214,171,104,.58);background:rgba(46,55,70,.82)}
.page{width:min(1460px,98vw);margin:0 auto;padding:18px 14px 60px}.space{height:min(30vh,230px)}
.cta{border:1px solid var(--line);border-radius:10px;cursor:pointer;font:700 1.08rem "Barlow Condensed",sans-serif;letter-spacing:.03em;padding:9px 18px}
.cta.main{background:linear-gradient(180deg,#e5be79,#c7933e);color:#2d1d0a}.cta.ghost{background:rgba(28,33,44,.84);color:#f0e6d7}
.hero{min-height:560px;border:1px solid rgba(214,171,104,.28);padding:44px 48px 20px;background:linear-gradient(90deg,rgba(20,15,18,.68),rgba(23,20,27,.42))}
.hero h1{margin:0;font:800 clamp(2.3rem,7.2vw,5.8rem) Cinzel,serif;line-height:.9;max-width:11ch;text-transform:uppercase}.accent{color:#a6d7ff}
.hero p{margin:14px 0 0;max-width:54ch;color:var(--muted);font-size:clamp(1rem,2.4vw,1.24rem)}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.heroBottom{margin-top:22px;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}
.card{min-height:120px;border:1px solid rgba(214,171,104,.55);background:rgba(30,35,46,.84);padding:10px}
.card .t{font:700 1.45rem "Barlow Condensed",sans-serif;color:var(--gold)}.meta{margin-top:6px;color:#d7cebf;font-size:.95rem}
.play{min-width:300px;height:80px;border:1px solid rgba(153,196,114,.6);background:linear-gradient(180deg,#76b24a,#3f6e1e);color:#e9f6dc;border-radius:10px;font:700 clamp(1.8rem,3.5vw,2.6rem) "Barlow Condensed",sans-serif;cursor:pointer}
.play{
    min-width: 430px;
    height: 102px;
    position: relative;
    overflow: hidden;
    border: 2px solid #4e7e2c;
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(160, 247, 124, .78), rgba(0,0,0,0) 26%),
        radial-gradient(180% 120% at 14% 8%, rgba(156, 243, 122, .35), rgba(0,0,0,0) 44%),
        linear-gradient(180deg, #74bf46, #4a8a2a 58%, #244f15);
    color: #f0f6e9;
    text-shadow: 0 2px 1px rgba(0,0,0,.38);
    font-size: clamp(2.2rem, 4.4vw, 3.4rem);
    letter-spacing: .02em;
    transition: box-shadow .22s ease, filter .2s ease;
    box-shadow:
        inset 0 2px 0 rgba(199, 255, 170, .46),
        inset 0 -10px 20px rgba(8, 30, 7, .52),
        0 12px 26px rgba(54, 113, 24, 0.38);
}
.framedPlayWrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 20px;
    isolation:isolate;
    transition:transform .18s ease, filter .2s ease;
}
.framedPlayWrap::before,
.framedPlayWrap::after{
    content:"";
    position:absolute;
    left:30px;
    right:30px;
    height:6px;
    background:#595651;
    border-radius:6px;
    z-index:0;
}
.framedPlayWrap::before{top:8px}
.framedPlayWrap::after{bottom:8px}
.framedPlay{
    position:relative;
    z-index:1;
}
.framedPlay::before{
    content:"";
    position:absolute;
    inset:-8px -16px;
    border-left:6px solid #595651;
    border-right:6px solid #595651;
    border-radius:18px;
    pointer-events:none;
    z-index:-1;
}
.playLabel{position:relative;z-index:2;display:inline-block}
.play::before{
    content:"";
    position:absolute;
    inset: 4px;
    border-radius: 10px;
    border: 1px solid rgba(190, 255, 166, .34);
    pointer-events:none;
}
.play::after{
    content:"";
    position:absolute;
    top:-20%;
    left:-40%;
    width:40%;
    height:140%;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.28), rgba(255,255,255,0));
    transform: skewX(-20deg);
    pointer-events:none;
    opacity:0;
}
.framedPlayWrap:hover{
    transform: translateY(-3px) scale(1.02);
    filter: brightness(1.03);
}
.framedPlayWrap:hover .play{
    filter: brightness(1.08);
    box-shadow:
        inset 0 2px 0 rgba(199, 255, 170, .56),
        inset 0 -10px 20px rgba(8, 30, 7, .58),
        0 18px 34px rgba(74, 151, 31, 0.5),
        0 0 20px rgba(138, 216, 89, 0.34);
}
.framedPlayWrap:hover .play::after{
    opacity:1;
    animation: playShine .85s ease-out 1;
}
.framedPlayWrap .frameCorner{
    width:78px;
    height:78px;
    z-index:2;
    transition:filter .2s ease;
}
.framedPlayWrap .frameCorner.tl{left:-8px;top:-4px}
.framedPlayWrap .frameCorner.tr{right:-8px;top:-4px}
.framedPlayWrap .frameCorner.bl{left:-8px;bottom:-4px}
.framedPlayWrap .frameCorner.br{right:-8px;bottom:-4px}
.framedPlayWrap:hover .frameCorner{filter:brightness(1.06)}
@keyframes playShine {
    from { left:-45%; }
    to { left:115%; }
}
.sec{margin-top:20px;border:1px solid rgba(214,171,104,.32);background:var(--panel)}
.sec h2{margin:0;padding:12px 14px;border-bottom:1px solid rgba(214,171,104,.24);font:700 1.95rem "Barlow Condensed",sans-serif;color:var(--gold);text-transform:uppercase}
.tabs{padding:12px 14px;display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:rgba(28,34,45,.82);color:#ddd4c7;border-radius:4px;padding:6px 12px;font:700 1rem "Barlow Condensed",sans-serif;cursor:pointer}.tab.active{background:rgba(84,112,141,.76);color:#f7f2e8}
.grid{padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.world{border:1px solid rgba(214,171,104,.5);background:linear-gradient(180deg,rgba(33,39,51,.9),rgba(27,32,43,.86));padding:11px}
.wh{display:flex;justify-content:space-between;align-items:center}.wn{font:700 1.6rem "Barlow Condensed",sans-serif}
.badge{font-size:.8rem;border:1px solid rgba(123,180,74,.66);background:rgba(61,108,36,.86);color:#d9efc9;padding:3px 6px;border-radius:2px}
.wm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;color:var(--muted);font-size:.9rem;margin-top:8px}.wm strong{display:block;color:#f2ecdf;font-size:.98rem}
.nGrid{padding:12px 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.news{border:1px solid rgba(214,171,104,.45);background:rgba(24,31,42,.84);display:grid;grid-template-columns:128px 1fr;min-height:132px}
.thumb{background:linear-gradient(155deg,rgba(184,101,61,.45),rgba(41,57,78,.45)),url("/lobby/assets/hero-bg.png") center/cover no-repeat;border-right:1px solid rgba(214,171,104,.32)}
.nc{padding:10px;display:grid;gap:5px}.nc h3{margin:0;font:700 1.35rem "Barlow Condensed",sans-serif;color:#d9b170}.nc p{margin:0;color:#dbd2c5;font-size:.95rem}.nc .d{font-size:.84rem;color:#a8b6c5;font-weight:700}.nc a{color:#8fcf56;text-decoration:none;font-weight:700}
.cal{padding:12px 14px 14px;overflow-x:auto}
.calMonth{margin:0 0 8px;color:#d9b170;font:700 1.6rem "Barlow Condensed",sans-serif;letter-spacing:.03em;text-transform:uppercase}
.r{display:grid;grid-template-columns:84px 1.75fr 150px 1.5fr 170px 150px 180px 130px 78px;min-width:1320px;align-items:center;border:1px solid rgba(214,171,104,.45);background:rgba(27,33,44,.86);margin-bottom:10px}
.r>div{padding:11px 14px;border-right:1px solid rgba(214,171,104,.26)}
.r>div:last-child{border-right:0}
.db{text-align:center;background:rgba(62,106,44,.9);font:700 1.1rem "Barlow Condensed",sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1}
.db .dow{font:700 .82rem "Barlow Condensed",sans-serif;opacity:.95;letter-spacing:.04em;text-transform:uppercase}
.db .dd{font:700 1.55rem "Barlow Condensed",sans-serif}
.nm{font:700 1.25rem "Barlow Condensed",sans-serif}
.calCell{display:flex;align-items:center;gap:9px;font-weight:700;color:#ece3d2}
.calCell span{white-space:nowrap}
.calIcon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
.calTextOnly{justify-content:flex-start}
.chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border:1px solid rgba(214,171,104,.5);background:rgba(48,57,71,.72);border-radius:4px;font-size:.78rem;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.go{
    text-align:center;
    background:linear-gradient(180deg,#6ba843,#4a7c2c);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    transition:transform .18s ease, filter .18s ease, box-shadow .2s ease;
    box-shadow:inset 0 1px 0 rgba(208,245,174,.35);
}
.go::after{
    content:"";
    position:absolute;
    top:-30%;
    left:-45%;
    width:45%;
    height:160%;
    transform:skewX(-20deg);
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.34),rgba(255,255,255,0));
    opacity:0;
    pointer-events:none;
}
.go:hover{
    transform:scale(1.08);
    filter:brightness(1.08);
    box-shadow:inset 0 1px 0 rgba(208,245,174,.45),0 0 14px rgba(139,209,94,.45);
}
.go:hover::after{
    opacity:1;
    animation:goShine .75s ease-out 1;
}
.goText{font:700 1.2rem "Barlow Condensed",sans-serif;color:#f4efdf}
@keyframes goShine {
    from{left:-45%}
    to{left:120%}
}
.drawer{position:fixed;left:0;top:0;bottom:0;width:min(320px,88vw);background:rgba(23,31,42,.97);border-right:1px solid rgba(214,171,104,.3);transform:translateX(-102%);transition:transform .24s ease;z-index:55;padding:14px}
.drawer.show{transform:translateX(0)}.drawer a{display:block;color:#d7cfbf;text-decoration:none;padding:11px 12px;border:1px solid rgba(214,171,104,.24);margin-bottom:8px;font-weight:700;background:rgba(35,43,56,.72)}
.drawer a.active{border-color:rgba(214,171,104,.58);background:rgba(58,68,84,.78)}
.drop{position:absolute;right:18px;top:62px;width:228px;border:1px solid rgba(214,171,104,.34);background:rgba(36,49,64,.96);display:none;z-index:60}.drop.show{display:block}.drop button{width:100%;background:transparent;color:#e8e2d6;border:0;border-bottom:1px solid rgba(214,171,104,.16);padding:11px;text-align:left;font-weight:700;cursor:pointer}.drop button:last-child{border-bottom:0}
.profileBox{padding:10px 11px;border-bottom:1px solid rgba(214,171,104,.16);background:rgba(30,40,52,.96)}
.profileTitle{font:700 1.1rem "Barlow Condensed",sans-serif;color:#e7d8bf;margin-bottom:8px;text-transform:uppercase}
.profileRow{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;color:#cfd7df;padding:3px 0}
.profileRow strong{color:#f4ecd9;font-size:.86rem}
.modalBg{position:fixed;inset:0;background:rgba(8,10,15,.74);display:none;place-items:center;z-index:70;padding:16px}.modalBg.show{display:grid}
.modal{width:min(560px,96vw);background:#e6d7b6;color:#3a2f1f;border:2px solid rgba(214,171,104,.6);padding:16px}.modal h3{margin:0 0 10px;font:700 2rem "Barlow Condensed",sans-serif}
.authShell{position:relative;width:min(470px,94vw);background:linear-gradient(180deg,#f3e5bf,#ead3a1);border:6px solid #5d534b;box-shadow:0 18px 40px rgba(0,0,0,.42),inset 0 0 0 2px #a18f7a;padding:24px 28px 22px}
.authShell::before{content:"";position:absolute;inset:-6px;border:3px solid #7b756d;pointer-events:none}
.authShell::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,245,214,.5);pointer-events:none}
.frameCorner{position:absolute;width:86px;height:86px;background-repeat:no-repeat;background-size:contain;pointer-events:none;z-index:2}
.frameCorner.tl{left:-15px;top:-15px;background-image:url("/lobby/assets/frame-up-left.png")}
.frameCorner.tr{right:-15px;top:-15px;background-image:url("/lobby/assets/frame-up-right.png")}
.frameCorner.bl{left:-15px;bottom:-15px;background-image:url("/lobby/assets/frame-bottom-left.png")}
.frameCorner.br{right:-15px;bottom:-15px;background-image:url("/lobby/assets/frame-bottom-right.png")}
.authShell h3{margin:0 0 18px;font:700 1.15rem Cinzel,serif;letter-spacing:.12em;text-transform:uppercase;color:#6c5330}
.authClose{position:absolute;right:14px;top:14px;width:40px;height:40px;border:2px solid #5b441f;background:linear-gradient(180deg,#7ab24e,#557f29);color:#f7f6eb;font:700 1.7rem "Barlow Condensed",sans-serif;line-height:1;cursor:pointer;box-shadow:inset 0 0 0 2px #d7c07d;z-index:3}
.f{display:grid;gap:6px;margin-bottom:14px;font-weight:700}
.f label{font:700 1rem Georgia,serif;color:#705534}
.f input{height:42px;border:1px solid #8f8164;padding:0 14px;background:#f8f4eb;font-size:1rem;color:#41311d}
.fb{min-height:22px;font-weight:700;color:#6f5633}.fb.ok{color:#3a8a3f}.fb.err{color:#b93b36}
.authSwitch{margin-top:16px;text-align:center}
.authSwitchLine{color:#6a5435;font-size:1rem}
.authSwitchText{color:#6a5435}
.authSwitchBtn{display:inline;border:0;background:transparent;color:#5f971f;font:700 1rem Manrope,sans-serif;padding:0;cursor:pointer}
.authSwitchBtn:hover{text-decoration:underline}
.authActions{display:flex;justify-content:center;margin-top:14px}
.authPrimary{min-width:126px;height:42px;border:2px solid #5b441f;background:linear-gradient(180deg,#6ea440,#4f7929);color:#f7f6eb;font:700 1.25rem "Barlow Condensed",sans-serif;cursor:pointer;box-shadow:inset 0 0 0 2px #d3bb71}
.accountBox{border:1px solid rgba(214,171,104,.55);background:rgba(233,225,204,.94);color:#352a1b;padding:14px;max-width:760px;margin:20px auto}.accountBox h3{margin:0 0 10px;font:700 2rem "Barlow Condensed",sans-serif}.accountRow{border-top:1px solid rgba(92,74,42,.2);padding:10px 0}.accountRow:first-of-type{border-top:0}
.accountLbl{font:700 1.4rem "Barlow Condensed",sans-serif}.accountVal{margin-top:4px}.accountAct{float:right;color:#5d9127;font-weight:700}
.accountModal{max-width:700px;background:#ece0c8;color:#3d3122;border:3px solid #8f7a54}
.accountModal .accountRow{display:grid;gap:8px;border-top:1px solid rgba(92,74,42,.22);padding:12px 0}
.accountModal .accountLbl{font:700 1.5rem "Barlow Condensed",sans-serif}
.accountModal .settingsForm{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}
.accountModal .settingsForm input{height:38px;border:1px solid #9c8d70;background:#f8f1e4;padding:0 10px}
#settingsFeedback{color:#8e2f22;min-height:20px}
.dashWorlds{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dashWorldCard{min-height:180px;border:1px solid rgba(214,171,104,.52);background:linear-gradient(140deg,rgba(40,54,72,.75),rgba(40,47,58,.82));padding:12px;display:flex;flex-direction:column;justify-content:space-between}
.dashWorldCard.image{background:linear-gradient(140deg,rgba(40,54,72,.55),rgba(40,47,58,.78)),url("/lobby/assets/hero-bg.png") center/cover no-repeat}
.dashHead{font:700 1.85rem "Barlow Condensed",sans-serif;line-height:1;color:#f3ece0}
.dashMeta{font-size:.95rem;color:#d8cfbf}
.dashWorldStatus{display:flex;justify-content:space-between;gap:10px;align-items:center}
.dashWorldCard .cta.main{align-self:flex-start}
.dashWorldCard .row{margin-top:10px}
.dashWorldCard.emptyState{justify-content:center;align-items:center}
.dashAdd{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    text-align:center;
    font:700 2rem "Barlow Condensed",sans-serif;
    color:#e6dfd2;
    text-decoration:none;
}
.dashAdd:hover{color:#f2dfbe}
.newsList{padding:14px;display:grid;gap:10px}
.newsRow{display:grid;grid-template-columns:160px 1fr;border:1px solid rgba(214,171,104,.45);background:rgba(24,31,42,.86);min-height:120px}
.newsRow .thumb{min-height:120px}
.newsRow .nc{padding:12px}
@media (max-width:1180px){.hero{padding:34px 20px 18px}.heroBottom{grid-template-columns:1fr}.play{width:100%;min-width:240px;height:70px}.grid,.nGrid{grid-template-columns:1fr}}
@media (max-width:940px){body{background-position:center 21%;background-attachment:scroll}.topin{grid-template-columns:auto 1fr auto}.logo{font-size:1.22rem}.left .pill{display:none}.dashWorlds{grid-template-columns:1fr}.newsRow{grid-template-columns:120px 1fr}}

/* Landing page (home) */
body.home-landing #lobbyGoBtn,
body.home-landing #walletPill {
    display: none;
}

body.home-landing {
    overflow: hidden;
    height: 100vh;
}

body.home-landing .page {
    height: calc(100vh - 76px);
    padding: 0;
}

body.home-landing .hero {
    position: relative;
    min-height: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    padding: 0;
}

.bottomDock {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 18px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 14px;
    align-items: end;
}

.dockCard {
    min-height: 128px;
    border: 1px solid rgba(214,171,104,.55);
    background: rgba(32,34,38,.9);
    padding: 12px 14px 10px;
    position: relative;
    transition: background .22s ease, border-color .22s ease, color .22s ease;
}

.dockCard::before,
.dockCard::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-color: rgba(214,171,104,.72);
    border-style: solid;
    pointer-events: none;
}

.dockCard::before {
    left: -1px;
    top: -1px;
    border-width: 2px 0 0 2px;
}

.dockCard::after {
    right: -1px;
    bottom: -1px;
    border-width: 0 2px 2px 0;
}

.dockCard:hover {
    background: #c9a56a;
    border-color: #d9b880;
    color: #20180f;
}

.dockCard:hover .t,
.dockCard:hover .meta,
.dockCard:hover strong,
.dockCard:hover span {
    color: #20180f;
}

.dockNews {
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 12px;
    min-height: 74px;
}

.dockThumb {
    min-height: 74px;
    border: 1px solid rgba(214,171,104,.35);
    background: linear-gradient(155deg, rgba(184,101,61,.45), rgba(41,57,78,.45)), url("/lobby/assets/hero-bg.png") center/cover no-repeat;
}

.dockContent{display:grid;align-content:start;gap:6px}
.dockInfoCard .t{color:#d8b06b;font:700 1.05rem "Barlow Condensed",sans-serif;letter-spacing:.02em}
.dockInfoCard .meta{margin-top:0;color:#ece4d7;font-size:.95rem;line-height:1.25}
.dockInfoCard strong{color:#fff3dc}
.dockAction{
    margin-top:10px;
    display:block;
    width:max-content;
    min-width:230px;
    margin-left:auto;
    margin-right:auto;
    border-color: rgba(214,171,104,.72);
    background: rgba(43,44,51,.96);
    color:#f2dfbe;
    border-radius:0;
    padding:10px 20px;
    box-shadow: inset 0 0 0 1px rgba(214,171,104,.18);
}
.dockAction:hover{
    background: rgba(57,58,66,.98);
    color:#ffdf9a;
}
.dockMetaRow {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 92px 1fr 72px;
    gap: 0;
    color: #f0e8d8;
    font-weight: 700;
    min-height: 42px;
    align-items:center;
}
.dockMetaRow span{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:0 12px;
    border-left:1px solid rgba(214,171,104,.14);
    color:#f1e6d1;
    font:700 1rem Manrope,sans-serif;
}
.dockMetaRow span:first-child{border-left:0;padding-left:0}
.dockServerCard{display:flex;flex-direction:column;justify-content:flex-start}
.dockServerCard .t{font-size:1.05rem;margin-bottom:2px}
.dockServerRow span:nth-child(2){font:700 1.4rem "Barlow Condensed",sans-serif;letter-spacing:.02em}
.dockServerRow span:nth-child(3){justify-content:flex-end;padding-right:0}
.dockNewsCard .t{
    font-size:1.05rem;
    line-height:1.05;
    min-height:32px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.dockNewsCard #heroNewsSummary{
    font-size:.88rem;
    color:#d2c5af;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.dockNewsCard #heroNewsDate{font-size:.8rem;color:#bcae95}
.lobbyBottomDock{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:14px;
}
.lobbyGoWrap{
    align-self:end;
}
body.home-landing .lobbyBottomDock{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
}
.scrollRevealFooter{
    position:fixed;
    left:20px;
    right:20px;
    bottom:0;
    z-index:35;
    pointer-events:none;
    opacity:0;
    transform:translateY(18px);
    transition:opacity .24s ease, transform .24s ease;
}
.scrollRevealFooter.is-visible{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}
.scrollRevealFooterInner{
    width:min(1460px,calc(100vw - 40px));
    margin:0 auto 12px;
    padding:12px 18px 10px;
    border:1px solid rgba(214,171,104,.34);
    background:linear-gradient(180deg,rgba(18,23,31,.94),rgba(13,16,22,.95));
    box-shadow:0 10px 24px rgba(0,0,0,.32);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.scrollFooterLinks{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}
.scrollFooterLinks a{
    color:#d9cfbe;
    text-decoration:none;
    font:700 .94rem Manrope,sans-serif;
}
.scrollFooterLinks a:hover{color:#f0c87c}
.scrollFooterCopy{
    margin:0;
    color:#c6bcad;
    font:700 .92rem Manrope,sans-serif;
    white-space:nowrap;
}
body.home-landing .scrollRevealFooter{
    left:0;
    right:0;
}
@media (max-width:940px){
    .scrollRevealFooterInner{
        margin:0 auto 10px;
        padding:10px 14px;
        flex-direction:column;
        justify-content:center;
        text-align:center;
    }
    .scrollFooterLinks{
        justify-content:center;
        gap:12px;
    }
}

@media (max-width:900px){
    body.home-landing{
        overflow-y:auto;
        overflow-x:hidden;
        height:auto;
        min-height:100vh;
    }
    body.home-landing .page{
        height:auto;
        min-height:calc(100vh - 76px);
        padding:10px;
    }
    body.home-landing .hero{
        height:auto;
        min-height:unset;
    }
    .bottomDock{
        position:static;
        left:auto;
        right:auto;
        bottom:auto;
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        width:100%;
        margin:0;
    }
    .dockCard{
        min-height:unset;
    }
    .dockNews{
        grid-template-columns:88px 1fr;
        gap:10px;
    }
    .dockAction{
        width:100%;
        min-width:0;
        padding:10px 12px;
    }
    .framedPlayWrap{
        width:100%;
        padding:8px 0;
        display:flex;
    }
    .framedPlayWrap::before,
    .framedPlayWrap::after{
        left:8px;
        right:8px;
    }
    .play.framedPlay,
    .play{
        width:100%;
        min-width:0;
        max-width:100%;
        height:84px;
        font-size:clamp(1.6rem,6vw,2.4rem);
    }
    .framedPlay::before{
        inset:-6px -8px;
    }
    .dockMetaRow{
        grid-template-columns:74px 1fr 62px;
    }
    .dockMetaRow span{
        padding:0 8px;
        font-size:.92rem;
    }
    .nGrid{
        grid-template-columns:1fr;
    }
    .news{
        grid-template-columns:100px 1fr;
    }
    .nc h3{
        font-size:1.1rem;
    }
    .scrollRevealFooter{
        display:none;
    }
}

.mobilePromptShell{
    width:min(540px,94vw);
    background:linear-gradient(180deg,#2b2419,#1f1a13);
    border:2px solid #9f8a66;
    box-shadow:0 20px 46px rgba(0,0,0,.55),inset 0 0 0 1px rgba(214,171,104,.25);
    color:#efe8d6;
    padding:22px 22px 18px;
    position:relative;
}
.mobilePromptShell h3{
    margin:0 0 12px;
    color:#f0dfb5;
    font:700 1.45rem Cinzel,serif;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.mobilePromptShell .mobilePromptClose{
    width:36px;
    height:36px;
    top:10px;
    right:10px;
}
.mobilePromptText{
    margin:0 0 14px;
    line-height:1.45;
    color:#ede4d0;
    font-weight:600;
}
.mobilePromptToggle{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    align-items:center;
    margin:10px 0;
    color:#ece4d4;
    font-weight:700;
    cursor:pointer;
}
.mobilePromptToggle input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.mobilePromptToggle .slider{
    width:52px;
    height:28px;
    border-radius:999px;
    background:#3f402f;
    border:1px solid #6b6a4f;
    position:relative;
    transition:background .2s ease;
}
.mobilePromptToggle .slider::after{
    content:"";
    width:22px;
    height:22px;
    border-radius:50%;
    background:#d8d2c2;
    position:absolute;
    left:2px;
    top:2px;
    transition:transform .2s ease;
}
.mobilePromptToggle input:checked + .slider{
    background:#2f7f2a;
    border-color:#5ca452;
}
.mobilePromptToggle input:checked + .slider::after{
    transform:translateX(24px);
    background:#f2f0ea;
}
.mobilePromptActions{
    margin-top:16px;
}
.mobilePromptActions .authPrimary{
    min-width:170px;
}
