:root{--background-color: #051f1a;--text-color: #b78a23;--reel-width: 160px;--reel-height: 400px}@font-face{font-family:Medieval Scribish;src:url(../../../fonts/Scribish.woff2) format("woff2"),url(../../../fonts/Scribish.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LifeCraft;src:url(../../../fonts/LifeCraft.woff2) format("woff2"),url(../../../fonts/LifeCraft.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{background-color:var(--background-color);background-image:url(../../../images/bg.jpg);color:var(--text-color);background-size:cover;background-repeat:no-repeat}h1{margin-bottom:0;margin-top:50px;font-size:80px;font-family:Medieval Scribish;font-weight:400;text-align:center}.slot-machine{position:relative;min-height:686px}.slot-machine .button.-spin{position:absolute;bottom:40px;right:120px;background:none;outline:none;border:none;z-index:3;cursor:pointer;background-image:url(../../../images/spin.png);background-size:auto;background-repeat:no-repeat;background-position:0 0;width:400px;height:146px}.slot-machine .button.-spin:active{background-position:0 -146px}.role-select-container{position:absolute;bottom:108px;left:140px;display:flex;column-gap:20px}.button.role-select{background:url(../../../images/role-selection.png);background-size:auto;background-repeat:no-repeat;background-position:center;width:57px;height:58px;border:none;outline:none;cursor:pointer}.button.role-select.-tank{background-position:0 0}.button.role-select.-healer{background-position:-57px 0}.button.role-select.-dps{background-position:-114px 0}.button.role-select.-active{background-position-y:-58px}.slot-machine-bezel{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:2;width:944px;height:686px;padding-top:90px;display:grid;background-image:url(../../../images/slot-bezel.png);background-size:contain;grid-template-columns:repeat(5,160px);grid-gap:2px;justify-content:center;background-repeat:no-repeat;background-position:center}.slot-machine-bezel .slot-reel-header{margin-top:35px;font-size:1.5rem;font-weight:700;text-align:center}.slot-reel-container{padding-top:180px;display:grid;grid-template-columns:repeat(5,160px);grid-gap:2px;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:center}.slot-reel{margin:0 auto;width:var(--reel-width);height:var(--reel-height);background:url(../../../images/reel-bg.jpg);background-repeat:repeat;background-position:0 0;position:relative}.slot-reel .reel-image{width:100%;height:100%;background-size:cover;background-repeat:repeat-y;background-position:0 0}.slot-reel .title-card{position:absolute;top:0;left:0;width:100%;height:100}.slot-reel.-gender .reel-image{background:url(../../../images/reel-gender.png)}.slot-reel.-faction .reel-image{background:url(../../../images/reel-faction.png)}.slot-reel.-race .reel-image{background:url(../../../images/reel-race.png)}.slot-reel.-class .reel-image{background:url(../../../images/reel-class.png)}.slot-reel.-spec .reel-image{background:url(../../../images/reel-spec.png)}