:root,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{user-select:none}input:not([type=checkbox]),textarea{user-select:text}.gender{font-size:smaller}.gender-male{color:#4169e1}.gender-female{color:#db7093}.gender-neutral{color:#6a5acd}.GameRoot{position:relative;display:grid;width:100vw;height:100vh;overflow:hidden;>*{grid-row:1;grid-column:1}}.GameRoot-dialogcontainer{width:100%;height:100%;background-color:#00000040;display:grid;align-items:center;justify-items:center;>*{grid-row:1;grid-column:1}&:empty{display:none}}.MainMenu{display:flex;flex-direction:column;align-items:center;justify-content:center;h1{font-size:48pt;font-family:Brush Script MT,Lucida Handwriting,Segoe Script,Apple Chancery,cursive}small{position:fixed;bottom:4px;right:4px;opacity:.6}}.MainMenu-Buttons{display:flex;flex-direction:column;gap:1em;max-width:8em;button{font-size:16pt;white-space:nowrap;border:none;background-color:transparent;font-weight:700;color:#fff;text-shadow:-1px -1px #222,-1px 1px #222,1px -1px #222,1px 1px #222;transition:transform .2s,color .2s;&:hover{transform:scale(1.2);color:gold}}}.NewGameView{padding:1em 2em;>footer{display:flex;margin-top:2em;justify-content:center}}.NewGameView-Columns{display:grid;grid-template-columns:1fr 1fr;gap:2em}.NewGameView-ControlGrid{display:grid;grid-template-columns:auto 1fr;gap:2px 1em}.NewGameView-ControlGrid3{display:grid;grid-template-columns:auto 1fr auto;gap:2px 1em}.NewGameView-StartingAttributes{display:grid;grid-template-columns:auto 1fr;gap:2px 1em}.ColoredText-bright{font-weight:700;text-shadow:-1px -1px #222,-1px 1px #222,1px -1px #222,1px 1px #222}.ColoredText-dark{font-weight:700;text-shadow:-1px -1px #666,-1px 1px #666,1px -1px #666,1px 1px #666}.BasicButton{font-size:18px;color:#f5e6c4;background:linear-gradient(#4b2e1e,#2a1a12);border:4px solid #c0a060;border-radius:12px;padding:8px 24px;text-shadow:1px 1px 2px #000;box-shadow:inset 0 0 8px #000;transition:all .3s ease;&:hover{background:linear-gradient(#5c3a28,#3a2418);color:#fff8dc}&:active{background:linear-gradient(#2a1a12,#1a0f08);transform:scale(.95)}}.SimpleButton{display:inline-grid;gap:.5em;padding:4px .5em;background-color:#555;color:#fff;border:1px solid #666;&:not(:disabled):hover{background-color:#666}&:disabled{color:#aaa}&.active{color:gold}}.IconButton{width:32px;height:32px;border:none;background-color:transparent;color:#999;&:hover{color:#fff}>svg{width:100%;height:100%}}.IngameView{display:grid;width:100%;height:100%;overflow:hidden;>*{grid-row:1;grid-column:1}}.IngameView-HubLayout{display:grid;grid-template-rows:3fr 1fr;gap:.5em;padding:.5em;width:100%;height:100%;box-sizing:border-box;overflow:hidden;background-color:#444;>main{background-color:#222;overflow:hidden;box-sizing:border-box;height:100%;>*{overflow-x:hidden;overflow-y:auto;box-sizing:border-box;height:100%}}>footer{display:grid;grid-template-columns:1fr 2fr 1fr;gap:.5em;>*{background-color:#222}}}.IngameView-HubButtons{display:flex;flex-direction:column;button{display:grid;grid-template-columns:auto 1fr;gap:.5em;padding:4px .5em;background-color:#555;color:#fff;border:1px solid #666;&:not(:disabled):hover{background-color:#666}&:disabled{color:#aaa}&.active{color:gold}}}.IngameView-SceneContent{padding:1em;>header{font-weight:700;font-size:larger;border-bottom:1px solid #555;padding-bottom:.4em;margin-bottom:.5em}}.PlayerStatusView{padding:.5em .5em .25em;display:grid;grid-template-rows:auto 1fr auto;>header{text-align:center;margin-bottom:.5em}>footer{display:flex;flex-direction:column;gap:.25em;text-align:right}.PlayerStatusView-Bars{display:grid;grid-template-columns:auto 1fr;gap:0 .5em;align-items:center}}.BuildView{display:flex;flex-direction:column;gap:.5em;padding:1em;overflow-y:auto}.BuildView-BuildingCard{background-color:#333;border-radius:8px;padding:.5em 1em}.BuildView-BuildingCardUpgrade{display:flex;gap:.8em}.BuildView-CostMet{color:#7fff00}.BuildView-CostUnmet{color:#dc143c}.CraftingView{display:flex;flex-direction:column;gap:.5em;padding:1em;overflow-y:auto}.CraftingView-CraftableCard{background-color:#333;border-radius:8px;padding:.5em 1em}.CraftingView-Costs{display:flex;gap:.8em}.CraftingView-CostMet{color:#7fff00}.CraftingView-CostUnmet{color:#dc143c}.CharacterListView{display:grid;grid-template-columns:1fr 1fr;height:100%;overflow:hidden;>:first-child{display:grid;grid-template-rows:auto 1fr auto;align-items:flex-start;height:100%;overflow:hidden;border-right:1px solid #666}}.CharacterListView-CharacterList{border-collapse:collapse;thead td{font-weight:700;font-size:smaller;opacity:.6}overflow-y:auto;tr.selected>*{background-color:#ffd7001a}}.CharacterListView-CharacterDetails{tr.selected>*{color:gold}}.Meter{height:10px;width:100%;display:grid;--meter-color: #aaa;background-color:#555;overflow:hidden;border-radius:8px;padding:1px;>*{grid-row:1;grid-column:1}>span{display:block;background-color:var(--meter-color);border-top-left-radius:8px;border-bottom-left-radius:8px;height:100%}>div{color:#fff;text-shadow:-1px -1px #222,-1px 1px #222,1px 1px #222,1px -1px #222;justify-self:center;font-size:smaller}&.Meter-green{--meter-color: yellowgreen}&.Meter-red{--meter-color: indianred}&.Meter-pink{--meter-color: hotpink}&.Meter-blue{--meter-color: royalblue}&.Meter-orange{--meter-color: sandybrown}&.Meter-text{height:1.2em}&.Meter-small{width:64px}}.CharacterDetailsView{height:100%;display:grid;grid-template-rows:1fr auto;gap:.5em;padding:.5em 1em;h3{margin:0 0 1em;text-align:center}}.CharacterDetailsView-Columns{display:grid;grid-template-columns:1fr 1fr;gap:.5em;>:first-child{padding-right:.5em;border-right:1px solid #555}}.CharacterDetailsView-Relationship{display:grid;grid-template-columns:auto 1fr;gap:2px 1em}.CharacterDetailsView-Table{display:grid;grid-template-columns:auto 1fr;gap:2px 1em;margin-left:.5em}.CharacterDetailsView-Actions{display:flex;flex-direction:column}.ManageSettlementView,.TrainingView{padding:1em}.MapView{padding:1em;display:grid;grid-template-columns:auto 3fr;gap:1em;overflow:hidden;>:first-child{overflow-y:auto}>:last-child{overflow:hidden;height:100%;>div{overflow:hidden;height:100%}}}.MapView-LocationList{display:flex;flex-direction:column;min-width:12em;button{text-align:left;white-space:nowrap}}.InventoryView{display:flex;flex-direction:column;gap:.5em;padding:1em;overflow-y:auto}.InventoryView-InventoryCard{background-color:#333;border-radius:8px;padding:.5em 1em;display:flex;gap:.4em;align-items:center}.ItemIcon{width:20px;height:20px;color:#888;>svg{width:100%;height:100%}}.DialogBase{min-width:8em;max-width:calc(100vw - 80px);max-height:calc(100vh - 80px);overflow:hidden;z-index:1;display:grid;grid-template-rows:auto 1fr;>header{display:grid;grid-template-columns:1fr auto;gap:1em;padding:2px .5em;background-color:#444}>div{background-color:#333;padding:1em}}.DialogCloseButton{&:hover{color:gold}}.LoadSaveDialog-Slots{display:grid;grid-template-columns:auto 1fr auto;grid-auto-rows:36px;align-items:center;gap:.5em;min-width:24em;>:first-child{font-size:smaller}}.LoadSaveDialog-SlotId{text-align:center;margin-right:.5em}.LoadSaveDialog-SlotInfoEmpty{opacity:.5;font-size:smaller;display:flex}.LoadSaveDialog-SlotInfo{>div:last-child{font-size:smaller;opacity:.8;margin-left:.5em}}.LoadSaveDialog-SlotActions{text-align:right}.CreditsView{display:grid;padding:1em 1em 3em;grid-template-rows:auto 1fr auto;gap:1em;text-align:center}.IntroView{padding:1em 3em;text-align:center;p{text-align:left}}.JournalDialog{min-width:360px;height:512px}.JournalFactionsView{>div{display:grid;grid-template-columns:1fr auto}}#Tooltip{position:fixed;opacity:0;transition:opacity .2s;pointer-events:none;padding:.5em;border:1px solid #555;border-radius:2px;background-color:#333;color:#eee;z-index:999999;font-size:14px;>header{border-bottom:1px solid #555;margin-top:0;padding-bottom:.4em;margin-bottom:.5em;font-weight:700;font-size:larger}}