@font-face{font-family:Club;src:url('assets/display.ttf') format('truetype');font-display:swap;font-weight:800}@font-face{font-family:Han;src:url('assets/chinese.otf') format('opentype');font-display:swap}*{box-sizing:border-box} :root{--ink:#f6ebd4;--muted:#bba895;--dark:#21151b;--plum:#361e29;--paper:#f4e7cc;--gold:#edbd68;--rail:#ae7646;--blue:#3d7780}body{margin:0;background:var(--dark);color:var(--ink);font-family:Arial,Han,sans-serif;font-size:15px;line-height:1.6}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button,a.button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:transparent;border:1px solid #806454;border-radius:3px}button:hover,a:hover{filter:brightness(1.12)}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #7fd3d5;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05}h1,h2{font-family:Club,Han,Impact,sans-serif;font-weight:800}small{font-size:10px}svg{width:19px;height:19px;flex:none;fill:currentColor}.masthead{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 4.5%;border-bottom:1px solid #614334}.brand{display:flex;align-items:center;gap:12px;line-height:1.1;font-size:18px;letter-spacing:2px;font-weight:bold;white-space:nowrap}.brand img{border:1px solid #715a45;border-radius:3px;object-fit:cover}.brand small{display:block;letter-spacing:2px;margin-top:9px;font-size:9px;color:var(--muted);font-weight:400}.topnav{display:flex;align-items:center;gap:11px;flex-wrap:wrap;justify-content:flex-end}.languages{display:flex;border:1px solid #806454;border-radius:3px;padding:3px}.languages button{padding:6px 9px;font-size:10px;border:0}.languages button[aria-pressed=true]{background:var(--paper);color:var(--dark)}.music{font-size:11px;white-space:nowrap;padding:9px 7px;border:0;color:#ddd1ba}.social{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:bold;font-size:12px;padding:11px 15px;border:1px solid #b48658;border-radius:3px;white-space:nowrap}.facebook{background:#355974;border-color:#65819a;color:#fff}.support{background:#e5b86f;color:#2a1a1d;border-color:#f6d595;box-shadow:0 3px 0 #745435}.lobby{max-width:1440px;margin:auto}.hero{position:relative;min-height:650px;background:linear-gradient(90deg,rgba(30,17,23,.95) 0%,rgba(30,17,23,.76) 33%,rgba(30,17,23,0) 63%),url('assets/pinvault-keyart.webp') center right/cover no-repeat;border-bottom:1px solid #87603d}.hero-copy{padding:70px 5.5%;max-width:620px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:var(--gold)}.hero h1{font-size:128px;line-height:.79;letter-spacing:-1px;margin:33px 0 28px;text-shadow:0 4px 0 #100d0c}.hero h1 span{display:block;color:var(--gold)}.subtitle{font-size:12px;letter-spacing:1px;font-weight:bold;margin:24px 0 12px}.hero-desc{color:#d1bcab;font-size:15px;max-width:325px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:3px;padding:13px 23px;font-size:13px;font-weight:bold;letter-spacing:1px}.gold{background:var(--gold);color:#29171c;border:1px solid #ffe1a2;box-shadow:0 4px 0 #845330}.large{padding:16px 27px}.daily-link{font-size:12px;border-bottom:1px solid #806454}.free-note{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-top:29px}.edition{position:absolute;right:5%;bottom:38px;font-family:Club,sans-serif;font-size:60px;line-height:1;color:var(--gold);text-align:right}.edition span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px}.howto{padding:52px 5.5%;display:grid;grid-template-columns:1fr 2.6fr;gap:40px;border-bottom:1px solid #614334;background:#291a21}.section-label>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.section-label h2{font-size:42px;margin-top:12px}.howto ol{list-style:none;padding:0;margin:0;display:flex;gap:30px}.howto li{flex:1;display:flex;gap:12px}.howto li>b{font-family:Club,sans-serif;font-size:28px;line-height:1;color:var(--gold)}.howto h3{font-size:14px;margin:6px 0 12px}.howto p{font-size:12px;color:var(--muted)}.table-shelf{padding:55px 5.5% 60px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.shelf-heading h2{font-size:45px;margin-top:12px}.text-link{font-size:11px;border-bottom:1px solid #806454;white-space:nowrap}.home-levels{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:30px 0 22px}.home-level{border:1px solid #6c493f;position:relative;padding:18px;background:#2b1c24}.home-level .number{font-family:Club,sans-serif;font-size:42px;color:var(--gold);line-height:1}.home-level b{display:block;font-size:12px;margin-top:10px}.home-level small{display:block;color:var(--muted);margin-top:4px}.shelf-note{font-size:11px;color:var(--muted)}footer{max-width:1320px;border-top:1px solid #614334;margin:0 auto;padding:26px 20px 34px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px;letter-spacing:1px}footer small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.footerlinks{display:flex;gap:12px}.footerlinks .social{background:none;border:0;box-shadow:none;color:var(--gold);font-size:11px;padding:6px}.footerlinks .facebook{color:#b4ccd8}.game-main{max-width:1130px;padding:26px 26px 35px;margin:auto}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.game-heading h1{font-size:38px;margin-top:8px}.game-grid{display:grid;grid-template-columns:minmax(0,620px) minmax(270px,1fr);gap:38px;align-items:start}.cabinet{border:1px solid #a97848;box-shadow:0 7px 0 #100c10,0 10px 35px #160e15;border-radius:9px;overflow:hidden;background:#331c25}.score-strip{padding:12px 22px;display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:8px;background:#27171e;border-bottom:1px solid #865b38}.score-strip>div>span{font-size:8px;letter-spacing:1.5px;display:block;color:var(--muted)}.score-strip strong{font-family:Club,sans-serif;font-size:32px;color:var(--gold);line-height:1.1;display:block;margin-top:5px}.pause{font-size:17px;width:35px;height:36px;align-self:center}.table-wrap{position:relative;aspect-ratio:720/900;isolation:isolate}#table{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(27,13,20,.84);backdrop-filter:blur(3px);z-index:3}.dialog{width:100%;max-width:390px;background:#f1e4ca;color:#36202a;box-shadow:0 8px 0 #160b11,0 0 0 1px #c28c4c;padding:29px 29px 31px;border-radius:4px;border-top:6px solid #bb7941}.dialog .eyebrow{color:#915226}.dialog h2{font-size:43px;margin:10px 0 19px}.dialog p{font-size:13px;line-height:1.65}.dialog p+p{margin-top:12px}.dialog ul{padding-left:18px;font-size:12px}.dialog .dialog-stars{font-size:36px;letter-spacing:6px;color:#a86c29;margin-bottom:12px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.dialog-actions button{padding:11px 17px;border-color:#927458;font-size:12px;font-weight:bold;color:#36202a}.dialog-actions .gold{color:#28151b}.shot-deck{padding:15px 20px 19px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;border-top:1px solid #91613e;background:#2c1820}.angle-row label{font-size:9px;letter-spacing:1.5px;color:var(--muted);display:flex;justify-content:space-between}.angle-row output{color:var(--gold);font-weight:bold}.aim-control{display:flex;align-items:center;gap:8px;margin-top:4px}.aim-control button{width:30px;height:28px;line-height:1;font-size:19px}.aim-control input{min-width:50px;width:100%;accent-color:var(--gold);height:25px;cursor:pointer}.fire{padding:17px 24px;white-space:nowrap;font-size:12px;font-weight:bold;letter-spacing:1px}.game-aside{padding-top:8px}.game-aside h2{font-size:48px;max-width:330px;margin:18px 0}.aside-description{font-size:13px;color:var(--muted)}.legend{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid #72503d}.legend>span{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.7px}.legend i{font-style:normal;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:2px solid #c88c48;background:#d3a150;color:#573727;font-size:15px}.legend .blue-dot{border-color:#80acb6;background:#356d79;color:#d3e6e8}.status{font-size:12px;min-height:59px;display:flex;align-items:center;color:var(--gold);padding:14px 0}.tools{display:grid;grid-template-columns:1fr;gap:9px}.tools button{padding:10px 14px;text-align:left;background:#35222b;font-size:12px}.tools small{float:right;color:var(--muted)}.records{display:flex;align-items:center;gap:9px;border-bottom:1px solid #72503d;padding:17px 0 22px;flex-wrap:wrap;font-size:9px;color:var(--muted)}.records b{color:var(--gold);letter-spacing:1px}.records button{margin-left:auto;font-size:9px;border:0;text-decoration:underline;padding:0}.records button+button{margin-left:0}.tables-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 15px}.tables-heading h3{font-family:Club,Han,sans-serif;font-size:27px}.tables-heading>span{font-size:10px;color:var(--muted)}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.level-grid button{padding:8px 2px 6px;font-size:13px;font-weight:bold;background:#31202a;line-height:1.1}.level-grid button small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px;color:var(--muted)}.level-grid button[aria-current=true]{background:var(--paper);color:var(--dark);border-color:var(--gold)}.level-grid button[aria-current=true] small{color:#8e643d}.daily-card{margin-top:14px;display:block;border:1px solid #8c6e43;padding:12px 13px;font-size:11px;background:#3c2b2c;color:var(--gold)}.daily-card small{float:right;font-size:9px;color:var(--muted)}.keyboard-note{font-size:10px;color:var(--muted);margin-top:17px;line-height:1.9}.combo{position:absolute;left:0;right:0;top:35%;text-align:center;pointer-events:none;font:800 48px Club,sans-serif;color:var(--gold);text-shadow:0 3px 0 #52292f;opacity:0;transition:opacity .2s}.combo.active{opacity:1}.keyboard-note br{display:block}
@media(min-width:1200px){.game-grid{grid-template-columns:560px 1fr}.game-main{max-width:1060px}.hero-copy{padding-top:85px}.game-aside{padding-top:17px}}
@media(max-width:1000px){.masthead{gap:14px;padding:16px 24px}.brand{font-size:15px;letter-spacing:1px}.topnav{gap:5px}.topnav .social{padding:9px 10px;font-size:11px}.topnav .music{font-size:10px}.hero{min-height:600px}.hero h1{font-size:112px}.howto{grid-template-columns:1fr;gap:28px}.howto ol{gap:25px}.home-levels{grid-template-columns:repeat(3,1fr)}.game-grid{gap:25px;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.game-aside h2{font-size:39px}.shot-deck{padding:12px;gap:10px}.fire{padding:17px 15px}.legend{gap:12px}.legend>span{font-size:8px}.daily-card small{float:none;display:block;margin-top:3px}}
@media(max-width:760px){.masthead{flex-wrap:wrap;padding:14px 18px;gap:14px}.brand img{width:42px;height:42px}.brand{font-size:16px}.topnav{justify-content:flex-start;gap:8px;width:100%}.topnav .languages{margin-right:auto}.topnav .music{padding:6px 0}.topnav .social{padding:9px 11px}.hero{min-height:720px;background:linear-gradient(0deg,#21151b 0%,rgba(33,21,27,.88) 30%,rgba(33,21,27,0) 72%),url('assets/pinvault-keyart.webp') 67% top/auto 470px no-repeat}.hero-copy{padding:285px 24px 34px;max-width:none}.hero h1{font-size:86px;line-height:.8;margin:18px 0 22px}.hero h1 span{display:inline;margin-left:9px}.hero-copy>.eyebrow{font-size:8px}.subtitle{font-size:10px}.hero-desc{max-width:360px;font-size:13px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.large{padding:15px 17px;font-size:11px}.daily-link{font-size:11px}.free-note{font-size:8px}.edition{right:25px;top:310px;bottom:auto;font-size:34px;opacity:.7}.edition span{font-size:6px}.howto{padding:35px 24px}.howto ol{flex-direction:column;gap:22px}.howto li>b{width:35px;flex:none}.howto h3{margin-top:3px}.howto p{max-width:500px}.section-label h2{font-size:37px}.table-shelf{padding:35px 24px}.shelf-heading{align-items:flex-end}.shelf-heading h2{font-size:34px}.home-levels{gap:8px}.home-level{padding:12px}.home-level b{font-size:10px;line-height:1.4;min-height:28px}.home-level small{font-size:8px}.home-level .number{font-size:32px}footer{margin:0 18px;padding:22px 0;align-items:flex-start;flex-wrap:wrap;gap:15px}.footerlinks{gap:8px}.footerlinks .social{padding:4px 0;font-size:10px}.game-main{padding:22px 16px 30px;max-width:610px}.game-heading{margin-bottom:18px}.game-heading h1{font-size:32px}.game-heading .eyebrow{font-size:9px}.game-heading .text-link{font-size:10px}.game-grid{grid-template-columns:1fr;gap:28px}.game-aside{padding:0 6px}.game-aside h2{font-size:38px;margin:12px 0}.game-aside>.eyebrow{font-size:9px}.aside-description{font-size:12px}.tools{grid-template-columns:1fr 1fr}.legend{padding:17px 0}.legend>span{font-size:9px}.status{min-height:56px}.daily-card small{float:right;display:inline;margin-top:0}.score-strip{padding:10px 17px}.score-strip strong{font-size:30px}.shot-deck{padding:13px 15px 16px;gap:18px}.fire{padding:17px 19px}.dialog{padding:24px}.dialog h2{font-size:38px}.dialog p{font-size:12px}.dialog-actions button{padding:10px 13px}.overlay{padding:17px}}
@media(max-width:390px){.masthead{padding:12px 13px;gap:12px}.topnav{gap:5px}.topnav .social{font-size:10px;gap:5px;padding:8px}.topnav .social svg{width:15px}.languages button{font-size:9px;padding:6px}.music span{font-size:9px}.hero h1{font-size:73px}.hero-copy{padding-left:19px;padding-right:19px}.edition{right:18px;top:303px;font-size:26px}.hero-actions{gap:12px}.game-main{padding-left:12px;padding-right:12px}.game-heading h1{font-size:28px}.score-strip{padding:9px 13px}.score-strip>div>span{font-size:7px;letter-spacing:1px}.score-strip strong{font-size:27px}.shot-deck{padding:11px 11px 15px;gap:10px}.fire{padding:15px 12px;font-size:10px;letter-spacing:.4px}.aim-control{gap:5px}.aim-control button{width:25px;flex:none}.dialog{padding:17px}.dialog h2{font-size:31px;margin:8px 0 12px}.dialog p{font-size:11px;line-height:1.6}.dialog ul{font-size:10px;margin:8px 0}.dialog-actions{margin-top:15px;gap:8px}.dialog-actions button{padding:9px 11px;font-size:11px}.dialog .eyebrow{font-size:8px}.overlay{padding:14px}.dialog .dialog-stars{font-size:27px;margin-bottom:8px}.legend{gap:17px}.home-levels{grid-template-columns:repeat(3,1fr)}.shelf-heading .text-link{font-size:9px}.footerlinks{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.dialog{max-height:100%;display:flex;flex-direction:column}.dialog #dialog-body{min-height:0;overflow:auto}.dialog-actions{flex-shrink:0}.dialog h2,.dialog .eyebrow{flex-shrink:0}
@media(max-width:390px){.overlay[data-kind=intro] #dialog-body p:nth-child(3){display:none}.overlay[data-kind=intro] .dialog h2{font-size:29px}}