:root{--text-color-light:white;--text-color-dark:#023625;--text-muted:#afc0ba;--bg-1:#023625;--bg-2:#024731;--bg-3:#111212;--button-color:#1c8200;--button-color-hover:#279209;font-family:Inter,Segoe UI,sans-serif}.muted-light{opacity:.8}.muted-dark{opacity:.7}.app-header-container{background-color:var(--bg-1);padding:4px 12px}.app-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;max-width:1440px;margin-inline:auto;padding:4px 0;display:flex}.app-title{color:var(--text-color-light);text-transform:uppercase;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-family:Lalezar,Segoe UI,sans-serif;font-size:26px;font-weight:400;display:flex}.app-title-main{align-items:center;gap:8px;display:flex}.app-title-icon{width:22px;height:22px}.app-sub-title{text-transform:initial;color:var(--text-muted);font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-style:italic;font-weight:600}.app-header-right{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.player-count{font-size:13px;position:relative;top:-1px}.header-divider{background-color:var(--text-muted);width:1px;height:16px}.content-container{max-width:1440px;margin-inline:auto;padding:0 12px}.columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.actions{grid-template-columns:repeat(1,minmax(0,1fr));align-items:start;gap:8px;display:grid}.action-button-label{justify-content:center;align-items:center;gap:8px;display:flex}.action-button-icon{width:18px;height:18px}@media (width<=1024px){.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}}@media (width<=640px){.columns{grid-template-columns:minmax(0,1fr);gap:0}.app-sub-title{display:none}}@media (width<=480px){.action-grid{grid-template-columns:minmax(0,1fr)}.app-sub-title,.player-count{display:none}}.help-marker{color:var(--text-muted);display:inline-block;position:relative}.help-marker:hover{cursor:help}.help-marker[data-tooltip]:hover:after{content:attr(data-tooltip);z-index:1;white-space:normal;background-color:var(--bg-1);width:max-content;max-width:min(200px,100vw - 32px);color:var(--text-color-light);border:2px solid #65857a;margin-bottom:2px;padding:4px 8px 8px;font-size:16px;position:absolute;bottom:100%;left:0}.help-marker[data-tooltip-align~=left]:hover:after{left:auto;right:0}.help-marker[data-tooltip-align~=bottom]:hover:after{margin-top:2px;margin-bottom:0;top:100%;bottom:auto}html,body{color:var(--text-color-light);background-color:var(--bg-2);-webkit-user-select:none;user-select:none;margin:0}img{-webkit-user-drag:none;pointer-events:none}h1{margin:0;padding:0}h2{text-transform:uppercase;margin:0;padding:4px 0;font-size:14px;font-weight:700;color:var(--text-muted)!important}p{margin:0;padding:4px 0}button{background-color:var(--button-color);color:var(--text-color-light);border:none;padding:8px 20px;font-weight:800;position:relative}button:hover{background-color:var(--button-color-hover);cursor:pointer}button:active,button.pressed{background-color:var(--button-color);transform:translateY(2px)}button:disabled{opacity:.3}.button-blue{color:var(--text-color-light);background-color:#007e82}.button-blue:hover{background-color:#009095}.button-blue:active,.button-blue.pressed{background-color:#007e82}.button-yellow{color:var(--text-color-light);background-color:#9f6a20}.button-yellow:hover{background-color:#b57a28}.button-yellow:active,.button-yellow.pressed{background-color:#9f6a20}.level-lines-container{flex-direction:column;gap:8px;display:flex}.level-lines-category{color:#f8a987;border-bottom:1px solid #fff3;margin:0;padding-bottom:4px;font-size:16px;font-weight:600}.level-line{justify-content:center;align-items:center;width:100%;display:flex}.level-line-title{flex:1}.panel{background-color:var(--bg-1);color:var(--text-color-light);margin-top:16px;padding:14px 8px}.panel-header{color:var(--text-color-light);padding:5px 14px}.panel-container{padding:0 14px}.resource-line{align-items:baseline;gap:8px;width:100%;display:flex}.resource-line-left{white-space:nowrap;flex-shrink:0;font-weight:600}.resource-line-dots{word-wrap:break-word;min-width:0;height:1em;color:var(--text-muted);letter-spacing:3px;flex:auto;overflow:hidden}.resource-line-dots:after{content:"..........................................................."}.resource-line-right{white-space:nowrap;flex-shrink:0}.rotating{-ms-animation:rotating 4s linear infinite;animation:4s linear infinite rotating}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.social-links{align-items:center;gap:14px;display:inline-flex}.social-link{color:var(--text-color-light);justify-content:center;align-items:center;display:inline-flex}.social-link:hover{color:var(--text-color-light);opacity:.8}.social-link svg{display:block}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-duration:1s;animation-timing-function:ease-out;animation-iteration-count:1}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}