/* THE WORD (word.js). PLAY: a strip in the same glass as the hole bar, above the GPS pill (which sits right over the hole bar),
   a 48px round "Give the word" button above it at the right, and a first time tip. The yardage card, hole bar, GPS pill and
   preview tag keep their places. Then the two sub screens and the report sheet. */
.word-strip{position:fixed;left:12px;right:12px;bottom:calc(var(--tabs-total) + 132px);height:44px;border-radius:14px;display:flex;align-items:center;gap:8px;
  padding:0 12px 0 16px;color:#fff;font:600 14px/1 var(--f-text);text-align:left;cursor:pointer;z-index:5;
  background:rgba(8,18,13,.15);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.35);
  text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.45)}
.word-strip .ws-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.word-strip .chev{flex:none;width:18px;height:18px;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.8))}
.word-btn{position:fixed;right:12px;bottom:calc(var(--tabs-total) + 188px);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;padding:0;color:#fff;cursor:pointer;z-index:5;
  background:rgba(8,18,13,.15);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.35)}
.word-btn svg{width:24px;height:24px;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.8))}
.word-tip{position:fixed;left:12px;right:72px;bottom:calc(var(--tabs-total) + 188px);z-index:6;border-radius:12px;padding:12px 16px;background:var(--surface-2, #1d2a24);color:var(--ink, #fff);
  box-shadow:0 8px 24px rgba(0,0,0,.4);text-align:left}
.word-tip[hidden]{display:none}
.word-tip p{margin:0 0 8px;font:400 15px/1.45 var(--f-text)}
.word-tip .textbtn{font:600 15px/1 var(--f-text);color:var(--ink, #fff);text-decoration:underline;text-underline-offset:4px;padding:0;background:none;border:0}
.word-tip::after{content:"";position:absolute;left:24px;bottom:-8px;border:8px solid transparent;border-bottom:0;border-top-color:var(--surface-2, #1d2a24)}

/* THE WORD screen */
:is(.screen) .title-sub.ww-sub{display:block;white-space:normal;overflow:visible;text-overflow:clip}
:is(.screen) .ww-sub details.info{display:inline-block;vertical-align:middle}
:is(.screen) .ww-sec{margin:0 0 24px}
:is(.screen) .wr-row{border-top:1px solid var(--line);padding:12px 0;text-align:left}
:is(.screen) .wr-row:last-child{border-bottom:1px solid var(--line)}
:is(.screen) .wr-what{display:block;font:600 17px/1.3 var(--f-text);letter-spacing:0;color:var(--ink)}
:is(.screen) .wr-note{margin:4px 0 0;font:400 15px/1.45 var(--f-text);color:var(--ink-2)}
:is(.screen) .wr-meta{margin:4px 0 8px;font:400 13px/1.45 var(--f-text);color:var(--ink-3)}
:is(.screen) .wr-meta .wr-who{font:inherit;color:var(--ink-2);padding:0;background:none;border:0;text-decoration:underline;text-underline-offset:4px}
:is(.screen) .wr-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
:is(.screen) .wr-act .cta.small{width:auto;padding:0 16px}
:is(.screen) .wr-act .cta.on{background:var(--surface-2);border-color:var(--edge)}
:is(.screen) .wr-act .wr-rep{margin-left:auto;font:400 13px/1 var(--f-text);color:var(--ink-3);padding:0;background:none;border:0}
:is(.screen) .ww-bros{margin:0 0 16px}
:is(.screen) .ww-standing{margin:0 0 16px}
:is(.screen) .ww-rank{display:block;margin:8px 0;font:700 36px/1 var(--f-head);letter-spacing:0;color:var(--ink)}
:is(.screen) .ww-bar{height:8px;border-radius:4px;background:var(--surface);overflow:hidden;margin:0 0 8px}
:is(.screen) .ww-bar i{display:block;height:100%;background:#3fbf86;border-radius:4px}
:is(.screen) .ww-tiles{margin:12px 0 0}

/* report sheet: four chip groups, three equal boxes per row */
.sheet .ww-group{margin:0 0 12px}
.sheet .ww-group .lbl{margin:0 0 8px}
.sheet .chips.ww-chips{display:grid;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sheet .chips.ww-chips button{min-width:0;height:auto;min-height:40px;padding:4px;font-size:13px;line-height:1.2;white-space:normal}

/* BROTHERS */
:is(.screen) #brosMe{margin:0 0 16px}
:is(.screen) #brosMe .sg-set{margin:0}
:is(.screen) .bro-row .cta.small{width:auto;padding:0 16px;flex:none}

/* SCORECARD: "Give the word" beside the folded setup line */
:is(.screen) .sc-fold .sc-word{flex:none;color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* PHOTOS: Add a photo box in the report sheet (44px secondary), 72px preview with Remove, 56px thumbnail on a report row,
   full screen viewer (dark, 44px close, pinch to zoom), 72px image in the admin Reports list */
.sheet .ww-photo{margin:0 0 12px}
.sheet .ww-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin:0;cursor:pointer}
.sheet .ww-add svg{width:20px;height:20px;flex:none}
.sheet .ww-prev{display:flex;align-items:center;gap:12px}
.sheet .ww-prev img{width:72px;height:72px;border-radius:8px;object-fit:cover;display:block}
.sheet .ww-prev .cta.small{width:auto;margin:0;padding:0 16px}
.sheet #wwPhotoErr{margin:8px 0 0}
:is(.screen) .wr-row.has-photo{display:grid;grid-template-columns:minmax(0,1fr) 56px;column-gap:12px}
:is(.screen) .wr-row.has-photo > :not(.wr-thumb){grid-column:1}
:is(.screen) .wr-thumb{grid-column:2;grid-row:1 / span 4;width:56px;height:56px;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--surface);cursor:zoom-in}
:is(.screen) .wr-thumb img{width:56px;height:56px;object-fit:cover;display:block}
.so-sheet.ww-viewer{position:fixed;inset:0;z-index:80;max-height:none;overflow:hidden;margin:0;padding:0;border:0;border-radius:0;background:#000;display:flex;align-items:center;justify-content:center}
.ww-viewer .ww-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.ww-viewer img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .05s linear}
.ww-viewer .ww-close{position:absolute;top:calc(12px + var(--safe-t));right:12px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.16);color:#fff;z-index:2;cursor:pointer}
.ww-viewer .ww-close svg{width:22px;height:22px}
:is(.screen) .rp .rp-wphoto{display:block;width:72px;height:72px;margin:8px 0;border-radius:8px;object-fit:cover}

/* EARLIER THIS WEEK (kept 7 days): collapsed section under the categories, grouped by day, rows in the secondary text colour;
   the viewer's "Posted ... by ..." line under the photo */
:is(.screen) .ww-earlier{margin:0 0 24px}
:is(.screen) .ww-earlier > summary{display:flex;align-items:center;min-height:44px;padding:0;cursor:pointer;font:700 15px/1.2 var(--f-head);letter-spacing:var(--ls-head);text-transform:uppercase;color:var(--ink-2)}
:is(.screen) .ww-earlier[open] > summary{margin:0 0 8px}
:is(.screen) .ww-day{margin:0 0 16px}
:is(.screen) .wr-row.past .wr-what,:is(.screen) .wr-row.past .wr-note{color:var(--ink-2)}
:is(.screen) .wr-row.past .wr-meta{color:var(--ink-3)}
.ww-viewer .ww-posted{position:absolute;left:16px;right:16px;bottom:calc(16px + var(--safe-b));margin:0;text-align:left;font:400 15px/1.45 var(--f-text);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9)}

/* auditfix2: the empty state is a centered card (icon, title, one line, Post Intel); the first visit tip is one compact line with Got It */
:is(.screen) .ww-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px;margin:24px 0}
:is(.screen) .ww-empty .ww-empty-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface-2);color:var(--ink-2)}
:is(.screen) .ww-empty .ww-empty-ic svg{width:24px;height:24px}
:is(.screen) .ww-empty b{font:700 20px/1.2 var(--f-head);color:var(--ink)}
:is(.screen) .ww-empty p{margin:0 0 8px;font:400 15px/1.45 var(--f-text);color:var(--ink-2)}
:is(.screen) .ww-empty .cta{width:auto;min-width:160px;padding:0 24px}
.word-tip{display:flex;align-items:center;gap:12px;padding:10px 14px}
.word-tip p{margin:0;flex:1;min-width:0;font:500 14px/1.3 var(--f-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.word-tip .textbtn{flex:none;padding:6px 0}
.word-tip[hidden]{display:none}
:is(.screen) .wr-act .wr-rep + .wr-block{margin-left:12px}
.ww-viewer .ww-acts{position:absolute;left:0;right:0;bottom:calc(72px + var(--safe-b, 0px));display:flex;justify-content:center;gap:24px}
.ww-viewer .ww-acts .textbtn{font:600 15px/1 var(--f-text);color:#fff;background:rgba(0,0,0,.45);border:0;border-radius:10px;padding:12px 16px}