.daily-screen { background:radial-gradient(ellipse at 50% -20%,#285845,transparent 60%),#091e1b;padding:18px 20px;align-items:flex-start; }
.daily-wrap { width:min(900px,100%);margin:auto; }
.daily-header { display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #456d5880;margin-bottom:26px;padding-bottom:13px;gap:12px; }
.daily-header .lobby-back { margin:0; }
.daily-header-name { color:#bfd3ba;font-size:10px;font-weight:900;letter-spacing:.15em; }
.daily-header-name b { color:#d4ec89; }
.daily-intro,.daily-result { text-align:center;max-width:740px;margin:50px auto 70px; }
.daily-intro h2,.daily-result h2 { font:900 clamp(44px,6.5vw,72px)/1.02 Outfit,sans-serif;letter-spacing:-.05em;margin:21px 0; }
.daily-intro h2 em { color:#d5ed85;font-style:normal; }
.daily-intro>p { max-width:530px;margin:0 auto;color:#b4cdbf;line-height:1.7;font-size:15px; }
.daily-intro-metrics { display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #567a66;background:#163a31;border-radius:15px;max-width:560px;margin:34px auto 25px; }
.daily-intro-metrics>div { display:flex;flex-direction:column;gap:10px;align-items:center;padding:18px 10px; }
.daily-intro-metrics>div+div { border-left:1px solid #50725c; }
.daily-intro-metrics span,.daily-result-grid span { font-size:10px;font-weight:900;letter-spacing:.13em;color:#90b3a2; }
.daily-intro-metrics strong,.daily-result-grid strong { font:900 24px Outfit,sans-serif;color:#ecf2e1; }
.daily-main-btn { width:min(400px,100%); }
.daily-intro>small { display:block;margin:18px auto;color:#89a998;font-size:11px;line-height:1.6; }
.daily-playing { max-width:790px;margin:0 auto; }
.daily-stats { display:flex;justify-content:space-between;gap:15px;margin:0 3px 13px; }
.daily-stats>div { display:flex;flex-direction:column;gap:4px; }
.daily-stats>div:nth-child(2) { text-align:center; }
.daily-stats>div:last-child { text-align:right; }
.daily-stat-label { color:#a5c0ac;font-size:10px;letter-spacing:.15em;font-weight:900; }
.daily-stats strong { font:900 clamp(25px,4vw,42px) Outfit,sans-serif;color:#e3f5c4;font-variant-numeric:tabular-nums; }
.daily-stats strong small { font-size:20px;margin-left:2px;color:#b5d9a5; }
.daily-progress-track { height:6px;border-radius:10px;background:#315548;overflow:hidden;margin-bottom:14px; }
.daily-progress-track>span { display:block;width:0;height:100%;background:#e0f38d;transition:width .3s; }
.daily-felt { padding:27px 32px 20px;border:1px solid #688f6a;border-radius:21px;box-shadow:inset 0 0 0 6px #153c31,0 19px 45px #021510b8;background:radial-gradient(ellipse at center,#2d6c51,#154233); }
.daily-board { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:650px;margin:0 auto; }
.daily-playing-card { width:100%;max-height:200px;min-height:126px;aspect-ratio:.74;animation:daily-card-in .28s cubic-bezier(.19,.76,.22,1.05) backwards; }
.daily-playing-card:nth-child(2),.daily-playing-card:nth-child(6) { animation-delay:40ms; }
.daily-playing-card:nth-child(3),.daily-playing-card:nth-child(7) { animation-delay:80ms; }
.daily-playing-card:nth-child(4),.daily-playing-card:nth-child(8) { animation-delay:120ms; }
.daily-playing-card.daily-correct { border-color:#d5f57a;box-shadow:0 0 0 5px #d7ed7a,0 12px 23px #103724;transform:translateY(-8px) scale(1.02); }
.daily-playing-card:disabled { opacity:1; }
.daily-board-message { text-align:center;font-size:11px;letter-spacing:.15em;font-weight:900;color:#dcf19e;min-height:32px;padding-top:21px; }
.daily-hint { text-align:center;color:#85a895;font-size:11px;margin:17px 0 22px; }
.daily-result { margin:12px auto 40px; }
.daily-result .result-overline { color:#c4df94;letter-spacing:.18em;font-size:11px;font-weight:900; }
.daily-trophy { margin:12px auto 0;display:grid;place-items:center;width:72px;height:72px;color:#efffb9;font-size:46px;text-shadow:0 0 25px #d8f587; }
.daily-result h2 { margin:8px 0 20px;font-size:clamp(35px,5vw,52px); }
.daily-result-score { display:flex;flex-direction:column;align-items:center;gap:7px;padding:25px 20px;background:linear-gradient(120deg,#dcefa0,#a8d57f);border-radius:16px;color:#20412e; }
.daily-result-score span { font-size:11px;font-weight:900;letter-spacing:.16em; }
.daily-result-score strong { font:900 clamp(56px,8vw,80px)/1 Outfit,sans-serif;letter-spacing:-.06em;font-variant-numeric:tabular-nums; }
.daily-result-score small { font-size:12px;font-weight:700;color:#376344; }
.daily-result-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:13px 0 20px; }
.daily-result-grid>div { border:1px solid #4a715f;background:#15382e;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:15px 8px; }
.daily-result-actions { display:flex;gap:12px; }
.daily-result-actions>* { flex:1; }
.daily-share-btn { background:#204639;border:1px solid #6f976a;color:#e5f5c5;border-radius:9px;padding:14px;font-weight:900;font-size:12px; }
.daily-share-btn:hover { background:#2e5a47; }
.daily-history { margin:27px 0 0;border:1px solid #3b6854;border-radius:13px;padding:22px 23px;text-align:left; }
.daily-history h3 { font:800 17px Outfit,sans-serif;margin:0 0 10px; }
.daily-history-bars { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;align-items:end; }
.daily-history-col { display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-width:0; }
.daily-history-value { color:#98b3a2;font-size:9px;font-weight:800; }
.daily-history-bar { width:clamp(12px,45%,38px);border-radius:5px 5px 0 0;background:#5c8d6c; }
.daily-history-col.current .daily-history-bar { background:#dcee97; }
.daily-history-day { font-size:9px;color:#89b09b;white-space:nowrap; }
@keyframes daily-card-in { from { opacity:0;transform:translateY(16px) rotate(3deg) scale(.94); } to { opacity:1;transform:translateY(0) rotate(0) scale(1); } }
@media(max-width:600px){
  .daily-screen { padding:12px 12px 25px; }
  .daily-header-name { font-size:9px;letter-spacing:.04em; }
  .daily-header .lobby-back { font-size:11px; }
  .daily-intro { margin:35px auto 50px; }
  .daily-intro-metrics span,.daily-result-grid span { font-size:8px; }
  .daily-intro-metrics strong { font-size:19px; }
  .daily-felt { padding:16px 10px 8px;box-shadow:inset 0 0 0 3px #153c31; }
  .daily-board { gap:7px; }
  .daily-playing-card { min-height:90px;padding:6px; }
  .daily-playing-card .corner { font-size:18px; }
  .daily-playing-card .corner small { font-size:13px; }
  .daily-playing-card .pip { font-size:40px; }
  .daily-result-actions { flex-direction:column; }
  .daily-result-grid strong { font-size:20px; }
  .daily-history { padding:15px 10px; }
  .daily-history-day { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) { .daily-playing-card { animation:none; }.daily-progress-track>span { transition:none; } }