@import "https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;800;900&display=swap";:root{--surface:#f7f9fb;--surface-dim:#e6e8ea;--surface-bright:#fff;--surface-container-lowest:#fff;--surface-container-low:#f2f4f6;--surface-container:#eceef0;--surface-container-high:#e6e8ea;--surface-container-highest:#e0e3e5;--on-surface:#191c1e;--on-surface-variant:#45464d;--on-surface-muted:#76777d;--outline:#c6c6cd;--outline-variant:#e0e3e5;--outline-focus:#505f76;--accent:#c76c00;--accent-hover:#b05f00;--accent-dim:#ffdcc3;--accent-on:#fff;--accent-glow:0 4px 12px #c76c0033;--accent2:#3e6b48;--accent2-hover:#315438;--accent2-dim:#c3e8cd;--accent2-on:#fff;--accent2-glow:0 4px 12px #3e6b4833;--accent3:#505f76;--accent3-hover:#3b4759;--accent3-dim:#d4e3ff;--accent3-on:#fff;--success:#3e6b48;--success-dim:#c3e8cd;--warning:#c76c00;--warning-dim:#ffdcc3;--error:#ba1a1a;--error-dim:#ffdad6;--info:#505f76;--info-dim:#d4e3ff;--player-1:#c76c00;--player-2:#505f76;--player-3:#ba1a1a;--player-4:#3e6b48;--player-5:#8a609c;--font:"Public Sans", system-ui, -apple-system, sans-serif;--fs-xs:11px;--fs-sm:13px;--fs-md:14px;--fs-base:15px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:20px;--fs-3xl:24px;--fs-4xl:32px;--fs-5xl:42px;--fs-display:clamp(32px, 5vw, 48px);--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-full:9999px;--shadow-sm:0 2px 4px #191c1e0d, 0 1px 2px #191c1e1a;--shadow-md:0 4px 8px #191c1e0f, 0 2px 4px #191c1e14;--shadow-lg:0 12px 24px #191c1e14, 0 4px 8px #191c1e0f;--ease:cubic-bezier(.2, 0, 0, 1);--duration-fast:.15s;--duration:.25s;--content-max:1200px;--margin-mobile:16px;--margin-desktop:40px}*,:before,:after{box-sizing:border-box}body{color:var(--on-surface);font-family:var(--font);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fdfdf9;margin:0;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);color:var(--on-surface);margin:0;line-height:1.2}a{color:var(--accent3);font-weight:var(--fw-semibold);transition:color var(--duration-fast) var(--ease);text-decoration:none}a:hover{color:var(--accent)}small{color:var(--on-surface-muted)}h3{font-size:var(--fs-lg);margin:.2rem 0 .6rem}button,input,select{font:inherit;font-size:var(--fs-md)}button{background:var(--surface-container-lowest);color:var(--on-surface);border:2px solid var(--outline-variant);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);cursor:pointer;font-weight:var(--fw-bold);box-shadow:0 2px 0 var(--outline-variant);transition:all .1s var(--ease)}button:hover{background:var(--surface-container-low);box-shadow:0 1px 0 var(--outline-variant);transform:translateY(1px)}button:active{box-shadow:none;transform:translateY(2px)}button.active{background:var(--accent3-dim);color:var(--accent3);border-color:var(--accent3);box-shadow:0 2px 0 var(--accent3)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}input,select{background:var(--surface-container-lowest);width:100%;color:var(--on-surface);border:2px solid var(--outline-variant);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);transition:border-color var(--duration-fast) var(--ease)}input:focus,select:focus{border-color:var(--accent3);outline:none}label{color:var(--on-surface-variant);font-size:var(--fs-sm);font-weight:var(--fw-bold);margin:0 0 4px;display:block}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-5);font-weight:var(--fw-extrabold);font-size:var(--fs-base);cursor:pointer;transition:all .1s var(--ease);display:inline-flex;box-shadow:0 4px #000}.neon-btn,.primaryBtn{justify-content:center;align-items:center;gap:var(--sp-2);background:var(--accent);color:var(--accent-on);border-radius:var(--r-md);font-weight:var(--fw-extrabold);font-size:var(--fs-base);cursor:pointer;transition:all .1s var(--ease);border:2px solid #a35800;display:inline-flex;box-shadow:0 4px #a35800}.neon-btn:hover,.primaryBtn:hover{background:var(--accent-hover);transform:translateY(2px);box-shadow:0 2px #a35800}.neon-btn:active,.primaryBtn:active{box-shadow:none;transform:translateY(4px)}.neon-btn-outline{justify-content:center;align-items:center;gap:var(--sp-2);background:var(--surface-container-lowest);color:var(--on-surface);border:2px solid var(--outline);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-5);font-weight:var(--fw-bold);font-size:var(--fs-base);cursor:pointer;box-shadow:0 4px 0 var(--outline);transition:all .1s var(--ease);display:inline-flex}.neon-btn-outline:hover{background:var(--surface-container-low);box-shadow:0 2px 0 var(--outline);transform:translateY(2px)}.neon-btn-outline:active{box-shadow:none;transform:translateY(4px)}.btn-green{background:var(--accent2);color:var(--accent2-on);border:2px solid #284730;box-shadow:0 4px #284730}.btn-green:hover{background:var(--accent2-hover);transform:translateY(2px);box-shadow:0 2px #284730}.btn-green:active{box-shadow:none;transform:translateY(4px)}.btn-blue{background:var(--accent3);color:var(--accent3-on);border:2px solid #323c4a;box-shadow:0 4px #323c4a}.btn-blue:hover{background:var(--accent3-hover);transform:translateY(2px);box-shadow:0 2px #323c4a}.btn-blue:active{box-shadow:none;transform:translateY(4px)}.card{background:var(--surface-container-lowest);border:3px solid var(--outline-variant);border-radius:var(--r-xl);padding:var(--sp-5);margin:var(--sp-4) 0;box-shadow:var(--shadow-sm)}.panel{background:var(--surface-container-low);border-right:1px solid var(--outline-variant);padding:var(--sp-6);overflow:auto}.right{border-left:1px solid var(--outline-variant);border-right:0}.row{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.grid2{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.grid3{gap:var(--sp-3);grid-template-columns:1fr 1fr 1fr;display:grid}.kpi{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--r-md);padding:var(--sp-3);text-align:center}.kpi b{color:var(--on-surface);font-size:var(--fs-2xl);font-weight:var(--fw-black);display:block}.kpi span{font-size:var(--fs-sm);color:var(--on-surface-variant);font-weight:var(--fw-semibold)}.playerDot{vertical-align:-2px;border:2px solid #0000001a;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block}#app{height:100vh;transition:grid-template-columns .3s var(--ease);grid-template-columns:340px minmax(0,1fr) 340px;display:grid;overflow:hidden}#app.hide-right{grid-template-columns:340px minmax(0,1fr) 0}#app.hide-right .panel.right{display:none}.brand{font-family:var(--font);font-weight:var(--fw-black);color:var(--on-surface);margin-bottom:var(--sp-1);align-items:center;gap:12px;font-size:32px;display:flex}.brand:before{content:"⬡";color:var(--accent);font-size:38px;line-height:1}.subtitle{color:var(--on-surface-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:var(--sp-4)}#mapWrap{background:#fdfdf9;background-image:radial-gradient(var(--outline-variant) 1px, transparent 0);background-size:32px 32px;height:100vh;position:relative;overflow:auto}#svg{filter:drop-shadow(0 8px 16px #0000000d);min-width:900px;min-height:700px;margin:62px auto 18px;display:block}.hex{stroke:var(--outline);stroke-width:2px;transition:fill var(--duration-fast)}.hexLabel{font-size:20px;font-weight:var(--fw-bold);text-anchor:middle;dominant-baseline:middle;pointer-events:none;fill:var(--on-surface-variant)}.site{stroke:var(--surface-bright);stroke-width:3px;cursor:pointer;transition:stroke var(--duration-fast), transform var(--duration-fast)}.site:hover{stroke:var(--accent);stroke-width:4px}.edge{stroke:var(--outline-variant);stroke-width:6px;stroke-linecap:round;cursor:pointer;transition:stroke var(--duration-fast)}.edge:hover{stroke:var(--accent3);stroke-width:8px}.edge.blocked{stroke:var(--error-dim);cursor:not-allowed}.road{stroke-width:8px;stroke-linecap:round;cursor:pointer;filter:drop-shadow(0 2px 2px #00000026)}.blockX{fill:var(--error);font-size:24px;font-weight:var(--fw-black);text-anchor:middle;dominant-baseline:middle;pointer-events:none}.buildingText{text-anchor:middle;dominant-baseline:middle;pointer-events:none;fill:#fff;filter:drop-shadow(0 1px 2px #00000080);font-size:18px}.tiny{font-size:var(--fs-sm);color:var(--on-surface-muted)}.log{font-size:var(--fs-md);background:var(--surface-container-lowest);border-radius:var(--r-md);max-height:300px;padding:var(--sp-2);border:1px solid var(--outline-variant);line-height:1.5;overflow:auto}.log div{padding:4px var(--sp-2);border-radius:var(--r-sm);border-left:3px solid #0000;margin:0 0 4px}.log div:hover{background:var(--surface);border-left-color:var(--outline)}.price{padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--surface);font-size:var(--fs-md);font-weight:var(--fw-semibold);justify-content:space-between;align-items:center;display:flex}.pill{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--outline-variant);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px}.tooltip{z-index:20;pointer-events:none;background:var(--on-surface);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);color:var(--surface-bright);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);font-weight:var(--fw-medium);max-width:300px;display:none;position:fixed}.rules{font-size:var(--fs-md);color:var(--on-surface-variant);line-height:1.6}.rules b{color:var(--on-surface);font-weight:var(--fw-bold)}#setup,#lobby-home,#room-lobby,#offline-lobby{z-index:50;padding:var(--sp-10) var(--sp-4) var(--sp-8);background:#fdfdf9;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden auto}.setupBox{background:0 0;flex-direction:column;width:min(1200px,100%);display:flex}.setupHeader{padding-bottom:var(--sp-4);margin-bottom:var(--sp-6);border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;display:flex}.setupHeader-left{align-items:flex-start;gap:var(--sp-4);display:flex}.setupHeader-backBtn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.setupHeader-content{flex-direction:column;gap:4px;margin-top:2px;display:flex}.setupHeader-brand{font-family:var(--font);font-weight:var(--fw-black);font-size:var(--fs-sm);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:-4px;display:flex}.setupHeader-brand:before{content:"⬡";font-size:14px}.setupHeader h2{align-items:center;gap:var(--sp-2);margin:0;display:flex}.setupHeader-subtitle{font-size:var(--fs-sm);color:var(--on-surface-muted)}.setupHeader-right{gap:var(--sp-3);align-items:center;display:flex}.setupTitle{font-family:var(--font);font-size:var(--fs-4xl);font-weight:var(--fw-black);color:var(--on-surface);align-items:center;gap:12px;display:flex}.setupTitle:before{content:"⬡";color:var(--accent);font-size:42px}.setupActions{gap:var(--sp-3);display:flex}.lobbyHomeGrid{gap:var(--sp-5);grid-template-columns:1fr 1.5fr 1fr;align-items:stretch;display:grid}.roomLobbyGrid{gap:var(--sp-5);grid-template-columns:1fr 1.5fr;align-items:stretch;display:grid}.lobbyHomeGrid>.card,.roomLobbyGrid>.card{background:var(--surface-bright);box-shadow:var(--shadow-sm);border:none;margin:0}.sectionHeader{margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--surface);justify-content:space-between;align-items:center;display:flex}.sectionHeader h3{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--on-surface);margin:0}.roomButtons{gap:var(--sp-2);margin-top:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.statusLine{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface);border-radius:var(--r-md);color:var(--on-surface-variant);font-weight:var(--fw-medium);font-size:var(--fs-sm);text-align:center}.sharePanel{align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);padding:var(--sp-4);background:var(--surface);border-radius:var(--r-lg);flex-direction:column;display:none}.sharePanel.visible{display:flex}#roomQr{border-radius:var(--r-sm);width:140px;height:140px;box-shadow:var(--shadow-sm);background:#fff;padding:4px}.shareCode{color:var(--on-surface);font-family:monospace;font-size:var(--fs-4xl);font-weight:var(--fw-black);letter-spacing:.1em;text-align:center;margin:var(--sp-1) 0}.warn{color:var(--error);background:var(--error-dim);padding:var(--sp-2);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-top:var(--sp-3)}.onlinePlayers{gap:var(--sp-2);margin-top:var(--sp-4);display:grid}.onlinePlayer{background:var(--surface-bright);border:2px solid var(--outline-variant);border-radius:var(--r-md);padding:var(--sp-3);align-items:center;gap:var(--sp-3);display:flex}.onlinePlayer b{color:var(--on-surface);font-size:var(--fs-md)}.onlinePlayer:before{content:"👤";background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.emptySlotHover:hover .slotDefault{display:none!important}.emptySlotHover:hover .slotHover{display:flex!important}.publicRooms{gap:var(--sp-2);flex-direction:column;max-height:236px;display:flex;overflow:hidden auto}.publicRoom{padding:var(--sp-3);background:var(--surface);border-radius:var(--r-md);cursor:pointer;justify-content:space-between;align-items:center;transition:background .1s;display:flex}.publicRoom:hover{background:var(--outline-variant)}.publicRoom b{color:var(--on-surface);font-weight:var(--fw-bold);display:block}.publicRoom small{color:var(--on-surface-muted)}.emptyState{padding:var(--sp-6);background:var(--surface);border-radius:var(--r-md);color:var(--on-surface-muted);text-align:center;font-size:var(--fs-md);font-weight:var(--fw-medium)}.turnBanner{z-index:10;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:var(--surface-bright);border:1px solid var(--outline-variant);border-radius:var(--r-full);box-shadow:var(--shadow-md);font-size:var(--fs-md);font-weight:var(--fw-bold);white-space:nowrap;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.turnBanner b{color:var(--accent)}.modalShade{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;background:#191c1e66;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal{background:var(--surface-bright);border-radius:var(--r-xl);width:min(400px,92vw);padding:var(--sp-6);box-shadow:var(--shadow-lg)}.site-nav{z-index:100;background:var(--surface-bright);border-bottom:1px solid var(--outline-variant);width:100%;box-shadow:var(--shadow-sm);position:fixed;top:0}.site-nav-inner{max-width:var(--content-max);padding:0 var(--margin-desktop);justify-content:space-between;align-items:center;height:72px;margin:0 auto;display:flex}.site-nav-brand{font-family:var(--font);font-weight:var(--fw-black);color:var(--on-surface);align-items:center;gap:8px;font-size:24px;display:flex}.site-nav-brand:before{content:"⬡";color:var(--accent);font-size:28px}.site-nav-links{gap:var(--sp-6);display:flex}.site-nav-links a{color:var(--on-surface-variant);font-weight:var(--fw-bold)}.site-nav-links a:hover,.site-nav-links a.active{color:var(--accent)}.hero{text-align:center;background:#fdfdf9;background-image:radial-gradient(var(--outline-variant) 1px, transparent 0);background-size:32px 32px;padding:140px 40px 40px}.hero-inner{background:var(--surface-bright);max-width:800px;padding:var(--sp-10);border-radius:var(--r-2xl);border:1px solid var(--outline-variant);box-shadow:var(--shadow-md);margin:0 auto}.hero h1{font-size:var(--fs-display);font-weight:var(--fw-black);letter-spacing:-.02em;color:var(--on-surface);margin-bottom:var(--sp-4)}.hero-subtitle{font-size:var(--fs-xl);color:var(--on-surface-variant);margin:0 auto var(--sp-8);line-height:1.6}.hero-ctas{gap:var(--sp-4);justify-content:center;display:flex}.features-section{max-width:var(--content-max);padding:var(--sp-16) var(--margin-desktop);margin:0 auto}.features-section h2{text-align:center;font-size:var(--fs-4xl)}.features-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);padding:40px;display:grid}.feature-card{background:var(--surface-bright);border:1px solid var(--outline-variant);border-radius:var(--r-xl);padding:var(--sp-6);text-align:center;box-shadow:var(--shadow-sm)}.feature-icon{margin-bottom:var(--sp-4);font-size:48px}.feature-card h3{font-size:var(--fs-2xl);margin-bottom:var(--sp-2)}.feature-card p{color:var(--on-surface-variant);font-size:var(--fs-base)}.howto-section{max-width:900px;margin:0 auto;padding:40px}.howto-section h2{text-align:center;font-size:var(--fs-4xl);margin-bottom:var(--sp-10)}.howto-steps{gap:var(--sp-4);display:grid}.howto-step{gap:var(--sp-5);padding:var(--sp-4) var(--sp-6);border-radius:var(--r-xl);background:var(--surface-bright);border:1px solid var(--outline-variant);box-shadow:var(--shadow-sm);align-items:center;display:flex}.howto-num{background:var(--surface);width:48px;height:48px;color:var(--accent);font-weight:var(--fw-black);font-size:var(--fs-2xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.howto-step h4{font-size:var(--fs-xl);margin-bottom:4px}.howto-step p{color:var(--on-surface-variant);font-size:var(--fs-md);margin:0}.site-footer{background:var(--surface-bright);border-top:1px solid var(--outline-variant)}.site-footer-inner{max-width:var(--content-max);justify-content:space-between;align-items:center;margin:0 auto;padding:40px;display:flex}.legal-page{max-width:800px;margin:0 auto;padding:120px 40px 40px}.legal-page h1{font-size:var(--fs-4xl);margin-bottom:var(--sp-2)}.legal-page .legal-date{color:var(--on-surface-muted);margin-bottom:var(--sp-8)}.legal-page h2{color:var(--accent);margin-top:var(--sp-8)}@media (width<=1120px){#app{grid-template-columns:300px 1fr;grid-template-areas:"left map""right map"}.panel{grid-area:left}.panel.right{border-left:0;border-right:1px solid var(--outline-variant);grid-area:right}#mapWrap{grid-area:map}.lobbyHomeGrid,.roomLobbyGrid{grid-template-columns:1fr}}@media (width<=760px){body{overflow:auto}body.lobby-active{overflow:hidden!important}#app{flex-direction:column;height:auto;display:flex}.mobile-header{box-sizing:border-box;order:0;width:100%;display:flex!important}.desktopBackBtn{display:none!important}.panel{height:auto;padding:var(--sp-4);border:none;order:2}.panel .brand{display:none}.panel.right{border:none;order:3}#mapWrap{border-bottom:1px solid var(--outline-variant);order:1;height:60vh;min-height:400px}#mobileGameBackBtn{display:flex!important}.lobbyHomeGrid,.roomLobbyGrid{gap:var(--sp-3)}.features-grid{grid-template-columns:1fr}.site-nav-links{display:none}.hero{padding:100px var(--margin-mobile) 40px}.hero-inner{padding:var(--sp-6)}.site-footer-inner{gap:var(--sp-4);text-align:center;flex-direction:column}#toggleRightBtn{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--outline);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--outline-focus)}.player-card{background:var(--surface-container-lowest);border:3px solid var(--outline-variant);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-4);transition:border-color .2s,opacity .2s;overflow:hidden}.card-inner{padding:var(--sp-3) var(--sp-4)}.card-header{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.card-player{align-items:center;gap:var(--sp-2);display:flex}.card-player .dot{background:var(--accent,var(--outline-variant));border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:10px;height:10px}.player-name{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--on-surface);align-items:center;gap:var(--sp-2);line-height:1;display:flex}.coins-badge{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--on-surface);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;display:flex}.card-stats{gap:var(--sp-3);margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--outline-variant);display:flex}.card-stats .stat{flex-direction:column;gap:1px;display:flex}.card-stats .stat-value{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--on-surface);font-variant-numeric:tabular-nums;line-height:1.1}.card-stats .stat-label{font-size:var(--fs-xs);color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--fw-medium);line-height:1}.card-stats .stat+.stat{padding-left:var(--sp-3);border-left:1px solid var(--outline-variant)}.resource-grid{gap:var(--sp-2);margin-bottom:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.resource-item{font-size:var(--fs-xs);color:var(--on-surface);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:flex}.resource-icon{font-size:.85em;line-height:1}.resource-count{font-weight:var(--fw-bold);color:var(--on-surface)}.income-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.income-label{font-size:var(--fs-xs);color:var(--on-surface-muted);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.income-row .tag{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--on-surface-muted);background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--r-sm);font-variant-numeric:tabular-nums;padding:1px 6px;line-height:1.6}