.sound-toggle{position:absolute;right:22px;top:calc(22px + env(safe-area-inset-top));z-index:2;border:1px solid #3a454b;border-radius:999px;background:#151c20;color:#dfe7ea;padding:8px 12px;font:700 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.05em}
.sound-toggle:active{background:#222d32}
.brand strong i{font-style:normal;color:#f5f8f7}
.brand strong em{display:inline-block;margin:0 .08em;color:#f2a51a;font-style:normal;font-weight:700;text-shadow:0 0 12px #f2a51a44}
.start-mark{display:flex;flex-direction:column;align-items:center;gap:15px}
.start-mark span{width:54px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,#f2a51a,transparent);box-shadow:0 0 18px #f2a51a55}
.start-mark b{color:#7f8b90;font:600 9px/1 ui-monospace,monospace;letter-spacing:.32em}
.start-button{border-color:#f2bf3e!important;background:linear-gradient(145deg,#ffd963,#eeb42b)!important;color:#17140b!important;box-shadow:inset 0 1px #fff7b888,0 0 22px #f3bd3b22,0 12px 30px #0008!important}
.start-button:active{background:linear-gradient(145deg,#f2c74f,#dca01c)!important}
.warning button[value=confirm]{background:linear-gradient(145deg,#a75625,#753417)!important;border-color:#ee8243!important;box-shadow:inset 0 1px #ffd0ac55,0 0 14px #ee824322}
.count-card,.pending-card{overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.count-card *,.pending-card *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.count-card.pressing,.pending-card.pressing{transform:none}.count-card.tap-flash{border-color:#f2a51a;background:#293137}.pending-card.tap-flash{border-color:#f2a51a;background:#352817}.count-card>span{color:#8f999e;font-size:14px;font-weight:700}.count-card>span b{color:#c8ced1;font-size:32px}.count-card>strong{color:#fff;font-size:68px}.count-card>small{color:#f2a51a;font-weight:800}.count-card.compact>span{color:#8f999e;font-size:11px}.count-card.compact>span b{color:#c8ced1;font-size:21px}.count-card.compact>strong{color:#fff;font-size:36px}.count-card.compact>small{color:#f2a51a}@keyframes hold-fill{from{height:0}to{height:100%}}@keyframes hold-blocked{0%,100%{transform:translateX(0)}35%{transform:translateX(-3px)}70%{transform:translateX(3px)}}
.breakdown-main{overflow:hidden;border:1px solid #354047;border-radius:10px;background:#10171a;box-shadow:inset 0 1px #ffffff0d}.breakdown-head,.breakdown-row{display:grid;grid-template-columns:minmax(58px,1.25fr) repeat(4,minmax(32px,.72fr)) minmax(62px,1.2fr);align-items:center;text-align:center}.breakdown-head{min-height:30px;padding:0 8px;color:#788389;background:#0b1114;font:600 9px/1 ui-monospace,monospace;letter-spacing:.03em}.breakdown-head b{text-align:left}.breakdown-head strong{text-align:right}.breakdown-row{min-height:53px;padding:0 8px;border-top:1px solid #283238}.breakdown-row>b{text-align:left;font:900 25px/1 ui-monospace,monospace;color:#f4f7f8}.breakdown-row>b small{margin-left:2px;font:700 10px/1 sans-serif;color:#b8c0c4}.breakdown-row>span{min-height:20px;color:#929da2;font:700 13px/20px ui-monospace,monospace;border-left:1px solid #20292e}.breakdown-row>strong{text-align:right;font:900 25px/1 ui-monospace,monospace;color:#fff;border-left:1px solid #303a40}.breakdown-row>strong small{margin-left:3px;font:600 9px/1 sans-serif;color:#9ba5aa}.face-status{margin-top:2px}.face-status h2{margin:4px 0 2px}.face-status>div{min-height:30px}.result-screen .finish-button{margin-top:auto}@media(max-height:760px){.breakdown-row{min-height:45px}.breakdown-row>b,.breakdown-row>strong{font-size:22px}.result-screen{gap:6px}.face-status>div{min-height:27px}}

.undo-card{position:relative;overflow:hidden;isolation:isolate;border:1px solid #a35f25;border-radius:8px;background:linear-gradient(145deg,#302117,#1d1510);box-shadow:inset 0 1px #ffc0782b,0 6px 15px #0007;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.undo-card span{position:relative;z-index:2;display:block;color:#efa867;font-size:10px;font-weight:800}.undo-card strong{position:relative;z-index:2;display:block;margin-top:8px;font:900 18px/1 ui-monospace}.undo-card.empty{border-color:#384248;background:#11181b;color:#6f797e}.pending-card span{font-size:12px}.pending-card strong{font-size:26px}.undo-card::after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:0;background:linear-gradient(0deg,#f08a28dd,#f2a51a66);box-shadow:0 -3px 14px #f2a51a55;pointer-events:none}.undo-card.pressing::after{animation:hold-fill 450ms linear forwards}.undo-card.hold-complete::after{height:100%}.undo-card.hold-blocked{animation:hold-blocked 160ms ease}
.count-card,.pending-card{isolation:isolate}.count-card *,.pending-card *{position:relative;z-index:1}.count-card::before,.pending-card::before{content:"";position:absolute;z-index:0;inset:0;background:#f2a51a;opacity:0;pointer-events:none}.count-card.tap-flash,.pending-card.tap-flash{background:linear-gradient(145deg,#1a2429,#11181c)}.count-card.tap-flash::before,.pending-card.tap-flash::before{opacity:.22}