/* WOC 3.19.1 — unified, app-scoped bottom navigation. */
/* Newsroom: five destinations. Panda: six. Never reuse Panda's 6-column
   CSS in the 5-column newsroom footer. */
:root{--woc-nav320-height:68px}
body[data-woc-app]{
 --woc-nav320-bg:rgba(255,255,255,.975);
 --woc-nav320-text:#596367;
 --woc-nav320-active:#af2a34;
 --woc-nav320-active-bg:#fcf0f1;
 --woc-nav320-line:#e4e8e7;
}
html[data-theme="dark"] body[data-woc-app="news"],
body[data-woc-app="panda"].sleep-mode{
 --woc-nav320-bg:rgba(23,27,29,.985);
 --woc-nav320-text:#b8c0c0;
 --woc-nav320-active:#ff8591;
 --woc-nav320-active-bg:rgba(209,51,65,.16);
 --woc-nav320-line:rgba(255,255,255,.10);
}
body[data-woc-app] .bottom-nav{
 position:fixed!important;inset:auto 0 0!important;
 left:0!important;right:0!important;top:auto!important;bottom:0!important;
 width:100%!important;height:calc(var(--woc-nav320-height) + env(safe-area-inset-bottom,0px))!important;
 min-height:0!important;max-height:none!important;
 padding:5px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;
 margin:0!important;border:0!important;border-top:1px solid var(--woc-nav320-line)!important;
 border-radius:0!important;outline:0!important;
 background:var(--woc-nav320-bg)!important;
 box-shadow:0 -7px 27px rgba(24,32,30,.065)!important;
 backdrop-filter:blur(18px) saturate(1.2)!important;
 -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
 box-sizing:border-box!important;overflow:hidden!important;
 z-index:210!important;transition:none!important;transform:none!important;
}
body[data-woc-app] .bottom-nav .bottom-nav-inner{
 display:grid!important;width:100%!important;height:100%!important;
 max-width:640px!important;min-height:0!important;max-height:none!important;
 padding:0!important;margin:0 auto!important;
 gap:5px!important;row-gap:0!important;column-gap:5px!important;
 align-items:stretch!important;justify-content:stretch!important;
 box-sizing:border-box!important;overflow:visible!important;
}
body[data-woc-app="news"] .bottom-nav .bottom-nav-inner{
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
body[data-woc-app="panda"] .bottom-nav .bottom-nav-inner{
 grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
body[data-woc-app] .bottom-nav .nav-btn{
 width:100%!important;height:100%!important;min-width:0!important;
 min-height:0!important;max-height:none!important;margin:0!important;
 padding:7px 1px 6px!important;display:flex!important;
 flex-flow:column nowrap!important;align-items:center!important;
 justify-content:center!important;gap:4px!important;
 border:0!important;border-radius:12px!important;
 background:transparent!important;box-shadow:none!important;
 color:var(--woc-nav320-text)!important;text-decoration:none!important;
 opacity:1!important;transform:none!important;
 font:650 10px/1.12 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important;
 letter-spacing:0!important;transition:none!important;animation:none!important;
}
body[data-woc-app] .bottom-nav .nav-btn.active,
body[data-woc-app] .bottom-nav .nav-btn[aria-current="page"]{
 background:var(--woc-nav320-active-bg)!important;
 color:var(--woc-nav320-active)!important;
 box-shadow:none!important;
}
body[data-woc-app] .bottom-nav .nav-btn:focus-visible{
 outline:2px solid var(--woc-nav320-active)!important;outline-offset:-2px!important;
}
body[data-woc-app] .bottom-nav .nav-btn>svg,
body[data-woc-app] .bottom-nav .nav-icon svg,
body[data-woc-app] .bottom-nav .nav-btn>.nav-icon{
 width:23px!important;height:23px!important;max-width:23px!important;min-height:23px!important;
 flex:0 0 23px!important;display:block!important;margin:0 auto!important;
 color:inherit!important;opacity:1!important;filter:none!important;
 stroke:currentColor!important;fill:none!important;
}
body[data-woc-app] .bottom-nav .nav-icon{
 font-size:0!important;line-height:1!important;white-space:nowrap!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 overflow:visible!important;
}
body[data-woc-app] .bottom-nav .nav-btn>span:not(.nav-icon):not(.saved-badge){
 max-width:100%!important;min-width:0!important;
 display:block!important;padding:0!important;margin:0!important;
 font:650 10px/1.12 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important;
 letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;
 text-align:center!important;text-overflow:ellipsis!important;
 color:inherit!important;opacity:1!important;
}
body[data-woc-app] .bottom-nav .nav-btn.active>span:not(.nav-icon):not(.saved-badge){font-weight:800!important}
body[data-woc-app="news"] .bottom-nav .saved-badge{right:8px!important;top:2px!important}
body[data-woc-app="news"]{padding-bottom:calc(var(--woc-nav320-height) + env(safe-area-inset-bottom,0px))}
body[data-woc-app="panda"]{
 padding-bottom:calc(var(--woc-nav320-height) + 16px + env(safe-area-inset-bottom,0px))!important
}
body[data-woc-app="panda"] .app{
 padding-bottom:calc(var(--woc-nav320-height) + 20px + env(safe-area-inset-bottom,0px))!important
}
body[data-woc-app="panda"]:is(.arcade-game-live,.maze-fullscreen,.tetris-fullscreen,.sudoku-fullscreen,.defence-fullscreen,.panda-run-lock,.p33-3d-open,.p35-open) .bottom-nav{
 display:none!important;visibility:hidden!important;pointer-events:none!important
}
@media(max-width:360px){
 body[data-woc-app] .bottom-nav{padding-left:5px!important;padding-right:5px!important}
 body[data-woc-app] .bottom-nav .bottom-nav-inner{gap:2px!important}
 body[data-woc-app] .bottom-nav .nav-btn{border-radius:10px!important}
 body[data-woc-app] .bottom-nav .nav-btn>span:not(.nav-icon):not(.saved-badge){font-size:9px!important}
}
@media(min-width:700px){
 body[data-woc-app] .bottom-nav .bottom-nav-inner{max-width:630px!important}
}
@media(prefers-reduced-motion:reduce){
 body[data-woc-app] .bottom-nav .nav-btn{transition:none!important}
}
/* Progress tab: editorial typography with a consistent visual hierarchy. */
body[data-woc-app="panda"] #screenStats .daily-card{
 background:#fbfdf8!important;
 border:1px solid #dfe9df!important;border-radius:20px!important;
 box-shadow:0 4px 15px rgba(31,65,41,.045)!important;
 padding:17px!important
}
body[data-woc-app="panda"] #screenStats .daily-head{
 display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important
}
body[data-woc-app="panda"] #screenStats .daily-head strong{
 font-size:18px!important;color:#203a2e!important;letter-spacing:-.018em!important
}
body[data-woc-app="panda"] #screenStats .daily-head .small-pill{
 font-size:10px!important;line-height:1.25!important;font-weight:700!important;
 background:#eaf4e8!important;color:#2f6248!important;border-radius:999px!important;
 white-space:normal!important;padding:6px 9px!important;max-width:100%!important
}
body[data-woc-app="panda"] #screenStats .daily-card>.translation{
 font-size:13.5px!important;line-height:1.55!important;
 font-weight:400!important;color:#52655a!important;letter-spacing:normal!important
}
body[data-woc-app="panda"] #screenStats .fact-actions{
 display:flex!important;flex-wrap:wrap!important;gap:9px!important;justify-content:flex-start!important
}
body[data-woc-app="panda"] #screenStats .fact-actions button{
 min-height:43px!important;border-radius:11px!important;font-size:12px!important;
 padding:11px 14px!important;line-height:1.22!important;white-space:normal!important;
}
body[data-woc-app="panda"] #screenStats .panda-collection-panel{
 background:#f8fcf7!important;border:1px solid #cbdccd!important;
 border-radius:20px!important;padding:16px!important;
 box-shadow:0 4px 16px rgba(24,68,40,.05)!important;color:#264438!important
}
body[data-woc-app="panda"] #screenStats .panda-collection-panel>header{
 background:transparent!important;border:0!important;box-shadow:none!important;
 position:static!important;padding:0 0 12px!important;margin:0!important;
 display:flex!important;align-items:center!important;gap:11px!important
}
body[data-woc-app="panda"] #screenStats .panda-collection-panel>header img{
 width:62px!important;height:62px!important;object-fit:contain!important;flex:0 0 62px!important
}
body[data-woc-app="panda"] #screenStats .panda-collection-panel>header strong{
 font:800 18px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;
 color:#203e2f!important;display:block!important
}
body[data-woc-app="panda"] #screenStats .panda-collection-panel>header small{
 font:400 12px/1.45 -apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;
 color:#657d6c!important;display:block!important;margin-top:5px!important
}
body[data-woc-app="panda"] #screenStats .panda-bond-row>div{
 border-radius:14px!important;background:#fff!important;border:1px solid #e3eee3!important
}
body[data-woc-app="panda"] #screenStats .panda-collection-panel>p{
 color:#59715e!important;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;
 margin:13px 2px 0!important
}
/* Small discoverable bonus-code control — not a debug console. */
body[data-woc-app="panda"] #screenStats .woc3191-secret{
 margin:18px 0 10px;padding:13px 15px;border:1px solid #e2e9df;
 background:#fff;border-radius:15px;box-shadow:0 3px 12px rgba(24,42,30,.04);
}
body[data-woc-app="panda"] #screenStats .woc3191-secret>summary{
 display:flex;justify-content:space-between;align-items:center;gap:10px;
 font:750 13px/1.35 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;
 color:#345545;cursor:pointer;list-style:none
}
body[data-woc-app="panda"] #screenStats .woc3191-secret>summary::-webkit-details-marker{display:none}
body[data-woc-app="panda"] #screenStats .woc3191-secret[open]>summary{padding-bottom:10px}
body[data-woc-app="panda"] #screenStats .woc3191-secret>p{
 margin:4px 0 13px;font:400 12px/1.5 system-ui,sans-serif;color:#62776a
}
body[data-woc-app="panda"] #screenStats .woc3191-secret label{
 font:750 12px/1.3 system-ui,sans-serif;color:#345545;display:block;margin-bottom:7px
}
body[data-woc-app="panda"] #screenStats .woc3191-secret-row{
 display:flex;align-items:stretch;gap:8px
}
body[data-woc-app="panda"] #screenStats .woc3191-secret input{
 flex:1;min-width:0;width:0;min-height:43px;box-sizing:border-box;
 border:1px solid #c9d9ce;border-radius:9px;padding:11px 12px;
 font:650 14px/1.1 system-ui,sans-serif;color:#213d2d;background:#fff
}
body[data-woc-app="panda"] #screenStats .woc3191-secret button{
 flex:0 0 auto;min-height:43px;border-radius:9px;border:0;padding:10px 13px;
 background:#315f47;color:#fff;font:750 12px/1.2 system-ui,sans-serif;cursor:pointer
}
body[data-woc-app="panda"] #screenStats #woc3191SecretResult{
 font:650 12px/1.4 system-ui,sans-serif;color:#315f47;margin:8px 0 0;min-height:0
}