@font-face{font-family:Pretendard;src:url('/assets/PretendardVariable.ttf') format('truetype');font-weight:100 900;font-display:swap}
.loading-spinner{display:inline-block;flex:none;width:24px;height:24px;border:3px solid var(--sg-color-border-light);border-top-color:var(--sg-color-action-primary);border-radius:50%;animation:loading-spin .8s linear infinite}
.network-loading{position:fixed;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px;border-radius:16px;background:var(--sg-color-canvas-default);box-shadow:0 2px 16px #111b2b1a;pointer-events:none;display:flex}
.network-loading[hidden]{display:none}
.initial-loading{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;color:var(--sg-color-text-secondary)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}
:root{color:var(--sg-color-text-primary);font:400 16px/24px Pretendard,sans-serif;background:#fff}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--sg-color-action-primary);outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block}h1,h2,h3,p{margin:0}h1,h2{font-size:20px;line-height:28px;font-weight:600}h3{font-size:18px;line-height:26px;font-weight:600}small,.muted{color:var(--sg-color-text-secondary);font-size:14px;line-height:22px}.blue{color:var(--sg-color-action-primary)}
#app{width:100%;max-width:500px;min-height:100dvh;margin:auto;background:white;display:flex;flex-direction:column}.header{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative}.header h1{font-size:18px;line-height:26px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.header .end{margin-left:auto;color:var(--sg-color-action-primary)}.icon-button{border:0;background:transparent;min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.header .icon-button{margin-left:-12px}.icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none}.rotate{transform:rotate(180deg)}.brand{position:relative;width:136px;height:36px}.brand>.mark{position:absolute;left:7.08px;top:3.71px}.brand .mark>img+img{position:absolute;left:5.92px;top:9.44px}.brand>.word{position:absolute;left:36.08px;top:11.22px}.vertical-logo{width:200px;height:133px;position:relative;margin:auto}.vertical-logo>.mark{position:absolute;left:72.62px;top:15.37px}.vertical-logo .mark>img+img{position:absolute;left:14.58px;top:23.12px}.vertical-logo>.word{position:absolute;left:25.6px;top:96.35px;transform:scale(.595);transform-origin:top left}
main{flex:1}.pad{padding:24px 16px}.stack{display:flex;flex-direction:column;gap:16px}.section{margin-bottom:32px}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.button{border:1px solid var(--sg-color-border-default);background:white;border-radius:8px;min-height:48px;padding:11px 12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:2px;text-align:center}.button.primary{background:var(--sg-color-action-primary);border-color:var(--sg-color-action-primary);color:white}.button.small{min-height:32px;padding:5px 12px;font-size:12px;line-height:20px}.button.medium{min-height:40px;padding:9px 12px;font-size:14px;line-height:20px}.button:disabled{background:#e8ecf1;border-color:#e8ecf1;color:#bfc9d5}.button.danger{color:var(--sg-color-status-danger-foreground);background:#fff1f2;border-color:transparent}.text-button{border:0;background:transparent;padding:0;font-size:14px;color:var(--sg-color-text-secondary)}.bottom-action{padding:16px;margin-top:auto}.nav{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--sg-color-border-light);display:flex;padding:8px 0 calc(10px + env(safe-area-inset-bottom));z-index:2}.nav a{width:25%;text-align:center;display:flex;align-items:center;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--sg-color-text-secondary)}.nav a.active{color:var(--sg-color-text-primary)}
.deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.slot{position:relative;aspect-ratio:1;border-radius:8px;background:var(--sg-color-canvas-contrast);overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;border:0;padding:0}.slot>.monster-image{width:100%;height:100%;object-fit:cover}.leader{position:absolute;top:4px;left:4px;display:flex;align-items:center;gap:4px;background:var(--sg-color-action-primary);color:#fff;padding:4px;border-radius:4px;font-size:14px;line-height:20px;font-weight:600}.monster-name{display:flex;gap:4px;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;line-height:22px;min-width:0}.monster-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck .button{margin-top:8px;width:100%}.search-deck{max-width:288px;margin:auto}.summary{padding:16px;border-bottom:1px solid var(--sg-color-border-light)}.summary.inline{display:flex;align-items:center;justify-content:space-between;border:0;padding:0;margin:24px 0}.summary.inline .deck{width:160px;gap:4px}.summary.inline .leader{display:none}.summary.inline .monster-name{display:none}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;min-height:300px;color:var(--sg-color-text-secondary);font-weight:600}.empty-art{width:160px;height:160px;display:flex;align-items:center;justify-content:center}.strategy-card{padding:24px 16px;display:flex;flex-direction:column;gap:16px}.strategy-card .card-top{display:flex;align-items:center;gap:8px}.author{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:500}.badge{display:flex;align-items:center;gap:2px;padding:4px 8px 4px 4px;border-radius:4px;background:var(--sg-color-canvas-contrast);color:var(--sg-color-action-primary);font-size:12px;line-height:18px;font-weight:600;white-space:nowrap}.badge .icon{width:16px;height:16px}.likes{display:flex;align-items:center;font-size:16px;color:var(--sg-color-text-secondary)}.likes .icon{width:20px;height:20px}.sort{border:0;font-size:14px;line-height:22px;background:white;max-width:100px}.results-toolbar{padding:20px 16px 0}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:20px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--sg-color-border-default);border-radius:8px;background:white;width:100%;min-height:48px;padding:12px;color:var(--sg-color-text-primary);font-size:16px;font-weight:400}.field textarea{min-height:156px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--sg-color-text-placeholder)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-block{margin-bottom:32px}.detail-block>.row{align-items:flex-start;gap:16px}.detail-block .slot{width:136px;flex:none}.stat-line{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:12px;line-height:22px;margin-bottom:8px}.stat-line dt{color:var(--sg-color-text-secondary)}.stat-line dd{margin:0;text-align:right}.percents{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:8px}.info-empty{background:var(--sg-color-canvas-contrast);border-radius:16px;min-height:136px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:12px;color:var(--sg-color-text-placeholder)}.comment{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--sg-color-text-secondary);font-size:14px;line-height:22px;margin-top:8px}.detail-actions{display:flex;gap:8px;padding:16px}.detail-actions>.button{flex:1}.detail-actions>.icon-button{border:1px solid var(--sg-color-border-default);border-radius:8px}.login{display:flex;flex-direction:column;justify-content:center;gap:40px;padding:16px;min-height:100dvh}.login h2{text-align:center}.login .notice{padding:8px;background:var(--sg-color-canvas-contrast);font-size:12px;line-height:18px;color:var(--sg-color-text-secondary)}.entry{display:flex;flex-direction:column;justify-content:center;padding:16px;gap:32px;min-height:100dvh;text-align:center}.entry-art{margin:auto}.menu-row{border:0;background:white;width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.profile{display:flex;align-items:center;gap:8px}.avatar{width:48px;height:48px;flex:none;border-radius:8px;background:var(--sg-color-canvas-contrast);display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar>.uploaded{width:100%;height:100%;object-fit:cover}.guild-panel{padding:16px;background:var(--sg-color-canvas-contrast);border-radius:16px}.divider{height:1px;background:var(--sg-color-border-light);margin:20px 0}.member-row{border:1px solid var(--sg-color-border-light);border-radius:12px;padding:16px}.upload{height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:var(--sg-color-canvas-contrast);border-radius:16px;position:relative;overflow:hidden}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload>img{max-height:120px;max-width:90%;object-fit:contain}.picker{padding:16px}.picker input{width:100%;border:0;border-radius:100px;padding:14px 16px;background:var(--sg-color-canvas-contrast)}.candidate{display:flex;width:100%;border:0;background:white;align-items:center;gap:12px;min-height:64px;text-align:left}.candidate img.monster-image{width:48px;height:48px;border-radius:8px}.candidate .monster-name{margin:0}.candidate small{display:block}.center{text-align:center}.invite-url{overflow-wrap:anywhere;color:var(--sg-color-action-primary)}dialog{border:0;border-radius:16px;padding:24px;width:calc(100% - 32px);max-width:370px;color:var(--sg-color-text-primary);font:inherit}dialog::backdrop{background:rgba(17,27,43,.6)}dialog h2{font-size:18px;line-height:26px}dialog p{font-size:14px;line-height:22px;color:var(--sg-color-text-secondary);margin:8px 0 16px}dialog .row>.button{flex:1}#message:empty{display:none}#message{position:fixed;z-index:10;bottom:88px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:370px;border-radius:8px;background:#111b2b;color:white;padding:12px 16px;font-size:14px}.demo-tools{padding:16px;border:1px dashed var(--sg-color-border-default);font-size:12px}.demo-tools summary{cursor:pointer}.demo-tools .row{flex-wrap:wrap;margin-top:8px}.hidden{display:none}.spaced{margin:24px 0}.footer-push{display:flex;flex-direction:column;min-height:calc(100dvh - 125px)}

.google{width:18px;height:18px;margin-right:4px}.detail-block button.slot{width:136px;flex:none}.detail-block button.slot>.slot{width:100%}.upload img[src$="23e94.svg"]{max-height:none;max-width:none}.profile .grow{overflow-wrap:anywhere}

dl{margin:0}.detail-block .row{align-items:flex-start}.header h1{max-width:calc(100% - 112px);overflow:hidden;text-overflow:ellipsis}.detail-block{margin-bottom:32px}

.bottom-action>.button{width:100%}.info-monster{margin-bottom:16px}.info-monster .slot{width:56px;flex:none}.info-monster .monster-name{margin:0}.stats-title{margin-top:16px}.nav{min-height:68px;flex:none}.nav a{min-height:48px}.pad>form.stack{gap:16px}.upload img[src$="23e94.svg"]{width:49px;height:49px}

/* Viewport shell: only main scrolls; header and footers keep their space. */
html,body{height:100%;overflow:hidden}
#app{height:100dvh;min-height:0;overflow:hidden}
#app>.header,#app>.nav,#app>.bottom-action,#app>.detail-actions{flex:none;background:var(--sg-color-canvas-default);z-index:2}
#app>main{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;width:100%;flex:1}
#app>.nav{position:relative;bottom:auto}
#app>.bottom-action,#app>.detail-actions{margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;gap:8px}
#app>.bottom-action{flex-direction:column}
#app>.bottom-action[hidden]{display:none}
#app>.bottom-action>.button{margin:0;width:100%}
#app>.footer-push{min-height:0}
#app>.login,#app>.entry{min-height:0}
.search-header{height:66px;padding:8px 16px;gap:8px}
.search-back{border:0;padding:0;background:transparent;flex:none;width:24px;height:48px;display:flex;align-items:center}
.search-pill{height:50px;border-radius:var(--sg-radius-7);background:var(--sg-color-canvas-contrast);display:flex;align-items:center;gap:4px;padding:8px 8px 8px 12px;flex:1;min-width:0}
.search-pill input{width:100%;min-width:0;border:0;outline:none;background:transparent;font:inherit;color:var(--sg-color-text-primary);padding:0}
.search-pill input::placeholder{color:var(--sg-color-text-placeholder)}
.search-pill input::-webkit-search-cancel-button{display:none}
.search-pill:focus-within{outline:1px solid var(--sg-color-border-focus)}
.search-clear{border:0;border-radius:50%;background:var(--sg-color-surface-subtle);width:24px;height:24px;flex:none;display:flex;align-items:center;justify-content:center;padding:2px}
.search-clear[hidden]{display:none}
.monster-picker{display:flex;flex-direction:column}
#candidates{flex:1;display:flex;flex-direction:column}
.name-candidate{display:flex;align-items:center;gap:4px;padding:12px 16px;border:0;background:transparent;width:100%;text-align:left;font-size:16px;line-height:24px;font-weight:500}
.name-symbol{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex:none}
.name-candidate mark{background:transparent;color:var(--sg-color-text-highlight)}
.monster-picker .candidate{position:relative;flex:none;padding:12px 16px;gap:12px;min-height:96px}
.monster-picker .candidate.selected{background:var(--sg-color-canvas-contrast)}
.monster-picker .candidate img.monster-image{width:72px;height:72px;object-fit:cover;flex:none;border-radius:8px}
.candidate-name{display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;font-weight:500;padding-right:24px}
.selected-check{position:absolute;right:16px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.search-empty{flex:1;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;color:var(--sg-color-text-secondary);font-size:16px;line-height:24px;font-weight:500;text-align:center}
.search-empty>img{width:160px;height:160px;object-fit:contain}

/* Names grow upward; empty and selected deck slots share the same baseline. */
.deck{align-items:end}

/* Viewport-anchored chrome, independent of document or content scrolling. */
#app{padding-top:var(--shell-top,0px);padding-bottom:var(--shell-bottom,0px)}
#app>.header,#app>.nav,#app>.bottom-action,#app>.detail-actions{
 position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:500px;z-index:20;
}
#app>.header{top:0}
#app>.nav{bottom:0}
#app>.bottom-action,#app>.detail-actions{bottom:var(--shell-nav,0px)}

/* Interactive Select, using JSON-generated component colors and dimensions. */
.sg-select{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;font:400 16px/24px Pretendard,sans-serif;color:var(--sg-color-text-primary)}
.sg-select>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-select[data-empty="true"]{color:var(--sg-color-text-placeholder)}
.sg-select-arrow{width:24px;height:24px;flex:none;display:flex;align-items:center;justify-content:center;transform:rotate(-90deg)}
.sg-select[aria-expanded="true"] .sg-select-arrow{transform:rotate(90deg)}
.sg-select-menu{position:fixed;z-index:50;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;background:var(--sg-color-surface-default)}
.sg-select-menu[hidden],select[hidden]{display:none}
.sg-option{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.sg-option[data-active="true"]{outline:1px solid var(--sg-color-border-focus);outline-offset:-1px}
.sg-option[aria-disabled="true"]{cursor:default}
.sg-sort{width:auto;max-width:150px}
.field-error{font:500 12px/18px Pretendard,sans-serif;color:var(--sg-color-status-danger-foreground)}
.field-error[hidden]{display:none}
#modal{overflow-y:auto}
#modal .row>.button{min-width:0;overflow-wrap:anywhere}

/* Screen-instance measurements from the 65-frame Figma audit. */
#app>.nav{min-height:0;justify-content:space-between;padding:8px 16px calc(8px + env(safe-area-inset-bottom))}
#app>.nav a{width:56px;min-height:0;gap:2px;font-size:12px;line-height:18px}
.header .end:disabled{color:var(--sg-color-text-placeholder)}
.home-main>section.pad{padding-top:32px;padding-bottom:0}
.home-main>section.pad>.section{margin-bottom:16px}
.home-main>section.pad>h3{margin-bottom:-8px}
.home-main>h3.pad{padding:32px 16px 8px}
.stat-line{font-size:14px;font-weight:500}
.detail-block>.monster-name{font-size:16px;line-height:24px}
.search-empty{gap:8px;font-weight:600}
.search-empty-art{position:relative;overflow:hidden;width:160px;height:143px;flex:none}
.search-empty-art>img{position:absolute;max-width:none;width:166.83%;height:182.07%;left:-33.41%;top:-41.03%}
.candidate-name{min-width:0;overflow-wrap:anywhere}
.candidate-name>img{flex:none}
.monster-image.image-unavailable{object-fit:contain!important;padding:20%;background:var(--sg-color-canvas-contrast)}
.entry-art{margin:0 auto}
.entry>.guild-panel{width:100%}
.results-toolbar .sg-sort{border:0;background:transparent;min-height:24px;padding:0;font-size:14px;line-height:22px}
.compact-list{display:flex;flex-direction:column;gap:24px;padding:24px 16px}
.home-list{padding-top:0}
.compact-card{padding:12px;gap:8px;border:1px solid var(--sg-color-border-light);border-radius:8px}
.compact-card.home{padding:0;border:0}
.deck-pair{display:flex;align-items:center;gap:20px;width:100%}
.pair-rows{display:flex;flex-direction:column;gap:12px}
.pair-row{display:flex;gap:8px;align-items:stretch}
.deck-kind{width:32px;flex:none;background:var(--sg-color-canvas-contrast);border-radius:8px;display:flex;align-items:center;justify-content:center}
.deck-kind>img{transform:translate(.5px,-1px)}
.swords{width:17px;height:15px;position:relative;transform:translate(.5px,-.5px)}
.swords>img{position:absolute;top:0;left:1.0812px}
.swords>img+img{left:0}
.pair-row>.deck{flex:1;min-width:0;gap:8px}
.compact-card .deck>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.compact-card .monster-name{order:1;margin:0}
.compact-card .card-top .likes{margin-left:auto}
.detail-block>.row>.info-empty{font-weight:600}
main.pad>.summary.inline:first-child{margin-top:0}
.detail-block .edit-info-preview{width:100%;margin-top:12px}

/* Figma 473:5517 / 473:5544: screen-specific Small Ghost button, 24px high. */
.deck-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.search-deck-heading{margin-bottom:-8px}
#app .deck-heading>.button.ghost.small.reset-monsters{width:auto;min-height:24px;height:24px;padding:4px 0;color:var(--sg-color-text-secondary)}
#app .deck-heading>.button.ghost.small.reset-monsters:disabled{color:var(--sg-color-text-disabled)}
.reset-symbol{position:relative;display:block;flex:none;width:16px;height:16px}
.reset-symbol>img{position:absolute;left:3.108px;top:2.033px;max-width:none}

/* Screen-specific spacing from 312:5595 and 344:4078. */
.search-main>section.pad{padding-top:64px;gap:8px}
.search-main>section.pad>.section{margin-bottom:0}
.search-main .search-deck-heading{margin-bottom:0}
.search-main>section.pad>[data-action="search"]{margin-top:8px}
.create-main{padding-top:32px}
.create-deck-heading{margin-bottom:16px}
#app>.create-bottom-action{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
/* User-approved outer container shadow, without changing viewport-fixed chrome. */
@media(min-width:501px){#app{box-shadow:-16px 0 32px rgba(17,27,43,.06),16px 0 32px rgba(17,27,43,.06)}}

/* Registration/edit/detail measurements from saved high-fidelity Figma contexts. */
.edit-defense-heading{margin-bottom:16px}
.edit-defense-heading .muted{margin:0}
.detail-block>.monster-name{align-items:center;font-size:16px;line-height:24px}
.detail-block>.monster-name>img{flex:none}
.write-main>.section{font-size:20px;line-height:28px;margin-bottom:10px}
.write-main>.summary.inline{margin:24px 0}
.write-main>.detail-block{margin-bottom:24px}
.write-main>.detail-block>.edit-info-preview{margin-top:16px}
.strategy-detail>h3.center{margin:40px 0 4px}
.strategy-detail>.comment{font-size:16px;line-height:24px;margin-top:2px}

/* Figma 241:3041 / 248:1633: centered content, without native OS chrome. */
.entry.entry-screen{justify-content:flex-start;gap:0}
.entry-screen>.entry-content{display:flex;flex-direction:column;align-items:center;gap:var(--sg-space-9,32px);width:100%;flex:none;margin-block:auto}
.entry-screen.signup-complete>.entry-content,.entry-intro{gap:var(--sg-space-7,20px)}
.entry-intro{display:flex;flex-direction:column;align-items:center;width:100%}
.entry-screen .entry-art{width:156px;height:156px;flex:none}
.welcome-art{width:300px;max-width:100%;aspect-ratio:300/188;object-fit:cover;flex:none}
.entry-copy{display:flex;flex-direction:column;gap:var(--sg-space-3,4px);width:100%;overflow-wrap:anywhere}
.entry-copy h2{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.04px}
.entry-copy p{font-size:16px;line-height:24px;font-weight:600;color:var(--sg-color-text-secondary)}
.unaffiliated-entry .entry-copy h2{color:var(--sg-color-text-secondary)}
.entry-actions,.entry-content>.button{width:100%}
.entry-primary-actions{gap:var(--sg-space-4,8px)}
#app .entry-actions .entry-logout{color:var(--sg-color-text-secondary)}

/* Figma 388:12946: owned strategy footer. */
.detail-actions.owned-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:8px}
.owned-actions>.icon-button{width:50px;height:48px;flex:none;padding:12px}

/* Figma 388:12953: Body/2/Medium, actual divider SVGs, explicit unset values. */
.detail-block .stat-line{margin-bottom:0;font-size:14px;line-height:22px;font-weight:500}
.main-stats{display:flex;flex-direction:column;gap:8px}
.detail-block .stat-line dd{color:var(--sg-color-text-primary)}
.detail-block .stat-line dd.stat-unset{color:var(--sg-color-text-secondary)}
.rune-values{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2px 8px;min-width:0}
.rune-name{white-space:nowrap}
.stat-divider{position:relative;width:0;height:8px;flex:none;align-self:center}
.stat-divider>img{position:absolute;left:-.5px;top:0}
.detail-block .percents{grid-template-columns:minmax(0,1fr) 0 minmax(0,1fr);gap:8px 12px;align-items:center}