/* One daily-game shell. Navigation is stationary; each game's content owns its slide. */
.daily-family main.daily-unified{width:100%;max-width:1120px;padding:24px 20px 56px;margin:0 auto;box-sizing:border-box}
.daily-family .strip{display:none!important}
.daily-unified-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:0 0 24px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--card);position:relative}
.daily-unified-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 6px;border:0;border-radius:8px;text-align:center;text-decoration:none;line-height:1.2;font-family:var(--f-body,Barlow,sans-serif);font-weight:800;font-size:14px;color:var(--ink);background:transparent;box-shadow:none}
.daily-unified-tabs a.on{background:#5b17ff;color:#fff}
.daily-unified-tabs a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.daily-family .daily-unified :is(.head,.daily-head){display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 26px}
.daily-family .daily-unified :is(.head,.daily-head) h1{font-size:clamp(42px,5.4vw,68px);line-height:1.04;letter-spacing:0;margin:8px 0 16px;text-shadow:none}
.daily-family .daily-unified :is(.head,.daily-head)>div>p{font-size:18px;line-height:1.5;max-width:75ch;margin:0;color:var(--ink)}
.daily-family .daily-unified :is(.head,.daily-head) h1 .em{display:none}
.daily-family .daily-unified :is(.grid2,.daily-layout){display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;align-items:start}
.daily-family .daily-unified .headr{flex:none;min-width:0}
.daily-family .daily-unified .card{border-width:1px;border-radius:12px;box-shadow:none}
.daily-family .daily-unified .btn{border-width:1px;border-radius:8px;box-shadow:none}
.daily-family .daily-unified .btn:hover,.daily-family .daily-unified .btn:active{box-shadow:none}
@media(max-width:800px){.daily-unified-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.daily-family .daily-unified :is(.grid2,.daily-layout){grid-template-columns:minmax(0,1fr)}.daily-family .daily-unified :is(.head,.daily-head){gap:12px;flex-wrap:wrap}.daily-family .daily-unified .headr{width:100%}}
@media(prefers-reduced-motion:no-preference){
 html[data-tab-panel="daily"] .daily-unified-tabs{view-transition-name:bubble-daily-tabs}
 html[data-tab-panel="daily"] .daily-unified-tabs a.on{view-transition-name:bubble-daily-selection}
 html[data-tab-panel="daily"] .daily-panel-content{view-transition-name:bubble-daily-content}
 html[data-tab-panel="daily"]::view-transition-old(root){animation:none!important;opacity:0!important}
 html[data-tab-panel="daily"]::view-transition-new(root){animation:none!important;opacity:1!important}
 html[data-tab-panel="daily"]::view-transition-group(bubble-daily-tabs){animation:none!important}
 html[data-tab-panel="daily"]::view-transition-old(bubble-daily-tabs),html[data-tab-panel="daily"]::view-transition-new(bubble-daily-tabs){animation:none!important;mix-blend-mode:normal}
 html[data-tab-panel="daily"]::view-transition-group(bubble-daily-content),html[data-tab-panel="daily"]::view-transition-group(bubble-daily-selection){animation-duration:420ms;animation-timing-function:cubic-bezier(.42,0,.22,1)}
 html[data-tab-panel="daily"]::view-transition-old(bubble-daily-selection),html[data-tab-panel="daily"]::view-transition-new(bubble-daily-selection){animation:none!important;mix-blend-mode:normal}
 html[data-tab-panel="daily"]::view-transition-image-pair(bubble-daily-content){overflow:clip;isolation:isolate}
 html[data-tab-panel="daily"]::view-transition-old(bubble-daily-content){animation:daily-content-out 420ms cubic-bezier(.42,0,.22,1) both;mix-blend-mode:normal}
 html[data-tab-panel="daily"]::view-transition-new(bubble-daily-content){animation:daily-content-in 420ms cubic-bezier(.42,0,.22,1) both;mix-blend-mode:normal}
 @keyframes daily-content-out{to{transform:translateX(-100%)}}
 @keyframes daily-content-in{from{transform:translateX(100%)}}
 html[data-tab-panel="daily"][data-tab-motion="back"]::view-transition-old(bubble-daily-content){animation-name:daily-content-out-back}
 html[data-tab-panel="daily"][data-tab-motion="back"]::view-transition-new(bubble-daily-content){animation-name:daily-content-in-back}
 @keyframes daily-content-out-back{to{transform:translateX(100%)}}
 @keyframes daily-content-in-back{from{transform:translateX(-100%)}}
}

@media(max-width:520px){.daily-family main.daily-unified{padding:20px 14px 40px}.daily-unified-tabs a{font-size:12px}}