@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 100 1000; font-display: swap; src: url('./fonts/dm-sans.ttf') format('truetype'); }
.daily-studio .game-identity { display: flex; align-items: flex-start; gap: 14px; }
.daily-studio .game-identity > svg { width: 32px; height: 32px; margin-top: 3px; fill: currentColor; color: var(--studio-ink); }
.daily-studio .layout { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 30px; align-items: start; }
.daily-studio .layout > aside { display: flex; flex-direction: column; gap: 24px; }
.daily-studio .side-content { display: flex; flex-direction: column; gap: 26px; }
.daily-studio .game { border: 0; border-radius: 16px; box-shadow: none; overflow: hidden; }
.daily-studio .gamebar, .daily-studio .game-heading { padding: 20px 24px 16px; border-bottom: 0; }
.daily-studio .gamebar strong, .daily-studio .game-heading strong { font-size: 13px; font-weight: 600; }
.daily-studio .difficulty { border-radius: 5px; font-size: 10px; font-weight: 500; }
.daily-studio :is(.weekcard,.howcard,.howto,.daily-note) { padding: 0; margin: 0; background: none; border: 0; border-radius: 0; }
.daily-studio :is(.weekcard,.howcard,.howto,.daily-note) h2, .daily-studio :is(.weekcard,.howcard,.howto,.daily-note) h3 { font: 650 21px/1.3 var(--daily-sans); color: var(--studio-ink); letter-spacing: -.4px; margin: 0 0 13px; }
.daily-studio :is(.weekcard,.howcard,.howto,.daily-note) p, .daily-studio :is(.weekcard,.howcard,.howto) li { font-size: 13px; line-height: 1.8; color: var(--daily-muted); }
.daily-studio :is(.weekcard,.howcard,.howto) .eyebrow, .daily-studio :is(.howcard .note-icon,.aside-heading) { display: none; }
.daily-studio :is(.howcard,.howto) ol { padding-left: 19px; }
.daily-studio :is(.nextcard,.next) { margin: 0; padding: 18px 0 0; border-radius: 0; border-top: 1px solid var(--daily-line); background: none; font-size: 12px; color: var(--daily-muted); }
.daily-studio :is(.nextcard,.next) strong { margin-top: 5px; font: 550 17px/1.4 var(--daily-sans); letter-spacing: 1px; color: var(--studio-ink); }
.daily-studio .toolbar { background: none; gap: 4px; padding: 14px 12px; }
.daily-studio .toolbar button { min-height: 42px; border: 0; font: 500 12px/1.4 var(--daily-sans); border-radius: 8px; }
.daily-studio .toolbar button:focus-visible { outline-offset: -3px; }
.daily-studio .toolbar button:hover:enabled { background: #ffffff0f; }
.daily-studio .toolbar small { font-size: 10px; }
.daily-studio .below, .daily-studio .family-footer { padding: 20px 0; margin: 18px 0 0; border-top: 1px solid var(--daily-line); }
.daily-studio :is(.below,.family-footer) h3 { font: 600 14px/1.5 var(--daily-sans); }
.daily-studio :is(.below,.family-footer) p { font-size: 12px; }
.daily-studio footer :is(.brand,.smallbrand,.footer-brand) { display: none; }
.daily-studio .ad-slot { border: 1px solid var(--daily-line); background: #f4f6f1; border-radius: 10px; }
.daily-studio .layout > aside > .ad-side { order: 3; width: 100%; }
.daily-studio .clue-demo { margin-top: 18px; }
.daily-studio .textbtn, .daily-studio .outlinebtn { min-height: 40px; }
.daily-studio dialog { border: 1px solid var(--daily-line); border-radius: 16px; }
@media (max-width: 1000px) { .daily-studio .layout { grid-template-columns: minmax(0,1fr) 220px; gap: 22px; } }
@media (max-width: 800px) {
  .daily-studio .layout { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .daily-studio .layout > aside { display: flex; gap: 24px; }
  .daily-studio .side-content { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
  .daily-studio .side-content .nextcard { grid-column: 1/-1; }
}
@media (max-width: 600px) {
  .daily-studio .game-identity { gap: 10px; }
  .daily-studio .game-identity > svg { width: 27px; height: 27px; margin-top: 2px; }
  .daily-studio .gamebar, .daily-studio .game-heading { padding: 17px 15px 13px; }
  .daily-studio .side-content { display: flex; flex-direction: column; gap: 24px; }
  .daily-studio .toolbar { padding: 10px 4px; }
  .daily-studio .toolbar button { padding: 6px 10px; font-size: 11px; }
  .daily-studio footer > span { order: 3; }
}

.studio-huevio .game { background: #f1f6ef; border: 1px solid #e0e7df; }
.studio-huevio .game-heading { background: #f1f6ef; color: var(--studio-ink); }
.studio-huevio .game-heading time { color: #4e6155; font-size: 13px; }
.studio-huevio .game-heading .difficulty { border-color: #cbd9ca; color: #526a57; }
.studio-huevio .mini-mark { background: #c66b58; border-radius: 3px; }
.studio-huevio .canvas { max-width: 660px; padding: 0 24px 18px; }
.studio-huevio .board-meta, .studio-huevio .board-meta button, .studio-huevio .canvas-foot { color: #4d6554; }
.studio-huevio .board-meta { letter-spacing: .2px; }
.studio-huevio .board-meta button { min-height: 40px; border-color: #b6c8b6; }
.studio-huevio .board-meta button[aria-pressed=true] { color: #9c4d3f; }
.studio-huevio .clues.done::after { color: #416849; }
.studio-huevio .cell { background: #fffefb; border-color: #c7d0c3; }
.studio-huevio .cell:disabled { opacity: 1; }
.studio-huevio .cell.c1 { background: var(--coral); }
.studio-huevio .cell.c2 { background: var(--honey); }
.studio-huevio .cell.c3 { background: var(--moss); }
.studio-huevio .cell.cross { background: #e9ede3; color: #52634d; }
.studio-huevio .cell:focus-visible { outline: 3px solid var(--daily-focus); outline-offset: -3px; }
.studio-huevio .studio { background: #fff; padding: 20px 24px 16px; border-top: 1px solid var(--daily-line); }
.studio-huevio .palette-header { color: #506250; font-size: 11px; letter-spacing: .2px; }
.studio-huevio .palette { gap: 7px; }
.studio-huevio .swatch { min-height: 72px; border-radius: 10px; min-width: 0; }
.studio-huevio .swatch[aria-pressed=true] { background: #fff3ee; border-color: #cc8b79; box-shadow: none; }
.studio-huevio .swatch > span { color: #465f4e; }
.studio-huevio .toolbar { border-color: var(--daily-line); margin-top: 14px; padding: 12px 0 0; }
.studio-huevio .toolbar button { color: var(--studio-ink); padding: 6px 9px; }
.studio-huevio .toolbar button:hover:enabled { background: #f2f5ef; }
.studio-huevio #status { color: #4f6554; font-size: 12px; line-height: 1.7; }
.studio-huevio .demo-note { color: var(--daily-muted); }
.studio-huevio .howto .text-button { text-decoration: underline; }
.studio-huevio .result-again { font-family: var(--daily-sans); }
.studio-huevio .corner, .studio-huevio .empty-clue { color: #59705c; }
.studio-huevio .corner strong { color: #49664f; }
.studio-huevio #brushName { color: #805644; }
.studio-huevio .swatch.tool > i { color: #48634f; }
.studio-huevio .swatch.tool svg, .studio-huevio .toolbar svg { color: #3d5d48; stroke: currentColor; }
@media (max-width: 600px) {
  .studio-huevio .canvas { padding: 0 11px 14px; }
  .studio-huevio .studio { padding: 16px 11px 12px; }
  .studio-huevio .palette { gap: 3px; }
  .studio-huevio .palette-divider { margin: 0 3px; }
  .studio-huevio .swatch { flex: 1; padding-left: 3px; padding-right: 3px; }
  .studio-huevio .toolbar button { padding: 5px 3px; }
}