.daily-hud[hidden],.daily-next-action[hidden],.daily-gate-marker[hidden]{display:none!important}
.daily-hud{position:relative;box-sizing:border-box;padding:12px 14px;margin-bottom:8px;background:#f5ecda;color:#294d3e;border:1px solid #d3c4a5;border-radius:8px;font-family:Arial,sans-serif;display:grid;grid-template-columns:1fr auto;gap:5px 12px;box-shadow:none}
.daily-label{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#a9502e;grid-column:1}#daily-date{display:block;font-size:11px;grid-column:1;line-height:1.3}#daily-total{grid-column:2;grid-row:1/3;font:700 28px Georgia,serif;align-self:center;text-align:right}
.daily-hud h2{grid-column:1;grid-row:3;margin:3px 0;font:700 17px/1.2 Georgia,serif}.daily-progress{display:flex;gap:6px;grid-column:2;grid-row:3;align-self:center;justify-content:flex-end}.daily-progress span{display:grid;place-items:center;box-sizing:border-box;width:25px;height:25px;border-radius:50%;border:2px solid #b9a685;background:#e8d7b6;box-shadow:0 2px 0 #b8a17e;color:#294d3e;font-size:11px;font-weight:700}.daily-progress .current{border-color:#294d3e}.daily-progress .hit{background:#294d3e;color:#fff8e9}.daily-progress .partial{background:#bf6b33;color:white;border-color:#a9502e}.daily-progress .miss{background:#ccc6bb;color:#555;border-color:#a49b8c}
.daily-hud p{grid-column:1/-1;font-size:14px;line-height:1.35;margin:0}.daily-hud small{grid-column:1/-1;font-size:10px;color:#657366;line-height:1.4}.daily-target{display:none}#daily-feedback{grid-column:1/-1;font-size:12px;line-height:1.3;font-weight:700;color:#a9502e}
#daily-next.daily-next-action{display:block;position:relative;box-sizing:border-box;width:100%;min-height:48px;margin:6px 0;border:0;border-radius:7px;background:#294d3e;color:#fff8e9;font:700 14px Arial,sans-serif;cursor:pointer}
.daily-gate-marker{position:absolute;z-index:7;pointer-events:none;transform:translate(-50%,-125%);border-radius:5px;background:#fff0bf;color:#294d3e;box-shadow:0 2px 5px #0005;border:1px solid #b69a57;padding:3px 6px;font:800 12px/1.2 Arial,sans-serif}.daily-gate-marker.subject{background:#f5ecda;color:#a9502e;font-size:11px;transform:translate(-50%,-160%)}
.daily-mode main>.intro,.daily-mode main>.play-panel,.daily-mode .set-progress,.daily-mode .board-heading,.daily-mode .cafe-scoreboard,.daily-mode .mobile-play-hint{display:none!important}.daily-mode main{display:block;max-width:900px;margin:auto}.daily-mode .arena{max-width:none;width:100%}.daily-mode .match-tools{display:none}.daily-mode .board-bottom{font-size:10px}.daily-mode .board-bottom>span:last-child{display:none}.daily-mode .canvas-wrap{margin-top:0}.daily-option{background:#edf3e6!important;border-color:#779b76!important}
#daily-card{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:10px}#daily-card[hidden],#download-card[hidden]{display:none}#download-card{display:block;color:#294d3e;font-size:13px;margin:10px 0}#share-status textarea{box-sizing:border-box;width:100%;min-height:150px;font:12px/1.4 Arial,sans-serif}#daily-intro details{margin:14px 0}#daily-intro p{font-size:14px;line-height:1.5}
body.daily-mode.focus-play .arena{grid-template-rows:auto minmax(0,1fr) auto}.daily-mode.focus-play .daily-hud{margin:0;border-radius:0;padding:7px 12px}.daily-mode.focus-play #daily-next{margin:0;border-radius:0}.daily-mode.focus-play .daily-hud small{font-size:9px}.daily-mode.focus-play #daily-date{font-size:10px}
@media(max-width:600px){.daily-hud{padding:9px 10px;gap:4px 6px}.daily-hud h2{font-size:15px}.daily-hud p{font-size:13px}.daily-label{font-size:9px}.daily-progress{gap:4px}.daily-progress span{width:21px;height:21px;font-size:10px}#daily-total{font-size:24px}#daily-date{font-size:10px}.daily-mode main{padding:0}.daily-mode #daily-feedback{font-size:11px}#daily-intro{max-height:90dvh;overflow:auto}}
@media(max-height:480px) and (orientation:landscape){.daily-mode .daily-hud{grid-template-columns:1fr auto;padding:4px 10px;gap:2px 10px}.daily-mode .daily-label,.daily-mode .daily-hud small{display:none}.daily-mode #daily-date{grid-row:1}.daily-mode #daily-total{grid-row:1;font-size:19px}.daily-mode .daily-hud h2{grid-row:2;font-size:13px;margin:0}.daily-mode .daily-progress{grid-row:2}.daily-mode .daily-progress span{width:17px;height:17px;font-size:9px}.daily-mode .daily-hud p{font-size:12px;grid-column:1;grid-row:3}.daily-mode #daily-feedback{grid-column:2;grid-row:3;font-size:10px}.daily-mode.focus-play .board-bottom{display:none}}

.daily-hud{width:100%}.daily-mode #result-dialog{max-height:calc(100dvh - 24px);overflow:auto}.daily-mode #result-dialog h2{font-size:28px;margin:12px 0}.daily-mode #result-score{font-size:76px;letter-spacing:-4px}.daily-mode #result-copy{font-size:12px;line-height:1.5}.daily-mode #share{margin:12px 0}.daily-mode #save-score-status{font-size:11px;line-height:1.4}
@media(max-width:360px){.daily-mode #result-score{font-size:64px}.daily-mode #result-dialog{padding:20px}.daily-mode #result-dialog h2{font-size:25px}}
@media(min-width:761px) and (min-height:501px){.daily-mode header{height:60px}.daily-mode main{padding:14px 3%}.daily-mode .canvas-wrap{width:100%;height:calc(100dvh - 310px)!important;min-height:330px}.daily-mode #board{height:100%!important;aspect-ratio:auto}}



/* Keep every action in the usable phone viewport, including the home indicator. */
body.daily-mode.focus-play{display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
body.daily-mode.focus-play header{flex:none}
body.daily-mode.focus-play main{flex:1;min-height:0;height:auto;width:100%;margin:0}
body.daily-mode.focus-play .arena{height:100%;align-self:stretch;grid-template-areas:"brief" "board" "status";align-items:stretch}
body.daily-mode.focus-play .daily-hud{grid-area:brief}
body.daily-mode.focus-play .canvas-wrap{grid-area:board}
body.daily-mode.focus-play #daily-next{z-index:9}
body.daily-mode.focus-play .board-bottom{grid-area:status;min-height:24px}

/* Short portrait phones keep the shared Classic framing and room for the LED. */
@media(max-height:740px) and (orientation:portrait){
 body.daily-mode.focus-play .daily-hud{padding:4px 10px;gap:2px 6px}
 body.daily-mode.focus-play .daily-label,body.daily-mode.focus-play .daily-hud small{display:none}
 body.daily-mode.focus-play #daily-date{grid-row:1;font-size:9px}
 body.daily-mode.focus-play #daily-total{grid-row:1;font-size:20px}
 body.daily-mode.focus-play .daily-hud h2{grid-row:2;font-size:13px;margin:0}
 body.daily-mode.focus-play .daily-progress{grid-row:2}
 body.daily-mode.focus-play .daily-progress span{width:17px;height:17px;font-size:9px}
 body.daily-mode.focus-play #daily-hint{grid-row:3;font-size:12px}
 body.daily-mode.focus-play #daily-feedback{grid-row:4;font-size:10px}
}

/* The completed shot advances from the same central location as Classic. */
.daily-mode #daily-next.daily-next-action{position:absolute;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:256px;max-width:calc(100% - 24px);min-height:92px;margin:0;padding:22px 16px;border-radius:18px;font:700 24px/32px Arial,sans-serif;white-space:nowrap;z-index:9}
@media(max-width:360px){.daily-mode #daily-next.daily-next-action{width:224px;font-size:22px}}

.daily-mode #inspect-gates{display:none!important}

#daily-share-details[hidden]{display:none}#daily-share-details{margin:12px 0;font-size:12px;text-align:left}#daily-share-details summary{cursor:pointer;padding:10px 0}.daily-mode #save-score-status:empty{display:none}

#daily-ranking-note{grid-column:1/-1;font-size:10px;line-height:1.3}.daily-mode.focus-play .daily-hud #daily-ranking-note{display:block}#daily-score-day-label[hidden]{display:none}#daily-score-day-label{display:flex;gap:12px;align-items:center;margin:14px 0;font-size:13px}#daily-score-day{padding:8px;font:inherit}.score-tabs{flex-wrap:wrap}

#daily-official{grid-column:1/-1;min-height:36px;border:0;border-radius:5px;background:#294d3e;color:#fff8e9;font:700 12px Arial,sans-serif;cursor:pointer}#daily-official[hidden],#daily-result-official[hidden]{display:none!important}#daily-official:disabled{opacity:.5}#daily-result-official{margin-top:8px}