:root{--detail-font-size: .8rem}*{margin:0;padding:0;box-sizing:border-box;font-family:inherit;color:inherit}button{padding:.5rem 1rem;border:1px solid black;border-radius:.5rem;background:#fff;cursor:pointer;font-size:1rem;color:#000;transition:all .2s ease-in-out}button:hover{background:#f0f0f0}button.selected{background:gold}html,body,#root{font-family:Arial,sans-serif;font-size:16px;background:#fff}#root{padding:1rem}#app{position:relative;display:flex;flex-direction:column;gap:.5rem;max-width:800px}#app-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#app-header-left{font-size:1.5rem;font-weight:700}#app-header-right{display:flex;flex-direction:row;gap:.5rem}#score-board{display:flex;flex-direction:row;gap:.5rem;align-items:center}.score-board-player{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border:1px solid black;border-radius:.5rem;-webkit-user-select:none;user-select:none}.score-board-player-score{font-weight:700}#player-detail{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid black;border-radius:.5rem}.player-detail-tribe{display:flex;flex-direction:column;gap:.5rem}.player-detail-tribe-header{font-size:1rem}.player-detail-power-text,.player-detail-race-text{font-size:var(--detail-font-size)}#type-lists{display:flex;flex-direction:column;gap:1rem}.type-lists-header{font-size:1.25rem;font-weight:700}.type-list-header{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.type-list-content{display:flex;flex-direction:column}.type-row{display:flex;align-items:center;gap:.5rem}.race-dot{width:1rem;height:1rem;border-radius:100%;background:#000;flex-shrink:0}#map-container{position:relative;display:flex;border:2px solid black;box-shadow:0 0 2px #fff inset,0 0 3px 1px #00000080}#map-canvas{width:100%;height:100%;image-rendering:pixelated}#over-tile-image{width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;left:0;z-index:2;filter:brightness(1.2);pointer-events:none}#over-tile-label{position:absolute;z-index:3;background:#fff;padding:.25rem;border-radius:.25rem;font-size:.75rem}.tile-data{position:absolute;z-index:3;pointer-events:none}.tile-data-ui-mockup-row{display:flex;flex-direction:row;gap:.5rem}.tile-data-ui-mockup{position:relative;z-index:3;pointer-events:none}.tile-data-circle,.tile-data-square{width:100%;height:100%;border:2px solid black;font-weight:700;display:flex;align-items:center;justify-content:center}.tile-data-circle{border-radius:50%}#info-tray{margin-top:1rem;padding:1rem;border:1px solid black;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:50dvh}#race-selection{display:flex;flex-direction:column;gap:.5rem;-webkit-user-select:none;user-select:none}.race-selection-item{padding:.5rem;border:1px solid black;border-radius:.5rem}.race-selection-item:hover{background:#f0f0f0}.race-selection-detail{padding:.5rem;border:1px solid black;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.race-selection-detail-controls{display:flex;flex-direction:row;gap:.5rem}.race-selection-detail-header{font-size:1rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.race-selection-detail-content{display:flex;flex-direction:column;gap:.5rem}.race-selection-detail-content-item{font-size:var(--detail-font-size)}#info-tray-content{display:flex;flex-direction:column;gap:.5rem}#info-tray-content-buttons{display:flex;flex-direction:row;gap:.5rem}#info-tray-content-diplomat{display:flex;flex-direction:column;gap:.5rem}#info-tray-content-diplomat-header{font-size:1rem;font-weight:700}