@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.arcade{--gold:#ffc83d;--blue:#071426;--cyan:#62e6ff;z-index:100;color:#fff;background:radial-gradient(circle at 50% 25%,#173c64,#050a16 58%,#02040a);font-family:"Press Start 2P",monospace;position:fixed;inset:0;overflow:auto}.scanlines{pointer-events:none;z-index:5;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#0003 4px);position:fixed;inset:0}.arcadeClose{z-index:8;border:2px solid var(--gold);color:var(--gold);cursor:pointer;background:#071426;width:46px;height:46px;font:28px/1 Arial;position:fixed;top:14px;right:22px;box-shadow:4px 4px #000}.arcadeLobby{grid-template-columns:.75fr 1.25fr;align-items:center;width:min(1180px,92vw);min-height:100%;margin:auto;padding:55px 0 28px;display:grid;position:relative}.arcadeMascot img{filter:drop-shadow(0 18px 20px #0008);width:min(420px,100%)}.arcadeIntro{padding-left:4vw}.pixelTag{color:var(--cyan);font-size:10px;line-height:1.8;animation:1.2s step-end infinite blink}.arcade h1{color:#fff;text-shadow:5px 5px #193a67,9px 9px #000;margin:24px 0;font:clamp(38px,6.5vw,82px)/1.04 "Press Start 2P",monospace}.arcade h1 b{color:var(--gold)}.arcadeIntro p{color:#d8e9ff;max-width:640px;font:11px/2 "Press Start 2P"}.insertCoin{border:2px solid var(--gold);color:var(--gold);margin-top:20px;padding:12px;font-size:9px;display:inline-block;box-shadow:4px 4px #000}.cabinetGrid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;display:grid}.cabinet{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(145deg,#c92646,#741127);border:4px solid #000;flex-direction:column;align-items:center;gap:12px;min-height:240px;padding:18px;transition:transform .15s;display:flex;box-shadow:7px 7px #000}.cabinet2{background:linear-gradient(145deg,#1f99ad,#10505f)}.cabinet3{background:linear-gradient(145deg,#8150bd,#40216b)}:is(.cabinet:hover,.cabinet:focus-visible){transform:translate(-3px,-3px);box-shadow:10px 10px #000}.cabinetScreen{background:#07101b;border:7px ridge #344966;place-items:center;width:100%;height:90px;font:48px serif;display:grid}.cabinet strong{color:var(--gold);font-size:12px}.cabinet small{color:#e9f2ff;font:8px/1.7 "Press Start 2P"}.cabinet i{color:#fff;margin-top:auto;font:8px "Press Start 2P";animation:1s step-end infinite blink}.arcadeFooter{color:#65809f;grid-column:1/-1;justify-content:space-between;margin-top:32px;font-size:7px;display:flex}.gameShell{width:min(1000px,92vw);min-height:100%;margin:auto;padding:65px 0 40px}.gameShell>header{color:var(--gold);border-bottom:3px solid #26486e;justify-content:space-between;align-items:center;padding-bottom:18px;font-size:10px;display:flex}.gameShell>header button{color:var(--cyan);cursor:pointer;background:0 0;border:0;font:9px "Press Start 2P"}.pixelGame{text-align:center;padding:55px 0}.gameTitle{text-align:left;justify-content:center;align-items:center;gap:25px;margin-bottom:38px;display:flex}.gameTitle>span{font:70px serif}.gameTitle small{color:var(--cyan);font-size:8px}.gameTitle h2{color:var(--gold);text-shadow:5px 5px #000;margin:12px 0;font:clamp(28px,5vw,52px)/1.15 "Press Start 2P"}.gameTitle p{color:#b9cde5;font:9px/1.7 "Press Start 2P"}.measureBoard{background:repeating-linear-gradient(90deg,#b97931 0 18px,#c98b3c 19px 36px);border:8px ridge #efbd67;width:min(800px,100%);height:110px;margin:40px auto;position:relative;box-shadow:8px 8px #000}.measureBoard input{opacity:0;cursor:ew-resize;width:100%;position:absolute;inset:0}.measureBoard span{z-index:2;background:#07101e;width:5px;position:absolute;top:-12px;bottom:-12px}.measureBoard span:before{content:"▼";color:var(--cyan);position:absolute;top:-25px;left:-9px}.measureBoard i{opacity:.18;border-left:4px dashed #fff;position:absolute;top:0;bottom:0}.startButton,.scorePanel button{background:var(--gold);color:#0b1829;cursor:pointer;border:0;border-bottom:7px solid #a46d00;padding:17px 25px;font:10px "Press Start 2P"}.startButton:active,.scorePanel button:active{border-bottom-width:2px;transform:translateY(5px)}.scorePanel{background:#071426;border:3px solid #3f6088;justify-content:center;align-items:center;gap:28px;max-width:700px;margin:26px auto 0;padding:20px;display:flex}.scorePanel strong{color:#fff;font-size:11px}.scorePanel span{color:var(--cyan);font-size:11px}.scorePanel.winner{border-color:var(--gold);animation:.5s steps(2,end) infinite winner}.scorePanel.winner strong{color:var(--gold)}.damScene{cursor:pointer;background:linear-gradient(#15365a 0 58%,#2697b8 59%);border:7px ridge #395979;height:430px;position:relative;overflow:hidden;box-shadow:8px 8px #000}.damScene:before{content:"";background-color:#0000;background-image:linear-gradient(150deg,#0000 49%,#102942 50%),linear-gradient(210deg,#0000 49%,#102942 50%);background-position:0,100%;background-repeat:no-repeat;background-size:50% 100%,50% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:12% 0 42%}.river{background:repeating-linear-gradient(0deg,#3bc2d4 0 12px,#2398bb 13px 24px);height:42%;animation:.7s linear infinite river;position:absolute;bottom:0;left:0;right:0}.log{z-index:2;background:repeating-linear-gradient(0deg,#744018 0 8px,#a76325 9px 17px);border:4px solid #3e210d;border-radius:15px;width:160px;height:34px;margin-left:-80px;position:absolute}.log:before,.log:after{content:"";background:#c4863a;border:3px solid #4b2910;border-radius:50%;width:24px;height:24px;position:absolute;top:2px}.log:before{left:-3px}.log:after{right:-3px}.damScore{z-index:3;color:var(--gold);background:#071426;padding:10px;font-size:10px;position:absolute;top:15px;left:15px}.nailStage{width:min(700px,100%);margin:0 auto 32px}.nail{color:#c8d4df;text-shadow:5px 5px #000;font:80px/1 monospace}.nail span{margin-top:-26px;display:block}.powerMeter{background:linear-gradient(90deg,#bf2945 0 25%,#e77b2d 25% 58%,var(--gold) 58% 82%,#bf2945 82%);border:6px solid #d6e2ee;height:70px;position:relative}.powerMeter i{border-inline:4px dashed #fff;width:24%;height:100%;position:absolute;left:58%}.powerMeter span{background:#fff;width:8px;position:absolute;top:-12px;bottom:-12px;box-shadow:0 0 15px #fff}.powerLabels{color:#8aa6c5;justify-content:space-between;margin-top:12px;font-size:8px;display:flex}.powerLabels strong{color:var(--gold)}@keyframes blink{50%{opacity:.2}}@keyframes winner{50%{box-shadow:0 0 30px var(--gold)}}@keyframes river{to{background-position-y:24px}}@media (max-width:760px){.arcadeLobby{padding-top:70px;display:block}.arcadeMascot{text-align:center;height:170px}.arcadeMascot img{width:auto;height:190px}.arcadeIntro{text-align:center;padding:0}.arcade h1{font-size:37px}.arcadeIntro p{font-size:8px}.cabinetGrid{grid-template-columns:1fr;margin:32px 3vw}.cabinet{min-height:210px}.arcadeFooter{gap:18px;line-height:1.7}.gameShell{padding-top:72px}.gameShell>header span{display:none}.pixelGame{padding-top:35px}.gameTitle{text-align:center;display:block}.gameTitle>span{font-size:55px}.gameTitle h2{font-size:28px}.measureBoard{height:85px}.scorePanel{flex-direction:column;gap:16px}.damScene{height:370px}.log{width:120px;margin-left:-60px}.arcadeClose{top:12px;right:12px}}@media (prefers-reduced-motion:reduce){.arcade *{animation:none!important}}