.tutorial-card{z-index:501;box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:center;background:#f5f0e8;border:2px solid #8b6914;border-radius:12px;padding:20px 24px 16px;transition:top .25s,left .25s,transform .25s;position:fixed;overflow-y:auto;box-shadow:0 8px 40px #00000059}.tutorial-card--compact{width:min(340px,100vw - 24px);max-height:min(72dvh, calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px));top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px),(max-height:700px){.tutorial-card:not(.tutorial-card--compact){max-height:min(55dvh, calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px))!important}}
@media (max-width:767px) and (pointer:coarse){.placement-preview-tooltip,.tile-tooltip{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;left:12px!important;right:12px!important;top:var(--mobile-detail-top,calc(env(safe-area-inset-top,0px) + 88px))!important;box-sizing:border-box!important;zoom:1!important;pointer-events:none!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:min(48dvh,420px)!important;padding:10px 12px!important;font-size:12px!important;position:fixed!important;bottom:auto!important;overflow:hidden auto!important}.placement-preview-tooltip{z-index:45!important}.tile-tooltip{z-index:50!important}.placement-preview-tooltip>*,.tile-tooltip>*{max-width:100%}.mobile-placement-hint{color:var(--gold);text-align:center;background:#c8a0301a;border:1px solid #8b691459;border-radius:6px;margin-top:8px;padding:7px 9px;font-family:Cinzel,serif;font-size:11px;line-height:1.35}.mobile-detail-close{width:24px!important;min-width:24px!important;height:24px!important;color:var(--ink)!important;text-align:center!important;cursor:pointer!important;z-index:2!important;touch-action:manipulation!important;pointer-events:auto!important;background:#f5f0e8e6!important;border:1px solid #3a302838!important;border-radius:50%!important;padding:0!important;font-family:Cinzel,serif!important;font-size:16px!important;line-height:20px!important;position:absolute!important;top:5px!important;right:6px!important;box-shadow:0 1px 5px #0000001f!important}.mobile-detail-close:active{transform:scale(.94)}.hud-bar{grid-template-areas:"primary stats""event event""ticker ticker";align-items:stretch;width:100%;max-width:100vw;min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr) auto!important;padding:0!important;display:grid!important}.hud-group--primary{grid-area:primary;min-width:0;max-width:100%;overflow:hidden;gap:1px!important;padding:4px 5px!important}.hud-group--stats{grid-area:stats;min-width:0;max-width:46vw;overflow:hidden;flex:none!important;justify-content:flex-end!important;gap:1px!important;padding:4px 5px!important}.hud-stat{gap:2px!important;min-width:0!important;padding:2px 5px!important}.hud-stat-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;letter-spacing:.55px!important;font-size:7px!important}.hud-stat-value{line-height:1;font-size:12px!important}.hud-stat-sub{font-size:11px!important}.hud-stat--score .hud-stat-value{font-size:14px!important}.hud-menu-btn{flex:none;width:30px!important;height:30px!important;margin-right:2px!important}.hud-stat--era{display:none!important}.hud-group--event{grid-area:event;width:100%;min-width:0;max-width:100%;overflow:hidden;min-height:32px!important;padding:3px 8px!important}.hud-event-content-left,.hud-event-content-right,.hud-event-right-top,.hud-event-right-bottom{min-width:0}.hud-event-content-left{flex:58%}.hud-event-content-right{flex:0 42%}.hud-event-name,.hud-event-desc,.hud-event-impact,.hud-event-counter{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hud-event-name{font-size:10px!important}.hud-event-desc{max-width:44vw;font-size:9px!important}.hud-event-impact,.hud-event-counter{font-size:8px!important}.hud-resource-ticker{white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;grid-area:ticker;width:100%;max-width:100%;min-height:24px;overflow-y:hidden;padding:2px 8px!important;display:block!important;overflow-x:auto!important}.hud-resource-ticker::-webkit-scrollbar{display:none}}@media (max-width:390px) and (pointer:coarse){.hud-group--stats{max-width:50vw}.hud-stat-label{font-size:6.5px!important}.hud-stat-value{font-size:11px!important}}