:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef4ee;background:#101b20;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 45% -15%,#233c42 0,#14252a 35%,#101b20 75%)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.arcade-topbar{height:72px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c5d7c124;background:#0e1a1ed9}.arcade-logo{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.15em;font-size:17px;white-space:nowrap}.logo-tile{width:32px;height:32px;display:grid;place-items:center;background:#e1b873;color:#182620;border-radius:8px;font-size:20px}.offline-label,.arcade-nav{font-size:11px;font-weight:800;letter-spacing:.1em;color:#b6cbbf}.online-dot{display:inline-block;width:7px;height:7px;background:#98e2a8;border-radius:50%;margin-right:6px;box-shadow:0 0 8px #98e2a8}.arcade-nav{display:flex;align-items:center;gap:22px}.arcade-nav a:hover,.arcade-nav a.active{color:#f4d297}.kicker,.panel-kicker,.card-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:#deb878}.home-main{max-width:1160px;margin:auto;padding:clamp(50px,8vw,100px) 24px 45px}.home-intro h1,.page-heading h1,.game-card h2,.leaderboard-heading h2,.settings-heading h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.home-intro h1{font-size:clamp(56px,8vw,105px);line-height:1;margin:15px 0 20px}.home-intro p{font-size:18px;line-height:1.6;color:#b7c8c2;max-width:530px}.game-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:52px}.game-card{position:relative;min-height:395px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid #8aa79950;border-radius:20px;background:linear-gradient(135deg,#26453f,#162b2b 75%);box-shadow:0 22px 50px #0004;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-5px);border-color:#e2bd7f}.tetris-card{background:linear-gradient(145deg,#243b50,#1a292f 70%)}.poker-card{background:linear-gradient(145deg,#29503d,#152822 70%)}.card-icon{position:absolute;top:28px;right:35px;opacity:.8}.spade{font-size:170px;line-height:1;color:#9ecbad45}.tetromino{display:grid;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px);gap:5px;transform:rotate(-12deg)}.tetromino i{display:block;border:3px solid #d4e8ee99;border-radius:5px;background:#5eb5ce99;box-shadow:inset -5px -5px #0003}.tetromino i:first-child{grid-column:2}.tetromino i:nth-child(2){grid-row:2;grid-column:1}.tetromino i:nth-child(3){grid-row:2;grid-column:2}.tetromino i:nth-child(4){grid-row:2;grid-column:3}.card-content{position:relative;z-index:1}.game-card h2{font-size:49px;margin:9px 0 12px}.game-card p{max-width:390px;color:#c4d4cb;line-height:1.6;font-size:14px;min-height:66px}.card-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;margin-top:23px;padding:12px 15px;border-radius:8px;background:#e1b873;color:#19251e;font-size:13px;font-weight:850}.card-cta b{font-size:18px}.home-note{color:#829b91;text-align:center;font-size:12px;margin-top:38px}.tetris-main{max-width:1430px;margin:auto;padding:34px clamp(15px,3vw,44px) 60px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.page-heading h1{font-size:45px;line-height:1;margin:8px 0}.page-heading p{margin:0;color:#a9beb5;font-size:13px}.tetris-layout{display:grid;grid-template-columns:minmax(320px,382px) minmax(185px,250px) minmax(280px,1fr);gap:20px;align-items:start}.play-card,.info-card,.leaderboard-card{background:#172b2c;border:1px solid #799b8b50;border-radius:17px;box-shadow:0 15px 40px #0003}.play-card{padding:20px}.board-shell{position:relative;width:min(100%,300px);margin:auto;aspect-ratio:1/2;border:6px solid #7e987b;border-radius:5px;box-shadow:0 0 0 5px #102021,0 14px 28px #0007;background:#0b171c}.board-shell canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#09171bce;padding:22px}.game-overlay[hidden]{display:none}.overlay-title{font-size:30px;font-weight:950;letter-spacing:.1em;color:#f5cf8c}.overlay-copy{max-width:210px;margin-top:10px;color:#d1e0d6;font-size:13px;line-height:1.5}.game-controls{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-top:21px}.game-controls label{color:#b5ccc0;font-size:10px;font-weight:850;letter-spacing:.1em}.game-controls select{display:block;margin-top:6px;padding:9px 25px 9px 10px;border:1px solid #7b9585;border-radius:7px;background:#10211f;color:white}.gold-button,.outline-button{border-radius:8px;padding:10px 13px;font-size:12px;font-weight:850;min-height:38px}.gold-button{background:#e1b873;color:#1a2921;border:1px solid #e1b873}.gold-button:hover{background:#f1ca8c}.outline-button{background:#ffffff08;color:#e2eee5;border:1px solid #839a8c8a}.outline-button:hover{background:#ffffff16}.outline-button:disabled{opacity:.45;cursor:not-allowed}.game-message{min-height:18px;margin:13px 0 0;color:#a9c1b3;font-size:11px}.info-column{display:flex;flex-direction:column;gap:18px}.info-card{padding:20px}.stat-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;padding:14px 0;color:#adbfba;font-size:13px}.stat-row:last-child{border:0;padding-bottom:0}.stat-row strong{font-size:24px;font-variant-numeric:tabular-nums;color:#f0d39c}.next-card canvas{display:block;width:120px;height:120px;margin:18px auto 4px;background:#0e1d21;border:1px solid #77978b55;border-radius:7px;image-rendering:pixelated}.controls-card{font-size:12px}.control-row{display:flex;justify-content:space-between;gap:9px;padding:9px 0;border-bottom:1px solid #ffffff12;color:#b7c9c0}.control-row kbd{color:#f1d59e;font-family:inherit;font-weight:800}.link-button{padding:0;border:0;background:none;color:#e4bf84;font-size:11px;font-weight:800;margin-top:15px}.leaderboard-card{padding:22px;min-height:330px}.leaderboard-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.leaderboard-heading h2{font-size:30px;margin:5px 0 18px}.player-pill{padding:8px 10px;border:1px solid #698b7f77;border-radius:100px;color:#cbdacb;font-size:10px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-tabs{display:flex;gap:6px;border-bottom:1px solid #ffffff22}.leaderboard-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#9db4a9;font-size:12px;font-weight:800;padding:12px 7px;white-space:nowrap}.leaderboard-tabs button[aria-selected="true"]{border-bottom-color:#e1b873;color:#f3d6a1}.leaderboard-tabs small{display:block;font-size:8px;font-weight:600}.leaderboard-note{color:#9fb2a7;font-size:11px;line-height:1.5;min-height:32px;margin:15px 0}.leaderboard-list{max-height:450px;overflow:auto}.score-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff16}.score-rank{color:#dcb981;font-size:12px;font-weight:900}.score-main{min-width:0}.score-main strong{display:block;color:#e7eee7;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-main small{display:block;color:#809c8d;font-size:10px;margin-top:4px}.score-number{color:#f0d39c;font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}.empty-scores{padding:28px 5px;color:#9eb1a7;font-size:12px;text-align:center}.storage-warning{color:#ffcda1;font-size:12px;margin-top:18px}.settings-dialog{width:min(560px,calc(100vw - 25px));max-height:85vh;overflow:auto;padding:26px;background:#172b2c;color:#eef4ee;border:1px solid #799b8b;border-radius:17px;box-shadow:0 25px 90px #000a}.settings-dialog::backdrop{background:#071216c9;backdrop-filter:blur(3px)}.settings-heading{display:flex;align-items:start;justify-content:space-between}.settings-heading h2{font-size:35px;margin:5px 0 18px}.close-button{width:35px;height:35px;border-radius:50%;border:1px solid #91a5947a;background:#ffffff0c;color:#eaf0eb;font-size:23px}.name-label{display:block;font-size:13px;font-weight:800}.name-label input{display:block;width:100%;padding:11px 13px;margin:8px 0 6px;background:#102021;color:white;border:1px solid #78998b;border-radius:8px}.name-label small{display:block;color:#9db3a7;font-size:10px;font-weight:500;line-height:1.5}.settings-subheading{font-size:10px;font-weight:900;letter-spacing:.15em;color:#e1b873;margin:25px 0 7px}.binding-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff17;font-size:12px}.binding-row button{min-width:125px;padding:8px;border:1px solid #8aa18f79;border-radius:7px;background:#0f2122;color:#efdaa8;font-size:11px;font-weight:800}.binding-row button.capturing{border-color:#e1b873;box-shadow:0 0 0 2px #e1b87355}.settings-hint,.settings-error{font-size:11px;line-height:1.5}.settings-hint{color:#9fb5a9}.settings-error{color:#ffb3a2;min-height:16px}.settings-actions{display:flex;justify-content:space-between;gap:10px;margin-top:10px}@media(max-width:1100px){.tetris-layout{grid-template-columns:minmax(320px,382px) minmax(200px,1fr)}.leaderboard-card{grid-column:1/-1}}@media(max-width:650px){.arcade-topbar{height:60px}.arcade-logo{font-size:13px}.offline-label{font-size:9px}.home-main{padding-top:55px}.game-cards{grid-template-columns:1fr;margin-top:35px}.game-card{min-height:320px}.tetris-main{padding:24px 12px 45px}.tetris-layout{grid-template-columns:1fr}.page-heading h1{font-size:36px}.play-card{padding:14px}.info-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls-card{grid-column:1/-1}.info-card{padding:15px}.leaderboard-card{grid-column:auto}.arcade-nav{gap:11px;font-size:10px}}@media(max-width:390px){.info-column{grid-template-columns:1fr}.controls-card{grid-column:auto}.arcade-logo{letter-spacing:.05em}.game-controls{gap:5px}.gold-button,.outline-button{padding:9px 10px}}

/* Keep the playfield at the center of the arcade at every desktop width. */
.tetris-layout{grid-template-columns:minmax(0,1fr) minmax(320px,382px) minmax(0,1fr);align-items:center}
.tetris-layout>.info-column{grid-column:1;grid-row:1}
.tetris-layout>.play-card{grid-column:2;grid-row:1}
.tetris-layout>.leaderboard-card{grid-column:3;grid-row:1}
.play-card{justify-self:center;width:100%;max-width:382px}
.info-column,.leaderboard-card{min-width:0}
@media(max-width:800px){
  .tetris-layout{grid-template-columns:minmax(0,1fr);align-items:start}
  .tetris-layout>.play-card{grid-column:1;grid-row:1;width:min(100%,382px)}
  .tetris-layout>.info-column{grid-column:1;grid-row:2;width:min(100%,500px);justify-self:center}
  .tetris-layout>.leaderboard-card{grid-column:1;grid-row:3;width:min(100%,600px);justify-self:center}
}
.sync-status{min-height:16px;margin:12px 0 0;color:#dfc18d;font-size:11px;line-height:1.5}