/* Five-card layout. Artwork is provided by the existing generated PNG skins. */
.activities-screen{min-height:0;padding:12px 0 10px}
.activities-screen .screen-heading{flex-shrink:0;margin-bottom:5px}
.activities-screen .activity-intro{flex-shrink:0;margin:8px 0 14px}
.activities-screen .activity-intro h2{margin:6px 0}
.activities-screen .skill-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:1fr;gap:14px;max-width:none;width:100%;margin:0;min-height:0;max-height:320px;flex:1}
.activities-screen .skill-card,.activities-screen .skill-card:last-child{grid-column:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:215px;padding:16px 6px}
.activities-screen .skill-card:hover{transform:translateY(-1px)}
.activities-screen .skill-card .icon-tile,.activities-screen .skill-card:last-child .icon-tile{margin:0 0 15px}
.activities-screen .skill-game{display:block;font-size:8px;line-height:1.5;letter-spacing:.15px;margin-top:9px}
.activities-screen .skill-card:last-child div{text-align:center}
.activities-screen .selection-note{flex-shrink:0;align-self:center;background:none;border:5px solid transparent;border-image:url('assets/panel.png') 50 fill / 5px / 0 stretch;padding:1px 5px;line-height:1.4;margin:10px 0 0}
@media(orientation:portrait){
 .activities-screen .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));max-height:570px;gap:10px}
 .activities-screen .skill-card,.activities-screen .skill-card:last-child{min-height:0;padding:8px 4px}
 .activities-screen .skill-card:last-child{grid-column:1/-1;flex-direction:row;gap:20px}
 .activities-screen .skill-card:last-child .icon-tile{margin:0}
}
@media(max-width:700px) and (orientation:portrait){
 .activities-screen{padding:7px 0}.activities-screen .activity-intro{margin:7px 0 10px}.activities-screen .activity-intro h2{font-size:20px;line-height:1.3;margin:5px 0}.activities-screen .skill-grid{max-height:470px;gap:9px}
 .activities-screen .skill-card{border-width:14px;border-image-width:14px}.activities-screen .skill-card .icon-tile{width:42px;height:42px;margin:0 0 6px}.activities-screen .icon-tile .asset-icon{width:42px;height:42px}.activities-screen .skill-card:last-child .icon-tile{margin:0}
 .activities-screen .skill-card strong{font-size:10px}.activities-screen .skill-card small{font-size:8px}.activities-screen .skill-game{font-size:7px;margin-top:5px}.activities-screen .selection-note{font-size:8px}
}
@media(max-width:700px) and (orientation:portrait) and (max-height:700px){
 .activities-screen .activity-intro h2{font-size:18px}.activities-screen .activity-intro .eyebrow{display:none}.activities-screen .skill-card small{display:none}.activities-screen .skill-card{border-width:12px;border-image-width:12px;padding:4px 3px}.activities-screen .activity-intro{margin:4px 0 8px}.activities-screen .selection-note{font-size:7px;line-height:1.4;margin:7px 0 0}
}
@media(max-width:700px) and (orientation:portrait) and (max-height:600px){
 .activities-screen .activity-intro h2{font-size:16px}.activities-screen .skill-card{border-width:10px;border-image-width:10px;padding:3px}.activities-screen .activity-intro .screen-sub{margin:3px 0}.activities-screen .skill-game{font-size:6px;margin-top:3px}.activities-screen .skill-card .icon-tile,.activities-screen .icon-tile .asset-icon{height:32px;width:32px}.activities-screen .skill-card .icon-tile{margin-bottom:4px}
}
@media(orientation:landscape) and (max-height:600px){
 .activities-screen{padding:4px 0}.activities-screen .activity-intro{margin:0 0 6px}.activities-screen .activity-intro h2{font-size:18px;margin:2px 0}.activities-screen .activity-intro .eyebrow,.activities-screen .activity-intro .screen-sub{display:none}.activities-screen .skill-grid{gap:8px}
 .activities-screen .skill-card,.activities-screen .skill-card:last-child{min-height:0;padding:8px 3px;border-width:12px;border-image-width:12px}.activities-screen .icon-tile,.activities-screen .icon-tile .asset-icon{width:39px;height:39px}.activities-screen .skill-card .icon-tile{margin:0 0 8px}.activities-screen .skill-card strong{font-size:8px}.activities-screen .skill-card small{display:none}.activities-screen .skill-game{font-size:6px;margin-top:6px}.activities-screen .selection-note{font-size:7px;margin-top:5px}
}