:root{color-scheme:dark;--navy:#06131f;--blue:#087e9b;--cyan:#82f2f2;--aqua:#14d7d0;--white:#f4ffff;--muted:#9bb5c2;--line:#1d5668;--gold:#ffc967}*{box-sizing:border-box}html{background:#020a11}body{margin:0;background:radial-gradient(ellipse at 50% 5%,#0d4260 0,#06131f 47rem,#020a11 100%);color:var(--white);font-family:'Noto Sans JP',system-ui,sans-serif;font-size:16px;min-height:100vh}.bar{max-width:650px;margin:auto;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;color:#b5e3e8;font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:.1em}.bar a{color:inherit;text-decoration:none}.series{font-size:12px;color:#82acbc}.cabinet{max-width:600px;margin:0 auto;padding:0 18px 38px;position:relative}.crown{height:33px;border:1px solid #1486a0;border-bottom:0;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#072c40,#115d71,#072c40);display:flex;justify-content:center;align-items:center;gap:20px;color:#a9eaf0;font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:.24em}.crown i{color:#ffdd83;font-style:normal;text-shadow:0 0 12px #ff9b20}.machine-head{text-align:center;border:1px solid #176c83;border-top:0;padding:25px 12px 23px;background:linear-gradient(180deg,#0b354b,#072033 74%,#061926);box-shadow:inset 0 0 50px #0b71842a}.ruby{font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:.16em;color:#70c8d5;margin:0 0 6px}.ruby rt{font:500 10px 'Noto Sans JP';letter-spacing:0;color:#a6dbe1}.machine-head h1{margin:0;display:flex;justify-content:center;gap:.2em;font:900 clamp(58px,16vw,90px)/.86 'Barlow Condensed',sans-serif;letter-spacing:-.045em;text-shadow:0 3px 0 #06506a,0 6px 0 #032634,0 0 28px #1dd8de5e;color:#f0ffff}.machine-head h1 span:last-child{color:#55e7e4}.lead{font-size:15px;line-height:1.8;color:#c4e0e6;margin:18px 0 0}.panel,.result,.disclaimer,.ad{border:1px solid #17485b;background:linear-gradient(160deg,#0b2333,#071722);box-shadow:0 9px 24px #0003}.panel{padding:22px 21px 20px;margin-top:17px;border-radius:12px}.panel-title{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #1a4252;padding-bottom:10px;margin-bottom:15px}.panel-title span,.result-label{font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:#62ced6}.panel-title b{font-size:18px}.panel label:not(.upload):not(.checkline){display:block;font-size:14px;color:#d0e4e9;margin:16px 0 8px}.panel select,.panel input[type=number]{width:100%;height:50px;color:#fff;background:#06121a;border:1px solid #2b7282;border-radius:8px;padding:0 13px;font:500 16px 'Noto Sans JP',sans-serif;outline:none}.panel select:focus,.panel input:focus{border-color:#6ce5e3;box-shadow:0 0 0 3px #37bec329}.facts{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.fact{padding:10px 12px;border:1px solid #164557;border-radius:8px;background:#081a25}.fact small{display:block;color:#8fb4be;font-size:12px}.fact strong{display:block;font:700 19px 'Barlow Condensed','Noto Sans JP',sans-serif;color:#d8feff;margin-top:3px}.fact.full{grid-column:1/-1}.divider{margin:22px 0 20px;border-top:1px solid #184151}.upload{display:flex;align-items:center;gap:12px;padding:12px;border:1px dashed #3d9ead;border-radius:8px;background:#07222e;cursor:pointer}.upload-icon{font:300 28px 'Barlow Condensed';width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#89f2ee;background:#105064}.upload strong,.upload small{display:block}.upload strong{font-size:14px}.upload small{font-size:12px;color:#9cbbc3;margin-top:4px}.panel input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.preview{display:block;width:100%;max-height:210px;object-fit:contain;margin-top:10px;background:#020a10;border-radius:8px}.spin-row{display:flex;align-items:center;gap:10px}.spin-row input{flex:1}.spin-row span{color:#99c7d0}.hint{font-size:12px;color:#93adb7;line-height:1.65;margin:8px 0}.quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.quick-row button{height:40px;border-radius:7px;border:1px solid #286477;background:#0b2938;color:#c9f7f7;font:600 14px 'Barlow Condensed',sans-serif;cursor:pointer}.quick-row button:active{background:#13536a}.checkline{display:flex;align-items:flex-start;gap:9px;margin:16px 0;color:#b0cbd0;font-size:13px;line-height:1.6}.checkline input{accent-color:#1ac3c7;margin-top:3px;width:18px;height:18px;flex-shrink:0}.check-button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:9px;padding:14px 17px;background:linear-gradient(100deg,#12a7b5,#22d6c8);color:#03151b;cursor:pointer}.check-button span{font:800 23px 'Barlow Condensed',sans-serif;letter-spacing:.12em}.check-button b{font-size:14px}.result{margin-top:12px;padding:17px 20px;border-radius:12px;min-height:116px}.empty{color:#91aeb9;font-size:14px;line-height:1.8;text-align:center;padding:8px 0}.result-label{margin-bottom:12px}.result-main{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0 13px}.result-main small{display:block;font-size:13px;color:#a2c3cc}.result-main strong{font:800 52px/.95 'Barlow Condensed',sans-serif;color:#70f3eb;text-shadow:0 0 20px #0fdacf44}.result-main strong em{font-size:19px;font-style:normal}.verdict{border-top:1px solid #1b4958;padding-top:12px;font-size:15px;line-height:1.7}.verdict b{color:#ffe08a}.result-note{font-size:12px;color:#91aeb8;line-height:1.6;margin:9px 0 0}.disclaimer{border-color:#64522b;background:linear-gradient(135deg,#211d14,#141912);padding:16px 18px;margin-top:12px;border-radius:10px}.disclaimer b{font-size:14px;color:#ffe09c}.disclaimer p{font-size:12px;line-height:1.8;color:#d0c9b5;margin:7px 0 0}footer{padding:18px 4px;color:#8199a2;font-size:11px;line-height:1.8}footer p{margin:4px 0}footer a{color:#86d8dc}.base{margin:0 -4px;padding:11px 13px;border:1px solid #15566c;border-radius:4px 4px 14px 14px;background:linear-gradient(90deg,#082435,#0e596b,#082435);display:flex;justify-content:space-between;color:#8cd6dc;font:600 10px 'Barlow Condensed';letter-spacing:.12em}.top-links{display:flex;align-items:center;gap:14px}.top-links>a{font:700 13px 'Barlow Condensed';color:#76e3e4;text-decoration:none}.top-links>a span{font:500 10px 'Noto Sans JP';color:#a7c3cd;display:block;letter-spacing:0}@media(min-width:700px){.cabinet{padding-top:8px}.machine-head{padding-top:30px}.panel{padding:24px 28px}}

.source-link{grid-column:1/-1;color:#7fdee0;font-size:12px;text-decoration:none}.progress{height:7px;border-radius:9px;background:#18333e;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,#1886aa,#52ece3);border-radius:inherit}.dial{width:62px;height:62px;border:2px solid #44d6d6;border-radius:50%;display:grid;place-content:center;text-align:center;color:#8af3e9;font:700 18px 'Barlow Condensed',sans-serif}.dial small{font:500 10px 'Noto Sans JP';color:#93b4bc}.chance-pill{padding:8px 10px;border:1px solid #286879;border-radius:999px;color:#abdce0;font-size:12px;white-space:nowrap}.no-yutime{font-size:23px!important;color:#ffd989!important;text-shadow:none!important}@media(max-width:440px){.bar{padding:13px 15px}.series{font-size:10px}.cabinet{padding-left:12px;padding-right:12px}.machine-head h1{font-size:clamp(54px,16vw,72px)}.panel{padding:19px 15px}.panel-title b{font-size:16px}.result{padding:15px}.result-main strong{font-size:45px}.dial{width:55px;height:55px}}
.distance-rating{display:flex;align-items:center;gap:9px;margin:7px 0 8px;color:#abdce0;font-size:13px}.distance-rating b{font:800 22px 'Barlow Condensed',sans-serif;color:#7af3e9}.distance-rating small{font:500 12px 'Noto Sans JP',sans-serif}.distance-rating span{margin-left:auto;font-size:11px;color:#88a9b3}
/* Pachinko cabinet treatment and horizontal sea-symbol flow */
.cabinet{border-left:5px solid #a83343;border-right:5px solid #1b78a5;border-radius:10px 10px 22px 22px;background:linear-gradient(90deg,#18222b 0,#071622 3%,transparent 9%,transparent 91%,#062a41 97%,#0e516c 100%);box-shadow:0 0 0 2px #06111a,0 0 36px #1b80904d}.crown{height:36px;border-color:#8f5260 #3282a2 #207a91;background:linear-gradient(90deg,#731e2d 0,#0b7894 18%,#0b3a58 50%,#0b7894 82%,#152f4d);letter-spacing:.2em}.machine-head{border-color:#ad5862 #4199ad #2791a5;background:radial-gradient(ellipse at 50% 100%,#0e6883 0,#082c46 48%,#081925 100%);box-shadow:inset 0 0 0 5px #0a2638,inset 0 0 50px #0aa5bb46;padding:22px 10px 20px}.limited-series{font:700 15px 'Noto Sans JP',sans-serif;letter-spacing:.08em;color:#f5cf7b;margin:2px 0 10px;text-shadow:0 1px 8px #d47a2e75}.machine-head h1{flex-direction:column;gap:0;line-height:.88;font-size:clamp(46px,14vw,78px);letter-spacing:-.025em}.machine-head h1 span:first-child{font-size:clamp(39px,12.8vw,72px);white-space:nowrap;color:#fff0c6;text-shadow:0 2px 0 #763b28,0 4px 0 #042b45,0 0 25px #44e8ff70}.machine-head h1 span:last-child{font-size:clamp(55px,17vw,94px);color:#50edee;text-shadow:0 2px 0 #075a7b,0 5px 0 #06243a,0 0 30px #2ddceca1}.lead{margin-top:13px}.symbol-stage{position:relative;overflow:hidden;margin:0 auto;border:1px solid #2ba3b1;border-top:0;border-radius:0 0 18px 18px;padding:9px 0 13px;background:linear-gradient(180deg,#071018,#02080d 15%,#06263b 50%,#020a12 88%,#8b2637);box-shadow:0 12px 25px #000b,inset 0 0 0 4px #142e3e,inset 0 0 28px #10bed644}.symbol-caption{display:flex;justify-content:space-between;padding:0 14px 7px;color:#82dce6;font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:.14em}.symbol-caption span:last-child{font:500 11px 'Noto Sans JP',sans-serif;letter-spacing:0;color:#a4cbd1}.symbol-window{height:118px;overflow:hidden;display:flex;align-items:center;background:linear-gradient(180deg,#b8f7ff0a,#16a5cb24 48%,#a2fbff0a);border-top:1px solid #8deaf044;border-bottom:1px solid #8deaf044}.symbol-track{display:flex;align-items:center;gap:18px;width:max-content;animation:sea-scroll 28s linear infinite;will-change:transform}.symbol-track img{display:block;height:145px;width:auto;max-width:none;flex:none;object-fit:contain}.symbol-stage:hover .symbol-track{animation-play-state:paused}@keyframes sea-scroll{to{transform:translateX(calc(-50% - 9px))}}.symbol-stage:after{content:"";position:absolute;inset:32px 0 10px;pointer-events:none;background:linear-gradient(90deg,#061722 0,transparent 7%,transparent 93%,#061722 100%)}.bar .back{color:#b9f2f3;font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.12em}.series{color:#a3d7dc}.base{border-color:#a3404b #26869b #24758d;background:linear-gradient(90deg,#7e2030,#114967 24%,#123955 73%,#075c78,#7e2030);color:#c6f2f3}
@media(max-width:440px){.cabinet{border-left-width:3px;border-right-width:3px}.machine-head{padding-top:20px}.machine-head h1 span:first-child{font-size:clamp(38px,12.5vw,54px)}.machine-head h1 span:last-child{font-size:clamp(57px,18vw,76px)}.symbol-stage{margin-left:-1px;margin-right:-1px}.symbol-window{height:108px}.symbol-track img{height:132px}}
@media(prefers-reduced-motion:reduce){.symbol-track{animation:none;transform:translateX(-12%)}.symbol-stage:hover .symbol-track{animation-play-state:running}}
/* Three independent horizontal symbol rows inside a pachinko LCD frame */
.symbol-stage{padding:10px 12px 14px;border:2px solid #93eaff;border-top:0;border-radius:0 0 17px 17px;background:linear-gradient(180deg,#071724,#03090f 16%,#0c4561 53%,#06121d 88%,#8b2637);box-shadow:0 12px 25px #000b,inset 0 0 0 4px #102f45,inset 0 0 26px #12b6d74d}.symbol-caption{padding:0 4px 8px}.symbol-screen{height:273px;overflow:hidden;border:5px solid #142a39;border-radius:8px;background:linear-gradient(180deg,#abdaeb,#fad3d9 50%,#9ad8ec);box-shadow:inset 0 0 0 2px #6aabbf,inset 0 0 30px #f7fbff;display:grid;grid-template-rows:repeat(3,1fr);position:relative}.symbol-lane{min-width:0;overflow:hidden;display:flex;align-items:center;position:relative;border-bottom:1px solid #f1ffff9c;background:linear-gradient(180deg,#daf1f4a8,#ffc9d66e 48%,#d4eff487)}.symbol-lane:last-child{border-bottom:0}.symbol-track{height:100%;display:flex;align-items:center;gap:5px;width:max-content;animation:sea-scroll 19s linear infinite;will-change:transform}.symbol-track img{display:block;height:101px;width:auto;max-width:none;flex:none;object-fit:contain}.lane-one .symbol-track{animation-duration:17s;animation-delay:-3s}.lane-two .symbol-track{animation-duration:22s;animation-delay:-11s}.lane-three .symbol-track{animation-duration:19s;animation-delay:-7s}.symbol-stage:after{inset:28px 12px 14px;background:linear-gradient(90deg,#071622 0,transparent 5%,transparent 95%,#071622 100%)}
@media(max-width:440px){.symbol-stage{padding:9px 8px 11px}.symbol-screen{height:249px;border-width:4px}.symbol-track img{height:91px}.symbol-caption span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){.symbol-track{animation:none;transform:translateX(-8%)}.symbol-stage:hover .symbol-track{animation-play-state:running}}
/* Three visible symbols per horizontal pachinko line over a deep-sea LCD */
.symbol-screen{--symbol-cell:calc((min(100vw,600px) - 84px)/3);height:calc(var(--symbol-cell)*2.16 + 10px);background:linear-gradient(180deg,#05142c33,#0211265c),url('/umi-check/assets/deep-sea.webp') center 48%/cover no-repeat;grid-template-rows:repeat(3,calc(var(--symbol-cell)*.72));align-content:center;border-color:#17344c;box-shadow:inset 0 0 0 2px #50dff0a1,inset 0 0 25px #20ceff67,0 0 15px #25d9ff45}.symbol-lane{height:calc(var(--symbol-cell)*.72);border-bottom:1px solid #9df8ff70;background:linear-gradient(180deg,#51e1fa22,#8bdff01c 50%,#091d3966)}.symbol-lane:nth-child(2){background:linear-gradient(180deg,#b3f6ff36,#d9ffff20 50%,#091d3955)}.symbol-lane:last-child{border-bottom:0}.symbol-track{height:100%;gap:0;width:max-content;animation-name:sea-scroll;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:28s}.symbol-cell{flex:0 0 var(--symbol-cell);width:var(--symbol-cell);height:100%;display:grid;place-items:center;position:relative}.symbol-cell img{display:block;width:88%;height:92%;object-fit:contain;filter:drop-shadow(0 2px 4px #001223c9)}.lane-one .symbol-track{animation-duration:25s;animation-delay:-4s}.lane-two .symbol-track{animation-duration:29s;animation-delay:-13s}.lane-three .symbol-track{animation-duration:27s;animation-delay:-8s}@keyframes sea-scroll{to{transform:translateX(-50%)}}
.symbol-stage:after{inset:28px 12px 14px;background:linear-gradient(90deg,#06121a00,transparent 4%,transparent 96%,#06121a00)}
@media(max-width:440px){.symbol-screen{--symbol-cell:calc((100vw - 78px)/3);height:calc(var(--symbol-cell)*2.16 + 8px);border-width:4px}.symbol-track{gap:0}.symbol-cell img{width:89%;height:92%}.lane-one .symbol-track{animation-duration:19s}.lane-two .symbol-track{animation-duration:22s}.lane-three .symbol-track{animation-duration:20s}}
@media(prefers-reduced-motion:reduce){.symbol-track{animation:none;transform:translateX(-50%)}.symbol-stage:hover .symbol-track{animation-play-state:running}}

/* 2026-09: red pachinko cabinet, recessed silver LCD and clearer three-step flow */
.cabinet{border-left:8px solid #b20e24;border-right:8px solid #b20e24;background:linear-gradient(90deg,#7c0717 0,#21080d 4%,#071622 10%,transparent 16%,transparent 84%,#071622 90%,#21080d 96%,#7c0717 100%);box-shadow:0 0 0 2px #260006,0 0 0 6px #650713,0 0 38px #d80f2f55}
.crown{border-color:#ee6b79 #901324 #56101a;background:linear-gradient(90deg,#5c0713,#c71730 20%,#71091a 50%,#c71730 80%,#5c0713);box-shadow:inset 0 2px 0 #ff9aa5aa,inset 0 -4px 10px #340006}
.machine-head{border-color:#d55866 #9e1a2d #68101e;box-shadow:inset 0 0 0 5px #240911,inset 0 0 52px #c5152d35}
.symbol-stage{padding:10px 12px 18px;border-color:#df596b #8e1125 #560816;background:radial-gradient(circle at 50% 40%,#571225 0,#16060c 58%,#050408 100%);box-shadow:0 13px 25px #000c,inset 0 0 0 4px #4e0b16,inset 0 0 30px #ff2d4a3d}
.symbol-caption{padding:0 5px 9px;color:#ffc5cc}
.symbol-bezel{position:relative;width:80%;margin:0 auto;padding:10px;border-radius:28px;background:linear-gradient(135deg,#4e555d 0,#f5fbff 11%,#828b94 23%,#f8fdff 39%,#5e6872 55%,#e4e9ec 72%,#6a737b 87%,#d8dde1 100%);box-shadow:0 0 0 2px #252a2f,0 0 0 5px #830f20,0 9px 18px #000b,inset 0 0 0 2px #fff,inset 0 0 12px #222;border:2px solid #d6dce0}
.symbol-bezel:before,.symbol-bezel:after{content:"";position:absolute;top:50%;width:15px;height:38%;transform:translateY(-50%);border-radius:10px;background:linear-gradient(90deg,#30363d,#f4f8fb 45%,#69727b);box-shadow:0 0 0 2px #30363a}
.symbol-bezel:before{left:-12px}.symbol-bezel:after{right:-12px;transform:translateY(-50%) scaleX(-1)}
.symbol-screen{width:100%;height:clamp(218px,60vw,370px);border:4px solid #1b242b;border-radius:18px;--symbol-cell:120px;background:linear-gradient(180deg,#00112824,#00112850),url('/umi-check/assets/deep-sea.webp') center 48%/cover no-repeat;box-shadow:inset 0 0 0 2px #83eff4a8,inset 0 0 26px #2bd7ff66,0 0 0 1px #05080a;grid-template-rows:repeat(3,1fr);align-content:stretch}
.symbol-lane,.symbol-lane:nth-child(2),.symbol-lane:last-child{height:auto;border:0;background:linear-gradient(180deg,#60e5ff12,#c1fbff0b 50%,#04162a24)}
.symbol-cell img{width:96%;height:96%}
.lane-one .symbol-track{animation-duration:12.5s;animation-delay:-3s}.lane-two .symbol-track{animation-duration:14.5s;animation-delay:-8s}.lane-three .symbol-track{animation-duration:13.5s;animation-delay:-5s}
.symbol-stage:hover .symbol-track{animation-play-state:running}
.panel-title{margin:-22px -21px 17px;padding:13px 16px 12px;border:0;border-radius:11px 11px 0 0;background:linear-gradient(105deg,#b30f25,#e32a3e 55%,#8b0b1c);box-shadow:inset 0 1px 0 #ff8995,0 5px 13px #0005}
.panel-title span,.result-label{color:#fff;text-shadow:0 1px 2px #56000b}.panel-title b{color:#fff}
.result{border-color:#8f1727}.result-label{display:inline-block;margin:-17px 0 14px -20px;padding:10px 16px 9px;border-radius:11px 0 10px 0;background:linear-gradient(105deg,#b30f25,#e32a3e);box-shadow:inset 0 1px 0 #ff8995,3px 4px 11px #0005}
.model-note{margin:8px 1px 0;color:#91aeb8;font-size:12px;line-height:1.6}
.base{border-color:#d55263 #871124 #540815;background:linear-gradient(90deg,#670b18,#b8192d 22%,#711020 50%,#b8192d 78%,#670b18)}
@media(max-width:440px){.cabinet{border-left-width:5px;border-right-width:5px}.symbol-stage{padding:9px 7px 15px}.symbol-bezel{width:80%;padding:7px;border-radius:22px}.symbol-screen{height:clamp(218px,61vw,268px);border-width:3px;border-radius:14px}.symbol-bezel:before,.symbol-bezel:after{width:12px}.symbol-bezel:before{left:-10px}.symbol-bezel:after{right:-10px}.lane-one .symbol-track{animation-duration:9.5s}.lane-two .symbol-track{animation-duration:11s}.lane-three .symbol-track{animation-duration:10s}.panel-title{margin:-19px -15px 16px}.result-label{margin:-15px 0 13px -15px}}

/* Shared persistent bottom ad slot */
body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.sticky-ad{position:fixed;z-index:1000;inset:auto 0 0;padding:7px 14px calc(7px + env(safe-area-inset-bottom));border-top:2px solid #d91e2d;background:linear-gradient(180deg,#151315f2,#09090bf7);box-shadow:0 -8px 24px #0009;backdrop-filter:blur(12px)}.sticky-ad-content{width:min(970px,100%);min-height:43px;margin:auto;padding:5px 12px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px dashed #76565a;border-radius:6px;background:#111012;color:#d7cecf}.sticky-ad-label{font:600 9px 'Barlow Condensed',sans-serif;letter-spacing:.15em;color:#ff747e}.sticky-ad-content strong{font-size:12px;font-weight:500}@media(max-width:600px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.sticky-ad{padding-left:10px;padding-right:10px}.sticky-ad-content{min-height:42px}}

/* Photo picker: high-contrast white window like SLOT CHECK */
.upload{min-height:82px;padding:14px 15px;border:3px solid #d9e0e5;border-radius:11px;background:linear-gradient(180deg,#fff,#f3f5f6);color:#111;box-shadow:inset 0 0 0 1px #fff,0 5px 13px #0005;transition:transform .15s ease,box-shadow .15s ease}
.upload:active{transform:translateY(1px);box-shadow:inset 0 0 0 1px #fff,0 2px 7px #0005}
.upload-icon{width:46px;height:46px;flex:0 0 46px;color:#fff;background:linear-gradient(145deg,#ed2b40,#990d20);box-shadow:inset 0 1px 0 #ff8894,0 3px 8px #78101f55}
.upload strong{color:#101214;font-size:16px;line-height:1.4}.upload small{color:#4e555b;font-size:12px;line-height:1.5;margin-top:3px}
.preview{padding:6px;border:3px solid #d9e0e5;background:#fff;box-shadow:0 4px 12px #0005}

/* Original pachinko playfield artwork around the title and LCD gutters */
.machine-head{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(180deg,#070b12b8 0,#07101bc7 56%,#09080dd9 100%),
    url('/umi-check/assets/pachinko-playfield-v2.webp') center 42%/cover no-repeat;
  box-shadow:inset 0 0 0 5px #240911,inset 0 0 58px #000b,0 7px 20px #0008;
}
.machine-head:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 49%,#03101b22 0,#02060a55 48%,#4e071a33 82%,#c718354d 100%);
  box-shadow:inset 0 0 0 1px #ffc0c84d,inset 0 0 24px #e3163452;
}
.machine-head .limited-series,.machine-head h1,.machine-head .lead{position:relative;z-index:1}
.machine-head .limited-series{color:#ffe18f;text-shadow:0 2px 5px #000,0 0 12px #b01928}
.machine-head .lead{color:#f2fbff;text-shadow:0 2px 4px #000,0 0 10px #00111c}

.symbol-stage{
  background:
    linear-gradient(180deg,#17040bbd 0,#05080fc2 18%,#05080d8f 52%,#120209d4 100%),
    url('/umi-check/assets/pachinko-playfield-v2.webp') center 55%/cover no-repeat;
  box-shadow:0 13px 25px #000c,inset 0 0 0 4px #4e0b16,inset 0 0 34px #ff2d4a54;
}
.symbol-caption{position:relative;z-index:2;color:#ffe8eb;text-shadow:0 1px 3px #000,0 0 9px #df213a}
.symbol-bezel{position:relative;z-index:2}

@media(max-width:440px){
  .machine-head{background-position:center 44%}
  .symbol-stage{background-position:center 57%}
}

/* Ocean-blue playfield: keep the title and LCD inside the pin-free center */
.machine-head{
  background:
    linear-gradient(180deg,#00152a14 0,#00162d26 58%,#00112638 100%),
    url('/umi-check/assets/pachinko-playfield-ocean-v3.webp') center 44%/145% auto no-repeat;
}
.machine-head:before{
  background:radial-gradient(ellipse at 50% 48%,#00132980 0,#001a3552 44%,transparent 72%);
  box-shadow:inset 0 0 0 1px #91eaff42,inset 0 0 20px #063f784f;
}
.machine-head h1 span:first-child{font-size:clamp(36px,11.8vw,66px)}
.machine-head h1 span:last-child{font-size:clamp(51px,15.7vw,87px)}

.symbol-stage{
  background:
    linear-gradient(180deg,#00183020 0,#00152d18 42%,#00102638 100%),
    url('/umi-check/assets/pachinko-playfield-ocean-v3.webp') center 54%/145% auto no-repeat;
  box-shadow:0 13px 25px #000b,inset 0 0 0 4px #061d47,inset 0 0 30px #16bce85c;
}
.symbol-bezel{width:77%}
@supports(width:1cqw){
  .symbol-screen{container-type:inline-size;--symbol-cell:33.333cqw}
}

@media(max-width:440px){
  .machine-head{background-position:center 44%;background-size:152% auto}
  .symbol-stage{background-position:center 55%;background-size:152% auto}
  .symbol-bezel{width:77%}
  .machine-head h1 span:first-child{font-size:clamp(34px,10.8vw,47px)}
  .machine-head h1 span:last-child{font-size:clamp(49px,14.8vw,65px)}
}

/* Up to 10 locally saved machines, ranked only by explicit probability inputs */
.pachi-compare-add{width:100%;min-height:48px;margin-top:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid #55dced;border-radius:9px;background:linear-gradient(105deg,#062f5a,#075c8b);color:#fff;font:700 14px 'Noto Sans JP',sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 #8af7ff66}
.pachi-compare-add span{padding:4px 9px;border-radius:99px;background:#fff;color:#063f6b;font:800 12px 'Barlow Condensed',sans-serif}
.pachi-compare-add:disabled{opacity:.55;cursor:not-allowed}
.pachi-comparison{margin-top:12px;padding:18px;border:1px solid #187fa5;border-radius:12px;background:linear-gradient(145deg,#061d35,#04101e);box-shadow:0 9px 24px #0006,inset 0 0 28px #0daed329}
.pachi-comparison-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pachi-comparison-head p{margin:0 0 4px;color:#70eaf0;font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:.13em}
.pachi-comparison-head h2{margin:0;font-size:19px}.pachi-comparison-head h2 span{margin-left:6px;color:#9dc9d4;font:600 12px 'Barlow Condensed',sans-serif}
.pachi-comparison-head button,.pachi-remove{border:1px solid #3e7588;border-radius:7px;background:#09263a;color:#eafcff;padding:8px 10px;font:600 12px 'Noto Sans JP',sans-serif;cursor:pointer}
.pachi-comparison-head button:disabled{opacity:.4;cursor:not-allowed}
.pachi-comparison-help,.pachi-comparison-note,.pachi-storage-note{font-size:12px;line-height:1.7;color:#b7d0d7}
.pachi-comparison-help{margin:10px 0 13px}.pachi-comparison-note{margin:13px 0 0;color:#d7c49b}.pachi-storage-note{margin:8px 0 0;color:#86acb7}
.pachi-comparison-list{display:grid;gap:9px}
.pachi-comparison-empty{margin:0;padding:18px;text-align:center;border:1px dashed #32657a;border-radius:9px;color:#91b4bf;font-size:13px}
.pachi-compare-card{display:grid;grid-template-columns:58px 48px minmax(0,1fr) minmax(142px,auto) auto;gap:10px;align-items:center;padding:11px;border:2px solid #d8edf2;border-radius:10px;background:#fff;color:#13212a;box-shadow:0 4px 11px #0004}
.pachi-thumb{width:58px;height:58px;padding:0;display:grid;place-items:center;overflow:hidden;border:1px solid #aebdc3;border-radius:7px;background:#eef4f6;color:#5b6870;font-size:10px;cursor:pointer}.pachi-thumb img{width:100%;height:100%;object-fit:cover}.pachi-no-photo{cursor:default;text-align:center}
.pachi-rank{font-size:18px;font-weight:900;color:#075f92;white-space:nowrap}
.pachi-card-main{min-width:0;display:grid;gap:3px}.pachi-card-main strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.pachi-card-main span{font-size:12px;font-weight:700}.pachi-card-main small,.pachi-card-score small{font-size:11px;line-height:1.45;color:#50616b}
.pachi-card-score{display:grid;gap:3px}.pachi-card-score b{color:#087298;font:800 22px 'Barlow Condensed',sans-serif}.pachi-card-score b small{margin-left:2px;font-size:11px;color:#50616b}.pachi-card-score>span{width:max-content;max-width:100%;padding:3px 7px;border-radius:99px;background:#dff6ef;color:#165f48;font-size:11px;font-weight:800}
.pachi-card-score>span.medium{background:#fff0c9;color:#714a00}.pachi-card-score>span.caution{background:#ffe0e3;color:#861827}
.pachi-remove{padding:6px 8px;background:#fff;color:#52616a;border-color:#b9c7cc}
.pachi-photo-dialog{width:min(92vw,620px);padding:42px 12px 12px;border:1px solid #6ceaf1;border-radius:12px;background:#03131f;box-shadow:0 18px 60px #000}.pachi-photo-dialog::backdrop{background:#000c}.pachi-photo-dialog>button{position:absolute;top:7px;right:9px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#071724;font-size:22px}.pachi-photo-dialog img{display:block;max-width:100%;max-height:76vh;margin:auto;border-radius:8px}
@media(max-width:560px){.pachi-comparison{padding:13px}.pachi-comparison-head h2{font-size:17px}.pachi-compare-card{grid-template-columns:50px 42px minmax(0,1fr) auto;gap:8px;padding:9px}.pachi-thumb{width:50px;height:50px}.pachi-rank{font-size:16px}.pachi-card-main strong{font-size:13px}.pachi-card-score{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;padding-top:7px;border-top:1px solid #d6e0e4}.pachi-card-score b{font-size:19px}.pachi-remove{grid-column:4}.pachi-comparison-note{font-size:11px}}
