body[data-gameplay-game=sudoku]{margin:0}.sudoku-game{--sg-bg: #f4f3ee;--sg-paper: #fffefa;--sg-ink: #243447;--sg-muted: #586676;--sg-line: #bac2c9;--sg-strong: #657588;--sg-accent: #245cc0;--sg-on-accent: #fff;--sg-wash: #eef2f7;--sg-peer: #eff3f9;--sg-same: #dde8f9;--sg-selected: #ccdfff;--sg-error: #ac2929;--sg-overlay: #17263b70;--sg-radius: 12px;--sg-gap: 16px;box-sizing:border-box;height:100vh;height:100dvh;min-height:320px;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--sg-bg);color:var(--sg-ink);font:400 14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;color-scheme:light}.sudoku-game[data-theme=midnight]{--sg-bg: #101c2b;--sg-paper: #192a3d;--sg-ink: #f0f5ff;--sg-muted: #b4c1d3;--sg-line: #4b6079;--sg-strong: #a1b1c5;--sg-accent: #a5c7ff;--sg-on-accent: #10213b;--sg-wash: #243b54;--sg-peer: #20364f;--sg-same: #29456b;--sg-selected: #29456b;--sg-error: #ffb4b4;--sg-overlay: #030b15b3;color-scheme:dark}.sudoku-game[data-theme=contrast]{--sg-bg: #fff;--sg-paper: #fff;--sg-ink: #000;--sg-muted: #303030;--sg-line: #767676;--sg-strong: #000;--sg-accent: #002fa7;--sg-on-accent: #fff;--sg-wash: #eee;--sg-peer: #eee;--sg-same: #d8e4ff;--sg-selected: #b9d0ff;--sg-error: #920000;--sg-overlay: #0009}.sudoku-game *,.sudoku-game *:before,.sudoku-game *:after{box-sizing:border-box}.sudoku-game [hidden]{display:none!important}.sudoku-game :where(h1,h2,p){margin:0}.sudoku-game :where(button,select,input){font:inherit}.sudoku-game :where(button,a,select){-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sudoku-game button{cursor:pointer;color:inherit;border:1px solid var(--sg-line);border-radius:var(--sg-radius);background:var(--sg-paper);min-height:44px;padding:10px 16px}.sudoku-game button:disabled{cursor:default;opacity:.5}.sudoku-game a{color:var(--sg-accent);text-underline-offset:4px}.sudoku-game :where(button,a,input,select,summary):focus-visible{outline:3px solid var(--sg-accent);outline-offset:3px}.sudoku-game h2:focus{outline:none}.sudoku-game svg{width:21px;height:21px;flex:0 0 auto}.sg-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(8px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 8px max(24px,env(safe-area-inset-left));border-bottom:1px solid var(--sg-line);background:var(--sg-paper)}.sg-identity{display:flex;align-items:center;gap:10px}.sg-identity h1{font-size:18px;font-weight:650;letter-spacing:-.04em}.sg-mark{display:grid;grid-template-columns:repeat(3,1fr);width:27px;height:27px;gap:2px}.sg-mark i{background:var(--sg-line);border-radius:1px;font:700 10px/1 system-ui;text-align:center}.sg-mark i:nth-child(5){color:var(--sg-on-accent);background:var(--sg-accent)}.sg-header nav{display:flex;align-items:center;gap:4px}.sudoku-game .sg-menu{display:inline-flex;align-items:center;gap:8px;background:transparent;border-color:transparent}.sudoku-game .sg-icon{display:inline-flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;border-radius:var(--sg-radius);color:var(--sg-ink)}.sg-icon span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sg-workspace{min-height:0;overflow:auto;padding:24px max(24px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:12px}.sg-play{display:grid;grid-template-columns:minmax(240px,min(34rem,calc(100dvh - 240px))) 224px;gap:32px;align-items:center;max-width:100%;flex-shrink:0}.sg-board-area{min-width:0}.sg-board-heading{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px}#sg-puzzle-label,.sg-eyebrow{color:var(--sg-muted);font-size:12px;font-weight:650;letter-spacing:.1em}#sg-difficulty{font-size:20px;font-weight:600;letter-spacing:-.025em}#sg-clock{font-size:18px}.sg-board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));border:2px solid var(--sg-strong);background:var(--sg-paper);container-type:inline-size}.sg-board [role=row]{display:contents}.sudoku-game .sg-cell{position:relative;min-width:0;min-height:0;padding:0;border:0;border-right:1px solid var(--sg-line);border-bottom:1px solid var(--sg-line);border-radius:0;color:var(--sg-accent);background:var(--sg-paper);font-size:clamp(18px,5cqw,30px);line-height:1;font-weight:450}.sudoku-game .sg-cell:disabled{opacity:1}.sg-cell.given{color:var(--sg-ink);font-weight:650}.sg-cell.peer{background:var(--sg-peer)}.sg-cell.same{background:var(--sg-same)}.sg-cell.selected{background:var(--sg-selected);box-shadow:inset 0 0 0 2px var(--sg-accent);z-index:1}.sg-cell.error:after{content:"";position:absolute;bottom:12%;left:28%;right:28%;height:3px;background:var(--sg-error)}.sudoku-game .sg-cell.edge-right{border-right:2px solid var(--sg-strong)}.sudoku-game .sg-cell.edge-bottom{border-bottom:2px solid var(--sg-strong)}.sg-cell:nth-child(9){border-right:0}.sg-board [role=row]:last-child .sg-cell{border-bottom:0}.sg-cell:focus-visible{outline-offset:-3px;z-index:2}.sg-notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);position:absolute;inset:3px}.sg-notes i{display:grid;place-items:center;font-style:normal;font-size:clamp(8px,2.2cqw,12px);color:var(--sg-muted)}.sg-progress{display:flex;justify-content:space-between;gap:8px;padding-top:10px;color:var(--sg-muted);font-size:12px}.sg-controls{min-width:0;display:grid;gap:12px}.sg-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sg-keypad button{display:grid;place-items:center;min-height:64px;padding:6px}.sg-keypad strong{color:var(--sg-accent);font-size:25px;line-height:1.2;font-weight:550}.sg-keypad small{color:var(--sg-muted);font-size:12px}.sg-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.sg-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 0;border-color:transparent;background:transparent;font-size:12px;min-height:56px}.sg-tools button[aria-pressed=true]{background:var(--sg-selected);box-shadow:inset 0 0 0 1px var(--sg-accent);color:var(--sg-accent)}.sg-message{min-height:3em;color:var(--sg-muted);font-size:12px}.sg-message:not(.is-notice){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sg-message.is-notice{min-height:0;padding:8px 0}.sg-resume.sg-primary small{color:inherit}.sudoku-game .sg-text{display:inline-flex;justify-content:center;align-items:center;min-height:44px;color:var(--sg-accent);border:0;background:transparent;padding:8px;text-decoration:underline;text-underline-offset:4px}.sg-save-row{display:grid;gap:2px;justify-items:center}.sg-cloud{font-size:12px;min-height:24px}.sg-save{text-align:center;color:var(--sg-muted);font-size:12px;max-width:36rem}.sg-save.is-error,.sg-warning{color:var(--sg-error)}.sg-panel{width:min(456px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--sg-line);border-radius:20px;background:var(--sg-paper);color:var(--sg-ink);box-shadow:0 20px 80px #0002;overscroll-behavior:contain}#sg-panel-content{display:grid;gap:16px}.sg-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sg-panel-heading h2{font-size:26px;line-height:1.15;letter-spacing:-.04em;font-weight:650;margin-top:6px}.sg-panel-heading .sg-icon{margin:-8px -8px 0 0}.sg-panel p{color:var(--sg-muted)}.sg-panel .sg-warning{color:var(--sg-error)}.sudoku-game .sg-resume{display:flex;align-items:center;justify-content:space-between;text-align:left;background:var(--sg-wash)}.sg-resume strong,.sg-resume small{display:block}.sg-resume small{color:var(--sg-muted);margin-top:2px}.sg-difficulties{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sg-difficulties legend{font-weight:600;padding:0 0 12px}.sg-difficulties label{position:relative;cursor:pointer}.sg-difficulties input{position:absolute;opacity:0;width:1px;height:1px}.sg-difficulties label>span{display:grid;gap:2px;border:1px solid var(--sg-line);border-radius:var(--sg-radius);padding:12px 16px}.sg-difficulties small{color:var(--sg-muted)}.sg-difficulties input:checked+span{border-color:var(--sg-accent);box-shadow:inset 0 0 0 1px var(--sg-accent);background:var(--sg-same)}.sg-difficulties input:checked+span strong:after{content:" \2713"}.sg-difficulties input:focus-visible+span{outline:3px solid var(--sg-accent);outline-offset:3px}.sudoku-game .sg-primary{background:var(--sg-accent);color:var(--sg-on-accent);border-color:var(--sg-accent);font-weight:650}.sg-wide{width:100%}.sg-picker-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:12px;margin-bottom:8px!important}.sg-picker-label span{font-size:12px}.sg-puzzle-numbers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.sg-puzzle-numbers button{padding:6px 2px;min-height:48px;display:grid;font-size:14px;line-height:1.2}.sg-puzzle-numbers button span{font-size:12px;color:var(--sg-muted)}.sg-panel-footer{border-top:1px solid var(--sg-line);padding-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.sg-panel-footer [data-command=daily]{grid-column:1 / -1}.sg-panel-footer button,.sg-panel-footer a{background:transparent;border:0;padding:10px 0;min-height:44px;text-align:center}.sg-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px}.sg-setting small{display:block;color:var(--sg-muted);margin-top:4px;max-width:28ch}.sg-setting select{max-width:58%;min-height:44px;padding:8px;border-radius:8px;border:1px solid var(--sg-line);color:inherit;background:var(--sg-paper)}.sg-setting input{width:24px;height:24px;flex-shrink:0;accent-color:var(--sg-accent);margin:10px}.sg-rules{margin:0;padding-left:24px;display:grid;gap:8px}.sg-panel summary{cursor:pointer;min-height:44px;padding-block:10px}.sg-panel-actions{display:grid;gap:8px}.sg-result-stats{display:flex;gap:32px;margin:0;padding:16px 0;border-block:1px solid var(--sg-line)}.sg-result-stats dt{color:var(--sg-muted);font-size:12px}.sg-result-stats dd{margin:4px 0 0;font-size:24px}.sg-loading{margin:auto;padding:24px;text-align:center}@media(hover:hover){.sudoku-game button:not(:disabled):hover,.sudoku-game a.sg-icon:hover{box-shadow:inset 0 0 0 1px var(--sg-accent)}.sudoku-game .sg-cell:not(:disabled):hover{background:var(--sg-selected)}}@media(max-width:760px){.sg-header{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));gap:4px}.sg-header nav{gap:0}.sg-identity{gap:6px}.sg-identity h1{font-size:16px}.sg-classic{display:none}.sg-mark{width:24px;height:24px}.sg-workspace{padding:12px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:8px}.sg-play{width:min(100%,440px,max(252px,calc(100dvh - 400px)));display:flex;flex-direction:column;align-items:stretch;gap:12px}.sg-board-heading{min-height:44px;padding-bottom:8px}#sg-difficulty{font-size:17px}.sg-progress{padding-top:6px}.sg-controls{grid-template-columns:minmax(0,1fr) 96px;gap:6px 8px;align-items:start}.sg-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.sg-keypad button{min-height:44px;padding:2px}.sg-keypad strong{font-size:22px}.sg-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.sg-tools button{flex-direction:column;gap:4px;min-height:68px}.sg-tools svg{width:18px;height:18px}.sg-message{grid-column:1 / -1}.sg-panel{padding:20px;max-height:calc(100dvh - 24px)}}@media(max-width:380px){.sg-mark{display:none}.sg-header{padding-inline:8px}.sg-identity h1{font-size:15px}.sg-panel{width:calc(100% - 16px);padding:16px;border-radius:16px}.sg-panel-heading h2{font-size:24px}}@media(max-height:560px)and (min-width:761px){.sg-workspace{padding-block:12px}.sg-play{gap:24px;grid-template-columns:minmax(240px,calc(100dvh - 106px)) 224px}.sg-board-heading{min-height:0;padding-bottom:4px}.sg-board-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.sg-progress{display:none}.sg-keypad button{min-height:48px}}@media(max-height:650px)and (max-width:760px){.sg-header{padding-block:max(4px,env(safe-area-inset-top)) 4px}.sg-workspace{padding-block:8px max(8px,env(safe-area-inset-bottom))}.sg-board-heading{min-height:32px;padding-bottom:4px}.sg-board-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.sg-progress{display:none}.sg-play{gap:8px}.sg-controls{gap:4px}.sg-keypad button{min-height:44px}.sg-keypad small{display:none}}@media(forced-colors:active){.sg-cell.selected{outline:2px solid Highlight;outline-offset:-3px}.sg-cell.error:after{background:Mark}.sg-difficulties input:checked+span{outline:2px solid Highlight}}.sudoku-game{--sg-panel-shadow:0 28px 90px #10213b26}.sg-header{padding-inline:max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-right));border-bottom-color:color-mix(in srgb,var(--sg-line) 55%,transparent)}.sg-identity h1{font-size:20px;letter-spacing:-.045em}.sg-workspace{background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--sg-accent) 5%,transparent),transparent 68%)}.sg-board{box-shadow:0 14px 44px color-mix(in srgb,var(--sg-ink) 8%,transparent);border-radius:4px}.sg-keypad button{border-color:color-mix(in srgb,var(--sg-line) 65%,transparent);box-shadow:0 2px color-mix(in srgb,var(--sg-strong) 18%,transparent)}.sg-keypad button:not(:disabled):active{transform:translateY(2px);box-shadow:none}.sudoku-game .sg-menu{border:1px solid var(--sg-line);background:var(--sg-paper);padding-inline:14px}.sg-panel{padding:28px;box-shadow:var(--sg-panel-shadow);border-radius:16px}.sg-panel::backdrop{background:var(--sg-overlay)}.sg-panel[data-panel=setup]{width:min(800px,calc(100% - 40px))}.sg-panel[data-panel=setup] .sg-panel-heading h2{font-size:32px}.sg-setup-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px}.sg-setup-options{display:grid;gap:16px;align-content:start;min-width:0}.sg-setup-options .sg-resume{padding:12px}.sg-difficulties label>span{padding:12px;gap:4px}.sg-band-mark{display:flex;gap:3px;height:10px;align-items:end;margin-bottom:4px}.sg-band-mark b{width:8px;height:8px;border:1px solid var(--sg-muted);border-radius:1px}.sg-band-mark b.lit{border-color:var(--sg-accent);background:var(--sg-accent)}.sudoku-game .sg-daily-entry{display:flex;align-items:center;gap:10px;padding:12px;text-align:left;background:var(--sg-wash)}.sg-daily-entry>span:last-child{margin-left:auto}.sg-daily-entry strong,.sg-daily-entry small{display:block}.sg-daily-entry small{color:var(--sg-muted);font-size:12px}.sg-daily-icon{width:34px;height:36px;display:grid;place-items:center;border:1px solid var(--sg-accent);border-top:5px solid var(--sg-accent);border-radius:4px;color:var(--sg-accent);font-weight:650}.sg-selection{min-width:0;padding:16px;background:var(--sg-wash);border:1px solid var(--sg-line);border-radius:12px}.sg-selection-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.sg-selection-heading h3{margin:0;font-size:20px;letter-spacing:-.025em}.sg-selection-heading p{font-size:12px;line-height:1.5;margin-top:4px}.sg-selection-heading>span{flex-shrink:0;text-align:right;font-size:14px;font-weight:600}.sg-selection-heading small{display:block;font-weight:400;font-size:12px;color:var(--sg-muted)}.sg-selection .sg-puzzle-numbers{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.sg-selection .sg-puzzle-numbers button{min-height:52px;border-radius:8px}.sg-selection .sg-puzzle-numbers button[aria-pressed=true]{outline:2px solid var(--sg-accent);outline-offset:1px;background:var(--sg-accent);color:var(--sg-on-accent)}.sg-selection .sg-puzzle-numbers button[aria-pressed=true] span{color:inherit}.sg-selection .sg-puzzle-numbers button[data-progress=complete]:not([aria-pressed=true]){background:var(--sg-same)}.sg-selection-key{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin-top:12px!important;font-size:12px}.sg-selection-empty{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.sg-selection-nine{width:120px;height:120px;display:grid;place-items:center;color:var(--sg-accent);font-size:88px;font-weight:550;line-height:1;border:1px solid var(--sg-line);background:linear-gradient(90deg,transparent 32.5%,var(--sg-line) 33%,transparent 33.5%,transparent 66%,var(--sg-line) 66.5%,transparent 67%),linear-gradient(transparent 32.5%,var(--sg-line) 33%,transparent 33.5%,transparent 66%,var(--sg-line) 66.5%,transparent 67%);transform:rotate(-6deg)}.sg-selection-empty p{font-size:13px}.sg-launch-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid var(--sg-line)}.sg-launch-row p{color:var(--sg-ink);font-weight:600;font-size:14px}.sg-launch-row small{display:block;font-weight:400;font-size:12px;color:var(--sg-muted)}.sg-launch-row button{display:flex;justify-content:space-between;align-items:center;gap:20px;min-width:180px;min-height:48px}.sg-setup-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.sg-setup-footer button,.sg-setup-footer a{border:0;background:transparent;min-height:44px;padding:8px 0;font-size:12px;color:var(--sg-muted)}.sg-setup-footer a{display:inline-flex;align-items:center}.sg-pause-summary{padding:16px;border:1px solid var(--sg-line);border-radius:12px;background:var(--sg-wash);display:grid;gap:8px}.sg-pause-summary>span{font-size:12px;color:var(--sg-muted)}.sg-pause-summary strong{font-size:28px;font-weight:600}.sg-pause-summary small{font-size:14px;font-weight:400;color:var(--sg-muted)}.sg-pause-summary progress{appearance:none;width:100%;height:4px;border:0;color:var(--sg-accent);background:var(--sg-line)}.sg-pause-summary progress::-webkit-progress-bar{background:var(--sg-line);border-radius:2px}.sg-pause-summary progress::-webkit-progress-value{background:var(--sg-accent);border-radius:2px}.sg-pause-summary progress::-moz-progress-bar{background:var(--sg-accent)}.sg-panel[data-panel=pause] .sg-panel-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-panel[data-panel=pause] [data-command=resume]{grid-column:1/-1}.sg-completion-mark{display:grid;place-items:center;width:64px;height:64px;color:var(--sg-on-accent);background:var(--sg-accent);border-radius:16px;font-size:32px;transform:rotate(-6deg)}.sudoku-game[data-ready=false] .sg-play{visibility:hidden}@media(max-width:600px){.sg-header{padding-inline:12px}.sg-identity h1{font-size:18px}.sg-panel,.sg-panel[data-panel=setup]{width:calc(100% - 16px);padding:16px;max-height:calc(100dvh - 16px)}.sg-panel[data-panel=setup] .sg-panel-heading h2{font-size:26px}.sg-setup-layout{grid-template-columns:1fr;gap:12px}.sg-setup-options{gap:12px}.sg-difficulties{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sg-difficulties legend{padding-bottom:8px;font-size:12px}.sg-difficulties label>span{padding:8px 6px}.sg-difficulties strong,.sg-difficulties small{font-size:12px}.sg-difficulties input:checked+span strong:after{content:none}.sg-difficulties input:checked+span .sg-band-mark:after{content:"\2713";margin-left:auto;font-size:12px;line-height:1}.sg-band-mark{gap:2px}.sg-band-mark b{width:5px;height:5px}.sg-daily-entry{min-height:48px}.sg-selection{padding:12px}.sg-selection-empty{min-height:80px;flex-direction:row;justify-content:center;gap:24px}.sg-selection-nine{width:64px;height:64px;font-size:48px}.sg-selection-heading{margin-bottom:12px}.sg-selection .sg-puzzle-numbers button{min-height:44px}.sg-launch-row{padding-top:12px}.sg-launch-row button{min-width:0;flex:1}.sg-launch-row p{flex:1}}@media(prefers-reduced-motion:reduce){.sudoku-game .sg-keypad button:active{transform:none}}.sg-exits{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:8px;background:var(--sg-paper)}.sg-exit{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding:8px;font-size:14px;color:var(--sg-ink);background:var(--sg-paper)}.sg-panel[data-panel=result] #sg-panel-content{display:flex;flex-direction:column;gap:16px;max-height:calc(100dvh - 96px)}.sg-result-copy{min-height:0;overflow:auto;overscroll-behavior:contain}.sg-panel[data-panel=result] .sg-panel-actions{flex:none;grid-template-columns:repeat(2,minmax(0,1fr))}.sudoku-game .sg-panel-actions .sg-friend{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px dashed var(--sg-line);border-radius:var(--sg-radius);color:var(--sg-accent);text-decoration:none}.sudoku-game .sg-panel-actions .sg-friend:hover{border-style:solid;border-color:var(--sg-accent)}