@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-sortivio .game { background: #164c39; }
.studio-sortivio .gamebar { background: #153e30; }
.studio-sortivio .board { background: #1b5842; background-image: none; box-shadow: none; }
.studio-sortivio .playing-card { font-family: var(--daily-sans); font-size: 16px; border-color: #fff; background: #fffef9; outline-color: #d2dbc9; box-shadow: 0 2px 0 #d3dfd2,0 4px 8px #082d2633; }
.studio-sortivio .playing-card::before, .studio-sortivio .playing-card::after { display: none; }
.studio-sortivio .playing-card.category-card { background: #fbf4d7; border-color: #dac37e; }
.studio-sortivio .cardback, .studio-sortivio .playing-card.cardback { background: #286b55; background-image: none; border: 3px solid #e3eee1; outline-color: #9ac3aa; box-shadow: 0 2px 0 #b6d0bb,0 5px 8px #0b312b33; }
.studio-sortivio .back-diamond { background: #286b55; border-color: #a6c9a3; color: #e1ecc4; box-shadow: none; }
.studio-sortivio .stock-badge { background: #1d513e; }
.studio-sortivio .toolbar { background: #153e30; }
.studio-sortivio .playing-card.selected { outline-color: #e7d391; }
.studio-sortivio .outlinebtn { border-radius: 9px; }
.studio-sortivio .stats-grid strong { font-family: var(--daily-sans); }
.studio-sortivio .weekdetail { font-size: 12px; line-height: 1.7; }
.studio-sortivio .foundation:not(.occupied) .catname { color: #d0e3d8; }
.studio-sortivio .foundation:not(.occupied) .counter { color: #bed5c7; }
.studio-sortivio .deckcopy p, .studio-sortivio .board-instruction { color: #c3dace; }
.studio-sortivio .deckcopy p { font-size: 12px; }
@media (max-width: 600px) { .studio-sortivio .playing-card { font-size: 14px; } }