html{--main-text-color: rgb(231, 226, 237);--base-bg-color: rgb(25 15 47);--field-bg-color: rgb(72, 72, 114);--nested-field-bg-color: rgb(54 51 91);--outline-color: rgb(65, 32, 113);height:calc(100svh + 200px);font-family:sans-serif;color:var(--main-text-color);background-color:#190f2f}body{margin:0;height:100%;box-sizing:border-box;padding:8px}#root,#app{height:100%}#banner,#statistics,#controls>div{padding:min(1%,8px);background-color:var(--field-bg-color);border:1px solid var(--outline-color);border-radius:8px}#banner{grid-area:banner;display:flex;justify-content:space-between;align-items:center}#banner>h1,#banner>div>p{margin:0}#banner>h1{font-size:clamp(.6rem,.6rem + 1vw,2rem)}#banner>div>p{text-align:end;font-size:clamp(10px,10px + 1vw,1.2rem)}#banner>div{display:flex;align-items:center;gap:8px}#screen{grid-area:screen;aspect-ratio:16 / 9;position:relative;padding:0;background-color:var(--field-bg-color);border:1px solid var(--outline-color);border-radius:8px}#fun-mode-message{position:absolute;margin:0;width:100%;padding:min(.5vw,4px) 0;font-size:clamp(8px,2px + 1vw,16px);color:#f0f8ff;background-color:#e83f2e;border-bottom:1px solid #8a300d;font-weight:700;border-top-left-radius:inherit;border-top-right-radius:inherit;display:flex;justify-content:center;align-items:center}#in-game-info{position:absolute;width:100%;height:100%;z-index:1;display:flex;align-items:end;justify-content:space-evenly}#in-game-info>div.info-box{box-sizing:border-box;width:27%;height:25%;padding:1%;margin-bottom:2.5%;border-radius:8px;outline:1px solid rgb(172,181,214);background-color:#1b0c3f59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:space-around}div.info-box>div{display:flex;gap:4px}div.info-box>div>ol{margin:0;padding:0;display:flex;width:100%;justify-content:space-evenly}div.info-box>div>ol>li{list-style:none}li.blue{text-shadow:0 0 10px #47b2f2,0 0 6px #63bdf2,0 0 2px #63bdf2}li.purple{text-shadow:0 0 10px #a547f2,0 0 6px #ac57f2,0 0 2px #ac57f2}li.pink{text-shadow:0 0 10px #f24bd0,0 0 6px #f260ce,0 0 2px #f260ce}div.info-box>p:nth-child(2){margin:0 5%;font-size:min(2px + 1vw,20px)}div.info-box>p:nth-child(4){margin:0 5%;font-size:min(2px + 1vw,20px)}div.info-box>div>p:nth-child(4)>span:nth-child(3){color:#32cd32}canvas{display:block;width:100%;border-radius:inherit;pointer-events:none}#statistics{grid-area:statistics;display:flex;flex-direction:column;gap:min(1vw,8px);overflow-y:hidden}#controls{grid-area:controls;display:grid;gap:inherit;grid-template-columns:subgrid}#app{display:grid;gap:8px;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;grid-template-areas:"banner" "screen" "controls" "statistics"}@media (min-aspect-ratio: 1/1){html{height:100dvh}#app{grid-template-columns:auto minmax(20vw,38%);grid-template-rows:auto auto 1fr;grid-template-areas:"banner banner" "screen statistics" "controls statistics"}}@media (min-aspect-ratio: 5/3){#app{grid-template-columns:auto minmax(20vw,42%);grid-template-rows:auto 1fr minmax(0,1fr);grid-template-areas:"banner banner" "screen statistics" "controls controls"}}#bet-actions,#bet-settings{display:flex;gap:min(1%,8px);justify-content:space-around}input{text-align:center;font-size:clamp(.6rem,.6rem + 1vw,1.4rem)}#wager{flex:3;display:flex;justify-content:center;align-items:center;padding:min(1%,8px);background-color:var(--nested-field-bg-color);border:1px solid var(--outline-color);border-radius:8px}#wager>div{display:flex;gap:min(1vw,8px);flex-wrap:wrap;justify-content:center}#wager>div>div,#auto-mode{font-size:clamp(7px,7px + 1vw,1.4rem)}#auto-mode{flex:2;padding:8px;background-color:var(--nested-field-bg-color);border:1px solid var(--outline-color);border-radius:8px}#bet-actions>div{flex:1;display:flex;gap:min(1vw,8px);flex-direction:column;align-items:center;justify-content:center;padding-bottom:min(1vw,8px);background-color:var(--nested-field-bg-color);border:1px solid var(--outline-color);border-radius:8px}#bet-actions>div>button{color:#000;align-self:stretch;flex:4;padding:8px min(1%,8px);max-height:70%;font-size:clamp(10px,10px + 1.8vw,2.4rem);line-height:1;border-top-left-radius:inherit;border-top-right-radius:inherit;border:none;border-bottom:1px solid var(--outline-color);position:relative}#bet-actions>div>button>div.won-message{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6fb9eb;pointer-events:none;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:8px min(1%,8px);border-top-left-radius:inherit;border-top-right-radius:inherit;border:none;border-bottom:1px solid var(--outline-color)}#bet-actions>div>button>div.won-message>p{margin:0;color:#000;font-size:clamp(10px,10px + 1.8vw,2.4rem);line-height:1}#bet-actions>div>button>div.won-message>span:nth-child(1){display:flex;justify-content:center;align-items:center;gap:min(.5vw,8px);flex-wrap:wrap}#bet-actions>div>button>div.lost-message{position:absolute;top:0;left:0;width:100%;height:100%;color:#000;background-color:#ff7070;pointer-events:none;box-sizing:border-box;padding:8px min(1%,8px);display:flex;justify-content:center;align-items:center;font-size:clamp(8px,8px + 1.8vw,2rem);line-height:1;border-top-left-radius:inherit;border-top-right-radius:inherit;border:none;border-bottom:1px solid var(--outline-color)}#bet-actions>div>div{flex:1;align-content:center}#bet-actions>div>div>div{display:flex;align-items:center;gap:min(1vw,8px);border-radius:8px;background-color:var(--field-bg-color);border:1px solid var(--outline-color)}#bet-actions>div>div>div>button{padding:min(1vw,4px) min(2vw,8px);align-self:stretch;color:#000;border:none;border-right:1px solid var(--outline-color);border-top-left-radius:inherit;border-bottom-left-radius:inherit;font-size:clamp(6px,6px + 1vw,1.2rem);display:flex;gap:min(1vw,3px)}#bet-actions>div>div>div>span{padding:min(1vw,4px) min(2vw,8px) min(1vw,4px) 0;font-size:clamp(6px,6px + 1vw,1.2rem)}#auto-mode,#set-amount{display:flex;gap:8px;flex-direction:column;justify-content:center;align-items:center}#set-amount>div,#auto-mode>div{display:flex;justify-content:center}#set-amount>div>button,#auto-mode>div>button{aspect-ratio:1;border:1px solid var(--outline-color);color:var(--main-text-color);background-color:var(--field-bg-color);font-size:clamp(.6rem,.6rem + 1vw,1.4rem)}#set-amount>div>button:nth-child(1),#auto-mode>div>button:nth-child(2){border-top-left-radius:50%;border-bottom-left-radius:50%}#set-amount>div>button:nth-child(3),#auto-mode>div>button:nth-child(4){border-top-right-radius:50%;border-bottom-right-radius:50%}#set-amount>div>input,#auto-mode>div>input{background-color:var(--field-bg-color);border:none;border-top:1px solid var(--outline-color);border-bottom:1px solid var(--outline-color);color:var(--main-text-color);padding:min(1vw,4px) 0}#pick-amount{display:flex;gap:8px;flex-direction:column;justify-content:center}#pick-amount>div{flex:1;display:flex;gap:min(1vw,4px)}#pick-amount>div>button{flex:1;padding:min(1vw,4px) min(1vw,8px);border-radius:8px;color:var(--main-text-color);background-color:var(--field-bg-color);border:1px solid var(--outline-color);font-size:clamp(.6rem,.6rem + 1vw,1.2rem)}#pick-amount>div>button:hover{background-color:var(--base-bg-color)}#auto-mode>div>span{margin:0 min(1vw,4px) 0 0;align-self:center}#side-selection,#criteria-selection,.four-segments,.three-segments{display:flex}.four-segments>span{width:25%}.three-segments>span{width:33%}ul.main-list{margin:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto}ul.main-list>li{list-style:none;background-color:var(--nested-field-bg-color);border:1px solid var(--outline-color)}ul.main-list>li.cashed-out{background-color:#3a7849;border:1px solid rgb(28 153 100)}li.figure-out{display:flex;justify-content:space-between}ul.dropdown-list{margin:0;padding:0;display:flex;flex-direction:column;position:absolute;width:100%}ul.dropdown-list>li{list-style:none;background-color:var(--base-bg-color);border:1px solid var(--outline-color)}ul.dropdown-list>li:hover{cursor:pointer;background-color:var(--field-bg-color)}#statistics>div>button{flex:1;background-color:var(--nested-field-bg-color);border:1px solid var(--outline-color);color:var(--main-text-color)}#statistics>div>button.selected-side,#statistics>div>button.selected-criteria{background-color:var(--base-bg-color)}#prev-rd{background-color:var(--nested-field-bg-color);border:1px solid var(--outline-color);text-align:center}#dropdown-buttons{display:flex;justify-content:center;gap:2%}.dropdown{width:30%;position:relative}.dropdown>button{width:100%;color:var(--main-text-color);background-color:var(--nested-field-bg-color);border:1px solid var(--outline-color)}button{cursor:pointer}button:disabled{cursor:not-allowed}.bold{font-weight:700}.smallText{font-size:.6em}.mediumText{font-size:.8em}.place{background-color:#93f176}.placed{background-color:#f59b57;cursor:not-allowed}.exit{background-color:#fad672}#bet-actions>div>button.unavailable{color:#545355;background-color:#908ea4}.on{background-color:#adccf7}.off{background-color:#798097}.off:hover{background-color:#abbbdf}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.info-icon{cursor:pointer}