#ring-screen{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;background:#123b32;color:#edf0d6;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font:13px -apple-system,BlinkMacSystemFont,sans-serif}#ring-screen.hidden{display:none}#ring-screen button{min-height:44px;border:1px solid #63857280;border-radius:9px;background:#163d33;color:#e6ead3;padding:6px 11px;font:inherit;cursor:pointer}#ring-screen button.active{background:#d5e99a;color:#193c2d;border-color:#d5e99a}#ring-screen button:disabled{opacity:.48;cursor:default}.ring-header{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#102e28}.ring-header>div{display:flex;flex-direction:column;gap:3px;flex:1}.ring-header .tiny-label{font-size:8px;letter-spacing:2px}.ring-header strong{font-size:13px}#ring-money{color:#d8eaae;font-weight:700;max-width:160px}.ring-header button{font-size:11px!important}#ring-order{display:flex;padding:4px 12px;gap:5px;background:#13372d;flex-shrink:0}#ring-order button{flex:1;position:relative;min-width:0;text-align:left;border-top:3px solid var(--kingdom);padding:3px 8px;line-height:1.15}#ring-order b{color:var(--kingdom);font-size:12px}#ring-order b span{font-size:10px;float:right}#ring-order small{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}#ring-order strong{position:absolute;right:7px;bottom:4px;color:var(--kingdom);font-size:11px;background:#13372df0;padding-left:4px}#ring-order .own{background:#274d36}#ring-order .selected{outline:1px solid var(--kingdom)}.ring-field{flex:1;position:relative;min-height:90px;overflow:hidden}#ring-canvas{width:100%;height:100%;display:block;touch-action:none}.ring-pan-hint{position:absolute;top:7px;left:13px;font-size:10px;color:#d5e8d199;pointer-events:none}#ring-message{position:absolute;top:25px;left:50%;transform:translateX(-50%);text-align:center;width:max-content;max-width:80%;background:#10302bd9;border-radius:7px;padding:3px 8px;pointer-events:none;color:#e6e8bc;font-size:12px}#ring-message:empty{display:none}.ring-dock{background:#102e28;border-top:1px solid #68886b;padding:5px 10px;flex-shrink:0}.ring-commandbar{display:flex;gap:5px}.ring-commandbar>button{font-size:11px!important;padding:4px 8px!important}.ring-directions{display:flex;flex:1;gap:4px}.ring-directions button{flex:1;font-weight:bold!important}.ring-commandbar #ring-super{color:#ffd88f}#ring-tools{height:88px;display:flex;gap:6px;padding-top:5px}.ring-card-strip{overflow-x:auto;display:flex;gap:6px;flex:1;scrollbar-width:thin;scrollbar-color:#789c78 transparent;align-items:stretch}.ring-card-strip button{flex:0 0 auto;min-width:119px;text-align:left;max-width:220px}.ring-card-strip button b,.ring-card-strip button small,.ring-card-strip button strong{display:block}.ring-card-strip button b{font-size:11px}.ring-card-strip button small{font-size:10px;margin-top:5px;color:#bbcdb5}.ring-card-strip button.active small{color:#234333}.ring-card-strip .ring-unit{display:flex;min-width:180px;align-items:center;padding:2px 8px 2px 0!important}.ring-unit canvas{width:61px;height:65px}.ring-unit span{max-width:134px}.ring-unit b{white-space:normal}.ring-unit strong{color:#d7e9a6;margin-top:3px;font-size:11px}.ring-roster-select{display:flex;flex-direction:column;gap:2px}.ring-roster-select button{min-height:25px!important;font-size:10px!important;padding:2px 9px!important;text-transform:capitalize}.ring-queue{min-width:80px;max-width:120px;font-size:10px;display:flex;flex-wrap:wrap;gap:3px;align-content:center}.ring-queue b{display:block;width:100%;font-size:12px}.ring-queue button{min-height:28px!important;padding:2px 4px!important}.ring-queue small{color:#afc6af;font-size:9px}#ring-scout{position:absolute;right:10px;top:5px;bottom:5px;width:290px;overflow-y:auto;background:#102e28f5;border:1px solid #7c947e;padding:12px;border-radius:10px;z-index:2;font-size:11px}#ring-scout>div span{display:flex;justify-content:space-between;gap:5px;padding:4px 0;border-bottom:1px solid #67826444}#ring-scout p{margin:8px 0;line-height:1.5}#ring-scout small{color:#b5c6af}#ring-close-scout{float:right;min-width:44px;margin:-8px -8px 0 0}#ring-dialog{position:absolute;inset:0;background:#081d18c9;display:grid;place-items:center;z-index:5;padding:16px}.ring-dialog-card{max-width:580px;max-height:100%;overflow:auto;background:#183e32;border:1px solid #91aa7d;padding:22px;border-radius:16px}.ring-dialog-card h2{font:italic 29px Georgia,serif;color:#e3edc1;margin:7px 0 14px}.ring-dialog-card p{line-height:1.6;margin:9px 0}.ring-setup-choices{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.ring-dialog-card small{color:#b1c5ad}.ring-active #menu,.ring-active #battle-screen,.ring-active #modal{visibility:hidden}.ring-active #rotate{z-index:100}#ring-scout.hidden,#ring-dialog.hidden{display:none}
@media(max-height:390px){.ring-header{padding-top:2px;padding-bottom:2px}.ring-header .tiny-label{display:none}#ring-order small:nth-of-type(1){display:none}#ring-tools{height:75px}.ring-unit canvas{height:58px;width:53px}.ring-commandbar button{min-height:44px}.ring-dock{padding-top:3px}.ring-pan-hint{font-size:9px}.ring-roster-select button{min-height:22px!important}#ring-message{top:19px}}@media(max-width:720px){.ring-header{gap:4px;padding-left:8px;padding-right:8px}.ring-header>div{max-width:145px}.ring-header strong{font-size:11px}#ring-money{font-size:11px;max-width:115px}.ring-header button{padding:3px 6px!important}.ring-commandbar>button{padding:3px 5px!important;font-size:10px!important}.ring-directions button{font-size:11px!important;padding:4px 5px!important}.ring-queue{display:none}#ring-order{padding:3px 8px}#ring-order small{font-size:8px}.ring-dialog-card{padding:15px}.ring-dialog-card h2{font-size:25px}}

#ring-roster-select{height:100%;min-height:44px;max-width:80px;background:#d5e99a;color:#193c2d;border:0;border-radius:8px;padding:4px;font-weight:700}.ring-queue button{min-height:44px!important;min-width:36px}.ring-queue small{display:block;width:100%}

.ring-empty-roster{padding:13px;color:#c7d8b8;max-width:360px;line-height:1.5;font-size:12px}

.ring-fallen{font-size:10px;color:#c1cdb4;align-self:center;text-align:center;padding:3px 7px;line-height:1.6}

/* Same visual language as the campaign, with ring-specific direction and scouting intact. */
#ring-screen{background:#132d28;color:#e9ead2;font-family:Georgia,serif}
.ring-header,#ring-order,.ring-dock{background:linear-gradient(145deg,#102b26f2,#193d32ef)}
.ring-header{border-bottom:1px solid #a5b99244}
.ring-header strong{font-family:Georgia,serif;font-size:clamp(13px,1.4vw,22px);font-weight:400}
.ring-header .tiny-label,.ring-pan-hint,#ring-scout small{font-family:-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.12em;text-transform:uppercase}
#ring-screen button{border-color:#adbf9a73;border-radius:11px;background:#27453695;color:#edeed7;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}
#ring-screen button:active:not(:disabled){transform:scale(.97)}
#ring-screen button.active{background:#dbe9b1;color:#18372b;border-color:#e9efc5;box-shadow:0 0 16px #cde4a652}
#ring-order{gap:6px;padding-block:6px}
#ring-order button{border-top:2px solid var(--kingdom);background:#263f33ba;box-shadow:inset 0 1px #fff2;border-radius:9px}
#ring-order .own{background:#3b553c}
.ring-field{background:#193b32}
.ring-dock{border-top:1px solid #bacc9b83}
.ring-commandbar #ring-left,.ring-commandbar #ring-right{border-color:#b9cc9a;color:#f0efcf}
.ring-card-strip .ring-unit{background:#244237bf;border-color:#a9bd9573}
.ring-unit canvas{width:74px;height:72px}
#ring-scout,.ring-dialog-card{background:#152f29f5;border-color:#b1c697a8;box-shadow:0 15px 40px #081e1abb}
#ring-money,#ring-message{font-family:-apple-system,BlinkMacSystemFont,sans-serif}
@media(max-height:390px){.ring-unit canvas{width:58px;height:56px}#ring-order{padding-block:3px}}
@media(prefers-reduced-motion:reduce){#ring-screen button{transition:none}}
/* Direct nursery investment mirrors the single-player war dock. */
#ring-nursery{border-color:#d6e4ae66;color:#e7edc7}.ring-invest .bonus-cycle{max-width:150px;white-space:normal;line-height:1.3}.ring-invest{min-height:64px}.ring-commandbar{overflow-x:auto;scrollbar-width:thin}.ring-commandbar>button{min-height:44px;flex-shrink:0}
/* Keep the center spend lane readable while evolution/status copy is present. */
#ring-message{top:auto;bottom:5px;font-size:11px;max-width:70%}

.ring-live-science{font-size:11px;line-height:1.3;max-height:30px;overflow:auto;color:#edf1d3;padding:3px 7px}.ring-live-science button{min-height:30px}

/* The live science/Comms line is separate from the horizontal recruit strip. */
#ring-live-status{flex:none;min-height:20px;max-height:44px;overflow:auto;scrollbar-width:thin}
#ring-live-status.hidden{display:none}
#ring-live-status .ring-live-science{max-height:none;white-space:normal;line-height:1.25;min-height:20px;padding:2px 5px}
#ring-live-status button{min-height:40px;vertical-align:middle;padding:2px 9px}
#ring-tools .ring-roster-select{flex:0 0 78px;min-width:0}
#ring-tools .ring-card-strip{min-width:0}