/* App navigation shared by encyclopedia, trading, games and accounts. */
:root{--site-nav-width:0px;--site-border:#dfe8d7;--site-ink:#244b35;--site-tabbar-height:80px;--site-topbar-height:64px}
body[data-site-page]{margin:0;padding:0 0 var(--site-tabbar-height);max-width:none;display:block;height:auto;min-height:100svh;background:#f6f8f4}
body .platform-workspace{margin:0;width:100%;min-width:0;min-height:calc(100svh - var(--site-tabbar-height))}.app-shell{min-height:calc(100svh - var(--site-tabbar-height))}
.platform-bottom{position:fixed;inset:auto 0 0;z-index:40;height:var(--site-tabbar-height);padding:6px 14px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--site-border);background:#fafdf8f5;backdrop-filter:blur(18px);box-shadow:0 -5px 25px #30512c05;font:13px/1.4 system-ui,-apple-system,"PingFang SC",sans-serif;color:var(--site-ink)}
.platform-tabs{height:100%;max-width:760px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.platform-nav-link{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:13px;min-width:0;min-height:56px;text-decoration:none;color:#8a9982;font-size:12px;font-weight:550;transition:color .15s,background .15s}.platform-tab-icon{display:grid;place-items:center;width:49px;height:31px;border-radius:12px}.platform-nav-link svg{display:block;width:24px;height:24px;stroke-width:1.6}.platform-nav-link:hover{color:#375e2d;background:#f0f5e9}.platform-nav-link.active{color:#28542f;font-weight:750}.platform-nav-link.active .platform-tab-icon{background:#e6f4d0}.platform-nav-link.active svg{stroke-width:2}
body .platform-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;height:64px;padding:0 max(26px,calc((100vw - 1356px)/2));background:#fafcf7ed;border-bottom:1px solid var(--site-border);backdrop-filter:blur(12px);flex:none}
.platform-app-brand{position:relative;display:grid;place-items:center;flex:none;width:33px;height:33px;border:2px solid #507237;border-radius:10px;background:#aaff00;color:#2e542d!important;text-decoration:none;font:850 22px/1 system-ui;box-shadow:0 2px #d2e8b1}.platform-app-brand>span{position:absolute;font-size:11px;top:-5px;right:-5px}
.platform-breadcrumb,.platform-topbar>.breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;color:#93a087;font-size:11px;margin-right:auto}.platform-breadcrumb a{color:#89977e}.platform-breadcrumb strong{font-weight:600;color:#3b5a38}.platform-topbar>.breadcrumb span{margin:0}.platform-account-link{display:flex;align-items:center;gap:12px;padding:7px 11px;border:1px solid var(--site-border);border-radius:8px;background:#fff;font-size:11px;color:#496b3c;white-space:nowrap;text-decoration:none}
.platform-workspace main{max-width:1420px;margin-left:auto;margin-right:auto}.wiki-workspace main{padding-top:20px}.wiki-workspace footer{max-width:1420px;margin:auto}.platform-account-nav{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 0 20px;margin:0 0 2px}.account-nav-link{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:38px;padding:7px 13px;border:1px solid transparent;border-radius:9px;color:#7f9172;font-size:11px;text-decoration:none}.account-nav-link svg{width:16px;height:16px;stroke-width:1.7}.account-nav-link:hover{background:#f0f5e9}.account-nav-link.active{background:#e9f3dc;border-color:#dce9cf;color:#365f30;font-weight:650}
.wiki-sections{display:flex;gap:7px;overflow-x:auto;margin-bottom:20px;padding:8px 1px;scrollbar-width:none}.wiki-sections a{flex:none;font-size:11px;padding:7px 12px;color:#7b8e6c;border:1px solid transparent;border-radius:7px;text-decoration:none}.wiki-sections a:hover,.wiki-sections a[aria-current="location"]{color:#3f6630;background:#ebf2e2;border-color:#dfe9d4}
body[data-site-page="home"] .wiki-sections{position:sticky;top:var(--site-topbar-height,64px);z-index:19;background:#f6f8f4f5;backdrop-filter:blur(12px);border-bottom:1px solid #e2e9da}
html:has(body[data-site-page="home"]){scroll-padding-top:calc(var(--site-topbar-height,64px) + 60px)}body[data-site-page="home"] main>section{scroll-margin-top:0}
.calculator-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.calculator-heading .calc-title{margin:0;min-width:0}.calculator-price{position:static;flex:none;min-width:155px;text-align:right;border:0;border-left:1px solid #dce6d0;border-radius:0;background:none;padding:0 0 0 17px;color:#486b39}.calculator-price>span{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:9px;color:#8b9b79}.calculator-price>span svg{width:12px;height:12px}.calculator-price strong{display:block;font-size:23px;line-height:1.45;font-weight:750}.calculator-price strong b{font-weight:inherit}.calculator-price strong small{font-weight:400;font-size:8px;color:#849875}.calculator-price .live-note{font-size:8px;margin-top:1px;line-height:1.5}.hero-visual{overflow:hidden}.hero-shell{column-gap:25px}

body .platform-game{display:flex;flex-direction:column;height:calc(100svh - var(--site-tabbar-height));min-height:540px;gap:9px;padding:0 22px;background:#f4f8ed}.platform-game>.platform-topbar{padding:0;height:56px;min-height:56px;z-index:20}.platform-game .game-layout{max-width:none;margin:0}.platform-game>.round-overview{margin-top:0}.platform-game>footer{margin:0}.map-expanded .stage{inset:8px 8px calc(var(--site-tabbar-height) + 8px)}
.platform-nav-link:focus-visible,.account-nav-link:focus-visible,.platform-app-brand:focus-visible{outline:3px solid #86b54f;outline-offset:2px}body[data-site-page] #toast{left:50%;bottom:calc(var(--site-tabbar-height) + 12px)}
@media(max-width:850px){body .platform-topbar{padding:0 20px;gap:10px}.platform-topbar .top-actions{gap:8px}.platform-topbar .top-account-name{max-width:90px}.platform-workspace main{padding-left:22px;padding-right:22px}.platform-workspace .game-layout{padding:0}.platform-game .platform-topbar{padding:0;min-height:52px;height:52px}.platform-game .platform-breadcrumb{font-size:10px;gap:7px}.platform-game .deposit-button small{display:none}.platform-topbar .connection{display:none}}
@media(max-width:650px){:root{--site-tabbar-height:calc(68px + env(safe-area-inset-bottom,0px));--site-topbar-height:56px}.platform-bottom{padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px))}.platform-tabs{gap:4px}.platform-nav-link{font-size:11px;gap:1px;min-height:56px;border-radius:10px}.platform-tab-icon{width:46px;height:30px}.platform-nav-link svg{width:23px;height:23px}body .platform-topbar{min-height:56px;height:56px;padding:0 16px;gap:10px}.platform-app-brand{width:30px;height:30px;font-size:20px}.platform-breadcrumb,.platform-topbar>.breadcrumb{gap:7px;font-size:10px}.platform-account-link{font-size:10px;padding:5px 8px;gap:6px}.platform-workspace main{padding-left:16px;padding-right:16px}.wiki-workspace main{padding-top:14px}.wiki-sections{gap:1px;margin-bottom:13px}.wiki-sections a{font-size:10px;padding:6px 8px}.platform-account-nav{gap:3px;padding-bottom:16px;margin-top:-2px}.account-nav-link{gap:5px;font-size:11px;padding:7px 10px;min-height:38px}.account-nav-link svg{width:14px;height:14px}.hero{padding:18px}.calculator{padding:14px}.calculator-heading{gap:8px;margin-bottom:15px}.calculator-heading .calc-title{gap:6px}.calculator-heading .calc-title>svg{display:none}.calculator-heading .calc-title strong{font-size:12px}.calculator-heading .calc-title span{font-size:7px;max-width:120px;line-height:1.7}.calculator-price{min-width:112px;padding-left:8px}.calculator-price>span{font-size:8px;gap:3px}.calculator-price strong{font-size:19px}.calculator-price strong small{font-size:7px}.calculator-price .live-note{font-size:7px}body .platform-game{padding:0 10px;gap:6px;min-height:600px}.platform-game .platform-topbar{height:49px;min-height:49px;flex-wrap:nowrap;padding:0}.platform-game .platform-breadcrumb>a,.platform-game .platform-breadcrumb>span{display:none}.platform-game .platform-app-brand{width:26px;height:26px;font-size:18px;border-radius:8px}.platform-game .toptools{gap:5px}.platform-game .deposit-button{font-size:9px;padding:6px}.platform-game .iconbtn{height:27px;width:27px}.platform-game .game-layout{padding:0}.platform-topbar .top-account-name{font-size:10px;max-width:72px}.platform-topbar .top-actions{gap:6px}.platform-topbar .avatar{display:none}.map-expanded .stage{inset:5px 5px calc(var(--site-tabbar-height) + 5px)}}
@media(prefers-reduced-motion:reduce){.platform-nav-link{transition:none}}

/* A single navigation changes shape with the viewport; desktop retains its sidebar. */
.platform-sidebar-brand,.platform-nav-caption,.platform-nav-foot{display:none}
@media(min-width:961px){
 :root{--site-nav-width:208px;--site-tabbar-height:0px}
 body[data-site-page]{padding-bottom:0}
 body .platform-workspace{margin-left:var(--site-nav-width);width:calc(100% - var(--site-nav-width))}
 .platform-bottom{inset:0 auto 0 0;width:var(--site-nav-width);height:100svh;padding:30px 18px 22px;border-top:0;border-right:1px solid var(--site-border);display:flex;flex-direction:column;box-shadow:none;background:#fafcf7}
 .platform-sidebar-brand{display:flex;align-items:center;gap:10px;color:#244b35;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:1px;padding:0 4px}
 .platform-sidebar-brand>b{position:relative;display:grid;place-items:center;width:42px;height:42px;border:2px solid #507237;border-radius:13px;background:#aaff00;box-shadow:0 3px #d2e8b1;font:850 28px/1 system-ui}
 .platform-sidebar-brand>b span{position:absolute;right:-5px;top:-5px;font-size:13px}.platform-sidebar-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:1px;margin-top:4px;color:#849578}
 .platform-nav-caption{display:block;margin:48px 14px 13px;font-size:9px;font-weight:650;letter-spacing:1.6px;color:#95a389}
 .platform-tabs{display:flex;flex-direction:column;gap:9px;margin:0;height:auto;width:100%}
 .platform-nav-link{flex-direction:row;justify-content:flex-start;gap:13px;min-height:48px;font-size:13px;padding:8px 13px;border-radius:10px;color:#788b70}
 .platform-tab-icon{width:24px;height:28px}.platform-nav-link svg{width:21px;height:21px}
 .platform-nav-link.active{background:#e9f2df}.platform-nav-link.active .platform-tab-icon{background:transparent}
 .platform-nav-foot{display:block;margin:auto 12px 0;font-size:9px;line-height:1.9;color:#98a78d}
 .platform-topbar>.platform-app-brand{display:none}
 body .platform-topbar{padding-left:32px;padding-right:32px}
 body .platform-game{height:100svh;min-height:600px;padding:0 18px}
 .platform-game>.platform-topbar{padding:0}
 .map-expanded .stage{left:calc(var(--site-nav-width) + 8px);bottom:8px}
}