/* Reference restoration, screen only. Print and financial engines are unaffected. */
:root { --home-u: .0762195122vw; --home-gold: #f4d578; --home-line: #14543f; }
body { background: #001c14; }
.topbar { position: relative; height: calc(var(--home-u) * 94); min-height: 82px; padding: 0 calc(var(--home-u) * 25); flex-wrap: nowrap; gap: calc(var(--home-u) * 30); background: linear-gradient(110deg,#00140f,#002016 52%,#00150e); border-bottom: 1px solid #386342; box-shadow: none; }
.brand { gap: calc(var(--home-u) * 13); flex: 0 0 34%; }
.brand-mark { flex: none; background: none; border: 0; border-radius: 0; box-shadow: none; color: #eebf56; font-size: calc(var(--home-u) * 60); width: calc(var(--home-u) * 52); height: auto; line-height: 1; text-shadow: 1px 2px #8c6620; }
.brand-text h1 { display:flex; align-items: baseline; gap: calc(var(--home-u) * 16); color: var(--home-gold); font-size: calc(var(--home-u) * 23); letter-spacing: 0; white-space: nowrap; }
.brand-text h1 b { font-size: calc(var(--home-u) * 32); letter-spacing: .2px; }
.brand-text p { color: #b1c4bc; font-size: calc(var(--home-u) * 16); margin-top: calc(var(--home-u) * 4); }
.topbar .tabs { display: flex; flex: 1; flex-wrap: nowrap; gap: calc(var(--home-u) * 5); justify-content: space-between; }
.topbar .tabs a { flex: 1; display: flex; flex-direction: column; align-items:center; gap: 3px; padding: calc(var(--home-u) * 9) calc(var(--home-u) * 12); border: 1px solid transparent; border-radius: 8px; color: #dce5df; font-size: calc(var(--home-u) * 16); font-weight: 700; white-space: nowrap; }
.topbar .tabs a[aria-current="page"] { background: #073f2c; border-color: #1b6849; color: var(--home-gold); box-shadow: none; }
.home-slogan { flex: 0 0 23%; text-align:right; color:#eec453; font-family: KaiTi, DFKai-SB, 'Microsoft JhengHei',serif; font-size: calc(var(--home-u) * 24); white-space: nowrap; letter-spacing: 1px; transform: translateY(12px) rotate(-3deg); }
.home-slogan small { display:block; font-family: Georgia,serif; font-size: calc(var(--home-u) * 11); letter-spacing: 0; margin-top: 8px; transform: rotate(3deg); }
#topbar-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.home-icon { display:inline-block; width:calc(var(--home-u) * 29); height:calc(var(--home-u) * 29); background:currentColor; flex:none; }
.icon-home { clip-path:polygon(0 43%,50% 0,100% 43%,85% 43%,85% 95%,59% 95%,59% 61%,40% 61%,40% 95%,15% 95%,15% 43%); }
.icon-stats { clip-path:polygon(0 100%,0 48%,23% 48%,23% 100%,38% 100%,38% 7%,61% 7%,61% 100%,76% 100%,76% 29%,100% 29%,100% 100%); }
.icon-settings { clip-path:polygon(38% 0,62% 0,67% 16%,80% 19%,94% 15%,100% 37%,86% 47%,87% 61%,100% 73%,86% 94%,70% 87%,58% 92%,53% 100%,31% 100%,27% 86%,13% 81%,0 85%,0 63%,13% 52%,13% 38%,0 28%,15% 9%,29% 18%); border-radius:50%; position:relative; }
.icon-settings::after { content:''; position:absolute; inset:33%; border-radius:50%; background:#073325; }
.icon-report { position:relative; clip-path:polygon(12% 0,65% 0,91% 27%,91% 100%,12% 100%); }
.icon-report::after { content:''; position:absolute; left:29%; right:22%; top:44%; bottom:16%; background:repeating-linear-gradient(to bottom,#315742 0 2px,transparent 2px 5px); }
.icon-help { border-radius:50%; position:relative; }
.icon-help::after { content:'?'; position:absolute; inset:0; color:#073325; font-size:calc(var(--home-u) * 26); font-weight:800; text-align:center; line-height:1.15; }
main:has(.home-page) { max-width:none; padding:0; }
#autosave-notice:empty { display:none; }
#autosave-notice:not(:empty) { padding:12px 24px; margin:0!important; }
.home-page { display:flex; flex-direction:column; align-items:stretch; gap:0; }
.home-page > * { min-width:0; }
.home-stage { width:100%; height:calc(var(--home-u) * 365); padding:0; border:0; border-radius:0; box-shadow:none; background:#003e2a; overflow:hidden; }
.home-stage::before { display:none; }
.home-stage .home-table-art { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; pointer-events:none; }
.home-stage .hands { position:absolute; inset:calc(var(--home-u) * 47) 17.3% auto; display:flex; justify-content:space-between; gap:0; }
.home-stage .hand { --cw:calc(var(--home-u) * 86); width:34%; min-height:0; display:flex; flex-direction:column; align-items:center; padding:0; background:transparent; border:0; box-shadow:none; }
.home-stage .hand-title { order:0; color:var(--side); font-size:calc(var(--home-u) * 26); gap:8px; margin:0; line-height:1.25; letter-spacing:0; }
.home-stage .hand-title small { display:inline; color:inherit; font-size:calc(var(--home-u) * 23); font-weight:800; }
.home-stage .hand-title .dot { display:none; }
.home-stage .total { order:1; height:calc(var(--home-u) * 62); margin:0 0 calc(var(--home-u) * 11); padding:0; font-size:calc(var(--home-u) * 52); line-height:1.1; background:transparent; box-shadow:none; color:white; text-shadow:0 0 16px var(--side); }
.home-stage .total.empty { color:#9fb5a9; text-shadow:none; }
.home-stage .cards { order:2; gap:calc(var(--home-u) * 8); min-height:0; }
.home-stage .card, .home-stage .card-slot { --cw:calc(var(--home-u) * 86); }
.home-stage .card { height:calc(var(--cw) * 1.49); border-radius:calc(var(--home-u) * 7); background:linear-gradient(135deg,#fff,#f4f4f4); box-shadow:0 2px 8px #001b15aa; }
.home-stage .card .corner { font-size:calc(var(--cw) * .26); }
.home-stage .card .corner.br { display:none; }
.home-stage .card .pip { font-size:calc(var(--cw) * .69); }
.home-stage .card .pip.face { display:flex; justify-content:center; align-items:center; font-size:0; }
.home-stage .card .pip.face small { font-size:calc(var(--cw) * .69); margin:0; }
.home-stage .card.third { transform:none; }
.home-stage .card.third::before { display:none; }
.home-stage .card-slot.third { display:none; }
.home-stage .flags { order:3; min-height:0; margin:7px 0 0; }
.home-stage .flags .badge { font-size:calc(var(--home-u) * 11); padding:1px 6px; background:#001d17a8; }
.home-round { position:absolute; left:41.8%; top:calc(var(--home-u) * 81); width:16.4%; height:calc(var(--home-u) * 65); display:grid; place-items:center; border-radius:12px; color:#ffedb0; background:#00271edb; font-size:calc(var(--home-u) * 25); font-weight:800; }
.home-stage .banner { position:absolute; left:41.8%; top:calc(var(--home-u) * 159); width:16.4%; height:calc(var(--home-u) * 115); min-height:0; margin:0; padding:calc(var(--home-u) * 7); border:2px solid #edcf73; border-radius:14px; background:#002218db; display:flex; flex-direction:column; gap:0; }
.home-stage .banner > span:not(.verdict):not(.hint) { display:none; }
.home-stage .banner .hint { font-size:calc(var(--home-u) * 15); line-height:1.4; }
.home-stage .banner .verdict { padding:0; color:#f9de88; background:none; font-size:0; line-height:1.25; }
.home-stage .banner .verdict::after { font-size:calc(var(--home-u) * 44); letter-spacing:0; }
.home-stage .banner .verdict.B::after { content:'莊'; }
.home-stage .banner .verdict.P::after { content:'閒'; }
.home-stage .banner .verdict.T::after { content:'和'; }
.home-stage .banner:has(.verdict)::after { content:'本局結果'; color:#eed790; font-size:calc(var(--home-u) * 16); }
.home-next { position:absolute; top:calc(var(--home-u) * 298); left:39.3%; width:21.4%; min-height:calc(var(--home-u) * 44); display:grid; place-items:center; border:1px solid #48726244; border-radius:10px; background:#57796b44; color:#cfdfd6; font-size:calc(var(--home-u) * 17); text-align:center; padding:4px; }
.home-shoe { position:absolute; top:calc(var(--home-u) * 191); left:3.35%; width:12.3%; min-height:calc(var(--home-u) * 158); padding:calc(var(--home-u) * 15) calc(var(--home-u) * 20); border:1px solid #23573b88; border-radius:10px; background:#001e16eb; display:flex; flex-direction:column; gap:2px; font-size:calc(var(--home-u) * 15); color:#c5d1c8; }
.home-shoe strong { color:#d6bf68; font-size:calc(var(--home-u) * 20); font-weight:500; }
.home-shoe hr { width:100%; border:0; border-top:1px solid #60785e44; margin:calc(var(--home-u) * 7) 0; }
.home-shoe b { color:#f6faf7; font-size:calc(var(--home-u) * 26); }
.home-table-wordmark { position:absolute; right:4.7%; top:calc(var(--home-u) * 231); color:#d9a43e; text-align:center; font-family:KaiTi,DFKai-SB,serif; font-size:calc(var(--home-u) * 27); letter-spacing:2px; }
.home-table-wordmark small { display:block; margin-top:8px; font-family:Georgia,serif; font-size:calc(var(--home-u) * 15); line-height:1.05; }
.home-stage-tools { position:absolute; right:2.4%; top:calc(var(--home-u) * 10); display:flex; gap:9px; }
.home-stage-tools button { display:grid; place-items:center; color:#cfddd5; background:#00271fcc; border:1px solid #30624d; border-radius:10px; width:calc(var(--home-u) * 43); height:calc(var(--home-u) * 46); font-size:calc(var(--home-u) * 27); cursor:pointer; }
.home-settings { min-height:calc(var(--home-u) * 193); display:grid; grid-template-columns:47.3% 24.3% 28.4%; align-items:center; border:1px solid #23583f; border-radius:calc(var(--home-u) * 25) calc(var(--home-u) * 25) 12px 12px; padding:calc(var(--home-u) * 18) calc(var(--home-u) * 24) calc(var(--home-u) * 10) calc(var(--home-u) * 37); background:linear-gradient(110deg,#00271c,#001c14); margin-top:-1px; z-index:1; }
.home-config { padding-right:calc(var(--home-u) * 24); border-right:1px solid #25463166; }
.home-config-title { display:flex; align-items:center; gap:8px; margin-bottom:calc(var(--home-u) * 10); }
.home-config h2 { color:var(--home-gold); font-size:calc(var(--home-u) * 25); white-space:nowrap; }
.home-info { border:0; padding:0; background:transparent; color:#afbeb7; font-size:20px; cursor:pointer; }
.home-config-title .btn { margin-left:auto; background:transparent; box-shadow:none; border:1px solid #a8914b66; border-radius:5px; color:#dac879; font-size:calc(var(--home-u) * 12); padding:4px 6px; min-height:0; font-weight:500; white-space:nowrap; }
.home-fields { display:grid; grid-template-columns:1fr 1fr 1.05fr; gap:calc(var(--home-u) * 8); }
.home-field { min-width:0; background:#173b2c88; padding:calc(var(--home-u) * 6); border-radius:9px; color:#c5d3ca; font-size:calc(var(--home-u) * 16); }
.home-field > span:first-child { display:block; margin-bottom:4px; }
.home-input { display:flex; align-items:center; background:#c6e1ce09; border:1px solid #49614d66; border-radius:7px; padding:0 8px; height:calc(var(--home-u) * 41); }
.home-field input { min-width:0; width:100%; padding:0; height:100%; background:none; border:0; border-radius:0; box-shadow:none; color:#f1f6f3; font-size:calc(var(--home-u) * 20); font-weight:700; appearance:textfield; }
.home-field input::-webkit-inner-spin-button { appearance:none; }
.home-suffix { order:-1; color:#e1eae4; margin-right:3px; font-size:calc(var(--home-u) * 19); }
.home-field:last-child .home-suffix { order:1; }
.home-input { position:relative; }
.home-input-preview { position:absolute; inset:0 8px; display:flex; align-items:center; pointer-events:none; color:#f1f6f3; font-size:calc(var(--home-u) * 20); font-weight:700; white-space:nowrap; }
.home-input:not(:focus-within) input { color:transparent; }
.home-input:focus-within .home-input-preview { display:none; }
.home-config-foot { display:flex; align-items:center; gap:5px; margin-top:calc(var(--home-u) * 11); }
.home-config-foot .badge { font-size:10px; white-space:nowrap; padding:0 4px; }
.home-text-button { color:#baccc1; background:none; border:0; padding:0; cursor:pointer; font-size:calc(var(--home-u) * 16); text-align:left; }
.home-config-foot .home-text-button { font-size:calc(var(--home-u) * 14); }
.home-deal { padding:0 calc(var(--home-u) * 23); }
.home-deal #btn-deal { display:block; width:100%; min-height:calc(var(--home-u) * 112); padding:12px 4px; color:#382600; border:2px solid #f0ca68; border-radius:9px; background:linear-gradient(#f5d171,#c9962a); box-shadow:inset 0 1px 0 #ffe9a1; font-size:calc(var(--home-u) * 25); font-weight:800; white-space:normal; }
.home-deal #btn-deal::before { content:'▶'; margin-right:calc(var(--home-u) * 12); }
.home-deal #btn-deal::after { content:'真實模擬・顯示開牌動畫'; display:block; font-size:calc(var(--home-u) * 15); font-weight:500; margin-top:6px; }
.home-quick { min-width:0; border:1px solid #bcc6ad; border-radius:12px; padding:calc(var(--home-u) * 16) calc(var(--home-u) * 23); min-height:calc(var(--home-u) * 156); }
.home-quick h2 { font-size:calc(var(--home-u) * 20); color:#f0f6f1; margin-bottom:calc(var(--home-u) * 12); }
.home-quick h2 > span { font-size:calc(var(--home-u) * 22); letter-spacing:-7px; margin-right:8px; }
.home-quick-row { display:grid; grid-template-columns:1fr auto 1.15fr; gap:calc(var(--home-u) * 10); align-items:center; font-size:calc(var(--home-u) * 20); }
.home-quick #shoes-input { width:100%; min-width:0; border:1px solid #2d795b; border-radius:7px; background:#001c16; color:white; font-size:calc(var(--home-u) * 20); height:calc(var(--home-u) * 47); padding:0 10px; }
.home-quick #btn-shoes-n { background:linear-gradient(#f6d573,#c9962a); color:#392b0b; border:1px solid #f7d77b; border-radius:9px; min-height:calc(var(--home-u) * 58); padding:7px; font-size:calc(var(--home-u) * 20); font-weight:800; white-space:nowrap; }
.home-quick p { color:#94ad9f; font-size:calc(var(--home-u) * 13); margin-top:3px; }
.home-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(var(--home-u) * 15); padding:calc(var(--home-u) * 12) calc(var(--home-u) * 25); }
.home-kpi { min-height:calc(var(--home-u) * 87); padding:calc(var(--home-u) * 11) calc(var(--home-u) * 20); border:1px solid var(--home-line); border-radius:11px; background:linear-gradient(120deg,#00271c,#001e15); display:flex; flex-direction:column; justify-content:center; gap:2px; min-width:0; }
.home-kpi > span { font-size:calc(var(--home-u) * 17); color:#d9e5de; }
.home-kpi strong { font-size:calc(var(--home-u) * 30); line-height:1.35; color:#f1f6f3; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.home-kpi .pos { color:#39d48c; }.home-kpi .neg { color:#f17468; }
.home-bottom { padding:0 calc(var(--home-u) * 25) calc(var(--home-u) * 25); display:grid; grid-template-columns:700fr 225fr 304fr; gap:calc(var(--home-u) * 16); align-items:stretch; }
.home-panel { min-width:0; border:1px solid var(--home-line); border-radius:12px; background:linear-gradient(115deg,#00291d,#001f16); padding:calc(var(--home-u) * 14) calc(var(--home-u) * 19); }
.home-panel h2 { color:var(--home-gold); font-size:calc(var(--home-u) * 20); }
.home-panel-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:calc(var(--home-u) * 10); }
.home-road-panel h2 { font-size:calc(var(--home-u) * 25); }
.home-bigroad { background:#fafafa; border-radius:8px; overflow:auto; height:calc(var(--home-u) * 229); }
/* Six real road rows, followed by two empty visual guide rows like the mockup. */
.home-bigroad svg { display:block; height:100%; width:auto; min-width:100%; max-width:none; background:#fafafa; }
.home-cut { color:#f9df94; font-size:12px; }
.home-road-legend { display:flex; gap:calc(var(--home-u) * 30); margin-top:calc(var(--home-u) * 15); color:#edf5f0; font-size:calc(var(--home-u) * 18); }
.home-road-legend span { display:flex; align-items:center; gap:8px; }
.home-road-legend i { width:calc(var(--home-u) * 22); height:calc(var(--home-u) * 22); border:2px solid #f42f31; border-radius:50%; }
.home-road-legend i.P { border-color:#008cff; }.home-road-legend i.T { border-color:#00a859; }
.home-recent { padding:calc(var(--home-u) * 10) calc(var(--home-u) * 13); }
.home-recent h2 { font-size:calc(var(--home-u) * 18); margin-bottom:4px; }
.home-recent table { border-collapse:collapse; width:100%; font-size:calc(var(--home-u) * 15); }
.home-recent th { text-align:left; color:#8fa89c; font-weight:400; padding:0 0 3px; font-size:calc(var(--home-u) * 14); white-space:nowrap; }
.home-recent td { height:calc(var(--home-u) * 27); padding:1px 0; border-top:1px solid #4c7d5925; color:#d9e3dc; }
.home-recent td:last-child,.home-recent th:last-child { text-align:center; }
.home-result { display:inline-block; padding:0 6px; line-height:1.35; border-radius:5px; background:linear-gradient(#ff6056,#c21516); color:white; box-shadow:inset 0 1px 1px #ffffff55; }
.home-result.P { background:linear-gradient(#499cff,#0750ca); }.home-result.T { background:linear-gradient(#27d076,#008642); }
.home-empty { padding:30px 0!important; color:#8da897!important; text-align:center; }
.home-shortcuts { padding:calc(var(--home-u) * 10) calc(var(--home-u) * 15); }
.home-shortcuts h2 { margin-bottom:calc(var(--home-u) * 7); }
.home-shortcut { display:block; width:100%; color:#c7d9cf; background:#173c2daa; border:1px solid #54756355; border-radius:10px; margin-top:calc(var(--home-u) * 8); padding:calc(var(--home-u) * 10) calc(var(--home-u) * 15); text-align:left; cursor:pointer; min-height:calc(var(--home-u) * 68); }
.home-shortcut:hover { background:#244f3b; border-color:#c3aa58; }
.home-shortcut-content { display:flex; align-items:center; gap:calc(var(--home-u) * 18); }
.home-shortcut strong { display:block; color:#e9f1ec; font-size:calc(var(--home-u) * 18); }
.home-shortcut small { display:block; color:#a4beb0; font-size:calc(var(--home-u) * 14); white-space:nowrap; }
.home-live-controls { padding:10px 25px; display:flex; gap:10px; align-items:center; background:#073726; }
.home-live-controls .fly-progress { flex:1; }
.home-workspace { margin:0 25px 25px; padding:16px; background:#07291d; border:1px solid #396a44; border-radius:12px; scroll-margin-top:16px; }
.home-workspace-tabs,.home-secondary-links { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.home-workspace-content { display:flex; flex-direction:column; gap:16px; min-width:0; }
.home-workspace .area-fada { width:100%; }.home-stage-details { padding:12px; border:1px solid var(--line); border-radius:10px; }
.home-workspace .fada-hero-main { flex-wrap:wrap; }.home-workspace .controls { margin:0; }
.home-workspace .panel { min-width:0; }
.footer { max-width:none; border-top:1px solid #194934; padding:calc(var(--home-u) * 18) calc(var(--home-u) * 25); }
.home-footer-brand { display:flex; align-items:center; gap:22px; font-size:calc(var(--home-u) * 14); margin-bottom:10px; }
.home-footer-brand b { color:#f8d777; font-size:calc(var(--home-u) * 17); }.home-footer-brand small { margin-left:auto; font-size:inherit; }
.footer > p { font-size:11px; color:#688779; }
@media (min-width:2000px) { .home-stage { max-height:600px; } }
@media (max-width:1000px) {
  .home-input-preview { font-size:18px; }
  .topbar { flex-wrap:wrap; height:auto; padding:14px 20px 10px; gap:10px; }
  .brand { flex:1; }.brand-mark { font-size:55px; width:40px; }.brand-text h1 { font-size:18px; gap:12px; }.brand-text h1 b { font-size:26px; }.brand-text p { font-size:13px; }
  .home-slogan { display:none; }.topbar .tabs { flex:0 0 100%; }.topbar .tabs a { font-size:14px; padding:8px; flex-direction:row; justify-content:center; }.home-icon { width:24px; height:24px; }
  .home-settings { grid-template-columns:1fr 1fr; padding:15px; gap:12px; }.home-config { grid-column:1/-1; padding:0 0 12px; border:0; border-bottom:1px solid #24563c; }.home-config h2 { font-size:22px; }.home-config-title .btn { font-size:12px; }.home-field { font-size:14px; padding:7px; }.home-field input { font-size:18px; }.home-input { height:40px; }.home-suffix { font-size:18px; }.home-config-foot .home-text-button { font-size:13px; }.home-deal { padding:0; }.home-deal #btn-deal { min-height:110px; font-size:24px; }.home-deal #btn-deal::after { font-size:13px; }.home-quick { min-height:110px; padding:12px; }.home-quick h2 { font-size:16px; }.home-quick h2 span { font-size:17px; }.home-quick #shoes-input { height:40px; font-size:18px; }.home-quick #btn-shoes-n { min-height:44px; font-size:16px; }.home-quick p { font-size:11px; }
  .home-kpi > span { font-size:14px; }.home-kpi strong { font-size:24px; }.home-kpi { min-height:80px; }
  .home-bottom { grid-template-columns:2fr 1fr; }.home-shortcuts { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.home-shortcuts h2 { grid-column:1/-1; }.home-shortcut { padding:12px; }.home-shortcut-content { gap:8px; }.home-shortcut strong { font-size:16px; }.home-shortcut small { font-size:11px; white-space:normal; }
  .home-panel h2 { font-size:20px; }.home-text-button { font-size:14px; }.home-recent table,.home-recent th { font-size:13px; }.home-recent td { height:23px; }.home-bigroad { height:210px; }.home-road-legend { font-size:15px; }.home-road-legend i { width:20px; height:20px; }.home-footer-brand { font-size:12px; flex-wrap:wrap; }.home-footer-brand b { font-size:17px; }
}
@media (max-width:600px) {
  .home-input-preview { inset:0 4px; font-size:16px; }.home-field:last-child .home-input-preview { font-size:13px; }
  .topbar { padding:12px 12px 8px; }.brand { justify-content:center; gap:10px; }.brand-mark { font-size:47px; width:34px; }.brand-text h1 { gap:9px; font-size:16px; }.brand-text h1 b { font-size:25px; }.brand-text p { font-size:12px; margin-top:2px; }.topbar .tabs { gap:3px; }.topbar .tabs a { padding:7px 2px; font-size:12px; gap:5px; }.topbar .tabs .home-icon { width:17px; height:17px; }
  .home-stage { height:350px; }.home-stage .home-table-art { object-fit:cover; object-position:center; opacity:.85; }.home-stage .hands { inset:70px 4% auto; }.home-stage .hand { width:43%; }.home-stage .hand-title { font-size:21px; }.home-stage .hand-title small { font-size:15px; }.home-stage .total { font-size:35px; height:42px; margin-bottom:8px; }.home-stage .card,.home-stage .card-slot { --cw:43px; }.home-stage .cards { gap:4px; }.home-stage .hand .flags .badge { font-size:10px; }.home-stage .card .corner { font-size:13px; }.home-stage .card .pip { font-size:30px; }
  .home-round { top:12px; left:35%; width:30%; height:40px; font-size:17px; }.home-stage-tools { right:12px; top:13px; gap:6px; }.home-stage-tools button { width:30px; height:30px; font-size:21px; }.home-stage-tools button:first-child { display:none; }
  .home-stage .banner { top:247px; left:38%; width:24%; height:84px; border-radius:10px; padding:3px; }.home-stage .banner .verdict::after { font-size:30px; }.home-stage .banner:has(.verdict)::after { font-size:12px; }.home-stage .banner .hint { font-size:11px; }.home-next { top:258px; left:67%; width:30%; min-height:54px; font-size:12px; padding:6px; }.home-table-wordmark { display:none; }
  .home-shoe { top:245px; left:3%; width:31%; min-height:85px; padding:8px 10px; gap:0; font-size:11px; }.home-shoe strong { font-size:13px; }.home-shoe b { font-size:19px; }.home-shoe hr { margin:3px 0; }.home-shoe > span:nth-of-type(2) { display:none; }
  .home-settings { padding:12px 10px; gap:10px; border-radius:18px 18px 10px 10px; grid-template-columns:.9fr 1.1fr; }.home-config h2 { font-size:20px; }.home-config-title { margin-bottom:8px; gap:6px; }.home-info { font-size:17px; }.home-fields { gap:5px; grid-template-columns:1.1fr 1fr 1fr; }.home-field { font-size:12px; padding:5px; }.home-input { padding:0 4px; height:38px; }.home-field input { font-size:16px; }.home-suffix { font-size:14px; margin-right:1px; }.home-config-foot { flex-wrap:wrap; margin-top:9px; gap:6px; }.home-config-foot .home-text-button { font-size:12px; }.home-config-title .btn { font-size:11px; padding:4px; }
  .home-deal #btn-deal { min-height:121px; font-size:20px; padding:8px 4px; }.home-deal #btn-deal::before { margin-right:5px; }.home-deal #btn-deal::after { font-size:11px; line-height:1.5; margin-top:8px; }.home-quick { padding:9px; min-height:121px; }.home-quick h2 { font-size:13px; margin-bottom:8px; }.home-quick h2 > span { font-size:13px; letter-spacing:-5px; margin-right:4px; }.home-quick-row { grid-template-columns:minmax(0,1fr) auto minmax(0,1.35fr); gap:5px; font-size:13px; }.home-quick #shoes-input { padding:0 5px; font-size:17px; }.home-quick #btn-shoes-n { font-size:13px; padding:4px; }.home-quick p { font-size:10px; margin-top:7px; line-height:1.4; }
  .home-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px; gap:8px; }.home-kpi { padding:10px 12px; min-height:78px; }.home-kpi strong { font-size:24px; }.home-kpi > span { font-size:13px; }
  .home-bottom { display:flex; flex-direction:column; padding:0 10px 18px; gap:10px; }.home-panel { padding:12px; }.home-panel-title { margin-bottom:10px; }.home-bigroad { height:190px; }.home-road-legend { margin-top:12px; gap:24px; }.home-recent { padding:12px 16px; }.home-recent table { font-size:15px; }.home-recent th { font-size:13px; padding:5px 0; }.home-recent td { height:27px; }.home-shortcuts { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.home-shortcut { margin:0; padding:12px 9px; min-height:84px; }.home-shortcut-content { gap:8px; }.home-shortcut .home-icon { width:22px; height:22px; }.home-shortcut strong { font-size:15px; }.home-shortcut small { font-size:11px; }.icon-help::after { font-size:20px; }
  .home-workspace { margin:0 10px 16px; padding:10px; }.home-workspace-tabs { gap:6px; }.home-workspace-tabs .btn { padding:6px 8px; font-size:12px; }.home-live-controls { padding:8px 10px; flex-wrap:wrap; }.home-live-controls .fly-progress { flex:1 1 100%; }
  .footer { padding:16px 14px; }.home-footer-brand { gap:8px; margin-bottom:8px; }.home-footer-brand span { font-size:11px; }.home-footer-brand small { margin:0; width:100%; font-size:10px; }.footer > p { font-size:10px; }
}