.mc{position:relative;width:100%;max-width:var(--mc-w, 940px);margin-inline:auto;container-type:inline-size;overflow:hidden;border-radius:16px 16px 6px 6px;color:var(--mc-paper);background:linear-gradient(90deg,#0000008c,#0000 7%,#0000 93%,#0000008c),linear-gradient(180deg,var(--mc-case-lit) 0%,var(--mc-case) 44%,var(--mc-case-ink) 100%);box-shadow:inset 0 0 0 1px #c2a1454d,inset 0 1px #ffffff1f,0 30px 58px #0000009e}.mc>*{--mc-cell-w: clamp(56px, 13.1cqw, 124px);--mc-cell-h: calc(var(--mc-cell-w) * 1.2);--mc-gap: clamp(2px, .5cqw, 5px);--mc-window-w: calc(var(--mc-cell-w) * 5 + var(--mc-gap) * 6)}.mc-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.mc-edge{position:absolute;--mc-run: 3.4s}.mc-edge-top,.mc-edge-bottom{left:0;right:0;height:3px}.mc-edge-left,.mc-edge-right{top:0;bottom:0;width:3px}.mc-edge-top{top:0}.mc-edge-bottom{bottom:0}.mc-edge-left{left:0}.mc-edge-right{right:0}.mc-edge:before,.mc-edge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(var(--mc-dir, 90deg),#fff 0 5px,transparent 5px 12px)}.mc-edge:before{opacity:.16}.mc-edge:after{opacity:.9;background-size:46px 100%;animation:mc-run var(--mc-run) linear infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.75))}.mc-edge-left:before,.mc-edge-left:after,.mc-edge-right:before,.mc-edge-right:after{--mc-dir: 180deg}.mc-edge-left:after,.mc-edge-right:after{background-size:100% 46px}@keyframes mc-run{to{background-position:46px 46px}}.mc.is-hold .mc-edge{--mc-run: 1.6s}.mc.is-at .mc-edge{--mc-run: .8s}.mc.is-ceiling .mc-edge{--mc-run: 1.2s}@media (prefers-reduced-motion: reduce){.mc-edge:after{animation:none}.mc-apron-lit:before{animation:none;opacity:0}.mc.is-pull .mc-head-glow,.mc.is-pull .mc-window-glow,.mc.is-pull .mc-board-glow{animation:none}.mc[class*=is-chance-] .mc-window-glow{animation:none;opacity:1}}.mc-head{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2cqw,26px);padding:clamp(12px,2.4cqw,24px) 16px clamp(10px,2cqw,20px);overflow:hidden;background:linear-gradient(180deg,#fff0c833,#fff0c800 44%),radial-gradient(120% 160% at 50% 0%,#c2a14533,#0000 62%),linear-gradient(180deg,var(--mc-head-a) 0%,var(--mc-head-b) 46%,var(--mc-head-c) 100%);box-shadow:inset 0 2px #fff8de4d,inset 0 -2px #c2a14599,inset 0 -3px 12px #00000080}.mc-head:before{content:"";position:absolute;inset:clamp(5px,1cqw,10px);border-radius:6px;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 1px #0000008c,inset 0 0 0 2px #c2a14599,inset 0 0 0 3px #00000059;background:radial-gradient(circle at 50% 50%,var(--mc-bulb, rgba(255, 240, 200, .85)) 0 2px,var(--mc-bulb-halo, rgba(255, 240, 200, .22)) 2.6px,rgba(255,240,200,0) 4.6px) top left / 20px 9px repeat-x,radial-gradient(circle at 50% 50%,var(--mc-bulb, rgba(255, 240, 200, .85)) 0 2px,var(--mc-bulb-halo, rgba(255, 240, 200, .22)) 2.6px,rgba(255,240,200,0) 4.6px) bottom left / 20px 9px repeat-x;transition:none}.mc-head:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.5;background:repeating-linear-gradient(180deg,#ffffff09 0,#ffffff09 1px,#0000000d 1px,#0000000d 3px)}.mc-head-glow{position:absolute;left:0;right:0;top:0;height:200%;pointer-events:none;z-index:0;opacity:0;background:linear-gradient(180deg,#fffcece6,#ffecbe8c 16%,#f2dd9e38 34%,#f2dd9e00 56%)}.mc.is-pull .mc-head-glow{animation:mc-head-sweep var(--mc-pull-ms, .7s) ease-out}@keyframes mc-head-sweep{0%{opacity:0;transform:translateY(-46%)}14%{opacity:1;transform:translateY(-22%)}to{opacity:0;transform:translateY(26%)}}.mc.is-pull .mc-head:before{--mc-bulb: rgba(255, 252, 236, 1);--mc-bulb-halo: rgba(255, 240, 200, .5)}.mc-plate{position:relative;z-index:1;margin:0;text-align:center;line-height:1.1}.mc-plate b{display:block;font:800 clamp(20px,4.2cqw,44px)/1.3 Rockwell,"Roboto Slab",Georgia,serif;padding-block:.06em;letter-spacing:.1em;background:linear-gradient(180deg,#fff8de 0%,var(--mc-metal-lit) 26%,var(--mc-metal) 54%,#6d5518 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6))}.mc-plate i{display:block;margin-top:6px;font:600 clamp(8px,1.3cqw,12px)/1 system-ui,sans-serif;font-style:normal;letter-spacing:.44em;text-indent:.44em;color:#c2a145b8}.mc-screen{position:relative;height:clamp(120px,17cqw,168px);overflow:hidden;background:var(--mc-lcd);box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 0 2px #c2a14542,inset 0 10px 26px #000000bf}.mc-screen-foot{position:absolute;left:0;right:0;bottom:7px;margin:0;text-align:center;min-height:1.4em;font-size:clamp(10px,1.5cqw,14px);color:#f0e8d2e6;text-shadow:0 1px 5px rgba(0,0,0,.95)}.mc-board-glow{position:absolute;left:0;right:0;top:0;height:190%;pointer-events:none;opacity:0;background:linear-gradient(180deg,#fff8de6b,#f2dd9e2e 22%,#f2dd9e0d,#f2dd9e00 58%)}.mc.is-pull .mc-board-glow{animation:mc-board-sweep var(--mc-pull-ms, .7s) ease-out}@keyframes mc-board-sweep{0%{opacity:0;transform:translateY(-40%)}16%{opacity:1;transform:translateY(-18%)}to{opacity:0;transform:translateY(24%)}}.mc-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(6px,1.2cqw,14px);align-items:stretch;padding:clamp(10px,1.8cqw,20px) clamp(8px,1.4cqw,16px);background:linear-gradient(180deg,#00000047,#0000000d)}.mc-post{min-width:0;border-radius:3px;background:linear-gradient(90deg,#00000059,#0000 42%),linear-gradient(180deg,var(--mc-post-a) 0%,var(--mc-post-b) 100%);box-shadow:inset 0 0 0 1px #c2a1452e}.mc-window{position:relative;justify-self:center;width:var(--mc-window-w);padding:var(--mc-gap);border-radius:4px;background:var(--mc-case-ink);box-shadow:0 0 0 2px var(--mc-window-edge),0 0 0 4px #c2a1458c,inset 0 3px 14px #000c}.mc-window-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:7px;pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--mc-glow-core, rgba(255, 252, 236, .9)),0 0 12px 2px var(--mc-glow-mid, rgba(255, 236, 190, .75)),0 0 30px 6px var(--mc-glow-far, rgba(242, 221, 158, .35));background:linear-gradient(180deg,var(--mc-glow-core, rgba(255, 252, 236, .5)) 0%,var(--mc-glow-far, rgba(242, 221, 158, .16)) 22%,rgba(0,0,0,0) 46%);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);padding:5px}.mc.is-pull .mc-window-glow{animation:mc-window-sweep var(--mc-pull-ms, .7s) ease-out}@keyframes mc-window-sweep{0%{opacity:0}12%{opacity:1}to{opacity:0}}.mc[class*=is-chance-] .mc-window-glow{opacity:1;animation:mc-chance-breathe 1.6s ease-in-out infinite}@keyframes mc-chance-breathe{0%,to{opacity:.55}50%{opacity:1}}.mc.is-chance-blue{--mc-glow-core: rgba(126, 198, 255, 1);--mc-glow-mid: rgba(56, 140, 240, .85);--mc-glow-far: rgba(28, 92, 200, .45)}.mc.is-chance-green{--mc-glow-core: rgba(126, 255, 146, 1);--mc-glow-mid: rgba(46, 214, 88, .85);--mc-glow-far: rgba(20, 158, 62, .45)}.mc.is-chance-red{--mc-glow-core: rgba(255, 122, 104, 1);--mc-glow-mid: rgba(248, 34, 22, .9);--mc-glow-far: rgba(190, 14, 8, .5)}.mc.is-chance-gold{--mc-glow-core: rgba(255, 246, 214, 1);--mc-glow-mid: rgba(255, 206, 78, .85);--mc-glow-far: rgba(224, 152, 22, .45)}.mc.is-chance-rainbow .mc-window-glow{animation:mc-chance-breathe 1.6s ease-in-out infinite,mc-chance-rainbow 2.4s linear infinite}@keyframes mc-chance-rainbow{0%{filter:hue-rotate(0deg) saturate(1.4)}to{filter:hue-rotate(360deg) saturate(1.4)}}.mc.is-chance-rainbow{--mc-glow-core: rgba(255, 190, 190, 1);--mc-glow-mid: rgba(255, 90, 90, .9);--mc-glow-far: rgba(255, 40, 40, .5)}.mc.is-chance-red .mc-edge{--mc-run: 1.6s}.mc.is-chance-gold .mc-edge{--mc-run: 1s}.mc.is-chance-rainbow .mc-edge{--mc-run: .6s}.mc-reels{display:grid;grid-template-columns:repeat(5,var(--mc-cell-w));gap:var(--mc-gap);height:calc(var(--mc-cell-h) * 3)}.mc-reel{border-radius:2px;background:var(--mc-reel-paper);box-shadow:inset 0 0 0 1px #0000008c}.mc-sym{background:none;border-bottom:0;box-shadow:none}.mc-sym .dw-cell{display:block;width:100%;height:100%}.mc-payline{position:absolute;left:0;right:0;top:calc(var(--mc-gap) * 2 + var(--mc-cell-h));height:var(--mc-cell-h);pointer-events:none;box-shadow:inset 0 0 0 2px #f2dd9ed9;border-radius:2px}.mc-glass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:4px;background:linear-gradient(168deg,#ffffff24,#ffffff08,#fff0 52%)}.mc-post-r{display:flex;flex-direction:column;gap:clamp(5px,.9cqw,10px);padding:clamp(6px,1cqw,10px)}.mc-lamps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.mc-lamp{padding:clamp(3px,.7cqw,7px);text-align:center;border-radius:2px;font:700 clamp(8px,1.1cqw,12px)/1 system-ui,sans-serif;letter-spacing:.18em;text-indent:.18em;color:#b4c8b26b;background:#0000006b;box-shadow:inset 0 0 0 1px #c2a14529}.mc-lamp.is-on{color:var(--mc-btn-ink);background:linear-gradient(180deg,var(--mc-metal-lit) 0%,var(--mc-metal) 100%);box-shadow:0 0 12px #f2dd9e73}.mc-meters{margin-top:auto;display:flex;flex-direction:column;gap:4px}.mc-meter{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:clamp(2px,.5cqw,6px) clamp(4px,.7cqw,8px);border-radius:2px;background:var(--mc-hole);box-shadow:inset 0 0 0 1px #c2a14538,inset 0 2px 6px #000c}.mc-meter b{font:700 clamp(11px,1.7cqw,18px)/1 ui-monospace,"SF Mono",Menlo,monospace;color:var(--mc-meter-ink);text-shadow:0 0 8px rgba(120,255,170,.4)}.mc-meter small{font-size:clamp(7px,.9cqw,10px);letter-spacing:.12em;color:#b4c8b28c}.mc-console{position:relative}.mc-console-deck{display:grid;grid-template-columns:var(--mc-cell-w) 1fr auto;align-items:center;gap:var(--mc-gap);padding-block:clamp(6px,1.05cqw,12px);padding-inline:calc((100% - var(--mc-window-w)) / 2 + var(--mc-gap));background:linear-gradient(180deg,#ffffff1a,#0000 40%),linear-gradient(180deg,var(--mc-deck-a) 0%,var(--mc-deck-b) 60%,var(--mc-deck-c) 100%);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #000c}.mc-console-side{display:flex;align-items:center;justify-content:center}.mc-console-bet{justify-content:flex-end}.mc-console-mid{display:flex;justify-content:center}.mc-lever{position:relative;width:clamp(50px,10.2cqw,108px);aspect-ratio:1;border:0;background:none;cursor:pointer;padding:0}.mc-lever-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 8%,var(--mc-metal-dim) 0 2.4%,rgba(0,0,0,0) 2.8%),radial-gradient(circle at 92% 50%,var(--mc-metal-dim) 0 2.4%,rgba(0,0,0,0) 2.8%),radial-gradient(circle at 50% 92%,var(--mc-metal-dim) 0 2.4%,rgba(0,0,0,0) 2.8%),radial-gradient(circle at 8% 50%,var(--mc-metal-dim) 0 2.4%,rgba(0,0,0,0) 2.8%),radial-gradient(circle at 50% 50%,var(--mc-hole) 0 54%,rgba(0,0,0,0) 55%),radial-gradient(circle at 50% 50%,#0000 0,#0000 54%,#000000bf 56%,#0000 60%),radial-gradient(120% 90% at 50% 6%,#fffae299,#fffae200 46%),conic-gradient(from 200deg,#fff6dd 0deg,var(--mc-metal-lit) 34deg,var(--mc-metal) 76deg,#8a6c28 122deg,#fff2cd 176deg,var(--mc-metal) 232deg,#9d7f33 288deg,var(--mc-metal-lit) 336deg,#fff6dd 360deg);box-shadow:inset 0 0 0 1px #583e10e6,inset 0 1px 0 1px #fff8de8c,0 2px 6px #000000b3,0 0 0 1px #00000073}.mc-lever-knob{position:absolute;top:19%;right:19%;bottom:19%;left:19%;border-radius:50%;background:radial-gradient(70% 46% at 54% 92%,#f2dd9e4d,#f2dd9e00 62%),radial-gradient(56% 56% at 32% 26%,#b3b8bd,#474b50 28%,#17191c 68%,#05070a);box-shadow:inset 0 -4px 10px #000000d1,inset 0 3px 5px #ffffff42,0 5px 10px #000000bf;transition:transform .1s ease,box-shadow .14s ease}.mc-lever-knob:after{content:"";position:absolute;left:22%;top:16%;width:26%;height:20%;border-radius:50%;background:radial-gradient(circle,#ffffffeb,#fff0 70%)}.mc-lever.is-pulled .mc-lever-knob,.mc-lever:active:not(:disabled) .mc-lever-knob{transform:translateY(40%);box-shadow:inset 0 -3px 8px #000000e0,inset 0 3px 5px #ffffff38,0 11px 18px #000000b3}.mc-lever:disabled{opacity:.45;cursor:default}.mc-lever:not(:disabled):hover .mc-lever-knob{filter:brightness(1.3)}.mc.is-ready .mc-lever:not(:disabled) .mc-lever-knob{box-shadow:inset 0 -4px 10px #000c,inset 0 3px 5px #ffffff3d,0 4px 9px #0009,0 0 0 2px #f2dd9ed9}.mc-bets{display:flex;gap:clamp(5px,1cqw,12px)}.mc-bet{display:flex;flex-direction:column;align-items:center;gap:1px;width:clamp(38px,6.4cqw,70px);padding:clamp(5px,1cqw,11px) 0;border:1px solid #7d6f45;border-radius:6px;cursor:pointer;color:var(--mc-btn-ink2);background:radial-gradient(130% 80% at 50% -20%,#fffc,#fff0 58%),radial-gradient(120% 54% at 50% 118%,#96783c59,#96783c00 56%),linear-gradient(180deg,#fbf3d8,#ddd0a4 46%,#ac9c6c);box-shadow:inset 0 2px #ffffffe6,inset 0 -2px #4a422780,inset 0 0 0 1px #ffffff4d,0 5px #4a4227,0 6px #00000080,0 9px 13px #0000008c;transition:transform 60ms linear,box-shadow 60ms linear}.mc-bet.is-max{color:#2b1206;border-color:#7a4512;background:radial-gradient(130% 80% at 50% -20%,#ffffffbf,#fff0 58%),radial-gradient(120% 54% at 50% 118%,#ffbe6e66,#ffbe6e00 56%),linear-gradient(180deg,#ffe7ae,#f2ab4e 46%,#d07c22);box-shadow:inset 0 2px #ffffffd9,inset 0 -2px #6b3c1099,inset 0 0 0 1px #ffecbe73,0 5px #6b3c10,0 6px #00000080,0 9px 15px #0000008c,0 0 16px #f0a03c59}.mc-bet b{font:800 clamp(11px,1.8cqw,19px)/1 Rockwell,"Roboto Slab",Georgia,serif;text-shadow:0 1px 0 rgba(255,255,255,.55)}.mc-bet small{font-size:clamp(7px,.9cqw,10px);letter-spacing:.1em;opacity:.72}.mc-bet:active{transform:translateY(5px);box-shadow:inset 0 2px #fff9,inset 0 -2px #4a422780,inset 0 0 0 1px #ffffff40,0 0 #4a4227,0 1px 3px #000000b3}.mc-console-front{position:relative;height:clamp(10px,1.8cqw,20px);background:linear-gradient(180deg,var(--mc-front-a) 0%,var(--mc-head-b) 100%);box-shadow:inset 0 1px #c2a14538}.mc-slot-in{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:clamp(28px,5cqw,56px);height:4px;border-radius:2px;background:var(--mc-hole);box-shadow:inset 0 1px 2px #000000e6,0 1px #c2a1454d}.mc-lever-hint{margin:0;padding:6px 0 0;text-align:center;font-size:clamp(9px,1.2cqw,13px);color:#c2a1459e}.mc-apron{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(8px,1.6cqw,20px);padding:clamp(14px,3cqw,34px) clamp(12px,2.4cqw,28px);background:radial-gradient(120% 140% at 50% 100%,#c2a14524,#0000 60%),linear-gradient(180deg,var(--mc-apron-b) 0%,var(--mc-apron-a) 100%);box-shadow:inset 0 1px #c2a1454d}.mc-apron-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.34;background:var(--mc-fruit-line) center / auto 74% repeat-x;pointer-events:none}.mc-apron-lit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;-webkit-mask:var(--mc-fruit-line) center / auto 74% repeat-x;mask:var(--mc-fruit-line) center / auto 74% repeat-x}.mc-apron-lit:before{content:"";position:absolute;top:0;bottom:0;width:26%;background:linear-gradient(90deg,#fff6dd00,#fff6ddf2 48%,#ffecbe99 62%,#fff6dd00);animation:mc-fruit-chase var(--mc-chase, 5.2s) linear infinite}@keyframes mc-fruit-chase{0%{left:-28%}to{left:100%}}.mc.is-hold .mc-apron-lit:before{--mc-chase: 2.8s}.mc.is-at .mc-apron-lit:before{--mc-chase: 1.4s}.mc.is-ceiling .mc-apron-lit:before{--mc-chase: 2.2s}.mc-apron-word{position:relative;text-align:center;font:700 clamp(12px,2.2cqw,24px)/1 Rockwell,"Roboto Slab",Georgia,serif;letter-spacing:.3em;text-indent:.3em;color:#c2a145d9;text-shadow:0 2px 0 rgba(0,0,0,.7)}.mc-speaker{position:relative;z-index:1;width:clamp(34px,6.4cqw,70px);height:clamp(26px,5cqw,58px);border:2px solid #000000;border-radius:4px;background:repeating-linear-gradient(180deg,#000000 0 2.4px,var(--mc-grille-a) 2.4px 3.2px,var(--mc-grille-b) 3.2px 5.2px,var(--mc-grille-c) 5.2px 6px),var(--mc-hole-deep);box-shadow:inset 0 2px 6px #000c,inset 0 -1px #fff8de1f,0 1px #fff8de29}.mc-tray{position:relative;height:clamp(26px,5cqw,58px)}.mc-tray-out{position:absolute;left:50%;top:0;transform:translate(-50%);width:34%;height:8px;border-radius:0 0 4px 4px;background:var(--mc-hole);box-shadow:inset 0 2px 5px #000000e6}.mc-tray-dish{position:absolute;top:8px;right:12%;bottom:8px;left:12%;border-radius:0 0 12px 12px;background:linear-gradient(180deg,var(--mc-apron-a) 0%,var(--mc-tray-a) 100%);box-shadow:inset 0 6px 14px #000000d9}.mc-tray-lip{position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(180deg,#c2a14580,#0009)}@container (max-width: 620px){.mc-board{grid-template-columns:minmax(0,1fr)}.mc-post-l{order:3}.mc-post-r{order:2}.mc-post-r{flex-direction:row;align-items:center}.mc-lamps{flex-direction:row}.mc-meters{margin-top:0;margin-left:auto;flex-direction:row}}.su-machine{--su-urushi: #1a1512;--su-tare: #e8b45c;--su-aka: #c8383c;--mc-case: #7d6446;--mc-case-lit: #a98e66;--mc-case-ink: #2a2019;--mc-metal: #e8b45c;--mc-metal-lit: #fff0cc;--mc-metal-dim: #8a5c14;--mc-paper: #f6ecd8;--mc-lcd: #0c0a08;--mc-head-a: #6b3a2c;--mc-head-b: #46231a;--mc-head-c: #24110c;--mc-post-a: #8a7350;--mc-post-b: #4a3a26;--mc-window-edge: #1a1512;--mc-deck-a: #3a2f26;--mc-deck-b: #4d3f33;--mc-deck-c: #201913;--mc-front-a: #6b573c;--mc-apron-a: #241c15;--mc-apron-b: #6b573c;--mc-tray-a: #5a4832;--mc-grille-a: #b59a70;--mc-grille-b: #5a4832;--mc-grille-c: #0f0b08;--mc-hole: #0b0806;--mc-hole-deep: #060403;--mc-reel-paper: #e8d7b6;--mc-btn-ink: #241c15;--mc-btn-ink2: #2c2219;--mc-meter-ink: #ffd98a;--mc-pull-ms: .7s}.su-machine>*{--mc-cell-w: clamp(78px, 18.6cqw, 176px);--mc-cell-h: calc(var(--mc-cell-w) * 1.2);--mc-gap: clamp(3px, .6cqw, 6px);--mc-window-w: calc(var(--mc-cell-w) * 3 + var(--mc-gap) * 4)}.su-machine .mc-reels{grid-template-columns:repeat(3,var(--mc-cell-w))}.su-emblem{position:absolute;top:50%;translate:0 -50%;width:clamp(34px,6cqw,74px);aspect-ratio:1;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.su-emblem svg{width:100%;height:100%;display:block}.su-emblem-l{left:clamp(10px,3cqw,34px)}.su-emblem-r{right:clamp(10px,3cqw,34px);scale:-1 1}.su-screen{background:linear-gradient(180deg,#0c0a08,#17120d 52%,#0a0806);overflow:hidden}.su-machine .mc-screen.su-screen{height:clamp(150px,21cqw,210px)}.su-belt{position:absolute;inset:clamp(6px,1.4cqw,16px) 0 auto;height:clamp(34px,7.4cqw,88px);display:grid;grid-template-rows:3px 1fr 3px;align-content:center}.su-belt-rail{display:block;background:linear-gradient(90deg,#e8b45c00,#e8b45c80 12%,#e8b45c80 88%,#e8b45c00)}.su-belt-run{display:flex;align-items:center;gap:clamp(10px,2.4cqw,30px);width:max-content;animation:su-belt-run 26s linear infinite}@keyframes su-belt-run{0%{translate:0 0}to{translate:-50% 0}}@media (prefers-reduced-motion: reduce){.su-belt-run{animation:none}}.su-belt-item{display:block;width:clamp(30px,6.4cqw,74px);aspect-ratio:1;opacity:.85;color:var(--su-sara, #f0e7d6)}.su-belt-item svg{width:100%;height:100%;display:block}.su-screen-stage,.su-screen-count{position:relative;z-index:1;margin:0;text-align:center}.su-screen-stage{margin-top:clamp(52px,10.4cqw,122px);font-size:clamp(13px,2.2cqw,26px);letter-spacing:.22em;color:var(--su-tare);text-shadow:0 0 12px rgba(232,180,92,.5)}.su-screen-count{font-size:clamp(9px,1.4cqw,16px);letter-spacing:.14em;color:#cbbfa6}.su-oyakata{position:absolute;z-index:1;left:clamp(6px,1.4cqw,16px);bottom:clamp(28px,4.6cqw,54px);width:clamp(118px,24cqw,290px);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(4px,.8cqw,9px)}.su-oyakata-face{display:block;width:clamp(26px,5.2cqw,62px);aspect-ratio:1}.su-oyakata-face svg{display:block;width:100%;height:100%}.su-oyakata-say{position:relative;margin:0;padding:clamp(4px,.8cqw,10px) clamp(5px,1cqw,12px);border-radius:5px;background:#f0e7d6ed;color:#2a1d12;font-size:clamp(8px,1.25cqw,15px);line-height:1.35;text-align:left;box-shadow:0 2px 7px #00000080}.su-oyakata-say:before{content:"";position:absolute;left:clamp(-7px,-.9cqw,-5px);top:50%;translate:0 -50%;border:clamp(5px,.9cqw,8px) solid transparent;border-left:0;border-right-color:#f0e7d6ed}.su-osusume{position:absolute;z-index:1;right:clamp(6px,1.4cqw,16px);bottom:clamp(28px,4.6cqw,54px);display:grid;grid-template-columns:auto auto;align-items:center;column-gap:clamp(4px,.8cqw,9px);text-align:left}.su-osusume[hidden]{display:none}.su-osusume-head{grid-column:2;grid-row:1;align-self:end;margin:0;font-size:clamp(7px,1cqw,12px);letter-spacing:.1em;line-height:1.2;color:var(--su-tare);opacity:.8;white-space:nowrap}.su-osusume-art{grid-column:1;grid-row:1 / 3;display:block;width:clamp(34px,6.2cqw,74px);aspect-ratio:1;color:var(--su-sara, #f0e7d6)}.su-osusume-art svg{display:block;width:100%;height:100%}.su-osusume-name{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:clamp(9px,1.4cqw,17px);line-height:1.2;color:#f0e7d6;white-space:nowrap}@container (max-width: 620px){.su-oyakata,.su-osusume{display:none}}.su-screen-count.is-near{color:var(--su-aka)}.su-machine .mc-post-l{display:flex;flex-direction:column}.su-machine .mc-post-l .su-panel{flex:1;min-height:0;display:flex;flex-direction:column}.su-machine .mc-post-l .su-panel[hidden]{display:none}.su-machine .su-roles,.su-machine .su-plates,.su-machine .su-role,.su-machine .su-plate{flex:1;min-height:0}.su-panel-head{margin:0 0 clamp(4px,.8cqw,9px);font-size:clamp(10px,1.4cqw,17px);letter-spacing:.14em;text-align:center;color:var(--su-tare);opacity:.85}.su-panel-note{margin:clamp(4px,.8cqw,9px) 0 0;font-size:clamp(7px,.9cqw,10px);text-align:center;color:var(--su-tare);opacity:.6}.su-last{display:flex;flex-direction:column;gap:clamp(3px,.6cqw,8px);flex:1 1 auto;min-height:0}.su-last-head{margin:0;text-align:center;font-size:clamp(8px,1.15cqw,14px);letter-spacing:.1em;color:var(--su-tare);opacity:.75}.su-last-run{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(2px,.5cqw,6px);flex:1 1 auto;min-height:0}.su-last-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;align-content:center;column-gap:clamp(4px,.8cqw,10px);padding:clamp(3px,.6cqw,8px) clamp(4px,.7cqw,9px);border-radius:3px;background:#0000004d;box-shadow:inset 0 0 0 1px #c2a14524;flex:1 1 0;min-height:0}.su-last-art{grid-row:1 / 3;display:block;width:clamp(28px,5.4cqw,72px);aspect-ratio:1;max-height:100%;color:var(--su-sara, #f0e7d6)}.su-last-item b{align-self:end;font:700 clamp(11px,2cqw,26px)/1.05 ui-monospace,"SF Mono",Menlo,monospace;color:#ffe9a8}.su-last-item b:after{content:"枚";font-size:.72em;margin-left:.15em}.su-last-item small{align-self:start;font-size:clamp(8px,1.25cqw,16px);line-height:1.1;color:var(--su-tare);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-last-item[data-plate=gold]{box-shadow:inset 0 0 0 1px #ffe9a899}.su-last-total{margin:clamp(2px,.4cqw,5px) 0 0;display:flex;align-items:baseline;justify-content:center;gap:.25em;padding:clamp(4px,.8cqw,10px) clamp(3px,.6cqw,8px);border-radius:3px;background:#0000006b;box-shadow:inset 0 0 0 1px #c2a14538}.su-last-total span,.su-last-total small{font-size:clamp(8px,1.2cqw,15px);color:var(--su-tare);opacity:.8}.su-last-total b{font:700 clamp(15px,2.9cqw,37px)/1 ui-monospace,"SF Mono",Menlo,monospace;color:#ffe9a8}@container (max-width: 620px){.mc-post-r{flex-wrap:wrap}.su-last{flex-basis:100%;order:3}.su-last-run{flex-direction:row}.su-last-item{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:center;flex:1 1 0;min-width:0}.su-last-art{grid-row:auto;width:100%;max-width:46px}.su-last-item b,.su-last-item small{align-self:center;max-width:100%}}.su-roles{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(3px,.7cqw,8px)}.su-role{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(4px,.9cqw,11px);padding:clamp(3px,.6cqw,8px) clamp(4px,.9cqw,11px);border-radius:5px;background:#00000042;box-shadow:inset 0 0 0 1px #e8b45c2e}.su-role-text{display:grid;gap:1px;min-width:0}.su-role-chip{display:block;width:clamp(30px,5.4cqw,70px);aspect-ratio:1}.su-role-chip svg{display:block;width:100%;height:100%}.su-role b{font-size:clamp(15px,2.4cqw,31px);font-weight:600;line-height:1.05;color:var(--su-shironuri);white-space:nowrap}.su-role small{font-size:clamp(12px,1.9cqw,24px);line-height:1.05;color:var(--su-tare);white-space:nowrap}.su-plates{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(3px,.7cqw,8px)}.su-plate{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(4px,.8cqw,9px);padding:clamp(5px,1.1cqw,12px) clamp(5px,1cqw,12px);border-radius:4px;background:#0000003d;font-size:clamp(7px,1cqw,12px);color:#cbbfa6;transition:background .16s,color .16s}.su-plate b{font-size:clamp(15px,2.4cqw,31px);white-space:nowrap}.su-plate small{font-size:clamp(12px,1.9cqw,24px);opacity:.8;letter-spacing:.04em;white-space:nowrap}[data-plate=white]{--su-sara: #f0e7d6}[data-plate=blue]{--su-sara: #4f7fb5}[data-plate=yellow]{--su-sara: #e0b23c}[data-plate=red]{--su-sara: #c8383c}[data-plate=gold]{--su-sara: #e8bf5e}.su-plate-chip{display:block;width:clamp(30px,5.2cqw,68px);aspect-ratio:1;color:var(--su-sara, #f0e7d6)}.su-plate-chip svg{display:block;width:100%;height:100%}.su-plate[data-plate=gold] .su-plate-chip svg{filter:drop-shadow(0 0 4px rgba(255,233,168,.45))}.su-plate.is-on{background:#e8b45c33;color:#fff3d8}.su-window{background:var(--su-urushi)}.su-cell{display:block;width:100%;height:100%}.su-itaba[hidden]{display:none}.su-itaba{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;grid-template-rows:1fr auto auto;gap:clamp(3px,.7cqw,8px);padding:clamp(4px,.9cqw,10px);background:linear-gradient(180deg,#0a0705f0,#060403fa);animation:su-itaba-in .26s ease-out}@keyframes su-itaba-in{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}@media (prefers-reduced-motion: reduce){.su-itaba{animation:none}}.su-field{display:block;width:100%;height:100%;min-height:0}.su-ball.is-away{display:none}.su-rail-slot{fill:none;stroke:#000;stroke-opacity:.45;stroke-width:26;stroke-linecap:round}.su-rail-shadow{fill:none;stroke:#000;stroke-opacity:.6;stroke-width:7;stroke-linecap:round;transform:translate(1px,2px)}.su-rail{fill:none;stroke:url(#su-metal-v);stroke-linecap:round}.su-rail-out{stroke-width:5.4}.su-rail-in{stroke-width:4.2}.su-rail-lit{fill:none;stroke:#fff8de;stroke-opacity:.5;stroke-width:1.1;stroke-linecap:round;transform:translate(-1px,-1.4px)}.su-chakker>ellipse:first-of-type{opacity:.28}.su-chakker.is-hit{filter:drop-shadow(0 0 8px rgba(255,230,168,.9))}.su-chakker-neta{opacity:.72}.su-plate-run{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(2px,.5cqw,6px)}.su-slot{aspect-ratio:1;border-radius:5px;border:1px dashed rgba(232,180,92,.3);display:grid;place-items:center;position:relative}.su-slot.is-filled{border-style:solid;border-color:#e8b45c8c;background:#e8b45c14;animation:su-slot-in .26s ease-out}@keyframes su-slot-in{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}.su-slot.is-miss{border-color:#cbbfa647;background:#00000038}.su-slot-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;color:var(--su-sara, #f0e7d6)}.su-slot[data-plate=gold] .su-slot-art{filter:drop-shadow(0 0 5px rgba(255,233,168,.5))}.su-slot i{position:absolute;bottom:1px;font-size:clamp(6px,.8cqw,9px);font-style:normal;color:#cbbfa6;letter-spacing:.02em;padding:0 3px;border-radius:6px;background:#0a08068c;white-space:nowrap}.su-slot b{position:absolute;top:1px;font-size:clamp(7px,.92cqw,11px);font-weight:800;color:#ffe9a8;letter-spacing:0;padding:0 3px;border-radius:6px;background:#0a08069e;white-space:nowrap}.su-slot.is-miss b{color:#cbbfa6}.su-slot[data-plate=gold]{border-color:#ffe9a8;box-shadow:0 0 10px #ffe9a880}.su-slot[data-plate=red]{border-color:#c8383cb3}.su-shoot{display:grid;grid-template-columns:1fr auto auto;gap:clamp(4px,.9cqw,10px);align-items:center}.su-gauge{height:clamp(8px,1.4cqw,14px);border-radius:999px;background:#00000080;box-shadow:inset 0 0 0 1px #e8b45c4d;overflow:hidden;position:relative}.su-gauge:after{content:"";position:absolute;inset-block:0;left:45%;width:34%;background:#e8b45c38;box-shadow:inset 1px 0 #e8b45c99,inset -1px 0 #e8b45c99}.su-gauge i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#8a5c14,var(--su-tare))}.su-shoot-btn{border:0;border-radius:8px;padding:clamp(4px,.9cqw,10px) clamp(8px,1.8cqw,20px);background:linear-gradient(180deg,#d8452f,#8e1f16);color:#fff4e6;cursor:pointer;display:grid;line-height:1.1;box-shadow:0 2px #5a1109,inset 0 1px #ffffff3d}.su-shoot-btn b{font-size:clamp(11px,1.6cqw,18px);letter-spacing:.1em}.su-shoot-btn small{font-size:clamp(7px,.9cqw,10px);opacity:.8}.su-shoot-btn:active:not(:disabled){translate:0 2px;box-shadow:0 0 #5a1109}.su-shoot-btn:disabled{opacity:.45;cursor:default}.su-auto{border:0;border-radius:8px;padding:clamp(4px,.9cqw,10px) clamp(6px,1.4cqw,16px);background:#00000057;box-shadow:inset 0 0 0 1px #e8b45c47;color:var(--su-tare);cursor:pointer;display:grid;line-height:1.1;justify-items:center}.su-auto b{font-size:clamp(9px,1.2cqw,13px);letter-spacing:.06em}.su-auto small{font-size:clamp(7px,.9cqw,10px);opacity:.7}.su-auto.is-on{background:linear-gradient(180deg,#e8b45c,#a8761f);color:#2a1c08;box-shadow:inset 0 1px #ffffff57}.su-auto.is-on small{opacity:.85}.su-auto:disabled{opacity:.45;cursor:default}.su-auto-note{grid-column:1 / -1;margin:0;text-align:center;font-size:clamp(7px,.95cqw,11px);color:var(--su-tare);opacity:.72}.su-auto-note b{font-weight:700;opacity:1}.su-stake{display:grid;justify-items:center;gap:1px;padding:clamp(3px,.7cqw,8px) clamp(8px,1.6cqw,18px);border-radius:8px;background:#00000057;box-shadow:inset 0 0 0 1px #e8b45c47;color:var(--su-tare)}.su-stake span{font-size:clamp(7px,.9cqw,10px);letter-spacing:.2em;opacity:.8}.su-stake b{font-size:clamp(15px,2.6cqw,32px);line-height:1}.su-stake i{font-size:clamp(7px,.9cqw,10px);font-style:normal;opacity:.7}.su-stake.is-idle{opacity:.5}.su-machine[data-mood=itaba] .mc-edge{--mc-run: 1.1s}.su-machine[data-mood=near] .mc-edge{--mc-run: 2s}