:root{color-scheme:dark;--gold:#ffdb43;--green:#00e865;--muted:#b9bec8;font-family:Arial,Helvetica,sans-serif;font-size:16px;background:#080c0d;color:#fafafa}*{box-sizing:border-box}body{margin:0;min-height:100svh;padding:24px 12px;background:radial-gradient(ellipse at 50% 18%,#25282a,#070b0c 66%);-webkit-font-smoothing:antialiased}.device{max-width:480px;margin:auto;padding:20px 18px 18px;background:linear-gradient(110deg,#111718,#05090a 60%,#101617);border:3px solid #e7c255;border-radius:40px;box-shadow:0 0 0 3px #171a1b,0 0 0 5px #8f7741,0 25px 65px #0008;overflow:hidden}.brand{height:88px;display:flex;align-items:center;justify-content:center;position:relative;padding-right:48px}.wordmark{width:210px;height:84px;position:relative;overflow:hidden}.wordmark img{position:absolute;width:220px;max-width:none;left:-5px;top:-20px;mix-blend-mode:screen}.hf12{position:absolute;right:1px;width:62px;height:70px;object-fit:contain;mix-blend-mode:screen}.yard{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:700;margin:6px 0 12px}.yard span:last-child{font-weight:500}h1{font-size:clamp(24px,6.3vw,30px);line-height:1.14;margin:0 0 14px;font-weight:850;letter-spacing:-.8px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button[data-action]{position:relative;isolation:isolate;overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;min-height:76px}button:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.mode{border:2px solid #6f747d;border-radius:12px;background:linear-gradient(#1d2229,#101316);padding:13px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:92px!important}.mode b{font-size:17px;font-weight:850;white-space:nowrap}.mode span{font-size:15px;color:var(--muted)}.mode em{font-style:normal;font-size:12px;font-weight:800;color:var(--gold)}.mode.selected{border-color:var(--gold);background:linear-gradient(120deg,#222111,#0a0c0b)}.mode.selected b{color:var(--gold)}.record{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:linear-gradient(100deg,#151b1f,#090d10);border:2px solid var(--gold);border-radius:11px;padding:12px 14px;margin-bottom:9px;min-height:82px!important}.record b{font-size:23px;line-height:1.1;font-weight:800}.record .meta{font-size:16px;color:var(--muted)}.record small{font-size:14px;color:var(--muted)}.photo{width:100%;aspect-ratio:2.92;position:relative;border:1px solid #626970;border-radius:10px;overflow:hidden;background:#232a29;margin:10px 0 8px}.photo img{height:100%;width:100%;object-fit:cover;display:block}.photo.bridge img{position:absolute;width:153%;height:auto;max-width:none;left:-26.5%;top:-248%}.photo figcaption{position:absolute;left:0;bottom:0;padding:4px 8px;background:#101318c9;border-radius:0 6px 0 0;font-size:12px;font-weight:700}.measurements{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.measurement{background:linear-gradient(#0b1013,#171c20);border:1px solid #6f747d;border-radius:6px;padding:6px 3px 7px;text-align:center;min-width:0}.measurement label{display:block;font-size:12px;color:var(--muted);font-weight:700;margin-bottom:3px}.measurement strong{display:block;font-size:clamp(14px,4.15vw,19px);font-variant-numeric:tabular-nums;white-space:nowrap}.net{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #02d15c;border-radius:9px;padding:8px 10px;margin-top:6px;min-width:0}.net strong{font-size:clamp(34px,10vw,54px);font-weight:850;line-height:1;white-space:nowrap;letter-spacing:-1px}.net span{font-size:12px;font-weight:700;color:#3cff88;text-align:center;max-width:116px}.net.bridge{flex-direction:column;gap:5px}.net.bridge strong{font-size:clamp(35px,10vw,54px)}.net.bridge span{max-width:none}.calculation{text-align:center;color:var(--muted);font-size:16px;font-weight:600;padding:6px 0}.total{border:2px solid var(--gold);border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(110deg,#17170d,#090d0e)}.total label{font-size:16px;color:var(--gold);font-weight:800}.total strong{font-size:clamp(33px,9vw,43px);letter-spacing:-1px;font-weight:850;white-space:nowrap}.tax{text-align:center;font-size:14px;color:var(--muted);margin:5px 0 8px}.action{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;border:2px solid var(--gold);background:#0c1113;padding:13px 10px;text-align:center;margin-bottom:10px;font-weight:700}.action b{font-size:21px;line-height:1.12}.action span{font-size:15px;font-weight:500}.action.go{background:linear-gradient(110deg,#00c84e,#00a747);border:3px solid #00ef68;box-shadow:inset 0 0 18px #00f87b50;min-height:100px}.action.go b{font-size:44px;font-weight:900;line-height:.98}.action.go span{font-size:18px;font-weight:700}.action.go small{font-size:13px;font-weight:500}.action.danger{background:linear-gradient(120deg,#d92a39,#aa1528);border-color:#ff5964}.action.success{background:linear-gradient(120deg,#00a945,#067838);border-color:#00ec66}.action.success b{font-size:22px}.ticket-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:13px;border-top:1px solid #586067;padding-top:14px;color:var(--muted);font-size:12px}.ticket-footer strong{color:var(--gold);font-size:17px;letter-spacing:5px}.ticket-footer small{font-size:11px;letter-spacing:1.2px}.message{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%) translateY(160%);max-width:440px;width:calc(100% - 28px);border:1px solid var(--gold);padding:16px 18px;border-radius:13px;background:#172022;color:#fff;z-index:50;font-size:16px;box-shadow:0 6px 30px #0008;transition:transform .2s;pointer-events:none}.message.visible{transform:translateX(-50%) translateY(0)}dialog{width:min(460px,calc(100% - 16px));max-height:calc(100svh - 24px);padding:22px 16px;background:#0c1213;color:#fafafa;border:2px solid var(--gold);border-radius:23px;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:27px;letter-spacing:-.5px;margin:0 0 10px}dialog p{font-size:16px;line-height:1.45;color:#ced2d7;margin:10px 0 16px}.subheading{font-size:13px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.summary{border:1px solid var(--gold);border-radius:12px;padding:14px;margin:12px 0 18px}.summary div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;line-height:1.3}.summary strong{font-variant-numeric:tabular-nums;text-align:right}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.keypad button{border:1px solid #858e92;border-radius:11px;background:#182124;font-size:32px;font-weight:700;min-height:78px}.numeric-display{padding:16px;border:2px solid var(--gold);border-radius:12px;text-align:right;font-size:39px;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-height:80px}.field-help{font-size:13px!important;margin-bottom:8px!important}.error{color:#ffb2b9;font-size:16px;min-height:22px;margin:10px 0}.ledger-item{padding:12px;border-bottom:1px solid #444e50}.ledger-item strong{display:block}.ledger-item span{display:block;margin-top:5px;font-size:14px;color:var(--muted)}@media(max-width:520px){body{padding:8px 6px 20px;background:#080c0d}.device{border-width:2px;border-radius:26px;padding:14px 13px 18px;box-shadow:0 0 0 1px #8f7741}.brand{height:80px}.modes{gap:8px}.mode{padding:10px 4px}.mode b{font-size:16px}.ticket-footer{gap:8px}.ticket-footer small{width:100%;text-align:center}.total label{font-size:15px}}@media(max-width:359px){.mode b{font-size:14px}.record b{font-size:21px}.net{flex-direction:column}.net span{max-width:none}.total label{font-size:13px}.total strong{font-size:30px}.brand{padding-right:40px}.wordmark{width:180px}.wordmark img{width:195px;top:-18px}.hf12{width:49px}.measurement strong{font-size:13px}.yard{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.total{flex-wrap:wrap}.total strong.compact{font-size:clamp(22px,6.8vw,31px);max-width:100%;white-space:normal;overflow-wrap:anywhere}.net{flex-wrap:wrap}.net strong.compact{font-size:clamp(24px,7vw,35px)}.measurement strong{white-space:normal;overflow-wrap:anywhere}.measurement label,.mode em,.net span{font-size:14px}.ticket-footer small{font-size:12px}

.frequent-grades{padding:12px 0}.frequent-grades>b{display:block;font-size:13px;margin-bottom:8px}.frequent-grades>div{display:flex;flex-wrap:wrap;gap:8px}.frequent-grades button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-height:52px;padding:10px 14px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit}.frequent-grades strong{font-size:14px}.frequent-grades small{font-size:11px;opacity:.8}