/* October feedback: reachable controls and compact landscape menus. */
#car-crash .cc-special-weapons,#car-crash .cc-special-weapons button{pointer-events:auto;touch-action:manipulation}
#car-crash .cc-special-weapons{position:relative;z-index:6}
#car-crash .cc-special-weapons>button{min-width:44px;min-height:44px}
.game-session #car-crash:not(.cc-dashboard) .cc-special-weapons{position:absolute;left:10px;top:44%;max-width:220px}
#car-crash.cc-dashboard .cc-car-artwork{position:relative;flex:1 1 0!important;min-height:45px;max-height:none;display:block}
#car-crash.cc-dashboard .cc-card .cc-car-artwork .cc-car-showcase{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;object-fit:contain;image-rendering:pixelated}
#car-crash.cc-dashboard .cc-card .cc-car-artwork .cc-showcase-echo{position:absolute;left:43%;bottom:37%;width:13%;height:25%;max-width:none;max-height:none;margin:0;padding:0;object-fit:contain;image-rendering:pixelated;pointer-events:none}
#car-crash .cc-ownership-badge{font-size:10px;color:#ffdf99;border:1px solid #b69b67;border-radius:5px;padding:3px 5px;white-space:nowrap}
#car-crash.cc-dashboard .cc-ownership small{min-width:0;font-size:10px}
#car-crash.cc-dashboard .cc-saved-chase{min-height:32px;padding:3px 8px;font-size:11px;gap:6px}
#car-crash.cc-dashboard .cc-saved-chase button{min-height:30px;padding:3px 8px;font-size:11px}
#echo-home [data-home-action-status]{margin:0;color:#ffdc95;font-size:13px;line-height:1.4}
#echo-home [data-home-action-status]:empty{display:none}
#echo-home .eh-activity-notice{display:none}
/* Workshop: category rail and one quantity control. */
.game-session #engineering:not([hidden]){display:block!important;padding:0!important;overflow:hidden!important}
#engineering .wk-layout{height:100%;min-height:0;display:grid;grid-template-rows:44px 48px minmax(0,1fr) 28px;gap:6px;padding:8px 12px;box-sizing:border-box;color:#e8f1e9}
#engineering .wk-header{display:flex;align-items:center;justify-content:space-between;padding:0 135px 0 0;border:0;min-height:0}
#engineering .wk-header h2{margin:0;font-size:22px}#engineering .wk-header>strong{color:#a5ead9;font-size:17px}#engineering .wk-header small{font-size:11px}
#engineering .wk-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
#engineering .wk-quantity{display:flex;gap:4px}#engineering .wk-quantity button{min-height:40px;min-width:60px;padding:5px 9px;font-size:12px}
#engineering .wk-quantity [aria-pressed=true],#engineering .wk-categories [aria-pressed=true]{background:#35544b;border-color:#d9f57d;color:#edffb0}
#engineering .wk-body{display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px;min-height:0}
#engineering .wk-categories{display:flex!important;flex-direction:column;gap:4px;overflow:auto;min-height:0;padding:0;background:none;border:0}
#engineering .wk-categories button{min-height:44px;text-align:left;padding:6px 10px;font-size:12px;flex-shrink:0;border:1px solid #39565b;border-radius:8px;background:#182f39;color:#dbeae4}
#engineering .wk-upgrades{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding-right:4px}
#engineering .wk-upgrade{display:grid;grid-template-columns:minmax(0,1fr) 125px;align-items:center;gap:12px;padding:12px 14px;background:#1a2d36;border:1px solid #38535a;border-radius:12px}
#engineering .wk-upgrade h3{margin:0 0 3px;font-size:17px}#engineering .wk-upgrade small{font-size:11px;color:#aec4c0}#engineering .wk-upgrade progress{display:block;width:min(240px,100%);height:5px;margin:6px 0}
#engineering .wk-upgrade p{font-size:12px;margin:5px 0;line-height:1.4}#engineering .wk-upgrade p b{color:#d9f57d}#engineering .wk-upgrade summary{font-size:11px;color:#aac5c2;cursor:pointer}
#engineering .wk-buy{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:60px;padding:8px;font-size:14px}#engineering .wk-buy small{color:inherit;white-space:nowrap;font-size:12px}
#engineering .wk-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;border:0;padding:0;font-size:11px}#engineering .wk-footer p{margin:0;font-size:11px}
@media(max-height:400px){#engineering .wk-layout{grid-template-rows:34px 40px minmax(0,1fr) 22px;gap:4px;padding:4px 10px}#engineering .wk-header h2{font-size:18px}#engineering .wk-upgrade{padding:8px 10px}#engineering .wk-body{grid-template-columns:125px minmax(0,1fr)}#engineering .wk-meta{font-size:10px}#engineering .wk-header small{display:none}}
/* Six paired loadout cards without nested card borders. */
#echo-defense .td-loadout-content{display:flex;flex-direction:column;padding:8px 12px;overflow:hidden}
#echo-defense .td-loadout-content>.td-note{margin:2px 0 7px;font-size:12px;max-width:none;flex:none}
#echo-defense .td-slots{flex:1;min-height:0;width:100%;max-width:1400px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}
#echo-defense .td-slot{min-height:0;min-width:0;padding:6px;border:1px solid #48665e;border-radius:10px;overflow:hidden}
#echo-defense .td-slot-icons{height:100%;grid-template-columns:1fr 1.2fr;gap:8px}
#echo-defense .td-slot-icons>button{border:0;background:transparent;padding:3px;gap:3px;justify-content:center;min-height:44px}
#echo-defense .td-slot-icons>button+button{border-left:1px solid #46655f;border-radius:0}
#echo-defense .td-slot-icons img,#echo-defense .td-slot-icons canvas{width:clamp(36px,9vh,80px);height:clamp(38px,10vh,86px);min-height:0;object-fit:contain}
#echo-defense .td-slot-icons>button strong{font-size:12px;line-height:1.15;min-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
#echo-defense .td-slot-icons>button small{font-size:10px;min-height:0;line-height:1.1}
#echo-defense .td-slot-empty .td-slot-icons{grid-template-columns:1fr}#echo-defense .td-slot-empty [data-pick-echo]{display:none}#echo-defense .td-slot-empty [data-pick-tower] small{display:none}
#echo-defense .td-empty-icon{font-size:32px;line-height:1}
@media(max-height:360px){#echo-defense .td-loadout-content>.td-note{font-size:10px}#echo-defense .td-slot-icons img,#echo-defense .td-slot-icons canvas{width:32px;height:34px}#echo-defense .td-slot-icons>button strong{font-size:10px;min-height:22px}#echo-defense .td-slot-icons>button small{font-size:9px}#echo-defense .td-header{height:46px}}
/* Clean ring labels; worn rings are rendered as a band and crown. */
#achievement-rings .rg-header h1{letter-spacing:normal;line-height:1.15}
#achievement-rings .rg-slotbar [data-rg-premium]{width:66px;font-size:12px;line-height:1.2}

/* Only the front of the ring sits above the hand. The rear band is occluded. */
#achievement-rings .rg-worn img.rg-worn-art{position:absolute;width:calc(var(--ring-size)*var(--finger-fit));height:auto;max-width:none;left:50%;top:50%;clip-path:none;transform:translate(-50%,-50%) rotate(var(--ring-angle));filter:drop-shadow(0 1px 1px #3b210b88);pointer-events:none}


#achievement-rings .rg-hands .rg-finger{width:6%;height:10%;min-width:14px!important;min-height:14px!important}
#car-crash.cc-dashboard .cc-dashboard-car{gap:5px}
#car-crash.cc-dashboard .cc-car-selector{min-height:44px;padding:3px 0}
#car-crash.cc-dashboard .cc-car-selector button{height:44px;min-height:44px}
#car-crash.cc-dashboard .cc-car-selector h4{font-size:19px}
#car-crash.cc-dashboard .cc-driver-picker{min-height:32px;padding:3px 8px}
#car-crash.cc-dashboard .cc-ownership{min-height:32px}
#car-crash.cc-dashboard .cc-ownership button{min-height:32px;padding:4px 9px}
#car-crash.cc-dashboard .cc-dashboard-grid>.cc-dashboard-car{display:grid;grid-template-rows:16px minmax(40px,1fr) 44px 32px 32px;gap:5px}
#car-crash.cc-dashboard .cc-dashboard-grid .cc-car-selector{margin:0;padding:0;min-height:0}
#car-crash.cc-dashboard .cc-dashboard-grid .cc-car-selector h4{margin:0;font-size:18px;line-height:1.2}
#car-crash.cc-dashboard .cc-dashboard-grid .cc-car-selector p{margin:2px 0;font-size:11px}
#car-crash.cc-dashboard .cc-dashboard-grid .cc-car-artwork .cc-car-showcase{transform:scale(1.12)}
#car-crash.cc-dashboard .cc-dashboard-grid>.cc-dashboard-car{grid-template-columns:minmax(0,1fr);justify-items:stretch}
@media(max-height:330px){
 #car-crash.cc-dashboard .cc-dashboard-grid>.cc-dashboard-car{grid-template-rows:12px minmax(32px,1fr) 44px 28px 28px;gap:1px}
 #car-crash.cc-dashboard .cc-car-artwork{min-height:32px}
 #car-crash.cc-dashboard .cc-driver-picker,#car-crash.cc-dashboard .cc-ownership,#car-crash.cc-dashboard .cc-ownership button{min-height:28px}
 #car-crash.cc-dashboard .cc-driver-picker{padding:2px 6px}
}