:root{--main-color: #f7c40a;--secondary-color: #dd0000;--background-color: #000}body{background-color:var(--background-color);font-family:"MOUSE Memoirs",serif}.gameName{color:var(--main-color);text-align:center;font-weight:bolder}.hide{visibility:hidden}.showHover:hover .hide{visibility:visible}#leaderboard-container{background:linear-gradient(var(--background-color) 0 0) padding-box,linear-gradient(to left bottom, var(--secondary-color), var(--main-color)) border-box;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0);position:relative;border-radius:10px;height:35vh;padding:30px 0 0 0;font-size:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}#leaderboard-container #leaderboard{height:100%;overflow-y:auto;display:flex;padding:0 10px;flex-direction:column;width:100%}@media(min-width: 768px){#leaderboard-container{height:80vh}}#leaderboard-container:before{background:linear-gradient(to left, #000 0%, #333 50%, #000 100%) padding-box,linear-gradient(to left bottom, var(--secondary-color), var(--main-color)) border-box;content:"LEADERBOARD";position:absolute;border:solid 3px rgba(0,0,0,0);transform:translate(-50%, -50%);top:0;left:50%;font-weight:bolder;font-size:1.2rem;color:var(--main-color);padding:10px;border-radius:10px;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle{height:60vmin;width:60vmin;border-radius:50%;margin:auto !important;display:flex !important;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 100px 100px, var(--main-color), #000)}#circle #value{color:var(--main-color)}@media(min-width: 768px){#circle{height:30vmin;width:30vmin}}#circle:before{content:"";background-color:#fff;top:50%;left:50%;height:20vmin;width:20vmin;border-radius:50%;transform:translate(-50%, -50%);position:absolute;box-shadow:0 0 15px rgba(0,0,0,.5)}#circle.A{background:radial-gradient(circle at 100px 100px, #FF0000, #000)}#circle.A #value{color:red;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.B{background:radial-gradient(circle at 100px 100px, #FFA500, #000)}#circle.B #value{color:orange;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.C{background:radial-gradient(circle at 100px 100px, #9e9e00, #000)}#circle.C #value{color:#9e9e00;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.D{background:radial-gradient(circle at 100px 100px, #32CD32, #000)}#circle.D #value{color:#32cd32;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.E{background:radial-gradient(circle at 100px 100px, #00FFFF, #000)}#circle.E #value{color:aqua;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.F{background:radial-gradient(circle at 100px 100px, #4169E1, #000)}#circle.F #value{color:#4169e1;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.G{background:radial-gradient(circle at 100px 100px, #800080, #000)}#circle.G #value{color:purple;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.H{background:radial-gradient(circle at 100px 100px, #FF69B4, #000)}#circle.H #value{color:hotpink;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.I{background:radial-gradient(circle at 100px 100px, #FF00FF, #000)}#circle.I #value{color:#f0f;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.J{background:radial-gradient(circle at 100px 100px, #008080, #000)}#circle.J #value{color:teal;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.K{background:radial-gradient(circle at 100px 100px, #FFD700, #000)}#circle.K #value{color:gold;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.L{background:radial-gradient(circle at 100px 100px, #DC143C, #000)}#circle.L #value{color:crimson;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.M{background:radial-gradient(circle at 100px 100px, #8B00FF, #000)}#circle.M #value{color:#8b00ff;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.N{background:radial-gradient(circle at 100px 100px, #8B00FF, #000)}#circle.N #value{color:#8b00ff;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.O{background:radial-gradient(circle at 100px 100px, #FF0000, #000)}#circle.O #value{color:red;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.P{background:radial-gradient(circle at 100px 100px, #FFA500, #000)}#circle.P #value{color:orange;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.Q{background:radial-gradient(circle at 100px 100px, #9e9e00, #000)}#circle.Q #value{color:#9e9e00;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.R{background:radial-gradient(circle at 100px 100px, #32CD32, #000)}#circle.R #value{color:#32cd32;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.S{background:radial-gradient(circle at 100px 100px, #00FFFF, #000)}#circle.S #value{color:aqua;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.T{background:radial-gradient(circle at 100px 100px, #4169E1, #000)}#circle.T #value{color:#4169e1;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.U{background:radial-gradient(circle at 100px 100px, #800080, #000)}#circle.U #value{color:purple;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.V{background:radial-gradient(circle at 100px 100px, #FF69B4, #000)}#circle.V #value{color:hotpink;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.W{background:radial-gradient(circle at 100px 100px, #FF00FF, #000)}#circle.W #value{color:#f0f;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.X{background:radial-gradient(circle at 100px 100px, #008080, #000)}#circle.X #value{color:teal;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.Y{background:radial-gradient(circle at 100px 100px, #FFD700, #000)}#circle.Y #value{color:gold;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#circle.Z{background:radial-gradient(circle at 100px 100px, #DC143C, #000)}#circle.Z #value{color:crimson;font-size:15vmin;line-height:1;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.5)}@media(min-width: 768px){.h-md-100{height:100% !important}}.WordList .Word .Letter{position:relative;display:inline-block;padding:2px 0px 4px 0px;background-image:linear-gradient(to top, #aaa, #ddd, #fff, #fff, #fff, #ddd, #aaa);color:#000;border-radius:3px;border:3px solid #444;box-shadow:inset 0 0 3px #fb0}.WordList .Word .Wordborder{border:1px solid #fb3;border-color:#fb3;position:relative;border-radius:5px}.WordList .Word.Mine .Wordborder{border-color:#090}.WordList .Word .Letter{flex-basis:31px;text-align:center;background-image:linear-gradient(to top, #d91, #fb3, #fb3, #fb3, #fb3, #fb3, #d91)}.WordList .Word .Letters{display:flex;justify-content:center;gap:5px}.WordList .Word .Wordborder{padding:5px}.WordList .Word.Completed{border-radius:5px;background-color:#090}.WordList .Word .Letter.Selected,.WordList .Word .Letter.Current{background-image:linear-gradient(to top, #aaa, #ddd, #fff, #fff, #fff, #ddd, #aaa)}.WordList .Word .Letter.Current{border-color:var(--secondary-color)}