.game-card.forklifts{background:#1e303a;border-color:#608291}
.forklifts .card-art:after{background:linear-gradient(0deg,#1e303a,transparent 38%)}
.forklifts .card-copy h2{color:#a8dff2;font-size:34px}
.forklifts .cover-caption{color:#b4d9e1}
.forklifts .primary{background:#a9def0;color:#183844}
.forklifts .new-pill{color:#d0eff6;border-color:#8dcbdd60;background:#264451df}
#rankGame{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.forklifts-mode{background:radial-gradient(ellipse at 45% 15%,#2b4652,#0b1c2a 85%);gap:5px}
.forklifts-mode .battle-title b{color:#acdfee}
.forklifts-mode .arena-wrap{border-color:#577c8a}
.forklifts-hud{flex-shrink:0;width:min(100%,920px);margin:0 auto}
.fork-metrics{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;background:#1c3440;border:1px solid #3b5e6a;border-radius:11px;font-size:8px;letter-spacing:.5px;color:#a3bfc7}
.fork-metrics b{font-size:14px;margin-left:5px;letter-spacing:0;color:#bce4ed;font-variant-numeric:tabular-nums}
.fork-ring{display:flex;justify-content:center;align-items:center;gap:6px;color:#a2b7b9;font-size:10px;min-height:25px}
.fork-ring .icon{width:13px;height:13px}
.ring-warning{color:#efc48b}
.forklifts-mode .action{background:radial-gradient(circle at 35% 25%,#d3edf4,#91c8dc 67%,#5e93ab);border-color:#d8f5f5;box-shadow:0 6px 0 #385e70,0 9px 25px #0005,inset 0 2px 0 #f1fdff;color:#214459;position:relative;--charge:100%}
.forklifts-mode .action:after{content:'';position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(#91d3e9 var(--charge),#34505e 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);pointer-events:none}
.forklifts-mode .action.pressed{box-shadow:0 2px 0 #385e70,0 5px 15px #0004}
.forklifts-mode .action-caption{color:#b6d8e4;font-size:10px;letter-spacing:.2px;font-variant-numeric:tabular-nums}
.forklifts-mode .action-block{position:relative}
.fork-cargo-control{position:absolute;left:-62px;top:14px;display:grid;place-items:center;gap:7px}
.fork-cargo-control .icon-btn{height:48px;width:48px;min-height:48px;background:#2a4655;border-color:#6995a5;color:#d4e6dd;touch-action:none}
.fork-cargo-control .has-cargo{color:#e9d4a3;border-color:#d2b979;background:#4b5247}
.fork-cargo-control small{font-size:8px;letter-spacing:.5px;color:#a6c2c6}
.forklifts-mode .left-handed .fork-cargo-control{left:auto;right:-62px}
.forklifts-mode .control-hint{max-width:110px;margin-right:43px;font-size:8px}
.fork-result-points{font-size:36px;font-weight:850;letter-spacing:-1px;color:#b0e3f4;margin:17px 0}
.fork-result-points small{display:block;margin-top:7px;color:#9abcc8;font-size:9px;font-weight:500;letter-spacing:1px}
.forklift-result .mini-score>span{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #ffffff0b;gap:10px}
.forklift-result .mini-score b{color:#c7e0d6}
@media(max-width:600px){
 .forklifts .card-art{height:180px}
 .forklifts .card-copy h2{font-size:32px}
 .forklifts-mode .control-hint{display:none}
}
@media(max-height:680px) and (orientation:portrait){
 .forklifts-mode .battle-top{min-height:37px}
 .forklifts-mode .battle-top .icon-btn{width:34px;min-height:34px;height:34px}
 .forklifts-mode .hud{min-height:30px}
 .forklifts-mode .hud-person{padding:5px;font-size:9px}
 .forklifts-mode .controls{min-height:104px;padding:0 9px}
 .forklifts-mode .stick,.forklifts-mode .dpad{width:92px;height:92px}
 .forklifts-mode .stick-knob{width:45px;height:45px}
 .forklifts-mode .action{width:74px;height:74px}
 .forklifts-mode .fork-cargo-control{left:-58px;top:7px}
 .forklifts-mode .left-handed .fork-cargo-control{left:auto;right:-58px}
 .forklifts-mode .battle-bottom{display:none}
 .fork-metrics{padding:7px 9px}
}
@media(orientation:landscape) and (min-width:640px) and (max-height:650px){
 .forklifts-mode{grid-template-columns:minmax(0,1fr) 255px;grid-template-rows:37px 36px 62px minmax(96px,1fr) 25px}
 .forklifts-mode .battle-top{grid-column:1/-1;grid-row:1}
 .forklifts-mode .arena-wrap{grid-column:1;grid-row:2/6}
 .forklifts-mode .hud{grid-column:2;grid-row:2;flex-wrap:nowrap;align-self:start}
 .forklifts-mode .hud-person{font-size:8px;padding:6px 4px}
 .forklifts-hud{grid-column:2;grid-row:3;align-self:start}
 .fork-metrics{padding:8px;font-size:7px}
 .fork-metrics b{font-size:11px;margin-left:3px}
 .fork-ring{font-size:9px}
 .forklifts-mode .controls{grid-column:2;grid-row:4;align-self:end;min-height:110px}
 .forklifts-mode .stick,.forklifts-mode .dpad{width:95px;height:95px}
 .forklifts-mode .action{width:74px;height:74px}
 .forklifts-mode .fork-cargo-control{left:-52px;top:9px}
 .forklifts-mode .fork-cargo-control .icon-btn{width:40px;height:40px;min-height:40px}
 .forklifts-mode .left-handed .fork-cargo-control{left:auto;right:-52px}
 .forklifts-mode .control-hint{display:none}
 .forklifts-mode .status-strip{grid-column:2;grid-row:5;font-size:9px}
 .forklift-result{max-height:100%;overflow:auto;padding:14px}
 .forklift-result .result-icon,.forklift-result .mini-score{display:none}
 .forklift-result .fork-result-points{font-size:25px;margin:6px 0}
}