:root{--title:linear-gradient(to right, red, green, blue, purple);--text:#000;--text-h:#08060d;--bg:linear-gradient(#fff700, #ff7300);--border:#e5e4e7;--root-bg:#fbf4c6;--accent:#ffb507;--accent-highlighted:#fff700ba;--accent-border:#c9a412e1;--accent-bg:#ff6e0de7;--delete-bg:#ffe32d;--window-bg:#ff6a00de;--selected:#ffff5a;--list-bg:#cbb267;--card-bg:#fac833;--card-border:#fd0;--window-shadow:2px 2px 15px 2px black;--sans:sans-serif, system-ui, "Segoe UI", Roboto;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--title-size:7vw;--title-padding:0;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--root-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (aspect-ratio>=1){:root{--title-size:4vw;width:60%;padding-inline:20%}}@media (prefers-color-scheme:dark){:root{--text:#eff2f7;--text-h:#f3f4f6;--bg:#03156c;--border:#2e303a;--root-bg:#1f2028;--accent:#a250f5;--accent-highlighted:#8000ff;--accent-bg:#9122ffde;--accent-border:#c084fc80;--accent-border-highlighted:#9328fe80;--delete-bg:#531b97;--window-bg:#5949a0e6;--selected:#00a6ff;--list-bg:#6778cb;--card-bg:#9633fa;--card-border:#8000ff;--bg-url:url(/doomlings-score-calculator/assets/meaning_bg-ZvqXS50B.png)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;max-width:100%;margin:0}body{background:var(--bg);margin:0}h1,h2{font-family:var(--sans);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=720px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;padding:.5vh 0;font-size:24px;font-weight:800;line-height:118%}@media (width<=720px){h2{font-size:18px}}p{margin:0}ul{text-align:left;margin:0;padding:0;list-style:none}button{background-color:var(--accent);border-color:var(--accent-border);padding:1vh;font-size:1.9vh;font-weight:600}input{box-sizing:border-box;border:2px solid var(--accent);width:100%;padding:.75vh;font-size:20px}input:focus{border:2px solid var(--selected);outline:none}.outer-modal{z-index:10;width:100vw;height:100vh;position:fixed;top:0;left:0}.modal{position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%)}.window{background-color:var(--window-bg);box-shadow:var(--window-shadow);border:var(--window-border);border-radius:.2em;padding:2vh}.window>h2{color:#fff}.highlighted{background-color:var(--selected)}.scrollable{scrollbar-color:var(--accent-border) #fff0;overflow-y:auto}.list-container{z-index:10;max-height:85dvh;position:fixed;overflow:hidden auto}.list-item{background-color:var(--list-bg);text-wrap-mode:nowrap;text-overflow:ellipsis;border:1px solid #fff;overflow:hidden}.list-item:hover{color:#000;background-color:#fff}.attachment-item{padding:.5vh 6vw}.bg-red{background-color:red}.bg-green{background-color:green}.bg-blue{background-color:#00f}.bg-purple{background-color:purple}.selected{filter:brightness();border:4px solid #000}.unselected{filter:brightness(75%);border:4px solid #fff}.app-container{background-image:var(--bg-url);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;height:100dvh;padding:1vh;display:flex;overflow:hidden}.title{height:var(--title-size);color:#0000;background-image:var(--title);-webkit-text-stroke:1px white;padding:var(--title-padding);font-size:var(--title-size);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;font-weight:bolder;display:flex}.addtrait-container{padding-block:.5vh}.addtrait-container-group{justify-content:center;gap:.5vh;padding:0;display:flex}.addtrait-container-group>button{flex:1;font-size:1.6vh}.catastrophe{margin-block:.5vh;width:100%;margin-bottom:0}.catastrophe-list{left:50%;transform:translate(-50%,1px)}.catastrophe-item{padding:.5vh 10vh}.player-tab-container{margin-bottom:1vh}.player-item-container{grid-template-columns:repeat(3,minmax(100px,1fr));grid-template-rows:repeat(2);flex-wrap:wrap;justify-content:center;display:grid}.player-item-container>div{color:var(--text);text-wrap-mode:nowrap;cursor:pointer;border:none;padding:.5vh;font-size:2vh;font-weight:600;overflow:hidden}.player-item{justify-content:center;gap:4px;display:flex}.player-item>div{overflow:hidden}.player-button{background-color:var(--accent-border)}.add-player-button{background-color:var(--accent-border);text-decoration:underline}.add-player-button:hover{background-color:var(--accent-highlighted)}.add-player-button:active{background-color:var(--accent-border-highlighted)}.player-highlighted{background-color:var(--accent-highlighted)}.cardinput-container{padding-bottom:.5vh}.autocomplete-container{z-index:10;background-color:#fff;width:fit-content;min-width:32.75vh;margin-left:.25vh;position:fixed}.autocomplete-item-container{color:#000;cursor:pointer;background-color:#fff}.autocomplete-container :hover{color:#fff;background-color:var(--selected)}.color-pick-button-container{gap:4px;margin-bottom:1vh;padding-block:1vh;display:flex}.color-pick-button{color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:1vh;font-weight:700;display:flex}.dbl-color-picker-header{color:#000;padding:0;margin:0;padding-bottom:1vh}.color-pick-select-container{justify-content:center;gap:16px;margin-top:1vh;display:flex}.color-pick-select-container>button{border-radius:1vh;min-width:8vh}.player-info-bar{background-color:var(--accent);justify-content:space-between;gap:1vh;margin-top:.5vh;padding:1vh;font-size:2.5vh;display:flex;overflow:hidden}.player-info-bar-name{white-space:nowrap;text-overflow:ellipsis;max-width:40%;overflow:hidden}.player-info-bar-score{white-space:nowrap;padding-inline:.5vh}.player-info-button-container{grid-template-rows:max-content;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:4px;display:grid}.card-item-container{background-color:var(--card-bg);border:1px solid var(--card-border);justify-content:space-between;padding:1vh;display:flex}.card-item-container>p{text-wrap-mode:nowrap;text-overflow:ellipsis;overflow:hidden}.card-button-container{flex:1;justify-content:end;gap:8px;display:flex}.card-item-tech{vertical-align:middle;width:1.5rem;height:1.5rem}.delete-button{aspect-ratio:1;background-color:var(--delete-bg);cursor:pointer;justify-content:center;align-items:center;min-width:1.5rem;padding:2px;display:flex}.pile-tab-container{justify-content:space-between;margin-block:.5vh;display:flex}.pile-tab-container>div{flex:1;padding-block:.5vh}.tab-unselected{background-color:var(--accent-border)}.tab-selected{background-color:var(--selected)}.add-player-popup-container{background-color:var(--window-bg)}.add-player-popup-button-container{justify-content:center;gap:8px;margin-top:8px;display:flex}.add-player-popup-button-container>button{min-width:8vh}.add-player-popup-gene-container{justify-content:baseline;gap:1vh;min-width:max-content;margin-block:.5vh;padding-block:1vh;display:flex}.add-player-popup-gene-container>p{align-self:center;margin:0;padding:0}.add-player-popup-gene-container>button{min-width:2.5vh;min-height:2.5vh;padding:0}.warning-popup-buttons-container{justify-content:space-evenly;gap:2vh;display:flex}.add-player-popup-bonus-container>button{min-width:2.5vh;min-height:2.5vh;padding:0}.warning-popup-buttons-container>button{min-width:9vh}.player-name-qr-container{justify-content:space-between;gap:1vw;width:100%;display:flex}.qr-popup-container{padding:1vh;background-color:#fff;width:80%;max-width:350px;padding-bottom:0}.qrcode-container{aspect-ratio:1;z-index:5;background-color:#fff;position:relative}.qrcode-container :hover{cursor:pointer}.qr-logo{aspect-ratio:1;object-fit:cover;width:100%;position:absolute;top:0;left:0}.qr-group-container,.qr-scanner-container{justify-content:center;display:flex}.qr-scanner-img-container{background-color:#fff;width:20%;display:flex}.qr-scanner-img-container>img{width:100%}.qr-scanner-button{margin-top:2vh}.sign-container{scrollbar-color:var(--accent-border) #fff0;z-index:11;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}