.ohead{padding-block:calc(var(--block) * .6) calc(var(--block) * .3)}.ohead-in{gap:var(--stack);align-items:end;display:grid}@media (width>=900px){.ohead-in{grid-template-columns:minmax(0,1fr) minmax(0,26rem)}}@media (width<=639px){.ohead{padding-block:16px 8px}.ohead-in{gap:6px}.ohead h1{font-size:clamp(2.5rem,12vw,3.5rem)}.ohead .lead{font-size:1rem;line-height:1.35}}.oapp{min-height:calc(100svh - var(--nav-h));padding-bottom:0}.o-nojs{border:3px dashed var(--smoke);border-radius:var(--r-field);margin-block:0 16px;padding:12px;display:none}@media (scripting:none){.o-nojs{display:block}.o-split,.o-details,.o-empty,.o-pay{display:none}}.oapp[data-lazy-state=error] .o-nojs{display:block}.oapp[data-lazy-state=error] .o-split,.oapp[data-lazy-state=error] .o-details{display:none}.o-empty{place-items:center start;gap:24px;padding-block:24px 8px;display:grid}.o-empty[hidden],.o-split[hidden],.o-details[hidden],.o-pay[hidden]{display:none}.o-empty img{width:min(18rem,70%);height:auto}.o-empty-h{font:900 clamp(2rem, 1.6rem + 2.4vw, 3.5rem)/.95 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-stretch:62%}.o-empty-b{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:20px;display:flex}@media (width>=800px){.o-empty{grid-template-columns:auto 1fr;gap:48px}}html[data-bag="0"] .o-empty[hidden]{display:grid}html[data-bag="0"] .o-split,html[data-bag="0"] .o-details{display:none}.o-split{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (width>=1100px){.o-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px}.o-bag{top:calc(var(--nav-h) + 24px);position:sticky}}.obon .small{color:var(--smoke)}.obon-head{border-bottom:2px dashed var(--tarmac);justify-content:space-between;gap:8px;padding-bottom:8px;display:flex}.obon-title{max-width:60%;min-height:4.4rem;font-size:clamp(1.5rem,1.3rem + 1vw,2rem);line-height:.95}.o-lines{margin:0;padding:0;list-style:none;display:grid}.o-skel{border-bottom:1.5px solid var(--hairline);gap:8px;padding:14px 0;display:grid}.o-skel span{background:var(--hairline);border-radius:3px;width:60%;height:14px}.o-skel span+span{width:35%}.o-line{border-bottom:1.5px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 12px;padding:14px 0;display:grid}.o-line.leaving{opacity:0;transition:opacity .14s var(--ease-out), transform .14s var(--ease-out);transform:translate(-8px)}.o-ln-main{gap:4px;min-width:0;display:grid}.o-ln-name{overflow-wrap:anywhere;font-size:1.5rem;line-height:1}.o-ln-sub,.o-ln-al{color:var(--smoke);overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.4}.o-ln-flag,.o-ln-err{border:3px solid var(--tarmac);border-radius:var(--r-chip);margin:4px 0 0;padding:6px 10px;font-size:.8125rem;font-weight:700;line-height:1.35}.o-ln-flag{background:var(--signal);color:var(--tarmac)}.o-ln-err{background:var(--paper);border-style:dashed;border-color:var(--error);color:var(--tarmac)}.o-ln-flag:before,.o-ln-err:before{content:"! ";font-weight:800}.o-ln-flag[hidden],.o-ln-err[hidden]{display:none}.o-ln-side{justify-items:end;gap:8px;display:grid}.o-ln-price{white-space:nowrap;justify-content:flex-end;min-width:7ch;font-size:1.0625rem;display:inline-flex;overflow:hidden}.o-step{grid-template-columns:48px minmax(2.25rem,auto) 48px;place-items:center;display:inline-grid}.o-step button{width:48px;height:48px;color:var(--tarmac);border:3px solid var(--tarmac);font:800 1.25rem/1 var(--font-mono);cursor:pointer;transition:background-color .14s var(--ease), transform 80ms var(--ease-out);background:#fff;border-radius:8px}.o-step button:active{transform:translate(2px,2px)}@media (hover:hover) and (pointer:fine){.o-step button:hover:not([aria-disabled=true]){background:var(--volt)}}.o-step button[aria-disabled=true]{background:var(--paper);color:var(--smoke);border-color:var(--field-border);cursor:not-allowed}.o-step output{font:700 1.0625rem var(--font-mono);text-align:center}.o-ln-rm{min-height:44px;font-size:.8125rem}.o-line-err{background:var(--signal);border:3px solid var(--tarmac);border-radius:var(--r-chip);margin:0;padding:8px 10px;font-weight:700}.o-line-err:before{content:"! "}.o-line-err[hidden]{display:none}.obon-total{border-top:2px dashed var(--tarmac);justify-content:space-between;align-items:baseline;gap:8px;padding-top:12px;display:flex}.obon-total .label{font-size:.75rem}.obon-total strong{color:var(--ultraviolet);letter-spacing:-.02em;justify-content:flex-end;min-width:8ch;font-size:2.5rem;font-weight:800;line-height:1;display:inline-flex;overflow:hidden}@media (width>=900px){.obon-total strong{font-size:3rem}}.obon-vat{text-align:right;color:var(--smoke);margin:-6px 0 0;font-size:.75rem}.dg{display:inline-block}.dg.roll{animation:dg-roll .16s var(--ease-out)}@keyframes dg-roll{0%{transform:translateY(100%)}}.o-stamp{z-index:2;width:7.25rem;position:absolute;top:40px;right:14px}.o-stamp[hidden]{display:none}.o-stamp .stamp-time{font-size:1.875rem}.tick{background:var(--ultraviolet);opacity:0;border-radius:2px;width:4px;height:12px;position:absolute;top:50%;left:50%}.o-stamp[data-thunk]{animation:thunk .24s var(--ease-spring) .12s both}.o-stamp[data-thunk] .tick{animation:tick .18s var(--ease-out) .36s both}.tick.t1{--tx:-64px;--ty:-34px;--r:-60deg}.tick.t2{--tx:66px;--ty:-26px;--r:55deg}.tick.t3{--tx:0px;--ty:52px;--r:0deg}@keyframes thunk{0%{opacity:0;transform:translateY(-200px)rotate(30deg)}30%{opacity:1}to{transform:rotate(var(--rot));opacity:1}}@keyframes tick{0%{opacity:1;transform:translate(0, 0) rotate(var(--r))}to{opacity:0;transform:translate(var(--tx), var(--ty)) rotate(var(--r))}}.obon[data-dip]{animation:dip .16s var(--ease-out) .36s both}@keyframes dip{50%{transform:translateY(4px)}}.board{background:var(--tarmac);color:var(--concrete);border-radius:var(--r-card);--focus-gap:var(--tarmac);align-content:start;gap:14px;padding:20px;display:grid;container-type:inline-size}.board :focus-visible{outline-color:var(--volt);box-shadow:0 0 0 3px var(--tarmac)}.board .small{color:var(--smoke-on-dark)}.board-top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;display:flex}.board-read{gap:2px;display:grid}.board-read .label{color:var(--smoke-on-dark)}.board-clock{color:var(--volt);letter-spacing:-.02em;min-width:5ch;font-size:clamp(4rem,3rem + 7vw,6.5rem);font-weight:800;line-height:.9;display:inline-flex;overflow:hidden}.board-fast[hidden]{display:none}.board-set{border:0;min-width:0;margin:0;padding:0}.board-legend{font:700 .75rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--concrete);margin-bottom:8px;padding:0}.board-cells{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;display:grid}@container (width>=460px){.board-cells{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width>=660px){.board[data-many] .board-cells{grid-template-columns:repeat(6,minmax(0,1fr))}}.cell{min-height:56px;color:var(--tarmac);border:3px solid var(--tarmac);border-radius:var(--r-chip);cursor:pointer;text-align:center;background:#fff;align-content:center;place-items:center;gap:2px;padding:4px;display:grid;position:relative}.cell input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.cell-t{font:700 .9375rem/1 var(--font-mono);font-variant-numeric:tabular-nums}.cell-n{font:700 .75rem/1 var(--font-mono);letter-spacing:.04em;color:var(--smoke)}@media (hover:hover) and (pointer:fine){.cell:not(.cell--full):not(.cell--ghost):not(:has(input:checked)):hover{background:var(--volt)}}.cell{transition:background-color .14s var(--ease), transform .14s var(--ease)}.cell:not(.cell--full):not(.cell--ghost):active{transition-duration:80ms;transform:translate(2px,2px)}.cell:has(input:checked){background:var(--volt);box-shadow:6px 6px 0 0 var(--ultraviolet)}.cell:has(input:focus-visible){outline:3px solid var(--volt);outline-offset:3px}.cell--full{background:var(--paper);color:var(--smoke);cursor:not-allowed;border-style:dashed}.cell--full .cell-t{text-decoration:line-through}.cell--ghost{border:3px dashed var(--hairline-on-dark);cursor:default;background:0 0}.cell.nudge{animation:nudge .14s var(--ease-out)}@keyframes nudge{40%{transform:translate(4px)}80%{transform:translate(-2px)}}.board-msg{min-height:1.45em;margin:0}.board-lead{margin:0}.board-msg[data-kind=warn]{color:var(--concrete);font-weight:700}.board-msg[data-kind=warn]:before{content:"! ";color:var(--signal)}.o-details{padding-top:calc(var(--block) * .6);gap:32px;display:grid}@media (width>=900px){.o-details{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:48px}}.o-fields{gap:18px;max-width:40rem;display:grid}.o-fields h2{font-size:clamp(1.875rem,1.805rem + 1.8vw,3rem)}.field{gap:6px;display:grid}.field label{font-size:.9375rem;font-weight:700}.field input,.field textarea{background:var(--paper);width:100%;min-height:48px;color:var(--tarmac);border:3px solid var(--tarmac);border-radius:var(--r-field);font:inherit;box-sizing:border-box;padding:10px 14px}.field textarea{resize:vertical;min-height:80px}.field [aria-invalid=true]{border-color:var(--error)}.field-h{color:var(--smoke);margin:0}.field-err{color:var(--tarmac);border-left:4px solid var(--error);margin:0;padding-left:10px;font-size:.875rem;font-weight:700}.field-err:before{content:"! ";color:var(--error);font-weight:800}.field-err[hidden]{display:none}.board .field-err{color:var(--concrete)}.o-err-top{background:var(--signal);border:3px solid var(--tarmac);border-radius:var(--r-field);margin:0;padding:12px 14px;font-weight:700}.o-err-top[hidden]{display:none}.o-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.o-pay-box{align-content:start;gap:12px;display:grid}.o-sum{border-top:3px solid var(--tarmac);justify-content:space-between;align-items:baseline;gap:8px;padding-top:12px;display:flex}.o-sum strong{font-size:2rem;font-weight:800;line-height:1}.o-demo{color:var(--smoke);margin:0}.o-pay{padding-top:calc(var(--block) * .5);gap:14px;max-width:44rem;margin-inline:auto 0;display:grid}.o-pay h2{font-size:clamp(1.875rem,1.805rem + 1.8vw,3rem)}.o-pay-slot:empty{display:none}.o-pay-act{justify-items:start;gap:12px;max-width:none;margin:0;display:grid}.o-pay-act .btn--lg{width:100%}.oapp[data-step=pay] .o-split .board,.oapp[data-step=pay] .o-details{display:none}.oapp[data-step=pay] .o-split{grid-template-columns:minmax(0,1fr)}.oapp[data-step=pay] .o-bag{position:static}@media (prefers-reduced-motion:reduce){.dg.roll,.cell.nudge,.o-stamp[data-thunk],.o-stamp[data-thunk] .tick,.obon[data-dip]{animation:none}.o-stamp[data-thunk] .tick{opacity:0}.o-line.leaving{transition:opacity .14s linear;transform:none}}
