:root{--bg-dark:#242424;--bg-light:#f5f5f5;--fg-dark:#ffffffde;--fg-light:#111;--accent-green:#2ecc71;--panel-bg-dark:#00000052;--panel-bg-light:#ffffffb8;--background:var(--bg-dark);--foreground:var(--fg-dark);--panel-bg:var(--panel-bg-dark);--input-background:color-mix(in srgb,var(--background)92%,var(--foreground)8%);--input-border:color-mix(in srgb,var(--foreground)20%,transparent 80%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--background:var(--bg-light);--foreground:var(--fg-light);--panel-bg:var(--panel-bg-light)}*{box-sizing:border-box}body{background-color:var(--background);min-width:320px;min-height:100vh;color:var(--foreground);flex-direction:column;justify-content:center;align-items:center;margin:0;transition:background-color .75s,color .75s;display:flex}h1{text-align:center;font-size:3.2em;line-height:1.1}h2,h3,h4,h5{text-align:center}button{cursor:pointer}button,input[type=text],input[type=search],input[type=email],input[type=password],textarea,select{border:2px solid var(--accent-green);background-color:color-mix(in srgb,var(--accent-green)8%,var(--background)92%);color:var(--foreground);border-radius:8px;outline:none;margin:5px;padding:.5rem .75rem;transition:box-shadow .12s,transform 80ms,background-color .12s}button:hover,button:focus,input:focus,textarea:focus,select:focus{box-shadow:0 6px 18px color-mix(in srgb,var(--accent-green)12%,transparent 88%);transform:translateY(-1px)}button:disabled{cursor:not-allowed;border-color:color-mix(in srgb,var(--accent-green)18%,var(--background)82%);background-color:color-mix(in srgb,var(--accent-green)3%,var(--background)97%)}button:disabled:hover{box-shadow:none;transform:none}div.boxed{background-color:var(--panel-bg);color:var(--foreground);border:1px solid color-mix(in srgb,var(--foreground)6%,transparent 94%);text-align:center;border-radius:12px;flex-direction:column;align-items:center;width:max-content;max-width:100%;margin:.75rem auto;padding:.75rem 1rem;transition:background-color .45s,color .45s,border-color .25s;display:flex}.page-container{justify-content:center;align-items:flex-start;gap:24px;width:100%;max-width:1200px;margin:.75rem auto;padding:0 1rem;display:flex}.col-aside{flex-direction:column;flex:0 0 310px;gap:12px;display:flex}.col-main{flex-direction:column;flex:0 420px;align-items:center;display:flex}.boxed-aside{background-color:var(--panel-bg);color:var(--foreground);border:1px solid color-mix(in srgb,var(--foreground)6%,transparent 94%);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:.75rem .9rem;transition:background-color .45s,color .45s,border-color .25s;display:flex}.list-vertical{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{background:0 0;border-radius:8px;padding:6px 8px}.center-row{justify-content:center;gap:8px;width:100%;margin-bottom:8px;display:flex}.center-row.no-gap{gap:0}.center-row.small{margin-top:.5rem;margin-bottom:0}.btn-wide{min-width:160px}.field-full{width:100%;margin-bottom:12px}.input-center{text-align:center;border:2px solid var(--accent-green);background-color:color-mix(in srgb,var(--accent-green)8%,var(--background)92%);width:100%;color:var(--foreground);border-radius:8px;padding:8px 10px}.field-row{align-items:center;gap:8px;width:100%;display:flex}.field-row .input-center{flex:1}.spacer-sm{height:12px}.label-note{opacity:.9;margin-bottom:6px;font-size:12px}.mb-12{margin-bottom:12px}.boxed-aside h3{width:100%;margin:0 0 8px}.footer-bottom{text-align:center;width:100%;color:var(--foreground);margin-top:50px}input[data-nocolor=true],button[data-nocolor=true],textarea[data-nocolor=true],select[data-nocolor=true],.input-center[data-nocolor=true],.desaturate,[data-desaturate=true]{filter:saturate(0);background-color:var(--input-background);border-color:var(--input-border);color:var(--foreground);transition:filter .18s,background-color .18s,border-color .18s}input[data-nocolor=true]:focus,button[data-nocolor=true]:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--foreground)10%,transparent 90%);outline:none}.selectContainer{grid-template-columns:auto minmax(0,1fr);gap:10px 8px;width:100%;display:grid}.selectContainer p{align-content:center;margin:0}@media (max-width:600px){body{justify-content:flex-start;align-items:stretch;padding:1rem}h1{font-size:2rem}div.boxed{border-radius:10px;width:100%;max-width:100%;padding:.65rem .85rem}button,input[type=text],input[type=search],input[type=email],input[type=password],textarea,select{width:100%}.page-container{flex-direction:column;gap:12px}.col-aside,.col-main{flex:none}.center-row,.form-row{width:100%}}.row-seperated{margin-top:15px}.dialog{border:1px solid var(--input-border);background-color:var(--panel-bg);max-height:90vh;color:var(--foreground);border-radius:25px;padding:10px}.dialog::backdrop{background-color:#00000080}.closeContainer{justify-content:flex-end;width:100%;margin-bottom:10px;display:flex}.title{text-align:center;width:100%;margin:0}.closeButton{border-radius:15px;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;min-height:30px;display:flex}.childrenContainer{flex-direction:column;align-items:center;width:100%;display:flex}.errorMessage{color:var(--foreground)}.errorDialog{color:#d23a3a;border-color:#a80000}#gearButton{z-index:50;filter:invert(0);background-color:#0000;background-image:url(/HexfieldsDominion/gear.svg);background-size:cover;border:none;width:4vw;min-width:40px;height:4vw;min-height:40px;margin:1vw 1vw 0 0;position:fixed;right:0}:root[data-theme=light] #gearButton{filter:invert()}#gearButton:hover,#gearButton:focus{box-shadow:none;background-color:#0000;transform:none}#gearDialog{width:15vw;min-width:150px}#lobbycodeDialog{width:22vw;min-width:200px}#lobbycodeDialog form{flex-direction:column;align-items:center;display:flex}#lobbycodeDialog input{text-align:center;width:130px;padding:5px;font-size:larger}#lobbycodeDialog input::placeholder{font-size:medium}#lobbycodeDialog p{margin:40px 0 7px;font-size:smaller}#lobbycodeDialog button{margin:70px 0 5px;padding:7px 66px}html,body{width:100%;height:100%;margin:0;padding:0}body{overflow:hidden}#root,.full-page-container{width:100%;height:100%}.lineupDisplay{justify-content:center;width:100%;display:flex}.lineupDisplay-img-wrapper{box-sizing:border-box;background-color:#2f4f4f;border:3px solid #000;height:90px}.lineupDisplay-img-wrapper img{filter:brightness(.7);opacity:.7;height:100%}.highlightPlayer{height:100px}.highlightPlayer img{filter:brightness();opacity:1}.portraitText{margin:0;padding:0%}.ressourceDisplay{flex-direction:column;justify-content:center;gap:10px;height:100%;display:flex}.ressourceDisplay-img-wrapper{box-sizing:border-box;background-color:#2f4f4f;border:5px solid #000;justify-content:center;align-items:center;height:100px;display:flex}.ressourceDisplay-img-wrapper img{height:100%}.ressourceCountNumber{padding:10px;font-size:xx-large;font-weight:700}.bankButton{pointer-events:all;margin-top:20px}.gui{pointer-events:none;width:100%;height:100%}.flexboxes>*{position:absolute}.flexboxes>*>*{position:relative}.endTurnButton{pointer-events:all;box-sizing:border-box;font-size:xxx-large;bottom:0;right:0}.endTurnButton-active{background-color:#dc143c;border:5px solid red}.endTurnButton-inactive{background-color:gray;border:5px solid #a9a9a9}.font{font-family:fantasy}