.game-card.avral{background:#25312f;border-color:#657369}
.avral .card-art:after{background:linear-gradient(0deg,#25312f,transparent 38%)}
.avral .card-copy h2{color:#f4d39a;font-size:38px}
.avral .cover-caption{color:#e8d7a2}
.new-pill{color:#ffe6b5;border-color:#f0c38666;background:#493f2de6}
.avral .primary{background:#f1cf90;color:#322d20}
.avral.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.05fr;align-items:center}
.featured .card-art{order:2;height:302px}
.featured .card-copy{order:1;padding:28px}
.featured .card-copy p{max-width:370px}
.avral-howto{border:1px solid #b6bd7f42;background:#c9d28208;padding:15px;border-radius:14px;margin:15px 0}
.avral-howto>div{display:flex;gap:10px;align-items:center;margin-bottom:13px}
.avral-howto>div>b{font-size:11px;color:#ebcf98;padding:7px;border:1px solid #cbbc7b44;border-radius:8px}
.avral-howto span{font-size:12px;font-weight:700}
.avral-howto small{display:block;color:#a1b5b7;font-size:10px;line-height:1.5;margin-top:3px;font-weight:400}
.avral-howto p{font-size:10px;color:#a5bcb6;line-height:1.6;margin-bottom:0}
.avral-mode{gap:5px;background:radial-gradient(ellipse at 50% 25%,#2c433f,#0c1c29 80%)}
.avral-mode .battle-title b{color:#f1d79f}
.avral-mode .arena-wrap{border-color:#617c73;background:#172c36}
.avral-mode .action{background:radial-gradient(circle at 35% 25%,#fbe1aa,#d7b777 65%,#a0804f);border-color:#ffe9b9;color:#423927;box-shadow:0 6px 0 #6a6243,0 9px 25px #0005,inset 0 2px 0 #fff2c9}
.avral-mode .action.pressed{box-shadow:0 2px 0 #6a6243,0 5px 15px #0004}
.avral-mode .action-caption{color:#e2cf9f;font-size:10px;letter-spacing:.3px;max-width:115px;text-align:center;min-height:13px}
.avral-mode .control-hint{max-width:148px}
.avral-hud{flex-shrink:0;width:min(100%,920px);margin:0 auto}
.shift-summary{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:8px;letter-spacing:.7px;color:#99b3ad;margin:2px 2px 8px}
.shift-summary b{color:#f1d59d;font-size:12px;margin-left:5px;letter-spacing:0;font-variant-numeric:tabular-nums}
.stability-readout{display:flex;align-items:center;gap:4px}
.stability-readout b{color:#c6ee9d}
.stability-readout>i{display:block;width:48px;height:4px;background:#263e42;border-radius:4px;overflow:hidden;margin-left:4px}
.stability-readout em{display:block;height:100%;width:100%;background:#b9e497;border-radius:4px}
.avral-hud.danger .stability-readout em{background:#f0a78d}
.shift-orders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.order{background:#1c333d;border:1px solid #49675f;border-radius:10px;padding:8px 9px;min-width:0}
.order-title{display:flex;justify-content:space-between;gap:4px;font-size:10px}
.order-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0eadb}
.order-title span{color:#d4c395;font-size:9px;font-variant-numeric:tabular-nums}
.order small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a8c3ba;font-size:9px;margin:5px 0 7px}
.order>i{display:block;background:#102935;height:3px;border-radius:4px;overflow:hidden}
.order em{display:block;background:#dbcb92;height:100%;transition:width .12s linear}
.order.done{border-color:#83a75f55;background:#2c483a}
.order.done em{background:#b9ef8e}
.order.urgent{border-color:#bd826c}
.order.urgent .order-title span{color:#f0aa8a}
.urgent-clock{color:#ffc59e!important}
.avral-mode .status-strip{font-size:10px}
.avral-mode .working-action .icon{animation:work-turn .5s ease-in-out infinite alternate}
@keyframes work-turn{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
.shift-stars{display:flex;gap:8px;justify-content:center;margin:6px 0;color:#4c625d;font-size:27px}
.shift-stars .earned{color:#efce8c;text-shadow:0 0 18px #efce8c44}
.shift-result-score{font-size:38px;font-weight:850;color:#f0d399;letter-spacing:-1px;margin:16px 0}
.shift-result-score small{display:block;color:#a9bca7;font-size:8px;font-weight:500;letter-spacing:2px;margin-top:5px}
.avral-result .mini-score{margin:12px 0;text-align:left}
.avral-result .mini-score>span{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff0a;padding:4px 0;gap:10px}
.avral-result .mini-score b{color:#d2e3b9}
@media(max-width:600px){
 .avral.featured{display:block}
 .featured .card-art{height:180px}
 .featured .card-copy{padding:6px 20px 19px}
 .avral .card-copy h2{font-size:34px}
 .shift-points{font-size:8px}
 .order{padding:7px 6px}
 .order-title{font-size:9px}
 .order-title span{font-size:8px}
}
@media(max-height:680px) and (orientation:portrait){
 .avral-mode .battle-top{min-height:37px}
 .avral-mode .battle-top .icon-btn{width:34px;min-height:34px;height:34px}
 .avral-mode .hud{min-height:30px}
 .avral-mode .hud-person{padding:5px;font-size:9px}
 .avral-mode .controls{min-height:100px;padding:0 9px}
 .avral-mode .stick,.avral-mode .dpad{width:92px;height:92px}
 .avral-mode .stick-knob{width:45px;height:45px}
 .avral-mode .action{width:72px;height:72px}
 .avral-mode .control-hint{display:none}
 .avral-mode .battle-bottom{display:none}
 .shift-summary{margin-bottom:5px}
 .order small{margin:4px 0}
}
@media(orientation:landscape) and (min-width:640px) and (max-height:650px){
 .avral-mode{grid-template-columns:minmax(0,1fr) 245px;grid-template-rows:37px 36px 74px minmax(90px,1fr) 25px}
 .avral-mode .battle-top{grid-column:1/-1;grid-row:1}
 .avral-mode .arena-wrap{grid-column:1;grid-row:2/6}
 .avral-mode .hud{grid-column:2;grid-row:2;flex-wrap:nowrap;align-self:start}
 .avral-mode .hud-person{font-size:8px;padding:6px 4px}
 .avral-mode .hud-person b{display:none}
 .avral-hud{grid-column:2;grid-row:3;align-self:start}
 .shift-summary{font-size:7px;gap:4px;margin-bottom:5px}
 .shift-summary b{font-size:10px;margin-left:2px}
 .stability-readout>i{width:20px}
 .shift-orders{gap:4px}
 .order{padding:7px 5px}
 .order-title{font-size:8px;display:block}
 .order-title span{display:none}
 .order small{font-size:8px}
 .avral-mode .controls{grid-column:2;grid-row:4;align-self:end;min-height:110px}
 .avral-mode .status-strip{grid-column:2;grid-row:5;font-size:9px}
 .avral-mode .action-caption{font-size:9px}
 .avral-result{max-height:calc(100% - 8px);overflow:auto;padding:14px}
 .avral-result .shift-stars,.avral-result .result-icon{display:none}
 .avral-result .shift-result-score{font-size:25px;margin:5px 0}
 .avral-result .mini-score{display:none}
}