:root{font-family:system-ui,sans-serif;color:#102d34;background:#e5eee9}*{box-sizing:border-box}body{margin:0}header{background:#183f47;color:#fff;padding:.65rem 1rem;display:flex;justify-content:space-between;align-items:center}h1{font-size:1.25rem;margin:0}.panel{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 4px #0002}main{max-width:1200px;margin:1rem auto;padding:0 1rem}form{display:grid;gap:.6rem;max-width:25rem}label{display:grid;gap:.2rem}input,button,select{font:inherit;padding:.45rem}button{cursor:pointer;background:#235a5d;color:#fff;border:0;border-radius:.25rem}.toolbar,#resource-bar{margin-bottom:.5rem}.toolbar{display:flex;justify-content:flex-end;gap:.5rem;align-items:center}.toolbar strong{margin-right:auto}.summary{margin:.2rem 0 .5rem}.info-dock{padding:.5rem 1rem;margin-bottom:.6rem}.tab-list{display:flex;gap:.35rem;border-bottom:1px solid #c8d6d1}.tab{border-radius:.3rem .3rem 0 0;background:#5b777a}.tab.is-active{background:#235a5d}.tab-pane{max-height:min(15vh,8.5rem);overflow:auto;padding:.45rem 0}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:.75rem;min-height:0}canvas{width:100%;height:100%;min-height:0;background:#cae3e4;border-radius:.5rem;touch-action:none}#actions{display:grid;gap:.4rem}#action-message,#auth-message{min-height:1.5em}.structure-row,.goal-row{border-bottom:1px solid #d6dfda;padding:.35rem 0}.structure-row button,.goal-row button{margin:.2rem .2rem 0 0}.structure-info{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;min-width:1.35rem;padding:0;border-radius:50%;font-weight:700;margin-right:.35rem!important;background:#49757b}#structure-tooltip{position:fixed;z-index:10;max-width:270px;padding:.55rem .7rem;background:#102d34;color:#fff;border-radius:.35rem;box-shadow:0 2px 8px #0005;font-size:.9rem}#settings-panel{position:fixed;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,430px);max-height:88vh;overflow:auto;border:2px solid #183f47}#settings-panel form{max-width:none}.settings-heading{display:flex;justify-content:space-between;align-items:center}.settings-heading h2{margin:0}.toggle{display:block}.setting-note{font-size:.9rem;margin:.1rem 0}.game-active{height:100dvh;overflow:hidden}.game-active main{height:calc(100dvh - 52px);max-width:none;margin:0;padding:.55rem 1rem}.game-active #community-panel{height:100%;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);min-height:0}.game-active .game-layout{height:100%}.game-layout aside{height:100%;min-height:0;overflow:auto}@media(max-width:700px){header{align-items:flex-start;gap:.35rem;flex-direction:column}.game-active main{height:calc(100dvh - 82px);padding:.4rem}.game-active #community-panel{grid-template-rows:auto auto auto auto minmax(0,1fr)}.game-layout{grid-template-columns:1fr;grid-template-rows:minmax(160px,1fr) minmax(150px,.72fr)}.info-dock{margin-bottom:.4rem}.tab-pane{max-height:min(13vh,6.5rem)}}
.tab.has-disruption{background:#9d2525}.disruption-row{border:2px solid #b12c2c;background:#fff0f0;color:#7d1414;font-weight:700;padding:.45rem;margin:.2rem 0}
.tab.has-disruption{background:#9d2525}#abandon-panel,#admin-panel{position:fixed;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,430px);max-height:88vh;overflow:auto;border:2px solid #183f47}
#admin-confirm-panel{position:fixed;z-index:21;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,400px);border:2px solid #183f47}
#admin[hidden]{display:none}.header-controls{display:flex;align-items:center;gap:.45rem}.header-controls #account-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:18rem}.game-layout{grid-template-columns:minmax(0,1fr) 340px}.game-layout aside{min-width:0;overflow-x:hidden}.game-layout aside select{max-width:100%;width:100%}@media(max-width:700px){header{padding:.45rem .5rem;gap:.25rem;flex-direction:row;align-items:center}header h1{font-size:.95rem;white-space:nowrap}.header-controls{gap:.22rem;margin-left:auto}.header-controls #account-status{max-width:6.8rem;font-size:.8rem}.header-controls button{padding:.32rem .38rem;font-size:.8rem}.toolbar{display:none}.game-layout aside{width:100%;min-width:0}.game-layout aside .panel{min-width:0}}
#actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}#actions>button{min-width:0;padding:.4rem .2rem;font-size:.85rem}#actions>hr,#actions>label,#actions>button:nth-of-type(n+7){grid-column:1/-1}#actions>button:nth-of-type(n+7){padding:.45rem;font-size:inherit}
#site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:0;padding:0;background:transparent;display:block}#top-ribbon{position:absolute;z-index:1;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.65rem 4rem .65rem 1rem;background:#183f47;color:#fff;box-shadow:0 2px 8px #0005;transform:translateY(-110%);transition:transform .24s ease}#site-header.is-open #top-ribbon{transform:translateY(0)}#menu-toggle{position:absolute;z-index:2;right:.55rem;top:.45rem;width:2.35rem;height:2.35rem;padding:0;border-radius:50%;font-size:1.2rem;background:#235a5d;box-shadow:0 1px 4px #0005}.game-active main{height:100dvh;padding-top:.55rem}.game-active #community-panel{height:100%}@media(max-width:700px){#top-ribbon{padding:.55rem 3.45rem .55rem .55rem;align-items:flex-start}#top-ribbon h1{font-size:.95rem}.header-controls{flex-wrap:wrap;justify-content:flex-end}.game-active main{height:100dvh;padding-top:.4rem}}
#community-info-toggle{display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;min-width:1.45rem;padding:0;border-radius:50%;font-weight:700;background:#49757b}#community-info-ribbon{position:fixed;z-index:45;top:.55rem;left:50%;width:min(94vw,760px);margin:0;transform:translate(-50%,-130%);transition:transform .24s ease;box-shadow:0 2px 10px #0005}#community-info-ribbon.is-open{transform:translate(-50%,0)}#community-info-ribbon #resource-bar{margin:0;font-weight:600}#community-info-ribbon .summary{margin:.45rem 0 0}.game-active #community-panel{grid-template-rows:auto auto minmax(0,1fr)}@media(max-width:700px){.toolbar{display:flex;margin-bottom:.25rem}.toolbar strong{margin-right:0}#community-info-ribbon{top:.4rem;width:calc(100vw - .8rem);padding:.7rem;font-size:.9rem}}
.game-active .toolbar{position:fixed;z-index:40;top:.5rem;left:.55rem;display:flex!important;margin:0;padding:.2rem .35rem;background:#fff;border-radius:.35rem;box-shadow:0 1px 4px #0004}.game-active .toolbar strong{margin-right:.15rem}
.tab-list{justify-content:center}
#community-info-ribbon{padding-top:.7rem}#community-info-ribbon #resource-bar{margin-left:2rem}#community-info-close{position:absolute;top:.45rem;left:.45rem;width:1.55rem;height:1.55rem;min-width:1.55rem;padding:0;border-radius:50%;font-size:1.15rem;line-height:1;background:#49757b}
@media(max-width:700px){body.game-active{height:auto;min-height:100dvh;overflow-y:auto;overscroll-behavior-y:auto}.game-active main{height:auto;min-height:100dvh}}