.bokah-nfc-tag{display:block;overflow:visible}.bokah-tap-sim{--tap-sim-stage:18rem;--tap-sim-phone-w:7.5rem;display:grid;place-items:center;inline-size:100%;max-inline-size:calc(var(--tap-sim-stage) + var(--space-4) * 2)}.bokah-tap-sim__target{position:relative;display:grid;place-items:center;inline-size:100%;padding:var(--space-4);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer}.bokah-tap-sim__stage{position:relative;display:block;inline-size:100%;aspect-ratio:1;overflow:clip}.bokah-tap-sim__art{z-index:var(--z-content);display:block;translate:-50% -50%}.bokah-tap-sim__art,.bokah-tap-sim__ripple{position:absolute;inset-block-start:50%;inset-inline-start:36%}.bokah-tap-sim__ripple{inline-size:0;block-size:0;pointer-events:none}.bokah-tap-sim__ring{--ring-size:calc(var(--tap-sim-stage) * 0.5);position:absolute;inset-block-start:calc(var(--ring-size) / -2);inset-inline-start:calc(var(--ring-size) / -2);inline-size:var(--ring-size);block-size:var(--ring-size);border:2px solid var(--color-accent);border-radius:var(--radius-pill);opacity:0;animation:bokah-tap-sim-ring var(--dur-cinematic) var(--ease-out-fabric) both;animation-delay:var(--dur-slow)}.bokah-tap-sim__ring:nth-child(2){animation-delay:calc(var(--dur-slow) + var(--dur-fast))}.bokah-tap-sim__ring:nth-child(3){animation-delay:calc(var(--dur-slow) + var(--dur-fast) * 2)}@keyframes bokah-tap-sim-ring{0%{opacity:.9;transform:scale(.25)}to{opacity:0;transform:scale(1)}}.bokah-tap-sim__phone{position:absolute;inset-block-start:50%;inset-inline-start:64%;z-index:calc(var(--z-content) + 1);inline-size:var(--tap-sim-phone-w);aspect-ratio:9/18;border:2px solid var(--border-strong);border-radius:calc(var(--tap-sim-phone-w) * .16);background:var(--surface-sunken);translate:-50% -42%;overflow:hidden}.bokah-tap-sim__phone[data-state=idle]{translate:-8% 6%;rotate:10deg;opacity:.85}.bokah-tap-sim__phone[data-state=tapped]{animation:bokah-tap-sim-approach var(--dur-slow) var(--ease-out-fabric) both}@keyframes bokah-tap-sim-approach{0%{translate:-8% 6%;rotate:10deg;opacity:.85}to{translate:-50% -42%;rotate:0deg;opacity:1}}.bokah-tap-sim__screen{position:absolute;inset:var(--space-1);overflow:hidden;border-radius:calc(var(--tap-sim-phone-w) * .12);background:var(--surface-raised)}.bokah-tap-sim__notch{position:absolute;inset-block-start:var(--space-1);inset-inline:38%;z-index:2;block-size:var(--space-2);border-radius:var(--radius-pill);background:var(--surface-sunken)}.bokah-tap-sim__page{position:absolute;inset:var(--space-6) 0 0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface-raised);color:var(--text);font-size:var(--type-xs);line-height:1.25;text-align:center;border-block-start:3px solid var(--color-accent);transform:translateY(100%)}.bokah-tap-sim__phone[data-state=tapped] .bokah-tap-sim__page{animation:bokah-tap-sim-page var(--dur-slow) var(--ease-out-fabric) both;animation-delay:calc(var(--dur-slow) + var(--dur-fast))}@keyframes bokah-tap-sim-page{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bokah-tap-sim__bar{display:block;block-size:var(--space-2);border-radius:var(--radius-pill);background:var(--border-subtle)}.bokah-tap-sim__bar:first-child{inline-size:60%;background:var(--color-accent)}@media (prefers-reduced-motion:reduce){.bokah-tap-sim__phone[data-state=idle]{translate:-50% -42%;rotate:0deg}.bokah-tap-sim__phone[data-state=tapped],.bokah-tap-sim__phone[data-state=tapped] .bokah-tap-sim__page{animation:none}.bokah-tap-sim__phone[data-state=tapped] .bokah-tap-sim__page{transform:none}.bokah-tap-sim__ring{animation:bokah-tap-sim-ring-still var(--dur-base) var(--ease-out-fabric) both;animation-delay:0s}.bokah-tap-sim__ring:nth-child(n+2){display:none}}:root[data-tier="0"] .bokah-tap-sim__phone[data-state=idle]{translate:-50% -42%;rotate:0deg}:root[data-tier="0"] .bokah-tap-sim__phone[data-state=tapped],:root[data-tier="0"] .bokah-tap-sim__phone[data-state=tapped] .bokah-tap-sim__page{animation:none}:root[data-tier="0"] .bokah-tap-sim__phone[data-state=tapped] .bokah-tap-sim__page{transform:none}:root[data-tier="0"] .bokah-tap-sim__ring{animation:bokah-tap-sim-ring-still var(--dur-base) var(--ease-out-fabric) both;animation-delay:0s}:root[data-tier="0"] .bokah-tap-sim__ring:nth-child(n+2){display:none}@keyframes bokah-tap-sim-ring-still{0%{opacity:.9}to{opacity:0}}