/* Each route is a compact screen; rankings use buttons for pagination. */
.tony-gallery{width:100%;max-width:min(400px,49dvh);justify-self:center;touch-action:pan-y;min-width:0;border:2px solid #82aa5a;border-radius:9px;overflow:hidden;background:#162016;box-shadow:8px 8px 0 #26351f}.tony-slides{aspect-ratio:1;position:relative}.tony-slide{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.gallery-controls{display:flex;gap:2px;padding:6px}.gallery-controls button{flex:1;min-height:38px;background:transparent;border:1px solid #587541;border-radius:3px;color:var(--cream);font:11px var(--pixel)}.gallery-controls button[aria-pressed=true]{background:var(--lime);color:#14200e}.donation-pfp{width:min(360px,43dvh);max-width:100%;margin:0;justify-self:center}.donation-pfp img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:2px solid #82aa5a;border-radius:8px}.profile-logout{min-height:44px;margin-top:10px;font-size:13px!important}
.compact{height:100dvh;min-height:0}.compact .site-shell{height:100%;max-width:1180px;padding:0 32px;display:flex;flex-direction:column}.compact .masthead{height:80px;min-height:0;flex:none;flex-wrap:nowrap;padding:12px 0;gap:15px}.compact .brand{font:800 16px/1.1 var(--display);letter-spacing:.3px;gap:11px;margin-right:auto}.compact .brand img{width:43px;height:43px;object-fit:cover;border:1px solid #baff7b77;border-radius:6px;image-rendering:pixelated}.compact .brand small{font:9px var(--mono);letter-spacing:1.8px;color:var(--lime);margin-top:5px}.compact .site-nav{width:auto;order:initial;gap:8px}.compact .nav-button{font-size:8px;padding:11px;min-height:38px}.compact main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:20px}.compact .page-footer{flex:none;margin:0;padding:14px 0;height:42px;align-items:center}.page-footer a{color:var(--muted);text-decoration:none}.compact a.primary-button,.compact a.secondary-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center}.home-hero,.donate-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:65px;width:100%;max-width:1000px;margin:auto}.pfp-feature{margin:0;min-width:0;width:100%;max-width:min(410px,58dvh);justify-self:center;border:1px solid #64834b;border-radius:10px;overflow:hidden;background:#1b281c;box-shadow:10px 10px 0 #222e20}.pfp-feature img{display:block;width:100%;aspect-ratio:1;object-fit:cover;image-rendering:pixelated}.pfp-feature figcaption{padding:15px;font:700 14px var(--display);letter-spacing:1px;display:flex;justify-content:space-between;gap:10px}.pfp-feature figcaption span{font:7px var(--mono);color:var(--muted);align-self:center}.home-copy h1{font:800 clamp(55px,7vw,90px)/.9 var(--display);margin:16px 0 22px}.home-copy h1 small{display:block;font-size:.34em;letter-spacing:1.5px;margin-bottom:12px}.home-copy h1 em{font-style:normal;color:var(--lime);display:block}.home-copy>p{max-width:360px;font-size:14px;line-height:1.8;color:#b0bea5;margin:0 0 25px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:360px}.home-actions>.primary-button{grid-column:1/-1}.home-actions .secondary-button{font-size:9px;min-height:43px}.screen-heading h1{font-size:clamp(40px,5vw,65px);margin:8px 0 0}.screen-heading .eyebrow{font-size:8px}.screen-description{font-size:12px;color:#a9b79d;margin:0}.compact .board-tabs{display:flex;align-items:center;gap:10px}.board-tabs .selected{background:var(--lime);color:#15210f}.board-tabs .text-button{margin-left:auto}.boards-page main{gap:17px;max-width:900px;width:100%;align-self:center}.boards-page .board{min-height:235px}.boards-page table{min-width:0;table-layout:fixed;font-size:11px}.boards-page th,.boards-page td{padding:15px 9px;overflow:hidden;text-overflow:ellipsis}.boards-page th:first-child{width:7%}.boards-page th:nth-child(2){width:27%}.boards-page th:nth-child(3){width:20%}.boards-page th{font-size:8px}.boards-page td.player-name{max-width:none}.pagination{display:flex;justify-content:center;align-items:center;gap:22px}.pagination span{font:9px var(--mono);color:#adbca1}.compact .donation-copy h1{font-size:clamp(37px,5vw,61px);line-height:1}.compact .donation-copy>p{font-size:14px;line-height:1.7;margin:18px 0}.compact .wallet-card{margin-top:20px;padding:20px}.compact #wallet-address{font-size:11px;margin:15px 0}.compact .profile-card{margin:0;padding:28px;flex-direction:column;align-items:stretch}.compact .profile-metrics{max-width:none;grid-template-columns:repeat(3,1fr)}.stats-page main{max-width:700px;width:100%;align-self:center}.screen-play{align-self:flex-start}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-grid article{border:1px solid var(--line);border-radius:5px;padding:20px;background:#182219}.help-grid h2{font:700 11px var(--mono);color:var(--lime);margin:0 0 10px}.help-grid p{font-size:12px;line-height:1.7;color:#b1bca6;margin:0}.compact>.account-feedback:not(:empty){position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:#18251a;border:1px solid var(--lime);padding:12px;z-index:10;width:min(90vw,600px)}
/* The game gets its own full-height screen. */
.play-page .site-shell{max-width:1600px;padding:0 18px}.play-page main{padding:12px 0;display:flex}.play-page .game-frame{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.play-page .stage{flex:1;min-height:0;max-height:none;height:auto;aspect-ratio:auto}.play-page .game-toolbar,.play-page .game-footer{flex:none}.play-page .intro-card{max-width:550px}.play-page .page-footer{height:28px;padding:5px 0}.play-page .masthead{height:65px}.play-page .route{bottom:14px}.play-page .mobile-controls{bottom:42px}
@media(max-width:650px){.compact .site-shell{padding:0 16px}.compact .masthead{height:70px;gap:8px}.compact .brand{font-size:12px;gap:7px}.compact .brand img{width:34px;height:34px}.compact .brand small{font-size:7px;letter-spacing:1px}.compact .site-nav{gap:5px}.compact .nav-button{font-size:6px;padding:8px;min-height:34px}.compact .page-footer{font-size:6px;height:34px;padding:10px 0}.compact main{gap:14px}.home-hero,.donate-screen{display:flex;flex-direction:column;gap:22px}.pfp-feature{max-width:min(230px,29dvh);box-shadow:6px 6px 0 #222e20}.pfp-feature figcaption{padding:9px;font-size:11px}.pfp-feature figcaption span{font-size:5px}.home-copy{text-align:center;width:100%}.home-copy .eyebrow{display:none}.home-copy h1{font-size:50px;margin:0 0 12px}.home-copy h1 small{font-size:20px;margin-bottom:7px}.home-copy h1 em{display:inline}.home-copy>p{font-size:12px;line-height:1.6;max-width:290px;margin:0 auto 19px}.home-actions{max-width:320px;margin:auto;gap:10px}.home-actions .primary-button{padding:13px;font-size:10px}.home-actions .secondary-button{font-size:8px;min-height:39px;padding:10px}.compact .donate-screen{gap:18px}.donate-screen .pfp-feature{max-width:min(180px,24dvh)}.compact .donation-copy{width:100%}.compact .donation-copy h1{font-size:33px;line-height:1}.donation-copy .eyebrow{font-size:7px}.compact .donation-copy>p{font-size:12px;line-height:1.6;margin:12px 0}.compact .wallet-card{padding:15px;margin-top:14px}.compact #wallet-address{margin:12px 0;font-size:10px}.compact #copy-wallet{font-size:8px;padding:11px}.screen-heading h1{font-size:38px}.screen-heading .eyebrow{font-size:7px}.boards-page main{gap:13px}.board-tabs .secondary-button{font-size:8px;padding:11px}.board-tabs .text-button{font-size:7px}.boards-page .board{min-height:211px}.boards-page table{font-size:9px}.boards-page th,.boards-page td{padding:14px 4px;font-size:8px}.boards-page th{font-size:6px;letter-spacing:0}.boards-page th:nth-child(2){width:26%}.boards-page .board-notice{font-size:11px}.pagination .secondary-button{font-size:8px;padding:11px}.compact .profile-card{padding:22px}.help-grid{grid-template-columns:1fr;gap:9px}.help-grid article{padding:12px}.help-grid h2{font-size:9px;margin-bottom:6px}.help-grid p{font-size:10px;line-height:1.5}.help-page main{gap:13px}.screen-play{font-size:9px;padding:13px 18px}.play-page .site-shell{padding:0 8px}.play-page .masthead{height:57px}.play-page main{padding:5px 0}.play-page .intro-card h2{font-size:48px}.play-page .intro-card.won h2{font-size:38px}.play-page .intro-card.fired h2{font-size:70px}.play-page .intro-card{padding:12px}.play-page .hud{top:12px}.play-page .page-footer{height:24px}}
@media(max-height:700px) and (max-width:650px){.home-hero{gap:15px}.home-page .pfp-feature{max-width:24dvh}.home-copy h1{font-size:43px}.home-copy h1 small{font-size:17px}.home-copy>p{font-size:11px;margin-bottom:13px}.home-actions{gap:8px}.home-actions .primary-button{padding:11px}.donate-screen .pfp-feature{max-width:20dvh}.compact .donate-screen{gap:12px}.donate-screen .pfp-feature figcaption{display:none}.compact .donation-copy>p{margin:9px 0}.compact .wallet-card{padding:12px;margin-top:10px}.compact #wallet-address{margin:9px 0}.help-grid{gap:6px}.help-grid article{padding:9px}.help-grid h2{font-size:8px;margin-bottom:4px}.help-grid p{font-size:9px}.help-page .screen-heading h1{font-size:31px}.play-page .card-footnote{display:none}.play-page .intro-card h2{font-size:39px;margin:10px 0}.play-page .intro-card p{margin-bottom:12px}.play-page .intro-card.won h2{font-size:32px}.play-page .result-stats{margin:10px 0}.play-page .result-exit{margin-top:8px}.play-page .primary-button{padding:11px}.play-page .card-tag{font-size:7px;padding:5px}}
@media(max-height:500px) and (min-width:651px){.compact .masthead{height:56px}.compact .page-footer{height:25px;padding:5px 0}.home-hero,.donate-screen{gap:35px}.pfp-feature{max-width:65dvh}.home-copy h1{font-size:53px;margin:8px 0 12px}.home-copy h1 small{font-size:19px;margin-bottom:7px}.home-copy h1 em{display:inline}.home-copy>p{font-size:11px;line-height:1.5;margin-bottom:12px}.home-actions{gap:9px}.home-actions .primary-button{padding:10px}.home-actions .secondary-button{min-height:34px;padding:8px}.home-copy .eyebrow{font-size:7px}.compact .donation-copy h1{font-size:33px}.compact .donation-copy>p{font-size:11px;margin:10px 0}.compact .wallet-card{padding:12px;margin-top:10px}.compact #wallet-address{margin:9px 0}.compact #copy-wallet{padding:9px}.screen-heading h1{font-size:32px}.boards-page main{gap:8px}.boards-page .screen-heading .eyebrow{display:none}.boards-page .screen-heading{position:absolute;top:15px;left:35%}.boards-page .screen-heading h1{font-size:22px;margin:0}.boards-page .board{min-height:165px}.boards-page th,.boards-page td{padding:9px}.boards-page .screen-description{font-size:10px}.pagination .secondary-button{padding:8px}.board-tabs .secondary-button{padding:8px}.compact .profile-card{padding:15px;gap:12px}.compact .profile-metrics{grid-template-columns:repeat(6,1fr);gap:10px}.compact .profile-metrics strong{font-size:19px}.help-grid{gap:10px}.help-grid article{padding:10px}.help-grid p{font-size:10px}.help-grid h2{font-size:9px;margin-bottom:5px}.compact main{gap:12px}.play-page .intro-card{padding:8px;max-width:650px}.play-page .intro-card h2{font-size:32px;margin:7px 0}.play-page .intro-card.won h2{font-size:29px}.play-page .intro-card.fired h2{font-size:43px}.play-page .intro-card p{font-size:10px;margin-bottom:8px;line-height:1.4;max-width:none}.play-page .card-tag,.play-page .card-footnote{display:none}.play-page .landing-actions{flex-direction:row}.play-page .primary-button{padding:10px 15px;font-size:9px}.play-page .result-stats{margin:8px auto;max-width:370px}.play-page .result-stats strong{font-size:18px;margin-bottom:3px}.play-page .result-exit{margin-top:6px;padding:5px}.play-page .save-status{font-size:9px;margin:5px 0}.play-page .game-toolbar{height:32px}.play-page .game-footer{padding:7px 12px}}
.compact button.nav-button{background:#172317;color:var(--cream)}
@media(max-width:360px){.home-page .pfp-feature figcaption{justify-content:center;font-size:10px;white-space:nowrap}.home-page .pfp-feature figcaption span{display:none}}

/* Tony's 8-bit cabinet: readable labels, larger controls, no hidden microcopy. */
.compact h1,.compact h2,.compact .screen-heading h1,.compact .home-copy h1,.compact .donation-copy h1{font-family:var(--pixel);letter-spacing:-.06em;line-height:1.18}.compact .eyebrow,.compact .brand,.compact .nav-button,.compact .primary-button,.compact .secondary-button,.compact .page-footer,.compact .board-tabs button,.compact .pagination button{font-family:var(--pixel)}

.help-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.help-tabs button{border:1px solid #587541;background:#172317;color:var(--cream);border-radius:4px;min-height:48px;font:11px var(--pixel)}.help-tabs button[aria-selected=true]{background:var(--lime);color:#101511}.help-card{border:1px solid var(--line);border-radius:6px;padding:26px;background:#182219;min-height:150px}.help-card h2{font:13px var(--pixel);color:var(--lime);margin:0 0 14px}.help-card p{font-size:16px;line-height:1.65;color:#b1bca6;margin:0}
.compact .nav-button{font-size:12px;min-height:48px;padding:13px 16px;letter-spacing:-.05em}.compact .brand{font-size:17px}.compact .brand small{font-size:11px}.compact .page-footer{font-size:14px;height:55px}.compact .page-footer a{font-size:15px;color:var(--lime)}.compact .home-actions .secondary-button,.compact .home-actions .primary-button{font-size:13px;min-height:54px}.compact .home-copy>p,.compact .donation-copy>p,.compact .help-grid p{font-size:16px;line-height:1.65}.compact .help-grid h2{font-family:var(--pixel);font-size:13px;line-height:1.4}.compact .screen-heading .eyebrow,.compact .donation-copy .eyebrow,.compact .home-copy .eyebrow{font-family:var(--pixel);font-size:12px;line-height:1.5}.compact .board-tabs .secondary-button,.compact .board-tabs .text-button,.compact .pagination .secondary-button{font-size:12px;min-height:48px}.compact .boards-page table{font-size:14px}.compact .boards-page th{font-size:12px}.clock-in-feature{position:relative;margin:0;width:min(430px,44vw);max-height:62dvh;justify-self:center;border:2px solid #82aa5a;border-radius:9px;overflow:hidden;background:#162016;box-shadow:12px 12px 0 #26351f}.clock-in-feature>img:first-child{display:block;width:100%;height:min(62dvh,585px);object-fit:cover;object-position:50% 45%}.clock-in-feature figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(transparent,#0d150df0);font:12px var(--pixel);color:var(--cream);text-align:center}.pfp-badge{position:absolute;right:14px;top:14px;width:72px;height:72px;object-fit:cover;border:3px solid var(--lime);border-radius:8px;image-rendering:pixelated;box-shadow:4px 4px 0 #152313}.donation-tony{width:min(350px,38vw)}.donation-tony>img:first-child{height:min(54dvh,510px)}.donation-tony figcaption{font-size:10px}.compact .pfp-feature{display:none}.play-page .game-toolbar,.play-page .game-footer{font-size:13px}.play-page .icon-button{font-size:12px}.play-page .hud-label,.play-page .route{font-size:11px}.play-page .game-footer{font-size:12px}.play-page .intro-card p{font-size:16px}.play-page .card-tag,.play-page .card-footnote{font-size:12px}.play-page .primary-button,.play-page .secondary-button{font-size:13px}.play-page .result-stats div{font-size:12px}.play-page .result-stats strong{font-size:28px}
@media(max-width:650px){.compact:not(.play-page) .masthead{height:108px;flex-wrap:wrap;align-content:center;gap:5px}.compact:not(.play-page) .masthead .site-nav{width:100%;order:3}.compact:not(.play-page) .masthead .nav-button{flex:1}.compact .nav-button{font-size:9px;min-height:42px;padding:10px}.compact .brand{font-size:13px}.compact .brand small{font-size:8px}.compact .page-footer{font-size:11px;height:48px}.compact .page-footer a{font-size:13px}.compact .home-actions .secondary-button,.compact .home-actions .primary-button{font-size:11px;min-height:48px}.compact .home-copy>p,.compact .donation-copy>p,.compact .help-grid p{font-size:14px}.compact .help-grid h2{font-size:11px}.compact .screen-heading .eyebrow,.compact .donation-copy .eyebrow,.compact .home-copy .eyebrow{font-size:10px}.clock-in-feature{width:min(250px,66vw);max-height:28dvh}.clock-in-feature>img:first-child{height:min(28dvh,250px)}.clock-in-feature figcaption{font-size:9px;padding:11px}.pfp-badge{width:52px;height:52px;right:9px;top:9px;border-width:2px}.donation-tony{width:min(205px,54vw)}.donation-tony>img:first-child{height:min(24dvh,215px)}.compact .board-tabs .secondary-button,.compact .board-tabs .text-button,.compact .pagination .secondary-button{font-size:10px;min-height:42px}.compact .boards-page table{font-size:11px}.compact .boards-page th{font-size:9px}.play-page .game-toolbar,.play-page .game-footer{font-size:10px}.play-page .icon-button{font-size:10px}.play-page .hud-label,.play-page .route{font-size:9px}.play-page .intro-card p{font-size:13px}.play-page .card-tag,.play-page .card-footnote{font-size:9px}.play-page .primary-button,.play-page .secondary-button{font-size:11px}.play-page .result-stats div{font-size:10px}}
@media(max-height:500px) and (min-width:651px){.compact .page-footer{height:32px;font-size:9px}.compact .page-footer a{font-size:11px}.compact .nav-button{min-height:36px;font-size:9px;padding:9px}.compact .brand{font-size:13px}.compact .brand small{font-size:8px}.compact .screen-heading h1{font-size:29px}.compact .screen-heading .eyebrow{font-size:8px}.compact .help-grid{gap:8px}.compact .help-grid article{padding:9px}.compact .help-grid h2{font-size:9px;margin-bottom:5px}.compact .help-grid p{font-size:11px;line-height:1.4}.compact .screen-play{font-size:10px;padding:10px 14px}.compact .home-copy>p,.compact .donation-copy>p{font-size:12px}.compact .home-actions .secondary-button,.compact .home-actions .primary-button{min-height:38px;font-size:9px}.clock-in-feature{max-height:57dvh}.clock-in-feature>img:first-child{height:57dvh}.compact .boards-page table{font-size:10px}.compact .boards-page th{font-size:8px}}

/* Keep pixel headings within the ranking screen; use readable data typography. */
.compact.boards-page main{gap:14px;justify-content:center;min-width:0}
.compact.boards-page .screen-heading{position:static;min-width:0}
.compact.boards-page .screen-heading h1{font-size:clamp(18px,3.5vw,36px);line-height:1.4;letter-spacing:-.06em;overflow-wrap:anywhere;margin:6px 0 0}
.compact.boards-page .screen-heading .eyebrow{font-size:10px}
.compact.boards-page table{font:14px/1.5 var(--mono);min-width:0;width:100%;table-layout:fixed}
.compact.boards-page th{position:static;font:600 13px/1.5 var(--body);letter-spacing:0;white-space:nowrap}
.compact.boards-page th,.compact.boards-page td{padding:13px 10px;overflow:hidden;text-overflow:ellipsis}
.compact.boards-page th:first-child{width:6%}.compact.boards-page th:nth-child(2){width:29%}.compact.boards-page th:nth-child(3){width:21%}
.compact.boards-page .board{min-height:0;flex:none}
.compact.boards-page .board-tabs{gap:8px;flex-wrap:wrap}
.compact.boards-page .screen-description{font-size:14px;line-height:1.4}
.compact.boards-page .pagination span{font-size:13px}
.compact .profile-metrics span{font-size:11px;line-height:1.4}
@media(max-width:650px){
 .tony-gallery{max-width:min(220px,27dvh)}.gallery-controls{padding:4px}.gallery-controls button{min-height:32px;font-size:9px}.donation-pfp{width:min(180px,23dvh)}
 .compact.boards-page main{gap:12px}.compact.boards-page .screen-heading h1{font-size:clamp(17px,4.9vw,29px)}
 .compact.boards-page th,.compact.boards-page td{padding:10px 3px;font-size:10px}.compact.boards-page th{font-size:10px}
 .compact.boards-page .board-tabs .secondary-button{font-size:9px;padding:10px}.compact.boards-page .board-tabs .text-button{font:12px var(--mono);padding:4px;min-height:34px}
 .compact.boards-page .screen-description{font-size:12px}.compact .profile-metrics span{font-size:9px}
}
@media(max-height:700px) and (max-width:650px){
 .tony-gallery{max-width:20dvh}.gallery-controls button{min-height:28px;font-size:8px}.home-hero{gap:12px}
 .compact.home-page .home-copy h1{font-size:34px;margin-bottom:8px}.compact.home-page .home-copy h1 small{font-size:14px;margin-bottom:5px}
 .compact.home-page .home-copy>p{font-size:12px;line-height:1.4;margin-bottom:10px}.compact.home-page .home-actions{gap:6px}.compact.home-page .home-actions>*{min-height:42px;font-size:10px;padding:10px}
 .donation-pfp{width:18dvh}.compact .donation-copy h1{font-size:26px}.compact .donation-copy>p{font-size:12px}
 .compact.boards-page main{gap:8px}.compact.boards-page th,.compact.boards-page td{padding:8px 3px}.compact.boards-page .screen-heading .eyebrow{display:none}
}
@media(max-height:500px) and (min-width:651px){
 .tony-gallery{max-width:58dvh}.donation-pfp{width:56dvh}.compact.boards-page main{gap:5px}.compact.boards-page .screen-heading h1{font-size:19px;line-height:1.2;margin:0}
 .compact.boards-page .screen-heading .eyebrow{display:none}.compact.boards-page .board-tabs button,.compact.boards-page .pagination button{min-height:30px;padding:6px;font-size:9px}
 .compact.boards-page th,.compact.boards-page td{padding:4px 8px;font-size:11px}.compact.boards-page .screen-description{font-size:11px}
}

/* A single horizontal game wordmark beside Tony's larger portrait. */
.compact .brand{font:20px/1.3 var(--pixel);gap:14px;letter-spacing:-.06em;min-width:0;text-decoration:none;white-space:nowrap}
.compact .brand>span{display:flex;align-items:baseline;gap:.6em;white-space:nowrap}
.compact .brand small{display:inline;font:inherit;letter-spacing:inherit;margin:0;color:var(--cream)}
.compact .brand em{font-style:normal;color:var(--lime)}
.compact .brand img{width:58px;height:58px;flex:none}
.compact .masthead{height:92px;flex-wrap:wrap;align-content:center}
.help-tabs{grid-template-columns:repeat(5,1fr)}
@media(max-width:1150px) and (min-width:651px){.compact:not(.play-page) .masthead{height:125px}.compact:not(.play-page) .site-nav{width:100%;justify-content:flex-end}.compact .brand{font-size:18px}.compact .brand img{width:52px;height:52px}}
@media(max-width:650px){.compact .brand{font-size:clamp(8px,2.45vw,14px);gap:8px}.compact .brand>span{gap:.5em}.compact .brand small{font:inherit;margin:0;letter-spacing:inherit}.compact .brand img{width:44px;height:44px}.compact.play-page .masthead{height:102px}.compact.play-page .site-nav{width:100%;justify-content:flex-end}.compact.play-page .nav-button{min-height:33px}.help-tabs{gap:4px}.help-tabs button{font-size:8px;min-height:44px}.help-card p{font-size:14px}}
@media(max-height:500px) and (min-width:651px){.compact .masthead,.compact:not(.play-page) .masthead{height:62px;flex-wrap:nowrap}.compact .brand{font-size:11px;gap:9px}.compact .brand img{width:44px;height:44px}.compact:not(.play-page) .site-nav{width:auto}.compact.boards-page .screen-heading h1{font-size:17px}.help-card{padding:15px;min-height:120px}.help-card p{font-size:12px}}
@media(max-width:650px){.compact .brand{font-size:clamp(10px,2.8vw,15px)}}

/* Score stays in the top toolbar, including fullscreen; no bottom game bars. */
.play-page .game-toolbar{height:auto;min-height:46px;padding:7px 14px;gap:10px}
.play-page .score-display{display:inline-flex;align-items:baseline;gap:8px;color:#b6c7a3;white-space:nowrap}
.play-page .score-display strong{font-size:17px;color:var(--cream);letter-spacing:0;font-variant-numeric:tabular-nums}
.play-page .mobile-controls{bottom:max(16px,env(safe-area-inset-bottom))}
.play-page .toolbar-divider{display:inline;margin:0 12px}
.play-page .toolbar-actions{gap:14px}
@media(max-width:650px){.play-page .game-toolbar{padding:6px 9px;gap:6px;flex-wrap:wrap}.play-page .level-label{font-size:10px;flex:1;white-space:nowrap}.play-page .toolbar-actions{gap:11px}.play-page .score-display{gap:5px;font-size:9px}.play-page .score-display strong{font-size:13px}.play-page .toolbar-divider{margin:0 7px}.play-page .icon-button{letter-spacing:0}.play-page #sound{font-size:0}.play-page #sound-state{font-size:10px}.play-page .stats{gap:14px}.play-page .hud-label{letter-spacing:.6px}.play-page .stat strong{font-size:16px}}

.period-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.period-tabs button{min-height:46px;padding:10px 8px;border:1px solid #587541;border-radius:4px;background:#172317;color:var(--cream);font:12px/1.4 var(--pixel)}
.period-tabs button.selected{background:var(--lime);color:#14200e}
.period-description{margin:0;color:#9eae95;font:12px/1.5 var(--mono)}
.compact.boards-page main{gap:11px}
@media(max-width:650px){.period-tabs{gap:5px}.period-tabs button{min-height:42px;font-size:10px;padding:8px 3px}.period-description{font-size:11px;line-height:1.4}.compact.boards-page main{gap:9px}}
@media(max-height:700px) and (max-width:650px){.compact.boards-page main{gap:6px}.period-tabs button{min-height:36px;font-size:9px}.period-description{font-size:10px}.compact.boards-page .screen-heading h1{font-size:19px}.compact.boards-page .screen-description{font-size:11px}}
@media(max-height:500px) and (min-width:651px){.compact.boards-page main{gap:5px}.period-tabs button{min-height:30px;padding:5px;font-size:10px}.period-description{font-size:10px;line-height:1.2}.compact.boards-page .screen-description{font-size:11px}}

.compact.boards-page .page-footer{justify-content:space-between}

.compact.boards-page .page-footer a{white-space:nowrap}
@media(max-width:650px){.compact.boards-page #refresh-boards{font-size:0;width:34px;min-width:34px;padding:0;margin-left:auto}.compact.boards-page #refresh-boards::before{content:'↻';font:22px var(--mono)}.compact.boards-page .board-tabs{flex-wrap:nowrap}.compact.boards-page .screen-heading h1{line-height:1.3}.compact.boards-page .screen-description{line-height:1.3}}

.compact .page-footer .creator-credit{font:12px/1.4 var(--body);letter-spacing:.2px;color:#99a58f;white-space:nowrap}

.footer-identity{display:flex;align-items:center;gap:16px}.compact .page-footer .social-link{font:12px/1.4 var(--body);letter-spacing:.2px;color:#b2bea8;white-space:nowrap}.compact .page-footer .social-link:hover{color:var(--lime);text-decoration:underline}@media(max-width:650px){.footer-identity{flex-direction:column;align-items:flex-start;gap:2px}}