:root{--ink:#2b1d10;--paper:#f3e3bf;--plate:#342416db;--plate-edge:#ffd68c47;--gold:#f2c25a;--font:"Oswald", "Arial Narrow", system-ui, sans-serif}html,body{background:#c99a52;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;font-family:var(--font);color:var(--paper)}#view{cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#view:active{cursor:grabbing}#ui{pointer-events:none;position:fixed;inset:0;overflow:hidden}#ui>*{pointer-events:auto}.plate{top:max(12px, env(safe-area-inset-top));pointer-events:none;border:1.5px solid var(--plate-edge);background:linear-gradient(#46301ceb,#2c1e12eb);border-radius:10px;align-items:center;gap:10px;padding:7px 12px 7px 7px;display:flex;position:absolute;box-shadow:0 3px #140c0673,0 8px 24px #28160659}.plate .tile{background:linear-gradient(#6b4a2b,#4d331d);border:1px solid #ffd68c38;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.plate .tile svg{width:32px;height:32px}.plate .label{letter-spacing:.12em;text-transform:uppercase;color:#e8cf9c;font-size:12px;font-weight:600;line-height:1.1}.plate .value{color:#fff1cf;font-variant-numeric:tabular-nums;text-shadow:0 1px #0006;font-size:24px;font-weight:600;line-height:1.1}.count{left:max(12px, env(safe-area-inset-left))}.count .bar{background:#0006;border:1px solid #ffd68c2e;border-radius:3px;width:128px;height:6px;margin-top:4px;overflow:hidden}.count .bar i{background:linear-gradient(90deg,#d9a53c,#f6d77c);width:0;height:100%;transition:width .3s;display:block}.needles{right:max(12px, env(safe-area-inset-right));text-align:right;padding:7px 7px 7px 12px}.needles .names{flex-wrap:wrap;justify-content:flex-end;gap:4px;min-height:0;margin-top:3px;display:flex}.needles .chip{letter-spacing:.06em;text-transform:uppercase;color:#2b1d10;background:linear-gradient(#f6dc8c,#d9ac45);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.needles.pop{animation:.6s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{transform:scale(1)}30%{transform:scale(1.12);box-shadow:0 0 0 3px #ffecaa8c,0 8px 30px #ffd26e99}to{transform:scale(1)}}.notice{left:50%;bottom:max(22px, env(safe-area-inset-bottom));opacity:0;text-align:center;pointer-events:none;border:1.5px solid var(--plate-edge);color:#fff1cf;letter-spacing:.02em;background:#2c1e12eb;border-radius:10px;max-width:min(440px,100vw - 32px);padding:10px 16px;font-size:16px;transition:opacity .35s,transform .35s;position:absolute;transform:translate(-50%,16px)}.notice.on{opacity:1;transform:translate(-50%)}@media (width<=520px){.plate{gap:7px;padding:5px 9px 5px 5px}.needles{padding:5px 5px 5px 9px}.plate .tile{width:34px;height:34px}.plate .tile svg{width:25px;height:25px}.plate .label{font-size:10px}.plate .value{font-size:19px}.count .bar{width:84px}.needles .names{max-width:120px}}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/oswald-cyrillic-ext-500-normal-DngHVvy4.woff2)format("woff2"),url(/assets/oswald-cyrillic-ext-500-normal-Hz7kEHBT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/oswald-cyrillic-500-normal-Dz4ZC46J.woff2)format("woff2"),url(/assets/oswald-cyrillic-500-normal-CjKr_ZfC.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/oswald-vietnamese-500-normal-hXcn5ojQ.woff2)format("woff2"),url(/assets/oswald-vietnamese-500-normal-Bi4XG4HV.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/oswald-latin-ext-500-normal-QdEKgtiz.woff2)format("woff2"),url(/assets/oswald-latin-ext-500-normal-DcyNJhgm.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/oswald-latin-500-normal-B-eyT0Dw.woff2)format("woff2"),url(/assets/oswald-latin-500-normal-DM85Di4w.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/oswald-cyrillic-ext-600-normal-DJv8RkPb.woff2)format("woff2"),url(/assets/oswald-cyrillic-ext-600-normal-CXH_3Vsf.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/oswald-cyrillic-600-normal-OIkAk3Qq.woff2)format("woff2"),url(/assets/oswald-cyrillic-600-normal-B7zyAoGs.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/oswald-vietnamese-600-normal-h0z1RevK.woff2)format("woff2"),url(/assets/oswald-vietnamese-600-normal-CH5CIKWT.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/oswald-latin-ext-600-normal-5Cvn_Zbc.woff2)format("woff2"),url(/assets/oswald-latin-ext-600-normal-BUCHT9gM.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/oswald-latin-600-normal-plFmSr5g.woff2)format("woff2"),url(/assets/oswald-latin-600-normal-DRToI_2E.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
