.tk{--tk-enamel:#f1eadb;--tk-enamel-low:#e3d8c3;--tk-edge:#1d2b3a33;--tk-chrome:linear-gradient(180deg, #fbfbf9, #c3c6ca 48%, #9fa3a8 52%, #e6e7e8);--tk-gothic:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;text-align:left;width:min(560px,100%);margin:56px auto 0;padding-bottom:72px}.tk-body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.16 0 0 0 0 0.22 0 0 0 0.11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse 34% 12% at 86% 17%, #463c2812, transparent 70%), radial-gradient(ellipse 46% 9% at 50% 90%, #463c2814, transparent 70%), linear-gradient(180deg, var(--tk-enamel) 0%, var(--tk-enamel) 55%, var(--tk-enamel-low) 100%);border:1px solid var(--tk-edge);border-radius:18px;padding:22px 22px 0;position:relative;box-shadow:inset 0 1px #fffc,inset 0 -2px #1d2b3a0f,0 26px 50px -22px #1d2b3a66,0 6px 14px #1d2b3a1a}.tk-plate{background:linear-gradient(180deg, #2c4170, var(--mp-indigo));color:var(--mp-cream-bright);border-radius:8px;justify-content:space-between;align-items:baseline;padding:10px 20px 9px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000040,0 1px #ffffffb3}.tk-plate-ja{font-family:var(--tk-gothic);letter-spacing:.18em;font-size:26px;font-weight:700}.tk-plate-en{font-family:var(--font-typewriter);letter-spacing:.18em;text-transform:uppercase;opacity:.85;font-size:12px}.tk-panel{align-items:stretch;gap:14px;margin:16px 0 20px;display:flex}.tk-display{min-height:46px;font-family:var(--font-typewriter);letter-spacing:.16em;text-transform:uppercase;color:#ffb54d;text-shadow:0 0 6px #ffa03c8c;white-space:nowrap;background:linear-gradient(#121823,#1c2431) padding-box padding-box,repeating-linear-gradient(90deg,#ffffff2e 0 1px,#0000000d 1px 3px) border-box,linear-gradient(#e9ebec,#b3b7bb 55%,#d5d8da) border-box;border:4px solid #0000;border-radius:6px;flex:1;align-items:center;padding:0 14px;font-size:14px;display:flex;overflow:hidden;box-shadow:inset 0 2px 6px #0009,0 1px 2px #1d2b3a40}.tk[data-printing] .tk-display span{animation:.42s steps(2,start) 3 tk-blink}.tk-money{grid-template-rows:1fr auto;grid-template-columns:auto auto auto;place-items:center;gap:4px 10px;display:grid}.tk-coin,.tk-bill{background:var(--tk-chrome);border-radius:5px;place-items:center;display:grid;box-shadow:0 1px 2px #1d2b3a40}.tk-coin{border-radius:50%;width:30px;height:30px}.tk-bill{width:54px;height:30px}.tk-coin i,.tk-bill i{background:#10151d;border-radius:2px;display:block;box-shadow:inset 0 1px 2px #000c}.tk-coin i{width:4px;height:16px}.tk-bill i{width:38px;height:4px}.tk-money-label{font-family:var(--tk-gothic);letter-spacing:.2em;text-align:center;color:var(--mp-ink-soft);font-size:9px}.tk-lever{width:30px;height:30px;position:relative}.tk-lever:before{content:"";background:radial-gradient(circle at 35% 30%,#fafafa,#9ea2a7 60%,#6f7378);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 1px 2px #1d2b3a59}.tk-lever i{transform-origin:50% 100%;background:linear-gradient(90deg,#8d9196,#f4f5f6 45%,#a3a7ab);border-radius:3px;width:6px;height:17px;margin:-15px 0 0 -3px;position:absolute;top:50%;left:50%;transform:rotate(-24deg);box-shadow:0 1px 2px #1d2b3a4d}.tk-group+.tk-group{margin-top:18px}.tk-group-name{background:var(--mp-indigo);font-family:var(--font-typewriter);letter-spacing:.22em;text-transform:uppercase;color:var(--mp-cream-bright);border-radius:3px;margin:0 0 9px;padding:3px 10px 2px;font-size:11px;display:inline-block}.tk-keys{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.tk-keys>li{display:flex}.tk-keys>li>.tk-key{flex:1}.tk-key,.tk-key-blank{min-height:92px;color:var(--mp-ink);background:linear-gradient(#fefefc 0%,#f1efe9 100%);border:1px solid #1d2b3a38;border-radius:7px;padding:17px 6px 6px;text-decoration:none;transition:transform 90ms,box-shadow 90ms;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 3px #cdc6b8,0 5px 8px #1d2b3a1f}.tk-card{background-color:var(--tone,#f4f1ea);text-align:center;background-image:linear-gradient(168deg,#fff9 0%,#ffffff26 34%,#fff0 36%);border-radius:4px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex;box-shadow:inset 0 0 0 1px #1d2b3a1f,inset 0 1px 3px #1d2b3a24}.tk-key-blank{opacity:.75}.tk-key-blank .tk-card{background-color:#f6f4ef}.tk-key:active,.tk-key[data-on]{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 1px #cdc6b8,0 2px 4px #1d2b3a1f}.tk-key:focus-visible{outline:2px solid var(--mp-indigo);outline-offset:3px}@media (hover:hover){.tk-key:hover .tk-lamp:not([data-soon]){background:#9fd8a8;box-shadow:0 0 6px #78d28cb3}}.tk-lamp{background:#b9d8bd;border-radius:3px;min-width:22px;height:6px;position:absolute;top:6px;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #1d2b3a1f}.tk-key[data-on] .tk-lamp{background:#ffb54d;animation:.3s steps(2,start) 4 tk-blink;box-shadow:0 0 8px #ffa03ccc}.tk-lamp[data-soon]{background:var(--mp-red);height:auto;box-shadow:none;font-family:var(--tk-gothic);letter-spacing:.12em;color:var(--mp-cream-bright);padding:1px 6px;font-size:9px;line-height:1.3;top:4px}.tk-en{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:14px;line-height:1.2}.tk-ja{font-family:var(--tk-gothic);letter-spacing:.12em;color:var(--mp-ink-soft);font-size:11px}.tk-amp{font-family:var(--font-typewriter);text-transform:none}.tk-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tk-out{align-items:flex-start;gap:18px;margin-top:22px;display:flex}.tk-out-ticket{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.tk-slot{background:var(--tk-chrome);border-radius:6px;width:78%;padding:4px;display:block;box-shadow:0 1px 2px #1d2b3a40}.tk-slot i{background:#0e131b;border-radius:3px;height:8px;display:block;box-shadow:inset 0 2px 3px #000c}.tk-out-label{font-family:var(--tk-gothic);letter-spacing:.3em;color:var(--mp-ink-soft);font-size:10px}.tk-tray{flex-direction:column;align-items:center;gap:6px;display:flex}.tk-tray-cup{background:radial-gradient(80% 70% at 50% 25%,#2a313c,#0f141b) padding-box padding-box,linear-gradient(#f2f3f4,#a8acb0 55%,#d9dcde) border-box;border:3px solid #0000;border-radius:6px 6px 16px 16px;width:74px;height:34px;display:block;box-shadow:inset 0 4px 8px #0009,0 1px 2px #1d2b3a40}.tk-base{background:repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000000d 1px 2px,#fff0 2px 4px),linear-gradient(#e4e6e8,#b5b9bd 50%,#cfd2d5);border-top:1px solid #1d2b3a40;border-radius:0 0 17px 17px;height:20px;margin:26px -22px 0;position:relative}.tk-screw{background:radial-gradient(circle at 35% 30%,#fff,#b9bdc2 55%,#7c8085);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 .5px 1px #00000073}.tk-screw:after{content:"";height:1px;transform:rotate(var(--r,0deg));background:#1e202499;position:absolute;top:3px;left:1px;right:1px}.tk-screw:first-child{top:6px;left:6px}.tk-screw:nth-child(2){top:6px;right:6px}.tk-screw:nth-child(3){bottom:6px;left:6px}.tk-screw:nth-child(4){bottom:6px;right:6px}.tk-base .tk-screw:nth-child(n){top:6.5px;bottom:auto}.tk-base .tk-screw:first-child{left:14px}.tk-base .tk-screw:nth-child(2){right:14px}.tk-base .tk-screw:nth-child(3){left:33%}.tk-base .tk-screw:nth-child(4){left:auto;right:33%}.tk-well{pointer-events:none;z-index:2;width:240px;height:190px;position:absolute;top:10px;left:50%;overflow:hidden;translate:-50%}.tk-ticket{background:color-mix(in srgb, var(--tone,#fbf7ee) 72%, #fffaf0);width:200px;font-family:var(--font-typewriter);color:var(--mp-ink);transform-origin:50% 0;border:1px solid #1d2b3a24;border-top:2px dashed #1d2b3a2e;margin:0 auto;padding:14px 16px 12px;animation:.9s cubic-bezier(.3,.7,.3,1) both tk-print;box-shadow:0 8px 14px -6px #1d2b3a59}.tk-ticket p{margin:0}.tk-ticket-top{letter-spacing:.2em;color:var(--mp-ink-soft);justify-content:space-between;font-size:11px;display:flex}.tk-ticket-top span:last-child{font-family:var(--tk-gothic)}.tk-ticket-en{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:17px;margin-top:10px!important}.tk-ticket-ja{font-family:var(--tk-gothic);letter-spacing:.14em;color:var(--mp-ink-soft);font-size:11px;margin-top:2px!important}.tk-ticket-foot{letter-spacing:.08em;border-top:1px solid #1d2b3a24;justify-content:space-between;padding-top:7px;font-size:11px;display:flex;margin-top:10px!important}.tk-ticket-no{color:var(--mp-red-deep)}@keyframes tk-print{0%{transform:translateY(-100%)}35%{transform:translateY(-58%)}45%{transform:translateY(-56%)}80%{transform:translateY(-4%)}90%{transform:translateY(2%)rotate(1.2deg)}to{transform:translateY(0)rotate(.6deg)}}@keyframes tk-blink{to{opacity:.35}}@media (max-width:480px){.tk-body{border-radius:14px;padding:16px 14px 0}.tk-base{border-radius:0 0 13px 13px;height:18px;margin:20px -14px 0}.tk-lever{width:24px;height:26px}.tk-money{gap:4px 7px}.tk-tray-cup{width:56px;height:28px}.tk-out{gap:12px}.tk-plate-ja{font-size:22px}.tk-plate-en{font-size:10px}.tk-display{min-height:40px;padding:0 10px;font-size:12px}.tk-coin{width:26px;height:26px}.tk-bill{width:44px;height:26px}.tk-bill i{width:30px}.tk-keys{gap:8px}.tk-key,.tk-key-blank{min-height:84px;padding:16px 4px 4px}.tk-en{letter-spacing:.05em;font-size:11.5px}.tk-ja{letter-spacing:.06em;font-size:10px}}