/* Daily finish: the existing puzzle cards beside a compact comparison panel. */
.results.has-leaderboard{max-width:1130px;padding:0 28px;margin:12px auto 30px}.daily-finish-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:start}.daily-finish-left{padding-top:16px}.daily-finish-left .finish-heading{font-size:37px}.daily-finish-left .score-triptych{margin-top:36px}.daily-finish-right{min-width:0}.daily-finish-right .finish-actions{margin:0 0 18px;padding:0;display:block}.daily-finish-right .finish-actions #share{width:100%;margin:0}.daily-finish-right .share-feedback:empty{display:none}.rival-panel{background:linear-gradient(155deg,#fffcf3ee,#f8f0deee);border:1px solid #daccae;border-radius:25px;padding:22px 17px 14px;box-shadow:inset 0 2px #fff,0 5px 0 #d8c8a44a,0 12px 36px -22px #8b6d3a66;text-align:left}.rival-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 5px 20px}.rival-heading h2{font:600 28px/1.2 var(--display);margin:0;color:#493d29}.rival-help{width:44px;height:44px;border:1px solid #d4c5a5;border-radius:50%;background:#fffaf0;color:#8a7149;font:500 20px var(--display);flex:none}.rival-columns,.rival-result{display:grid;grid-template-columns:22px minmax(0,1fr) 68px 37px;gap:8px;align-items:center}.rival-columns{font-size:12px;color:#907b58;margin:0 11px 9px}.rival-columns span:nth-last-child(-n+2){text-align:right}.rival-result{min-height:82px;margin:7px 0;padding:10px;border:1px solid #dfd2b8;border-radius:14px;background:linear-gradient(135deg,#fffdf6,#f7efdd);box-shadow:0 2px #d8c9aa44}.rival-result.is-you{background:linear-gradient(115deg,#f9e8b9,#f5e1a9);border:1.5px solid #c9a251;box-shadow:inset 0 1px #fff6d9,0 3px #c6a15c44}.rival-rank{text-align:center;font:500 20px var(--display);color:#8d7b5a}.rival-person{display:flex;align-items:center;gap:10px;min-width:0}.rival-person>div{min-width:0}.rival-portrait{border:0;padding:0;border-radius:50%;background:none;flex:none;min-width:44px;min-height:44px}.rival-face{display:block;height:53px;width:53px;flex:none;border-radius:50%;border:1px solid #ccb993;background-color:#ead7ae;background-size:cover;background-position:center;box-shadow:0 2px #ad926b33}.rival-face.tm{background-image:url('/bot-avatars/tird-master-b2.jpg')}.rival-face.mac{background-image:url('/bot-avatars/mac.jpg')}.rival-face.ferg{background-image:url('/bot-avatars/ferg.jpg')}.rival-face.mary{background-image:url('/bot-avatars/mary.jpg')}.rival-face.you{background-image:url('/bot-avatars/you.jpg')}.rival-name{font:500 18px/1.15 var(--display);margin-bottom:3px}.is-you .rival-name{font-weight:600}.rival-line{font-size:11px;color:#877354;line-height:1.3;margin-bottom:5px}.rival-squares{display:flex;gap:4px}.rival-squares i{width:11px;height:11px;border:1px solid #ccbfa3;border-radius:3px;background:#eae3d4;box-shadow:0 1px #c9bca3}.rival-squares .on{background:linear-gradient(145deg,#9bd978,#72b75b);border-color:#75a759;box-shadow:0 1px #5e9247}.rival-time{font:600 20px var(--display);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.rival-hints{display:flex;align-items:center;justify-content:flex-end;font-size:15px;font-weight:700;gap:1px;color:#826b40}.rival-hints svg{width:20px;height:20px}.rival-profile{text-align:center}.rival-profile .rival-face{width:100px;height:100px;margin:0 auto 20px}.rival-profile small{color:#8a7758}.daily-next{margin:26px 0 0;padding:23px 0 0;border-top:1px solid #d8ccb2;display:flex;justify-content:center;align-items:center;gap:15px;color:#887858}.daily-next-tile{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:19%;border:1px solid #c99d535e;background:linear-gradient(155deg,#fffcef 0%,#ffefc8 39%,#f6d48c 100%);box-shadow:inset 0 1px #fffef8,inset 0 -1px #ffe9ac,0 3px #caa25d,0 4px #a7834433;rotate:-9deg;font:600 28px/1 var(--display);color:#49321b}.daily-next-copy{text-align:left;font-size:13px}.daily-next-copy strong{font:500 20px var(--display);font-variant-numeric:tabular-nums;color:#6a593d;margin-left:8px}.daily-next-copy small{display:block;font-size:12px;color:#917e60;margin-top:4px}.daily-next-copy a{font-weight:700;color:#587843}.daily-infinite{display:block;margin:18px auto 0;font-size:14px;background:none;border:0;padding:9px;color:#7e6d4f}.rival-loading{font-size:13px;color:#877354}.has-leaderboard .finish-footer{margin-top:35px}.rival-help:focus-visible,.rival-portrait:focus-visible{outline:3px solid #759451;outline-offset:3px}
@media(max-width:1000px){.has-leaderboard .daily-finish-left .score-triptych{margin-inline:8px}.daily-finish-grid{display:block;max-width:470px;margin:auto}.results.has-leaderboard{max-width:540px;padding:0 25px}.daily-finish-left{padding-top:0}.daily-finish-right{margin-top:24px}.rival-heading h2{font-size:27px}.rival-face{height:49px;width:49px}.rival-person{gap:8px}.rival-name{font-size:17px}.rival-line{font-size:10px}.rival-time{font-size:19px}.rival-columns,.rival-result{grid-template-columns:18px minmax(0,1fr) 63px 33px;gap:6px}}
@media(max-width:400px){.results.has-leaderboard{padding-inline:14px}.rival-panel{padding:19px 10px 12px;border-radius:20px}.rival-result{padding:9px 7px}.rival-columns,.rival-result{grid-template-columns:16px minmax(0,1fr) 58px 29px;gap:4px}.rival-person{gap:6px}.rival-name{font-size:16px}.rival-heading h2{font-size:25px}.rival-hints svg{width:17px}.rival-time{font-size:18px}.daily-finish-left .finish-heading{font-size:31px}.daily-next{gap:10px}.daily-next-copy strong{font-size:19px}}

/* A small cast introduction in the leaderboard help dialog. */
.rival-welcome{text-align:center}.rival-welcome-faces{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:22px 0 24px}.rival-welcome-faces figure{margin:0;flex:1;max-width:96px;min-width:0}.rival-welcome-faces .rival-face{width:68px;height:68px;margin:0 auto 9px;border:2px solid #fff8e9;box-shadow:0 3px 0 #cbbd9b66}.rival-welcome-faces figure:nth-child(2) .rival-face{width:78px;height:78px}.rival-welcome-faces figcaption{font-size:11px;line-height:1.3;color:#806b49}.rival-welcome p{line-height:1.55}.rival-welcome .rival-welcome-challenge{font:500 21px/1.3 var(--display);color:#586d39;margin:22px 0 20px}@media(max-width:360px){.rival-welcome-faces{gap:6px}.rival-welcome-faces .rival-face{width:58px;height:58px}.rival-welcome-faces figure:nth-child(2) .rival-face{width:68px;height:68px}}

/* Compact edition identity replaces empty results navigation space. */
.finish-navigation.has-daily-masthead{position:relative;min-height:50px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.has-daily-masthead .finish-home{position:absolute;left:0;top:4px}.finish-masthead{display:flex;justify-content:center;align-items:center;text-decoration:none;border-radius:8px}.finish-masthead:focus-visible{outline:2px solid #856a41;outline-offset:5px}.finish-mini-tiles{display:flex;gap:5.5px;padding:3px 4px 5px}.finish-mini-tiles i{display:grid;place-items:center;width:33px;height:33px;font:600 21px/1 var(--display);font-style:normal;color:#49321b;border-radius:19%;background:linear-gradient(155deg,#fffcef 0%,#ffefc8 39%,#f6d48c 100%);border:1px solid #c99d535e;box-shadow:inset 0 1px #fffef8,inset 0 -1px #ffe9ac,0 3px #caa25d,0 4px #a7834433;transform:rotate(-5deg)}.finish-mini-tiles i:nth-child(2){transform:rotate(1deg)}.finish-mini-tiles i:nth-child(3){transform:rotate(-3deg)}.finish-mini-tiles i:nth-child(4){transform:rotate(2deg)}.finish-mini-tiles i:nth-child(5){transform:rotate(5deg)}.results.is-return-visit,.results.is-return-visit *{animation:none!important}.results.is-return-visit .scoretile{opacity:1}
@media(max-width:600px){.has-daily-masthead .finish-home>span:last-child{display:none}.finish-navigation.has-daily-masthead{margin-bottom:10px}.finish-masthead{padding:0}}
/* One share payload, with a direct clipboard action beside system sharing. */
.daily-shell .share-controls{display:flex;align-items:stretch;gap:10px;width:100%}
.daily-shell .share-controls #share{flex:1;min-width:0;width:auto;margin:0;font-size:clamp(19px,4.5vw,27px)}
.daily-shell .copy-result{display:grid;place-items:center;flex:0 0 52px;min-height:52px;border:1px solid #c5b18c;border-radius:15px;background:linear-gradient(145deg,#fffbf0,#f0e1c4);color:#796344;box-shadow:inset 0 1px #fff,0 4px #c7b18a}
.daily-shell .copy-result svg{width:23px;height:23px}.daily-shell .copy-result:hover{background:#fff9e9}.daily-shell .copy-result:active{transform:translateY(2px);box-shadow:0 2px #c7b18a}.daily-shell .copy-result:focus-visible{outline:3px solid #94764b;outline-offset:4px}

/* Static message preview: no character, entrance, or paste animation. */
.daily-shell .share-preview-wrap{position:relative;width:100%}
.daily-shell .share-message-preview{position:absolute;z-index:30;bottom:calc(100% + 12px);left:0;width:min(330px,100%);padding:0;background:#fffaf0;border:1px solid #d7c4a2;border-radius:19px;box-shadow:0 10px 28px #624c2929;text-align:left;overflow:hidden}
.daily-shell .share-message-preview[hidden]{display:none}
.daily-shell .share-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;color:#72634e;font-size:13px;border-bottom:1px solid #e4dccd}
.daily-shell .share-chat-title{display:flex;align-items:center;gap:7px;font-weight:600}.daily-shell .share-chat-title svg{width:18px;height:18px}.daily-shell .share-chat-title small{font-size:10px;font-weight:400;color:#998b76;margin-left:5px}
.daily-shell .share-preview-heading button{background:none;border:0;padding:2px 7px;font:inherit;font-size:22px;color:#826d4c;cursor:pointer}
.daily-shell .share-chat{padding:18px 20px 22px 14px;background:#efeee9}
.daily-shell .share-message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:13px 15px;border-radius:16px 16px 16px 4px;background:#fff;color:#383c38;box-shadow:0 1px 2px #343c3012;font:400 14px/1.65 var(--body,"DM Sans",sans-serif)}

/* The last solve leads into the Daily summary, with an explicit way to stay. */
.daily-shell #daily-complete-cue{margin:3px 0 0;color:#88704e;font-size:14px;font-weight:500}
.daily-shell #daily-complete-actions{position:absolute;z-index:40;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 32px));padding:10px 12px 7px;border:1px solid #d2bd96;border-radius:19px;background:#fff8e9;box-shadow:0 6px 24px #5b442c30;display:grid;gap:5px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}
.daily-shell #daily-results-now{position:relative;overflow:hidden;min-height:52px;margin:0;font-size:23px}
.daily-shell .daily-results-progress{position:absolute;bottom:5px;left:10px;right:10px;height:7px;border-radius:999px;background:#326f3438;box-shadow:inset 0 1px 1px #264e2920;overflow:hidden;pointer-events:none}
.daily-shell .daily-results-progress::after{content:"";position:absolute;inset:0;background:#fff5cf;border-radius:inherit;transform:scaleX(var(--results-progress,0));transform-origin:left;transition:transform 80ms linear}
.daily-shell #daily-results-stay{margin:0 auto;min-height:28px;font-size:12px;padding:4px 12px;color:#806b4a}
.daily-shell .auto-results-pending #continue{visibility:hidden}
@media(prefers-reduced-motion:reduce){.daily-shell .daily-results-progress{display:none}}
.daily-shell .auto-results-pending .hintbutton{display:none}
.daily-shell .auto-results-pending .cluegroup{flex:1}
/* Personal identity is a browser preference, separate from Daily scores. */
.player-avatar.rival-face{background-image:url('/player-avatars/choices-v1.png');background-size:415.135% 276.757%;background-repeat:no-repeat;background-position:2.66% 7.65%}
.player-avatar.avatar-softy{background-position:34.13% 7.65%}.player-avatar.avatar-kitten{background-position:97.34% 7.65%}.player-avatar.avatar-dragon{background-position:2.66% 76.91%}.player-avatar.avatar-dog{background-position:34.13% 76.91%}.player-avatar.avatar-fairy{background-position:65.70% 76.91%}.player-avatar.avatar-robot{background-position:97.34% 76.91%}
.player-avatar.avatar-bird{background-image:url('/bot-avatars/you.jpg');background-size:cover;background-position:center}
.rival-name .player-name-edit{display:inline-flex;align-items:center;gap:5px;max-width:100%;font:inherit;text-align:left;color:inherit;border:0;padding:0;background:none;cursor:pointer}
.player-name-text{overflow-wrap:anywhere;min-width:0}.player-name-edit svg{width:12px;height:12px;flex:none;color:#978360}.player-name-edit:focus-visible{outline:2px solid #71934e;outline-offset:4px;border-radius:3px}.player-you-tag{display:inline;font:500 11px var(--body);color:#937c51;white-space:nowrap;flex:none;margin:0}.player-you-tag[hidden]{display:none}
.dialog[data-kind="player-profile"]{width:min(410px,calc(100vw - 28px));padding:24px}
.player-name-label{display:block;font-size:13px;font-weight:600;margin:18px 0 7px;color:#7d6745}
#player-display-name{box-sizing:border-box;width:100%;border:1px solid #cbb693;border-radius:12px;padding:11px 12px;background:#fffdf6;color:#493d28;font:500 17px var(--body);outline-offset:3px}
.player-avatar-field{border:0;padding:0;margin:20px 0 14px}.player-avatar-field legend{font-size:13px;font-weight:600;color:#7d6745;margin-bottom:10px}
.player-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.player-avatar-choice{display:grid;place-items:center;min-width:0;border:2px solid transparent;border-radius:16px;background:#f1e7d3;padding:5px;cursor:pointer}
.player-avatar-choice .rival-face{display:block;width:100%;height:auto;aspect-ratio:1;max-width:68px;border:0;box-shadow:none}
.player-avatar-choice[aria-pressed="true"]{border-color:#567c3d;background:#dfebce;box-shadow:0 0 0 1px #567c3d}.player-avatar-choice:focus-visible{outline:3px solid #b7954e;outline-offset:3px}
.dialog #player-profile-note{font-size:12px;color:#978363;margin:12px 0 18px}
.dialog[data-kind="player-profile"] #dialog-buttons{display:flex;gap:10px}.dialog[data-kind="player-profile"] #dialog-buttons button{flex:1;margin:0;min-height:46px;font-size:17px}
/* Tird ID and anonymous friends: quiet controls in the existing cream/olive palette. */
.tird-id-thumb{display:flex;width:fit-content;align-items:center;gap:5px;margin:4px 0 5px;padding:3px 6px;border:1px solid #cbb786;border-radius:5px;background:#fff9e7;color:#79613d;cursor:pointer;font:500 9px var(--body);vertical-align:middle;white-space:nowrap}
.tird-id-thumb b{font:600 11px var(--body);letter-spacing:.6px}.tird-id-thumb:hover{background:#fffdf5}
.friend-tools{margin:0 3px 15px}.friend-follow-form{display:flex;gap:7px;background:#fffcf5;border:1px solid #d7c8aa;border-radius:12px;padding:5px}.friend-follow-form input{width:0;min-width:0;flex:1;border:0;background:transparent;padding:7px 8px;color:#493d29;font:500 14px var(--body)}.friend-follow-form button{flex:none;border:1px solid #ccd4b7;border-radius:8px;background:#e8eedb;color:#486137;min-height:40px;padding:0 12px;font:600 13px var(--body);cursor:pointer}.friend-follow-form button span{font-size:19px;vertical-align:-1px;margin-right:3px}.friend-filter-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;font:500 12px var(--body);color:#806d4e}.friend-filter-row label{display:flex;align-items:center;gap:5px;min-height:36px;cursor:pointer}.friend-filter-row input{accent-color:#627f44;width:15px;height:15px}.friend-filter-row button{border:0;background:transparent;color:#806d4e;min-height:36px;padding:4px 6px;font:500 12px var(--body);cursor:pointer}#friend-status{font:500 12px/1.4 var(--body);color:#65794a;margin:2px 0 0}#friend-status:empty{display:none}
.rival-result.is-friend{border-color:#bfcba8;background:linear-gradient(125deg,#fbfcf2,#edf1e3)}.is-friend .rival-line{color:#60754b}.friend-empty{font:400 13px/1.6 var(--body);color:#8b795a;text-align:center;padding:14px 8px 4px}.friend-waiting{margin-top:12px;border-top:1px solid #e2d6bf;padding-top:8px}.friend-waiting button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:transparent;padding:9px 3px;color:#7b6a4d;cursor:pointer}.friend-waiting .rival-face{width:35px;height:35px}.friend-waiting button>span:last-child{margin-left:auto;font-size:11px}.friend-waiting b{display:block;font:500 14px var(--body)}.friend-waiting small{display:block;margin-top:3px;font:400 11px var(--body)}
.dialog[data-kind="tird-id"]{width:min(410px,calc(100vw - 28px));box-sizing:border-box;padding:24px}.tird-license{position:relative;box-sizing:border-box;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#e4edce88,transparent 68%),linear-gradient(145deg,#fffcf1,#eee1be);border:1px solid #cbb78d;border-radius:16px;padding:17px 18px 12px;margin:16px 0 18px;box-shadow:inset 0 1px #fff,0 3px #cfbd983d;text-align:left}.tird-license-top{display:flex;justify-content:space-between;font:700 10px var(--body);letter-spacing:2px;color:#89754c}.tird-license-main{display:flex;align-items:center;gap:18px;margin:20px 0}.tird-license-main .rival-face{width:73px;height:73px;border-radius:13px;box-shadow:0 2px 5px #80613518}.tird-license-main small{font:500 11px var(--body);color:#887453}.tird-license-main strong{display:block;font:600 32px/1.2 var(--body);letter-spacing:3px;color:#51432b}.tird-license-main div>span{display:block;margin-top:4px;font:500 13px var(--body);color:#87704c}.tird-license-actions{display:flex;gap:8px}.tird-license-actions button{min-height:43px;border:1px solid #c5b48d;border-radius:9px;background:#fffdf39c;padding:8px 12px;font:600 12px var(--body);color:#665538;cursor:pointer}.tird-license-actions button:first-child{flex:1;background:#5d7545;border-color:#536a3e;color:#fffef4}.dialog .tird-license p{font:400 10px/1.5 var(--body);color:#8c7957;margin:11px 0 0}.tird-share-status{font:500 12px/1.5 var(--body);color:#52683e;margin-top:5px}.tird-share-link{box-sizing:border-box;width:100%;margin-top:8px;font:400 12px var(--body);padding:7px;border:1px solid #c6b58e;background:#fffdf4;border-radius:6px}.tird-invite{border:1px solid #d2c4a6;border-radius:15px;background:#fff9ed;padding:16px;margin:25px auto 0;max-width:330px;text-align:center}.tird-invite>span{display:block;font:400 12px var(--body);color:#8b7854;margin-bottom:9px}.tird-invite button{border:1px solid #c6d0b1;border-radius:9px;background:#e9efdf;color:#4c6838;font:600 15px var(--body);padding:10px 18px;cursor:pointer;min-height:44px}.tird-invite p{font:400 12px/1.5 var(--body);color:#65794a;margin:8px 0 0}.tird-invite p:empty{display:none}.friend-tools button:disabled,.tird-invite button:disabled{opacity:.65;cursor:default}
.friend-tools :focus-visible,.tird-license :focus-visible,.tird-id-thumb:focus-visible,.tird-invite :focus-visible{outline:2px solid #627f44;outline-offset:3px}
@media(max-width:380px){.friend-follow-form button{padding:0 8px}.tird-license-main{gap:12px}.tird-license-main strong{font-size:29px}.tird-license{padding:15px 13px}.tird-id-thumb{font-size:8px;gap:3px}}

.is-friend .rival-name,.friend-waiting b{overflow-wrap:anywhere}

/* Invitations sit above either Daily entry screen, including saved results. */
dialog.tird-invite{position:fixed;box-sizing:border-box;width:min(380px,calc(100vw - 28px));max-width:380px;max-height:calc(100dvh - 28px);overflow:auto;margin:auto;padding:32px 24px 24px;border:1px solid #cbb78d;border-radius:22px;background:linear-gradient(145deg,#fffdf5,#f6ecd5);color:#493d29;box-shadow:0 16px 64px #49351c40;text-align:center}
.tird-invite::backdrop{background:#382c1c66;backdrop-filter:blur(3px)}
.tird-invite .tird-invite-close{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#887455;font:400 28px var(--body)}
.tird-invite .tird-invite-eyebrow{margin:9px 15px 12px;font:600 10px var(--body);letter-spacing:1px;text-transform:uppercase;color:#89754c}
.tird-invite h2{font:600 27px/1.15 var(--display);margin:0 0 17px;overflow-wrap:anywhere}
.tird-invite-person .rival-face{width:80px;height:80px;margin:0 auto 10px}.tird-invite-person strong{display:block;font:600 18px var(--display);overflow-wrap:anywhere}.tird-invite-person>span:last-child{display:block;font:500 12px var(--body);color:#89754c;margin:5px 0 16px}
.tird-invite #tird-invite-status{font:400 14px/1.5 var(--body);color:#786746;margin:12px 0 20px}
.tird-invite-actions{display:flex;gap:10px}.tird-invite-actions button{flex:1;min-width:0;padding:11px 8px;font:600 15px var(--body)}.tird-invite-actions [data-invite-cancel]{background:#fffaf0;border-color:#d2c3a5;color:#806d4e}.tird-invite-actions [data-invite-follow]{background:#5d7545;border-color:#536a3e;color:#fffef4}.tird-invite [hidden]{display:none}

.tird-follow-notice{position:fixed;z-index:1000;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);box-sizing:border-box;max-width:calc(100vw - 32px);padding:13px 20px;border:1px solid #b8c69b;border-radius:13px;background:#f4f8e9;color:#496638;box-shadow:0 4px 20px #493d2926;font:600 14px/1.4 var(--body);text-align:center;pointer-events:none}

/* The gold row already identifies you; keep short names intact on tiny screens. */
@media(max-width:360px){.rival-name .player-you-tag{display:none}}

/* Feedback overlays the page without moving scores or stealing keyboard focus. */

/* Light editorial scorecard: one headline, a quiet utility row, and clear columns. */
.rival-heading{position:relative;display:block;margin:0 5px 18px;padding:0;min-height:0}
.rival-heading h2{margin:0;padding-right:154px;color:#493d29}
.rival-title-help{display:block;text-align:left;border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.rival-heading-eyebrow{display:block;font:500 17px/1.3 var(--display);color:#857151;margin-bottom:2px}
.rival-heading-title{display:block;font:600 32px/1.08 var(--display);letter-spacing:-.6px;color:#493d29}
.rival-edition-date{display:block;font:500 12px/1.4 var(--body);color:#8b795a;margin-top:8px}
.rival-player-heading{display:flex;align-items:center;gap:8px;min-width:0}
.friend-filter{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 6px;border:1px solid #ded2b8;border-radius:7px;background:#fffaf0;color:#8b7757;font:500 10px var(--body);white-space:nowrap;cursor:pointer}
.friend-filter:has(input:checked){background:#e6eed7;border-color:#aabd8b;color:#4e6736}.friend-filter input{width:12px;height:12px;margin:0;accent-color:#71954e;flex:none}
.rival-heading .friend-follow-form{box-sizing:border-box;position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:0;width:142px;min-width:0;margin:0;padding:0;z-index:2;border:1px solid #d4c5a7;border-radius:11px;background:#fffdf7;box-shadow:inset 0 1px #fff;transition:width 200ms cubic-bezier(.2,.7,.2,1),box-shadow .18s,border-color .18s}
.rival-heading .friend-follow-form input{font-size:16px;line-height:22px;padding:10px 0 10px 12px}.rival-heading .friend-follow-form input::placeholder{font-size:14px;color:#8b7b60;opacity:1}
.rival-heading .friend-follow-form button{display:grid;place-items:center;flex:none;padding:0;border:0;min-height:44px;font:500 14px var(--body)}
.rival-heading .friend-follow-form button[type=submit]{order:2;width:44px;min-width:44px;border-left:1px solid #dce3cf;border-radius:0 10px 10px 0;background:#edf2e4;color:#56733c}
.rival-heading .friend-follow-form button[type=submit]:hover{background:#e2ebd4}.friend-follow-form svg{width:18px;height:18px;stroke-width:2.2}
.rival-heading .friend-follow-form:focus-within{width:min(218px,100%);border-color:#8ea570;box-shadow:0 0 0 2px #8ba47120,0 4px 12px #493d2914}.rival-heading .friend-follow-form input:focus-visible{outline:none}
.rival-heading .friend-follow-form .friend-entry-close{order:1;width:0;min-width:0;padding:0;border:0;overflow:hidden;opacity:0;visibility:hidden;background:transparent;font:400 21px var(--body);transition:width .2s,opacity .14s;color:#96886f;border-radius:6px}
.rival-heading .friend-follow-form:focus-within .friend-entry-close{width:32px;opacity:1;visibility:visible}.rival-heading .friend-follow-form .friend-entry-close:hover{color:#62553e;background:#f3ecde}
.rival-columns{min-height:24px;margin:0 0 9px;padding:0 10px 9px;border:0;border-bottom:1px solid #dfd2b7;border-radius:0;background:none;box-shadow:none;font:500 11px var(--body);color:#968160}
.rival-columns :focus-visible,.rival-heading :focus-visible{outline:2px solid #80985e;outline-offset:3px}
.rival-result.is-friend{background:linear-gradient(120deg,#dae9bf,#c3d7a6);border-color:#91ac70;box-shadow:inset 0 1px #edf5df,0 2px #819c5f33}.is-friend .rival-name{color:#354829}.is-friend .friend-id-thumb{color:#496035}
.friend-tools:has(#friend-status:empty){display:none}
@media(max-width:400px){.rival-heading-title{font-size:25px}.rival-heading-eyebrow{font-size:14px}.rival-columns{padding-inline:7px}.rival-player-heading{gap:5px}.friend-filter{font-size:9px;padding:0 4px;gap:3px}.friend-filter input{width:11px;height:11px}}
@media(max-width:360px){.rival-heading-title{font-size:21px;letter-spacing:-.4px}.rival-heading h2{padding-right:138px}.rival-heading .friend-follow-form{width:128px}.rival-heading .friend-follow-form:focus-within{width:min(210px,100%)}}
@media(prefers-reduced-motion:reduce){.rival-heading .friend-follow-form,.rival-heading .friend-entry-close{transition:none}}

/* Explain friend IDs in place, without an extra header row. */
.rival-heading h2{padding-right:186px}.rival-heading .friend-follow-form{width:174px}
.friend-code-help{position:absolute;right:0;top:calc(100% + 8px);box-sizing:border-box;width:250px;max-width:calc(100vw - 60px);padding:12px 14px;border:1px solid #d6c7a8;border-radius:11px;background:#fffaf0;color:#796648;box-shadow:0 5px 18px #493d2920;font:400 12px/1.5 var(--body);text-align:left;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:5}
.friend-code-help:before{content:'';position:absolute;top:-9px;left:0;right:0;height:9px}
.friend-follow-form:focus-within:not(.is-typing):not(.help-dismissed) .friend-code-help{opacity:1;visibility:visible}
@media(hover:hover){.friend-follow-form:hover:not(.is-typing):not(.help-dismissed) .friend-code-help{opacity:1;visibility:visible}}
@media(max-width:400px){.rival-heading-title{font-size:22px}.rival-heading h2{padding-right:174px}.rival-heading .friend-follow-form{width:166px}.rival-heading .friend-follow-form input::placeholder{font-size:13px}}
@media(max-width:360px){.rival-heading-title{font-size:19px;letter-spacing:-.6px}.rival-heading h2{padding-right:156px}.rival-heading .friend-follow-form{width:148px}.rival-heading .friend-follow-form input{padding-left:10px}.rival-heading .friend-follow-form input::placeholder{font-size:12px}}
@media(prefers-reduced-motion:reduce){.friend-code-help{transition:none}}
.friend-follow-form.is-typing .friend-code-help,.friend-follow-form.help-dismissed .friend-code-help{opacity:0;visibility:hidden;transition:none}

/* Follow feedback belongs to the field, including on large displays. */
.friend-follow-form #friend-status:not(:empty){position:absolute;top:calc(100% + 8px);right:0;bottom:auto;left:auto;transform:none;z-index:6;box-sizing:border-box;width:260px;max-width:calc(100vw - 60px);margin:0;padding:12px 14px;border:1px solid #c9cfae;border-radius:11px;background:#f5f7eb;color:#496035;box-shadow:0 5px 18px #493d2920;font:500 12px/1.5 var(--body);text-align:left;overflow-wrap:anywhere}
.friend-follow-form #friend-status[data-kind=error]{background:#fff7ed;border-color:#d9b69b;color:#8a4a2d}
.friend-follow-form:has(#friend-status:not(:empty)) .friend-code-help{opacity:0;visibility:hidden;transition:none}

/* Quiet, tactile code chips keep the player's name in charge. */
.tird-id-thumb{padding:3px 7px;margin-top:4px;border-color:#9c885d45;background:linear-gradient(#fffdf54d,#fff9e329);color:#796d55;border-radius:5px;box-shadow:inset 0 1px #ffffff66,0 2px 0 #8e795b33;transition:transform .15s,box-shadow .15s,background .15s}
.tird-id-thumb b{font:400 10px/1.3 var(--body);letter-spacing:.5px}.tird-id-thumb:hover{background:#fffdf580;box-shadow:inset 0 1px #ffffff80,0 2px 0 #8e795b55}.tird-id-thumb:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff66,0 1px 0 #8e795b33}.is-friend .friend-id-thumb{color:#60704e}
.tird-license-top{align-items:center;letter-spacing:1.4px;font-weight:600;min-height:30px}.tird-license-seal{display:grid;place-items:center;width:28px;height:28px;border:1px solid #9b87594d;outline:1px solid #9b875922;outline-offset:3px;border-radius:50%;color:#9b875966;font:600 21px/1 var(--display);transform:rotate(-12deg)}
.tird-license-main>div{min-width:0}.tird-license-main .tird-license-name{font:600 23px/1.15 var(--display);color:#51432b;margin:0 0 7px;overflow-wrap:anywhere}.tird-license-main strong{font:400 25px/1.2 var(--body);letter-spacing:2px;color:#87704c}
@media(prefers-reduced-motion:reduce){.tird-id-thumb{transition:none}}

/* A quiet invitation to meet a rival or change your avatar. */
.rival-portrait{cursor:pointer}
.rival-portrait .rival-face{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
@media(hover:hover){.rival-portrait:hover .rival-face{transform:translateY(-2px) scale(1.04);border-color:#b2945b;box-shadow:0 0 0 3px #fff7df,0 5px 10px -3px #79603d40}}
.rival-portrait:focus-visible{outline:2px solid #a1844e;outline-offset:4px}
.rival-portrait:active .rival-face{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){.rival-portrait .rival-face{transition:none}.rival-portrait:hover .rival-face,.rival-portrait:active .rival-face{transform:none}}
