/* Daily quests button (beside Discord and Watch match) and its panel. Purple glass, gold frame, gold glow for ready
   cards you can tap, teal for claimed (redesigned Oct 10). */
html body #lobby.home-menu .pc-battle-utilities.has-daily-quests{grid-template-columns:1fr 1.25fr 1.15fr!important;width:min(480px,100%)!important}
html body #lobby.home-menu .pc-battle-utilities #daily-quests-button{grid-column:3!important;grid-row:1!important}
html body #daily-quests-button{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;margin:0;padding:9px 12px;border:1px solid var(--hx-gold-edge,#c0a271);border-bottom:3px solid var(--hx-bronze,#665039);border-radius:12px;background:linear-gradient(#4a3458,#2c2039);box-shadow:inset 0 0 0 1px #f0d8a42a,0 4px 12px #0b071866;color:var(--hx-gold,#f0d8a4);font:700 13px Georgia,serif;cursor:pointer;white-space:nowrap}
html body #daily-quests-button:is(:hover,:focus-visible){background:linear-gradient(#5a3f6b,#352646);outline:none;box-shadow:inset 0 0 0 1px #f5c86a66,0 0 0 2px #f5c86a55}
html body #daily-quests-button .dq-icon{flex:0 0 20px;width:20px;height:20px;color:var(--hx-gold-strong,#f5c86a)}
html body #daily-quests-button .dq-count{padding:1px 7px;border-radius:999px;background:#1a1428;border:1px solid #c0a27166;color:#f5e2b8;font:800 11px system-ui,sans-serif}
html body #daily-quests-button.is-complete .dq-count{background:var(--hx-teal-deep,#1b4b47);border-color:var(--hx-teal,#7fe3d3);color:var(--hx-teal,#7fe3d3)}
html body #daily-quests-button.first-win-ready::after{content:"";position:absolute;top:-4px;right:-4px;width:11px;height:11px;border-radius:50%;background:var(--hx-gold-strong,#f5c86a);box-shadow:0 0 0 2px #241a32,0 0 10px #f5c86acc;animation:dq-glow 1.8s ease-in-out infinite}
@keyframes dq-glow{50%{box-shadow:0 0 0 2px #241a32,0 0 3px #f5c86a66}}
@media (prefers-reduced-motion:reduce){html body #daily-quests-button.first-win-ready::after{animation:none}}

@media (max-width:900px){html body #lobby.home-menu .pc-battle-utilities.has-daily-quests{width:min(420px,100%)!important}html body #daily-quests-button{padding:8px 9px;font-size:12px;gap:5px}html body #daily-quests-button .dq-icon{flex-basis:17px;width:17px;height:17px}}
html body #daily-quests-button.can-claim{border-color:var(--hx-gold-strong,#f5c86a);box-shadow:inset 0 0 0 1px #f5c86a66,0 0 14px #f5c86a55}
html body #daily-quests-button.can-claim::after{content:"!";position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--hx-gold-strong,#f5c86a);color:#2a1d10;font:900 11px system-ui,sans-serif;box-shadow:0 0 0 2px #241a32,0 0 10px #f5c86acc;animation:dq-glow 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){html body #daily-quests-button.can-claim::after{animation:none}}

/* ---- Panel ---- */
html body dialog.daily-quests-dialog{box-sizing:border-box;width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 20px);padding:18px 20px 14px;border:1px solid var(--hx-gold-edge,#c0a271);border-bottom:4px solid var(--hx-bronze,#665039);border-radius:22px;background:radial-gradient(ellipse at 50% -20%,#5b3f7c 0,#33244b 45%,#1f1730 100%),#241a35;box-shadow:inset 0 0 0 1px #f0d8a422,inset 0 0 0 6px #160f2466,inset 0 0 0 7px #c0a27133,0 24px 60px #05020dcc;color:#f3e3bd;overflow:auto}
html body dialog.daily-quests-dialog[open]{display:flex;flex-direction:column;gap:12px}
.daily-quests-dialog::backdrop{background:#100b22c4}
html body dialog.daily-quests-dialog>header.dq-head{position:static!important;display:flex!important;align-items:center!important;gap:12px;width:auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:left!important}
.daily-quests-dialog .dq-head>div{display:grid;gap:3px;flex:1;min-width:0}
.daily-quests-dialog .dq-crest{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5d4280,#2c1f40);box-shadow:0 0 0 2px #e2b65c,0 0 0 4px #5a3b1b,0 0 16px #f0c45a55;color:#ffe08f}
.daily-quests-dialog .dq-crest svg{width:26px;height:26px}
.daily-quests-dialog h2{margin:0;font:700 25px/1.05 Georgia,serif;color:var(--hx-gold,#f0d8a4);text-shadow:0 2px #120c22,0 0 18px #f0c45a44;letter-spacing:.01em}
.daily-quests-dialog .dq-timer{display:inline-flex;align-items:center;gap:5px;justify-self:start;padding:2px 9px 2px 6px;border-radius:999px;background:#170f25aa;border:1px solid #c0a27144;color:#d9cbe6;font:700 11.5px system-ui,sans-serif}
.daily-quests-dialog .dq-timer svg{width:13px;height:13px;color:#e9cf8f}
.daily-quests-dialog .dq-close{flex:0 0 36px;height:36px;border:1px solid var(--hx-gold-edge,#c0a271);border-bottom:3px solid var(--hx-bronze,#665039);border-radius:10px;background:linear-gradient(#3e2e4c,#271d36);color:var(--hx-gold,#f0d8a4);font:700 21px/1 Georgia,serif;cursor:pointer}
.daily-quests-dialog .dq-close:focus-visible{outline:2px solid #ffe7a4;outline-offset:2px}
.daily-quests-dialog .dq-error{margin:0;padding:7px 12px;border-radius:12px;background:#3a1f2c;border:1px solid #e88a9a66;color:#ffd0d6;font:700 12.5px system-ui,sans-serif}
.daily-quests-dialog .dq-error.dq-good{background:#173634;border-color:#7fe3d366;color:var(--hx-teal,#7fe3d3)}
.daily-quests-dialog .dq-error[hidden]{display:none}
.daily-quests-dialog .dq-grid{display:grid;gap:10px}
.daily-quests-dialog .dq-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.daily-quests-dialog .dq-quests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.daily-quests-dialog .dq-note{margin:0;text-align:center;color:#b9a9cb;font:600 11.5px system-ui,sans-serif}

/* ---- Cards ---- */
.daily-quests-dialog .dq-card{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;align-items:center;gap:8px 12px;min-width:0;padding:12px 13px 10px;border:1px solid #c0a27166;border-bottom:4px solid #4a3828;border-radius:16px;background:linear-gradient(170deg,#4a3660,#2c2140 70%);box-shadow:inset 0 1px 0 #ffffff14,0 6px 14px #0b071855;color:#f3e3bd;overflow:hidden;cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s,filter .3s,opacity .3s}
.daily-quests-dialog .dq-card:focus-visible{outline:2px solid #ffe7a4;outline-offset:2px}
.daily-quests-dialog .dq-art{display:grid;place-items:center;grid-row:1}
.daily-quests-dialog .dq-feature .dq-art{width:62px;height:62px}
.daily-quests-dialog .dq-feature .dq-art :is(svg,img){width:58px;height:58px;filter:drop-shadow(0 4px 8px #0008)}
.daily-quests-dialog .dq-quest .dq-art{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5d4280,#2c1f40);box-shadow:0 0 0 2px #c79d4f,0 0 0 4px #3a2818;color:#ffe08f}
.daily-quests-dialog .dq-quest .dq-art svg{width:24px;height:24px}
.daily-quests-dialog .dq-body{display:grid;gap:6px;min-width:0}
.daily-quests-dialog .dq-body strong{font:700 15.5px/1.15 Georgia,serif;color:#f8e7c0;text-shadow:0 1px #120c22}
.daily-quests-dialog .dq-sub{color:#cdbfdc;font:600 12px system-ui,sans-serif}
.daily-quests-dialog .dq-bar{display:block;height:8px;border-radius:99px;background:#150e21;box-shadow:inset 0 0 0 1px #c0a27144,inset 0 2px 3px #0008;overflow:hidden}
.daily-quests-dialog .dq-bar i{display:block;height:100%;min-width:6px;border-radius:inherit;background:linear-gradient(90deg,#b98a3e,#f5c86a,#ffe9b0);box-shadow:0 0 8px #f5c86a88}
.daily-quests-dialog .dq-chips{display:flex;flex-wrap:wrap;gap:5px}
.daily-quests-dialog .dq-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border-radius:999px;background:#1c1429cc;border:1px solid #c0a27144;color:#f5e2b8;font:600 11.5px system-ui,sans-serif;white-space:nowrap}
.daily-quests-dialog .dq-chip b{font-weight:800}
.daily-quests-dialog .dq-chip :is(img,svg){width:16px;height:16px;flex:0 0 16px}
.daily-quests-dialog .dq-chip-special{border-color:#d9b464;background:#3a2850;color:#ffe08f}
.daily-quests-dialog .dq-xp{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c9a3ff,#6b45a8);color:#fff;font:900 7px/1 system-ui,sans-serif;letter-spacing:-.02em}
.daily-quests-dialog .dq-charm{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#d9cbe6;font:600 11px system-ui,sans-serif}
.daily-quests-dialog .dq-charm svg{width:20px;height:20px}
.daily-quests-dialog .dq-charm small{flex-basis:100%;font:inherit}
.daily-quests-dialog .dq-pips{display:flex;gap:4px}
.daily-quests-dialog .dq-pips i{width:10px;height:10px;border-radius:50%;background:#150e21;box-shadow:inset 0 0 0 1px #c0a27177}
.daily-quests-dialog .dq-pips i.on{background:radial-gradient(circle at 40% 35%,#fff0bd,#d6a84f);box-shadow:0 0 6px #f5c86a99}
.daily-quests-dialog .dq-state{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:5px;min-height:24px;border-radius:10px;background:#1a1228aa;color:#d9cbe6;font:800 12px system-ui,sans-serif;letter-spacing:.02em}
.daily-quests-dialog .dq-state svg{width:15px;height:15px}

/* Ready: gold glow and a shine sweeping across; the whole card is the claim button. */
.daily-quests-dialog .dq-card.is-ready{cursor:pointer;border-color:#f5c86a;border-bottom-color:#a87a2c;background:linear-gradient(170deg,#5d4372,#352650 70%);box-shadow:inset 0 1px 0 #fff3,0 0 0 1px #f5c86a55,0 0 22px #f5c86a55,0 6px 14px #0b071855}
.daily-quests-dialog .dq-card.is-ready::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff3c433 48%,transparent 60%);transform:translateX(-100%);animation:dq-shine 2.6s ease-in-out infinite;pointer-events:none}
.daily-quests-dialog .dq-card.is-ready:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff3,0 0 0 1px #f5c86a88,0 0 30px #f5c86a77,0 10px 18px #0b071866}
.daily-quests-dialog .dq-card.is-ready:active{transform:translateY(1px)}
.daily-quests-dialog .dq-card.is-ready .dq-state{background:linear-gradient(#ffe7a4,#d6a84f);color:#3a2508;box-shadow:inset 0 -2px 0 #a87a2c;animation:dq-pulse 1.6s ease-in-out infinite}
.daily-quests-dialog .dq-card.is-ready .dq-bar i{background:linear-gradient(90deg,#f5c86a,#fff0bd)}
.daily-quests-dialog .dq-card.is-busy{pointer-events:none;filter:brightness(.92)}
/* Claimed: calmer, with a teal check. */
.daily-quests-dialog .dq-card.is-claimed{border-color:#7fe3d355;border-bottom-color:#1f3b3a;background:linear-gradient(170deg,#2e3a4a,#221c33 70%)}
.daily-quests-dialog .dq-card.is-claimed .dq-art{filter:saturate(.55) brightness(.85)}
.daily-quests-dialog .dq-card.is-claimed .dq-body{opacity:.72}
.daily-quests-dialog .dq-card.is-claimed .dq-bar i{background:linear-gradient(90deg,#3fa597,#7fe3d3);box-shadow:none}
.daily-quests-dialog .dq-card.is-claimed .dq-state{background:#173634;color:var(--hx-teal,#7fe3d3);box-shadow:inset 0 0 0 1px #7fe3d355}
.daily-quests-dialog .dq-card.nudge{animation:dq-nudge .32s ease}
/* Just claimed: the card pops, sparks burst out and the check stamps in. */
.daily-quests-dialog .dq-card.just-claimed{animation:dq-pop .5s cubic-bezier(.2,1.5,.4,1)}
.daily-quests-dialog .dq-card.just-claimed .dq-state svg{animation:dq-stamp .45s cubic-bezier(.2,1.6,.4,1) both}
.daily-quests-dialog .dq-burst{position:absolute;left:50%;top:45%;width:6px;height:6px;margin:-3px;border-radius:50%;opacity:0;pointer-events:none}
.daily-quests-dialog .just-claimed .dq-burst{animation:dq-burst .9s ease-out both;box-shadow:0 -46px #ffe08f,32px -32px #f5c86a,46px 0 #fff0bd,32px 32px #f5c86a,0 46px #ffe08f,-32px 32px #fff0bd,-46px 0 #f5c86a,-32px -32px #ffe08f,18px -60px #7fe3d3,-18px 60px #7fe3d3,60px 18px #fff,-60px -18px #fff}
@keyframes dq-shine{0%,35%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@keyframes dq-pulse{50%{filter:brightness(1.12)}}
@keyframes dq-nudge{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
@keyframes dq-pop{0%{transform:scale(1)}40%{transform:scale(1.045)}100%{transform:scale(1)}}
@keyframes dq-stamp{from{transform:scale(2.4) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}
@keyframes dq-burst{0%{opacity:1;transform:scale(.2)}70%{opacity:.9}100%{opacity:0;transform:scale(1.25)}}
html[data-motion=gentle] .daily-quests-dialog .dq-card,html[data-motion=gentle] .daily-quests-dialog .dq-card *,html[data-motion=gentle] .daily-quests-dialog .dq-card::before{animation:none!important;transition:none!important}
html[data-motion=gentle] .daily-quests-dialog .dq-card.is-ready::before{display:none}

/* Landscape phones: same layout, tighter, no scrolling. */
@media (max-height:500px){
 html body dialog.daily-quests-dialog{width:min(780px,calc(100vw - 20px));padding:10px 14px 10px;border-radius:18px}
 html body dialog.daily-quests-dialog[open]{gap:7px}
 .daily-quests-dialog .dq-crest{flex-basis:32px;height:32px}
 .daily-quests-dialog .dq-crest svg{width:18px;height:18px}
 .daily-quests-dialog h2{font-size:19px}
 .daily-quests-dialog .dq-close{flex-basis:30px;height:30px;font-size:18px}
 .daily-quests-dialog .dq-grid,.daily-quests-dialog .dq-features,.daily-quests-dialog .dq-quests{gap:7px}
 .daily-quests-dialog .dq-card{gap:5px 9px;padding:7px 9px 6px;border-radius:13px}
 .daily-quests-dialog .dq-feature .dq-art{width:42px;height:42px}
 .daily-quests-dialog .dq-feature .dq-art :is(svg,img){width:40px;height:40px}
 .daily-quests-dialog .dq-quest .dq-art{width:32px;height:32px}
 .daily-quests-dialog .dq-quest .dq-art svg{width:18px;height:18px}
 .daily-quests-dialog .dq-body{gap:4px}
 .daily-quests-dialog .dq-body strong{font-size:13px}
 .daily-quests-dialog .dq-sub{font-size:11px}
 .daily-quests-dialog .dq-chip{padding:1px 6px 1px 3px;font-size:10.5px}
 .daily-quests-dialog .dq-chip :is(img,svg),.daily-quests-dialog .dq-xp{width:13px;height:13px;flex-basis:13px}
 .daily-quests-dialog .dq-charm small{display:none}
 .daily-quests-dialog .dq-pips i{width:8px;height:8px}
 .daily-quests-dialog .dq-state{min-height:20px;font-size:11px}
 .daily-quests-dialog .dq-note{display:none}
}
html body dialog.daily-quests-dialog:focus,html body dialog.daily-quests-dialog:focus-visible{outline:none}