/* V0.367 Daily-first Fillomino product layer */
.fill-page{max-width:1120px}
.fill-hero{margin-top:18px}
.fill-hero-status{display:grid;grid-template-columns:auto auto;gap:6px 12px;align-items:center;justify-items:end}
.fill-daily-progress{font-size:.78rem;font-weight:900;color:var(--muted,#64748b);white-space:nowrap}
.fill-mode-tabs{grid-template-columns:repeat(4,minmax(0,1fr));max-width:700px}
.fill-mode-tabs a:first-child{font-weight:950}
.fill-game-card{padding-top:12px}
.fill-rulebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:760px;margin:4px auto 10px}
.fill-rulebar span{display:block;text-align:center;border:1px solid #dce4ee;background:#f8fafc;color:#475569;border-radius:10px;padding:7px 9px;font-size:.75rem;font-weight:900}
.fill-rulebar span.bad{background:#fff1f2;border-color:#fda4af;color:#9f1239}
.fill-core-actions{position:relative;z-index:2}
.fill-core-actions #fillPause{order:3}
.fill-core-actions #fillHint{order:4}
.fill-core-actions #fillCheck{order:5}
.fill-hint-card{max-width:760px;margin-left:auto;margin-right:auto}
.fill-secondary-grid{margin-top:10px}
.fill-more-grid section:last-child{grid-column:1/-1}
.fill-legacy{margin:12px 0 0}
.fill-legacy iframe{width:100%;min-height:900px;border:1px solid #dce4ee;border-radius:12px;background:#fff}
.fill-grid.is-paused{filter:blur(6px);opacity:.35;pointer-events:none;user-select:none}
.fill-shell{transition:max-width .2s ease,filter .2s ease,opacity .2s ease}
.fill-cell.region-complete{box-shadow:inset 0 0 0 2px rgba(20,184,166,.32)}
.fill-cell.hint-target{outline-width:3px!important}
.fill-context{box-shadow:0 3px 14px rgba(15,23,42,.04)}
.fill-daily-tiers a:first-child{font-weight:950}
@media(max-width:680px){
  .mobile-dock{display:none!important}
  .fill-page{padding-bottom:18px}
  .fill-hero{margin-top:10px;gap:8px}
  .fill-hero h1{font-size:2.05rem}
  .fill-hero p{font-size:.86rem;line-height:1.35}
  .fill-hero-status{grid-template-columns:repeat(2,auto);gap:3px 8px;font-size:.76rem}
  .fill-mode-tabs{gap:4px;margin-top:8px}
  .fill-mode-tabs a{padding:8px 4px;font-size:.76rem}
  .fill-context{padding:7px 8px;margin:6px 0 7px}
  .fill-daily-tiers{gap:4px}
  .fill-daily-tiers a{font-size:.72rem;padding:6px 6px}
  .fill-date-actions{font-size:.7rem;gap:5px}
  .fill-game-card{padding:8px;border-radius:15px}
  .fill-game-status{gap:4px;margin-bottom:5px}
  .fill-game-status>div{padding:6px 6px}
  .fill-game-status small{font-size:.62rem}
  .fill-game-status strong{font-size:.78rem}
  .fill-status-message{grid-column:1/-1!important}
  .fill-rulebar{gap:4px;margin:3px auto 6px}
  .fill-rulebar span{font-size:.64rem;padding:5px 3px;border-radius:8px}
  .fill-palette{gap:4px;margin:5px auto}
  .fill-palette button{min-width:34px;padding:7px 7px;font-size:.8rem}
  .fill-board-stage{gap:6px}
  .fill-shell{max-width:360px}
  .fill-core-actions{gap:4px;margin-top:6px}
  .fill-core-actions button{padding:7px 7px;font-size:.73rem}
  .fill-hint-card{font-size:.76rem;padding:8px}
  .fill-more-grid{grid-template-columns:1fr}
  .fill-more-grid section:last-child{grid-column:auto}
  .fill-legacy iframe{min-height:720px}
}
@media(max-width:420px){
  .fill-shell{max-width:350px}
  .fill-cell{font-size:clamp(.66rem,3.35vw,.95rem)}
  .fill-hero-status{justify-items:start}
}