#cpu-section,#player-section{grid-template-columns:minmax(1fr,400px);gap:16px;text-align:center}#effects,#nav{grid-template-columns:1fr}:root,html[data-theme=dark]{--background-color:#212529;--background-on:#d8d8d8;--navbar-color:#343A40;--navbar-on:#d8d8d8;--surface-color:#333B44;--surface-on:#d8d8d8;--inputs-color:#343A40;--inputs-color-disabled:#61696C;--inputs-outline-raised:#ffffff65;--inputs-outline-lowered:#00000066;--inputs-on:#fff;--inputs-on-variant:#899295;--inputs-on-disabled:#b3babd;--primary-color:#b3babd;--primary-on:#fff;--secondary-color:#009FBF;--secondary-on:#009FBF;--error-color:#ba1b1b;--error-on:#fff}html[data-theme=light]{--background-color:#E5E5E5;--background-on:#343A40;--navbar-color:#fafafa;--navbar-on:#343A40;--surface-color:#f1f1f1;--surface-on:#343A40;--inputs-color:#BFC8CC;--inputs-color-disabled:#d8d8d8;--inputs-outline-raised:#05050540;--inputs-outline-lowered:#00000099;--inputs-on:#212529;--inputs-on-variant:#899295;--inputs-on-disabled:#767c7e;--primary-color:#009FBF;--primary-on:#212529;--secondary-color:#00687D;--secondary-on:#fff;--error-color:#ffb4a9;--error-on:#680003}body,html{height:100vh;width:100vw;background-color:var(--background-color);color:var(--background-on);margin:0}button{background-color:var(--secondary-color);color:var(--primary-on);border:0;padding:8px 16px;border-radius:4px}#links img:hover,#settings:hover,button:hover{cursor:pointer}button:disabled{background-color:var(--inputs-on-disabled);cursor:not-allowed}#nav{width:100vw;height:16px;display:grid;justify-items:end}#rolling-wrapper,.modal-wrapper{position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh}canvas{background-color:#fff}#rolling-wrapper{background:#000;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.85) 43%,rgba(0,0,0,.85) 57%,rgba(0,0,0,0) 75%);display:grid;align-items:center;justify-items:center}.modal-wrapper,.surface{align-items:center;display:grid}#rolling-text{font-size:4em;color:var(--error-color)}.modal-wrapper{background:rgb(0,0,0,.5);justify-items:center}.surface{background-color:var(--surface-on);color:var(--surface-color);justify-items:center;padding:16px;border-radius:8px}#game-over-surface{grid-template-rows:auto 1fr}.dynamic-text{display:grid;grid-template-columns:auto auto;align-items:center;justify-items:center;gap:8px}#game-wrapper{display:grid;justify-content:center;grid-template-columns:1fr auto 1fr}#player-section{display:grid;grid-template-rows:auto auto auto auto auto 1fr;align-items:baseline;justify-content:center}#cpu-section{display:grid;grid-template-rows:auto auto auto 1fr auto;align-items:baseline;justify-content:center}#links,.six-dice{align-items:center;grid-template-columns:1fr 1fr 1fr;display:grid}#links{justify-items:center}.dice-wrapper{display:grid;align-content:center;justify-content:center}.six-dice{width:50px;height:50px;border-radius:5px;background-color:#fafafa;border:1px solid #232323;grid-template-rows:1fr 1fr 1fr;justify-items:center}.three-dice-wrapper{position:relative;height:50px}.three-dice{top:10px;left:-19px;width:40px;height:40px;border-radius:5px;position:absolute;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-items:center}.dice-dot{background-color:#111;width:10px;height:10px;border-radius:5px}.triangle{position:absolute;top:0;left:-25px;width:0;height:0;border:26px solid transparent;border-top:0;border-bottom:50px solid #fafafa;border-radius:8px}#effects{display:grid;gap:4px}.power-up{color:#169316}.power-down{color:var(--error-color)}