@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+JP:wght@400;600;800;900&display=swap');
:root{--lime:#c3ff24;--pink:#ff2e8b;--muted:#8c9393;--line:#303736;--bg:#090c0c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef3ed;font-family:'Noto Sans JP',sans-serif;background-image:radial-gradient(ellipse at 50% 20%,#20331c42,transparent 55%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:5px}button:disabled{cursor:default;opacity:.28}header{max-width:1220px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 32px;border-bottom:1px solid var(--line)}.brand{color:var(--lime);text-decoration:none;font:900 27px 'Barlow Condensed',sans-serif;letter-spacing:-.5px}.brand span{color:#fff;margin-left:5px}.brand small{display:block;font:10px 'Noto Sans JP';letter-spacing:3px;margin-top:3px}.settings{display:flex;gap:9px}.settings button{border:1px solid #3d4540;background:#151b16;padding:8px 12px;font-size:10px;border-radius:4px}.settings button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}main{max-width:1060px;margin:auto;padding:47px 28px 20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--lime);font-weight:800;display:flex;gap:8px;align-items:center}.eyebrow i,.live i{width:5px;height:5px;background:var(--lime);border-radius:100%;display:inline-block}.intro h1{font-size:clamp(34px,5vw,58px);letter-spacing:-3px;line-height:1.2;margin:17px 0}.intro h1 span{color:var(--lime)}.intro p{color:#a4ada4;font-size:13px;margin:0 0 32px}.mobile{display:none}.cabinet{position:relative;border:1px solid #66754c;background:#101510;box-shadow:0 0 60px #abff1810,inset 0 0 0 5px #171e14;border-radius:12px;padding:20px 30px 18px;overflow:hidden}.cabinet:before{content:'';position:absolute;top:0;left:9%;width:82%;height:3px;background:var(--lime);box-shadow:0 0 22px var(--lime)}.machine-top,.machine-foot{display:flex;justify-content:space-between;font:600 10px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#8b9980}.live{display:flex;align-items:center;gap:6px}.target{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px auto 13px}.target>span:first-child{font-size:9px;letter-spacing:1px;color:#91a183}.target strong{font:800 36px 'Barlow Condensed';letter-spacing:1px}.target b{color:var(--lime)}.prize{font:600 10px 'Barlow Condensed';letter-spacing:1px;border:1px solid #677e32;padding:6px 10px;color:var(--lime);border-radius:3px}.announcer{text-align:center;background:#080c08;padding:10px;border-top:1px solid #293424;border-bottom:1px solid #293424;color:#b9cbad;font-size:12px;letter-spacing:3px;min-height:40px}.reels{display:grid;grid-template-columns:1fr .8fr 1fr .65fr 1fr .65fr;gap:8px;align-items:center;margin:20px 0 0}.reel{position:relative;height:132px;background:linear-gradient(#b8c3b0 0%,#f1f6e9 35%,#f8fff2 55%,#a7b39b 100%);border:3px solid #81916d;box-shadow:inset 0 9px 17px #0004,0 5px 0 #000;border-radius:6px;text-align:center;color:#17200e;display:flex;justify-content:center;align-items:center}.reel span{font:900 104px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px}.reel small{position:absolute;bottom:6px;font:700 8px 'Barlow Condensed';letter-spacing:1px;white-space:nowrap;opacity:.5}.fixed{font:800 70px 'Barlow Condensed';text-align:center;color:#536049;letter-spacing:-4px}.zero{font-size:94px}.reel.rolling span{filter:blur(2px);animation:jitter .09s linear infinite}.reel.locked{border-color:var(--lime);box-shadow:0 0 15px #c3ff2438}.stop-row{display:flex;justify-content:space-between;margin:14px 0 24px;gap:13px}.stop{background:#20291c;border:1px solid #47563a;border-radius:4px;flex:1;padding:10px;color:var(--lime);font:700 15px 'Barlow Condensed';letter-spacing:2px;box-shadow:0 3px 0 #050805}.stop span{border:1px solid #576744;border-radius:3px;font-size:11px;padding:0 4px;margin-left:5px}.stop:not(:disabled):hover{background:#334524;transform:translateY(-1px)}.controls{display:flex;gap:14px}.spin{display:flex;align-items:center;gap:22px;flex:1;border:0;border-radius:5px;background:var(--lime);color:#162000;padding:8px 24px;box-shadow:0 5px 0 #5b7a0d}.spin>span{font:900 39px 'Barlow Condensed';letter-spacing:2px}.spin small{font-size:12px;font-weight:800}.spin b{margin-left:auto;font-size:30px}.spin:hover:not(:disabled){background:#d9ff72}.auto{padding:12px 22px;border:1px solid #515d45;border-radius:5px;background:#1c2319;font-size:12px}.auto span{margin-left:15px}.machine-foot{margin-top:22px;letter-spacing:1px;font-size:10px}.machine-foot em{font-style:normal;margin-left:12px;opacity:.6}.result{display:flex;gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.gpu-art{width:155px;height:73px;transform:perspective(250px) rotateY(-12deg) rotateX(10deg);background:linear-gradient(135deg,#47503e,#151c13);border:2px solid #56644b;position:relative;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:7px 8px 0 #030603;flex-shrink:0}.gpu-edge{position:absolute;left:12px;right:12px;bottom:-8px;height:5px;background:repeating-linear-gradient(90deg,#ba9858 0 4px,#393120 4px 6px)}.fan{width:53px;height:53px;border:2px solid #080a08;background:repeating-conic-gradient(#34442e 0 13deg,#11170e 13deg 35deg);border-radius:50%;display:grid;place-items:center;animation:fan 5s linear infinite}.fan i{width:16px;height:16px;background:#90aa67;border:5px solid #26301d;border-radius:50%}.gpu-label{position:absolute;right:3px;bottom:2px;font:700 6px sans-serif;color:var(--lime)}.result h2{margin:5px 0;font:800 31px 'Barlow Condensed','Noto Sans JP';letter-spacing:-.5px}.result p{font-size:11px;color:var(--muted);margin:0}.result-action{margin-left:auto}.result-action button{background:none;border:1px solid #4d5747;padding:10px;font-size:11px;border-radius:4px}.lower{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;padding-top:29px}.section-title{font:700 15px 'Barlow Condensed';letter-spacing:2px}.section-title span{font:9px 'Noto Sans JP';letter-spacing:0;color:#727d72;margin-left:12px}ol{list-style:none;margin:17px 0 0;padding:0}li{display:flex;gap:20px;border-bottom:1px solid #20281f;padding:10px 0;font:700 18px 'Barlow Condensed'}li small{font:9px 'Noto Sans JP';margin-left:auto;align-self:center;color:#a6b29d}li>span:first-child{color:#56644c;font-size:12px;align-self:center}li.god{color:var(--lime)}.empty{font:11px 'Noto Sans JP';color:#64715e;padding:18px 0}aside p{font-size:11px;color:#8b9980;line-height:1.9}aside b{color:#d7e6cd}aside button{background:none;border:0;border-bottom:1px solid #5f7539;padding:6px 0;color:var(--lime);font-size:11px;text-align:left;width:100%;margin-bottom:8px}aside button span{float:right;font:600 11px 'Barlow Condensed'}aside small{display:block;color:#617258;font-size:9px;line-height:1.8}footer{display:flex;justify-content:space-between;margin-top:45px;padding:22px 0 0;border-top:1px solid #232b21;font-size:9px;color:#67725f}.cinema{position:fixed;inset:0;z-index:50;background:#0b070bee;display:grid;place-items:center;overflow:hidden}.cinema[hidden]{display:none}.cinema-rays{position:absolute;inset:-100%;background:repeating-conic-gradient(from 0deg,#edff5200 0deg 12deg,#fbed3766 13deg 18deg,#ff378b55 19deg 24deg,#33c7ff00 25deg 36deg);animation:fan 18s linear infinite}.cinema-content{text-align:center;z-index:1;filter:drop-shadow(0 0 30px #ffc60088)}#cinema-kicker{font-weight:900;font-size:20px;letter-spacing:12px;color:#ffe66a}#cinema-title{font-size:clamp(70px,15vw,155px);font-weight:900;font-style:italic;line-height:1.05;letter-spacing:-7px;margin:15px 0;background:linear-gradient(#fff9c4,#ffda32 50%,#ff8426);color:transparent;background-clip:text;-webkit-text-stroke:2px #fff7b0;text-shadow:8px 8px 0 #611847;animation:slam .5s cubic-bezier(.2,1.8,.4,1)}.cinema strong{font:900 clamp(45px,9vw,80px) 'Barlow Condensed';color:white;letter-spacing:3px}.cinema strong span{color:var(--lime)}.cinema p{font-size:12px;letter-spacing:4px}.cinema button{display:block;margin:25px auto 12px;background:#ffeb51;border:2px solid white;color:#241507;padding:14px 42px;font-weight:900}.cinema small{display:block;color:#fff;font-size:10px}.hype{box-shadow:0 0 60px #ff268a88!important;border-color:var(--pink)!important}.hype .announcer{color:#ff55aa}.shake{animation:shake .2s 6}.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0000000a 3px 4px);pointer-events:none;z-index:80}#particles{position:fixed;inset:0;pointer-events:none;z-index:60}.reduced *{animation:none!important;scroll-behavior:auto!important}.reduced .cinema-rays{opacity:.2}@keyframes fan{to{transform:rotate(360deg)}}@keyframes jitter{50%{transform:translateY(4px)}}@keyframes slam{from{transform:scale(2.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{25%{transform:translate(3px,-2px)}75%{transform:translate(-3px,2px)}}@media(max-width:650px){header{padding:18px 16px}.brand{font-size:22px}.settings{gap:5px}.settings button{font-size:8px;padding:7px}.brand small{font-size:8px}.intro h1{letter-spacing:-1.5px}.mobile{display:block}main{padding:30px 16px}.intro p{font-size:11px;margin-bottom:24px}.eyebrow{font-size:8px;letter-spacing:1px}.cabinet{padding:17px 13px 15px}.machine-top{font-size:8px;letter-spacing:1px}.target{gap:10px;flex-wrap:wrap;margin:16px 0 13px}.target>span:first-child{display:none}.target strong{font-size:30px}.prize{font-size:9px}.announcer{font-size:10px;letter-spacing:1px}.reels{gap:4px;margin-top:17px}.reel{height:90px;border-width:2px}.reel span{font-size:70px}.reel small{font-size:5px;letter-spacing:0}.fixed{font-size:40px;letter-spacing:-2px}.zero{font-size:60px}.stop-row{gap:8px;margin:12px 0 20px}.stop{padding:10px 5px;font-size:13px}.controls{gap:8px}.spin{padding:8px 13px;gap:10px}.spin>span{font-size:32px}.spin small{font-size:10px}.spin b{font-size:22px}.auto{font-size:10px;padding:10px}.auto span{display:none}.machine-foot{font-size:8px;letter-spacing:0}.machine-foot em{display:none}.result{gap:16px;flex-wrap:wrap;padding:24px 0}.gpu-art{width:110px;height:58px;gap:5px}.fan{width:39px;height:39px}.result-info{flex:1}.result h2{font-size:25px}.result p{font-size:10px;line-height:1.7}.result-action{margin:0 0 0 auto}.lower{grid-template-columns:1fr;gap:25px;padding-top:24px}footer{flex-direction:column;gap:8px;margin-top:28px}.cinema-content p{letter-spacing:1px}.cinema-content{width:100%}}
@media(max-width:650px){.result-action{flex-basis:100%;text-align:right;margin-top:-5px}.result-info{min-width:0}.result h2{white-space:nowrap}}
