.pin-game{width:min(100%,540px);margin:0 auto;color:#eee1e8;font-family:Arial,sans-serif;user-select:none;-webkit-user-select:none}.pin-top{display:flex;justify-content:space-between;gap:10px;padding:0 3px 12px;color:#b1b1c7;font:9px monospace;letter-spacing:1px}.pin-ball-label{color:#e5b777;white-space:nowrap}.pin-table-wrap{position:relative;border-radius:23px;overflow:hidden;background:#10172a;box-shadow:0 0 0 1px #4f405a,0 0 0 6px #111522,0 20px 70px #080a1644}.pin-canvas{display:block;width:100%;height:auto;aspect-ratio:480/660;outline-offset:-5px}.pin-canvas:focus-visible{outline:2px solid #efc78c}.pin-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(160deg,#141426f5,#101e30ed);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 20px;color:#eee1e8}.pin-overlay[hidden]{display:none}.pin-kicker{font:8px monospace;letter-spacing:1.6px;color:#7bdad8}.pin-overlay h2{font:900 clamp(38px,7vw,64px)/.97 Arial,sans-serif;letter-spacing:-2px;margin:25px 0 20px;color:#eedfdb;transform:rotate(-4deg);text-shadow:4px 4px 0 #7f426d}.pin-overlay h2 em{font-style:normal;color:#e6b77f}.pin-overlay p{font-size:13px;line-height:1.8;margin:0 0 18px;color:#c4b9d2}.pin-overlay .pin-overlay-help{font-size:11px;color:#9daec3}.pin-overlay-help b{color:#e8c18b}.pin-start{font:700 12px Arial,sans-serif;letter-spacing:.5px;min-height:46px;padding:14px 24px;background:#e8bb7b;color:#1c1a2b;border:0;border-radius:6px;cursor:pointer;box-shadow:0 4px 0 #7f5d56}.pin-start:hover{background:#ffda9d}.pin-start:focus-visible,.pin-controls button:focus-visible{outline:3px solid #6ce1df;outline-offset:4px}.pin-overlay small{font:9px monospace;color:#a899b3;margin-top:20px}.pin-overlay .pin-final-score{font:700 38px monospace;color:#7cddd8;line-height:1.2}.pin-final-score span{display:block;font:9px monospace;letter-spacing:2px;margin-top:8px;color:#c2b4c9}.pin-power{display:flex;align-items:center;gap:15px;margin:17px 0 11px;padding:0 3px}.pin-power>span{font:7px monospace;letter-spacing:1px;color:#afa4ba;white-space:nowrap}.pin-power>div{background:#29273b;border:1px solid #50405d;border-radius:5px;overflow:hidden;height:7px;flex:1}.pin-power i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7cddd8,#eab77a)}.pin-controls{display:grid;grid-template-columns:1fr .82fr 1fr;gap:10px;padding:0 2px}.pin-controls button{border:1px solid #78607b;background:#272334;color:#f0dce9;min-height:76px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 10px Arial,sans-serif;letter-spacing:.6px;border-radius:8px;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 0 #131420}.pin-controls button span{display:block;color:#7edbd8;font-size:23px;line-height:1.1;margin-bottom:6px}.pin-controls button small{display:block;color:#b7a8c0;font:7px monospace;margin-top:5px;letter-spacing:.6px}.pin-controls .pin-launch{border-color:#8a745d;background:#3b2e34;color:#e8c18b}.pin-controls .pin-launch span{color:#ebbd7e}.pin-controls .pin-held,.pin-controls button:active{background:#67435d;box-shadow:0 1px 0 #131420;transform:translateY(3px);border-color:#ecc2da}.pin-controls button:disabled{opacity:.52;cursor:default;transform:none}.pin-status{font-size:11px;line-height:1.7;color:#d7c6d9;min-height:38px;margin:16px 2px 0}.pin-note{font:9px/1.7 monospace;color:#9e95ad;margin:6px 2px 0}@media(max-width:430px){.pin-top{font-size:7px}.pin-controls{gap:7px}.pin-controls button{font-size:9px;min-height:72px;letter-spacing:.2px}.pin-controls button small{font-size:6px}.pin-overlay{padding:20px 14px}.pin-overlay h2{font-size:46px;margin:20px 0 18px}.pin-overlay p{font-size:12px;margin-bottom:15px}.pin-kicker{font-size:7px;letter-spacing:1px}.pin-overlay .pin-overlay-help{font-size:10px}.pin-start{min-height:44px}.pin-overlay small{font-size:8px;margin-top:18px}}@media(prefers-reduced-motion:reduce){.pin-controls button:active,.pin-controls .pin-held{transform:none}}